@font-face {
    font-family: 'GothaProMed';
    src: url(fonts/GothaProMed.otf);
    font-weight: 400;
}

@font-face {
    font-family: 'GothaProLig';
    src: url(fonts/GothaProLig.otf);
    font-weight: 400;
}

@font-face {
    font-family: 'GothaProBol';
    src: url(fonts/GothaProBol.otf);
    font-weight: 400;
}

@font-face {
    font-family: 'GothaProReg';
    src: url(fonts/GothaProReg.otf);
    font-weight: 400;
}

@font-face {
    font-family: 'GothaProBla';
    src: url(fonts/GothaProBla.otf);
    font-weight: 400;
}

@font-face {
    font-family: 'GothaProIta';
    src: url(fonts/GothaProIta.otf);
    font-weight: 400;
}

.main-lg {
    background: url(../images/main.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 799px;
    height: 100vh;
}

.main-width-lg {
    width: 1170px;
    overflow: auto;
    margin: 0px auto 0px;
}

.main-width-logo-lg {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 30px;
    float: left;
}

.main-width-logo-lg span {
    font: 22px/normal 'GothaProBol';
}

.main-width-phone-lg {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 33px;
    padding-left: 15px;
    float: right;
}

.main-width-logo-sm {
    font: 15px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 30px;
    float: left;
}

.main-width-logo-sm span {
    font: 15px/normal 'GothaProBol';
}

.main-width-logo-xs {
    font: 15px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 30px;
}

.main-width-logo-xs span {
    font: 15px/normal 'GothaProBol';
}

.main-width-phone-sm {
    font: 15px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 30px;
    padding-left: 15px;
    float: right;
}

.menu {
    float: right;
    padding-top: 33px;
}

.menu li {
    float: left;
    font: 18px/normal 'GothaProLig';
    color: #fff;
    list-style-type: none;
    padding-left: 20px;
}

.menu a:link {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-decoration: none;
}

.menu a:active {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-decoration: none;
}

.menu a:visited {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-decoration: none;
}

.menu a:hover {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-decoration: underline;
}

.main-header-lg {
    font: 55px/normal 'GothaProBla';
    color: #fff;
    text-align: center;
    padding-top: 120px;
    line-height: 1.1;
}

.main-header2-lg {
    font: 30px/normal 'GothaProReg';
    color: #ffffff;
    text-align: center;
    padding-top: 25px;
}

.main-down-lg {
    background: url(../images/down.png) no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    margin: 260px auto 0px;
}

.typeevent-lg {
    background: #fff;
    width: 100%;
    overflow: auto;
}

.typeevent-header-lg {
    font: 40px/normal 'GothaProBol';
    color: #000;
    text-align: center;
    padding-top: 70px;
    text-transform: uppercase;
}

.typeevent-header2-lg {
    font: 24px/normal 'GothaProLig';
    color: #000;
    text-align: center;
    padding-top: 5px;
}xb

.typeevent-width-lg {
    width: 780px;
    overflow: auto;
    margin: 50px auto 70px;
}

.typeevent-width-col1-lg {
    width: 300px;
    overflow: auto;
    float: left;
}

.typeevent-width-line-lg {
    width: 100%;
    overflow: auto;
}

.typeevent-width-line-plus-lg {
    background: url(../images/plus.png) no-repeat;
    width: 30px;
    height: 30px;
    float: left;
}

.typeevent-width-line-text-lg {
    font: 18px/normal 'GothaProLig';
    color: #000;
    text-align: left;
    float: left;
}

.typeevent-width-col3-lg {
    width: 180px;
    overflow: auto;
    float: left;
}

.video-lg {
    background: url(../images/videoback.jpg) 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
}

.video-header-lg {
    font: 50px/normal 'GothaProBla';
    color: #fff;
    text-align: center;
    padding-top: 70px;
    line-height: 1;
}

.video-header-lg span {
    font: 40px/normal 'GothaProLig';
}

.video-play-lg {
    background: url(../images/play.png) no-repeat;
    background-size: cover;
    width: 100px;
    height: 100px;
    margin: 110px auto 0px;
}

.video-catalog-lg {
    width: 300px;
    height: 45px;
    margin: 110px auto 0px;
    border: 2px solid #fff;
    font: 18px/normal 'GothaProMed';
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.area {
    background: #fff;
    width: 100%;
    overflow: auto;
}

.area-header-lg {
    font: 40px/normal 'GothaProBol';
    color: #000;
    text-align: center;
    padding-top: 70px;
    text-transform: uppercase;
}

.area-header2-lg {
    font: 24px/normal 'GothaProLig';
    color: #000;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 50px;
}

.example-width-col-lg {
    width: 968px;
    overflow: auto;
    margin: 0px auto 0px;
}

.example-width-col-img-lg {
    width: 242px;
    height: 242px;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
}

.area-line-lg {
    width: 968px;
    height: 50px;
    background: #2f2f2f;
    margin: 0px auto 70px;
}

.area-line-text-lg {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 15px;
}

.area-line-text-lg a:link {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-decoration: none;
}

.area-line-text-lg a:active {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-decoration: none;
}

.area-line-text-lg a:visited {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-decoration: none;
}

.area-line-text-lg a:hover {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-decoration: underline;
}

.team {
    background: #23282b;
    width: 100%;
    overflow: auto;
}

.team-header-lg {
    font: 42px/normal 'GothaProBol';
	color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding-top: 100px;
}

.team-header2-lg {
    font: 24px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 5px;
}

.team-width-lg {
    width: 620px;
    overflow: auto;
    margin: 70px auto 0px;
}

.team-width-col1-lg {
    width: 270px;
    overflow: auto;
    float: left;
}

.team-width-photo1-lg {
    width: 270px;
    height: 270px;
    background: url(../images/yura.jpg) no-repeat;
    background-size: cover;
}

.team-width-col2-lg {
    width: 270px;
    overflow: auto;
    float: left;
    margin-left: 80px;
}

.team-width-photo2-lg {
    width: 270px;
    height: 270px;
    background: url(../images/alex.jpg) no-repeat;
    background-size: cover;
}

.team-width-photo3-lg {
    width: 270px;
    height: 270px;
    background: url(../images/serg.jpg) no-repeat;
    background-size: cover;
}

.team-width-head-lg {
    font: 20px/normal 'GothaProMed';
    color: #fff;
    text-align: center;
    padding-top: 15px;
}

.team-width-line-lg {
    width: 30px;
    height: 2px;
    background: #fff;
    margin: 20px auto 0px;
}

.team-width-position-lg {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 15px;
}

.team-width-mail-lg {
    font: 16px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 5px;
}

.team-button-lg {
    width: 300px;
    height: 55px;
    background: url(../images/contactus.png) no-repeat;
    background-size: contain;
    margin: 70px auto 100px;
}

.clients {
    background: #edecec;
    width: 100%;
    overflow: auto;
}

.clients-header-lg {
    font: 40px/normal 'GothaProBol';
    color: #000;
    text-align: center;
    padding-top: 70px;
    text-transform: uppercase;
}

.clients-header2-lg {
    font: 24px/normal 'GothaProLig';
    color: #000;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 50px;
}

.clients-width-lg {
    width: 936px;
    overflow: auto;
    margin: 20px auto 0px;
}

.clients-width-tehnopolis-lg {
    background: url(../images/clients/tehnopolis.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
}

.clients-width-heliport-lg {
    background: url(../images/clients/heliport.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.clients-width-goverment-lg {
    background: url(../images/clients/goverment.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.clients-width-tvigle-lg {
    background: url(../images/clients/tvigle.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.clients-width-sber-lg {
    background: url(../images/clients/sber.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
}

.clients-width-kanzler-lg {
    background: url(../images/clients/kanzler.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.clients-width-misis-lg {
    background: url(../images/clients/misis.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.clients-width-kmt-lg {
    background: url(../images/clients/kmt.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.space70 {
    padding-top: 70px;
}

.map-lg {
    background: url(../images/map.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
}

.map-width-lg {
    width: 938px;
    overflow: auto;
    margin: 0px auto;
}

.map-width-woman-lg {
    background: url(../images/womangrey.png) no-repeat;
    background-size: contain;
    width: 938px;
    height: 471px;
    margin-top: 129px;
}



.map-width-fz-lg {
    width: 600px;
    height: 300px;
    float: right;
    margin-top: 105px;
}

.map-width-fz-header-lg {
    font: 35px/normal 'GothaProLig';
    color: #000;
    text-align: center;
    width: 330px;
    float: left;
}

.map-width-fz-line-lg {
    width: 130px;
    height: 1px;
    background: #000;
    float: left;
    margin-top: 20px;
}

input[type="text"]::-webkit-input-placeholder {
    color: #fff;
   } 
   input[type="text"]::-moz-placeholder {
    color: #fff;
   }

.zahvat input[type='text'] {
	font: 16px/normal 'GothaProReg';
    color: #fff;
	border-radius: 0px;
	width: 415px;
	margin: 15px 0px 0px 0px;
	height: 40px;
    padding-left: 15px;
    border: 1px solid #fff;
    background: rgba(255, 255, 25, 0);
}

.zahvat input[type='submit'] {
	font: 18px/normal 'GothaProMed';
	color: #fff;
	border: 0px solid white;
	width: 415px;
	height: 50px;
    background: #4fd39a;
    background-size: contain;
    margin: 15px 0 0px 0px;
    border-radius: 0px;
}

.zahvat-sm input[type='text'] {
	font: 16px/normal 'GothaProReg';
    color: #fff;
	border-radius: 0px;
	width: 350px;
	margin: 15px 0px 0px 0px;
	height: 40px;
    padding-left: 15px;
    border: 1px solid #fff;
    background: rgba(255, 255, 25, 0);
}

.zahvat-sm input[type='submit'] {
	font: 18px/normal 'GothaProMed';
	color: #fff;
	border: 0px solid white;
	width: 350px;
	height: 50px;
    background: #4fd39a;
    background-size: contain;
    margin: 15px 0 0px 0px;
    border-radius: 0px;
}

.zahvat .select {
	font: 16px/normal 'GothaProReg';
    color: #a9a9a9;
	border-radius: 0px;
	width: 320px;
	margin: 15px 0px 0px 0px;
	height: 40px;
    padding-left: 15px;
    border: 1px solid #a9a9a9;
    background: rgba(255, 255, 25, 0);
}

.zahvat-md input[type='text'] {
	font: 15px/normal 'GothaProMed';
    color: #fff;
	border-radius: 0px;
	width: 460px;
	margin: 25px 0px 0px 0px;
	height: 45px;
    padding-left: 15px;
    border: 2px solid #fff;
    background: rgba(255, 255, 25, 0);
}

.zahvat-md input[type='submit'] {
	font: 22px/normal 'GothaProMed';
	color: #000;
	border: 0px solid white;
	width: 460px;
	height: 65px;
    background: url(../images/button.png) no-repeat;
    background-size: contain;
    margin: 15px 0 0px 0px;
    border-radius: 10px;
}

.zahvat-xs input[type='text'] {
	font: 12px/normal 'GothaProReg';
    color: #a9a9a9;
	border-radius: 0px;
	width: 240px;
	margin: 10px 0px 0px 0px;
	height: 30px;
    padding-left: 15px;
    border: 1px solid #a9a9a9;
    background: rgba(255, 255, 25, 0);
}

.zahvat-xs input[type='submit'] {
	font: 12px/normal 'GothaProMed';
	color: #fff;
	border: 0px solid white;
	width: 240px;
	height: 30px;
    background: #4fd39a;
    background-size: contain;
    margin: 10px 0 0px 0px;
    border-radius: 0px;
}

.zahvat-xs .select {
	font: 12px/normal 'GothaProReg';
    color: #a9a9a9;
	border-radius: 0px;
	width: 240px;
	margin: 10px 0px 0px 0px;
	height: 30px;
    padding-left: 15px;
    border: 1px solid #a9a9a9;
    background: rgba(255, 255, 25, 0);
}

.footer {
    background: #8a8a8a;
    width: 100%;
    overflow: auto;
}

.footer-width-lg {
    width: 900px;
    overflow: auto;
    margin: 30px auto;
}

.footer-width-col1-lg {
    width: 350px;
    overflow: auto;
    float: left;
}

.footer-width-col-header-lg {
    font: 18px/normal 'GothaProMed';
    color: #fff;
    text-align: left;
}

.footer-width-col-line-lg {
    width: 50px;
    height: 1px;
    background: #fff;
    margin-top: 10px;
}

.footer-width-col-text-lg {
    font: 15px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    line-height: 1.4;
    padding-top: 10px;
}

.footer-width-col-text-lg a:link {
    font: 15px/normal 'GothaProLig';
    color: #fff;
    text-decoration: none;
}

.footer-width-col-text-lg a:active {
    font: 15px/normal 'GothaProLig';
    color: #fff;
    text-decoration: none;
}

.footer-width-col-text-lg a:visited {
    font: 15px/normal 'GothaProLig';
    color: #fff;
    text-decoration: none;
}

.footer-width-col-text-lg a:hover {
    font: 15px/normal 'GothaProLig';
    color: #fff;
    text-decoration: underline;
}

.zahvat-subs {
    width: 100%;
    overflow: auto;
    margin-top: 10px;
}

.zahvat-subs input[type='text'] {
	font: 14px/normal 'GothaProReg';
	border-radius: 0px;
	width: 230px;
	height: 40px;
    margin-top: 0px;
    padding-left: 20px;
    border: 2px solid #fff;
    background: #8a8a8a;
    float: left;
}

.zahvat-subs input[type="text"]::-webkit-input-placeholder {
    color: #fff;
   } 
.zahvat-subs input[type="text"]::-moz-placeholder {
    color: #fff;
   }

.zahvat-subs input[type='submit'] {
	font: 14px/normal 'GothaProReg';
	color: #000;
	border: 0px solid white;
	width: 100px;
	height: 40px;
    margin-left: 10px;
    background: #fccb15;
    float: left;
}

.footer-width-col2-lg {
    width: 300px;
    overflow: auto;
    float: left;
    margin-left: 40px;
    margin-right: 30px;
}

.team-width-photo4-lg {
    width: 270px;
    height: 270px;
    background: url(../images/ilia.jpg) no-repeat;
    background-size: cover;
}

.team-width-photo5-lg {
    width: 270px;
    height: 270px;
    background: url(../images/alex.jpg) no-repeat;
    background-size: cover;
}

.team-width-photo6-lg {
    width: 270px;
    height: 270px;
    background: url(../images/serg-cate.jpg) no-repeat;
    background-size: cover;
}

.clients-width-forward-lg {
    background: url(../images/clients/forward.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
}

.clients-width-pandora-lg {
    background: url(../images/clients/pandora.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.clients-width-otkrytie-lg {
    background: url(../images/clients/otkrytie.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.clients-width-tetrapak-lg {
    background: url(../images/clients/tetrapak.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.clients-width-trinova-lg {
    background: url(../images/clients/trinova.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
}

.clients-width-rinvestbank-lg {
    background: url(../images/clients/Rinvestbank.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.space20 {
    padding-top: 20px;
}

.area-header1-2-lg {
    font: 40px/normal 'GothaProBol';
    color: #000;
    text-align: center;
    padding-top: 20px;
    text-transform: uppercase;
}

.modal-video-lg {
    margin-left: 5px;
}

.clients-width-globalevent-lg {
    background: url(../images/clients/globalevent.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.clients-width-eventcatalog-lg {
    background: url(../images/clients/eventcatalog.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.main-width-md {
    width: 970px;
    overflow: auto;
    margin: 0px auto 0px;
}

.main-width-logo-md {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 30px;
    text-transform: uppercase;
    float: left;
}

.main-width-logo-md span {
    font: 18px/normal 'GothaProBol';
}

.menu-md {
    float: right;
    padding-top: 33px;
}

.menu-md li {
    float: left;
    font: 16px/normal 'GothaProLig';
    color: #fff;
    list-style-type: none;
    padding-left: 10px;
}

.menu-md a:link {
    color: #fff;
    text-decoration: none;
}

.menu-md a:active {
    color: #fff;
    text-decoration: none;
}

.menu-md a:visited {
    color: #fff;
    text-decoration: none;
}

.menu-md a:hover {
    color: #fff;
    text-decoration: underline;
}

.main-width-phone-md {
    font: 16px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 33px;
    padding-left: 15px;
    float: left;
}

.main-header-md {
    font: 40px/normal 'GothaProBla';
    color: #fff;
    text-align: left;
}

.main-header2-md {
    font: 22px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 20px;
}

.main-down-md {
    background: url(../images/down.png) no-repeat;
    background-size: cover;
    width: 34px;
    height: 34px;
    margin: 260px auto 0px;
}

.footer-width-md {
    width: 970px;
    overflow: auto;
    margin: 30px auto;
}

.footer-width-col2-md {
    width: 200px;
    overflow: auto;
    float: left;
    margin-left: 10px;
    margin-right: 60px;
}

.footer-width-col1-md {
    width: 350px;
    overflow: auto;
    float: left;
}

.main-width-sm {
    width: 750px;
    overflow: auto;
    margin: 0px auto 0px;
}

.main-width1-sm {
    width: 255px;
    overflow: auto;
    margin: 0px auto 0px;
}

.menu-sm {
    padding-top: 10px;
    padding-left: 0px;
}

.menu-sm li {
    float: left;
    font: 16px/normal 'GothaProLig';
    color: #fff;
    list-style-type: none;
    padding-left: 5px;
    padding-right: 5px;
}

.menu-sm a:link {
    color: #fff;
    text-decoration: none;
}

.menu-sm a:active {
    color: #fff;
    text-decoration: none;
}

.menu-sm a:visited {
    color: #fff;
    text-decoration: none;
}

.menu-sm a:hover {
    color: #fff;
    text-decoration: underline;
}

.main-header-sm {
    font: 45px/normal 'GothaProBla';
    color: #fff;
    text-align: center;
    padding-top: 80px;
}

.main-header2-sm {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.main-down-sm {
    background: url(../images/down.png) no-repeat;
    background-size: cover;
    width: 28px;
    height: 28px;
    margin: 150px auto 0px;
}

.main-sm {
    background: url(../images/main.jpg) no-repeat;
    width: 100%;
    min-height: 700px;
    height: 100vh;
    background-size: cover;
}

.typeevent-header-sm {
    font: 32px/normal 'GothaProBol';
    color: #000;
    text-align: center;
    padding-top: 50px;
    text-transform: uppercase;
}

.typeevent-header2-sm {
    font: 20px/normal 'GothaProLig';
    color: #000;
    text-align: center;
    padding-top: 5px;
}

.typeevent-width-sm {
    width: 680px;
    overflow: auto;
    margin: 40px auto 50px;
}

.typeevent-width-col1-sm {
    width: 250px;
    overflow: auto;
    float: left;
}

.video-header-sm {
    font: 40px/normal 'GothaProBla';
    color: #fff;
    text-align: center;
    padding-top: 50px;
    line-height: 1;
}

.video-header-sm span {
    font: 22px/normal 'GothaProLig';
}

.video-play-sm {
    background: url(../images/play.png) no-repeat;
    background-size: cover;
    width: 70px;
    height: 70px;
    margin: 70px auto 0px;
}

.video-catalog-sm {
    width: 250px;
    height: 40px;
    margin: 110px auto 0px;
    border: 2px solid #fff;
    font: 16px/normal 'GothaProMed';
    color: #fff;
    text-align: center;
    padding-top: 8px;
}

.video-sm {
    background: url(../images/videoback.jpg) 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
    height: 470px;
}

.area-header-sm {
    font: 32px/normal 'GothaProBol';
    color: #000;
    text-align: center;
    padding-top: 50px;
    text-transform: uppercase;
}

.area-header2-sm {
    font: 20px/normal 'GothaProLig';
    color: #000;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 50px;
}

.example-width-col-sm {
    width: 748px;
    overflow: auto;
    margin: 0px auto 0px;
}

.example-width-col-img-sm {
    width: 187px;
    height: 187px;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
}

.area-line-sm {
    width: 748px;
    height: 46px;
    background: #2f2f2f;
    margin: 0px auto 70px;
}

.area-line-text-sm {
    font: 16px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 15px;
}

.area-line-text-sm a:link {
    color: #fff;
    text-decoration: none;
}

.area-line-text-sm a:active {
    color: #fff;
    text-decoration: none;
}

.area-line-text-sm a:visited {
    color: #fff;
    text-decoration: none;
}

.area-line-text-sm a:hover {
    color: #fff;
    text-decoration: underline;
}

.area-header1-2-sm {
    font: 32px/normal 'GothaProBol';
    color: #000;
    text-align: center;
    padding-top: 0px;
    text-transform: uppercase;
}

.team-header-sm {
    font: 36px/normal 'GothaProBol';
	color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding-top: 50px;
}

.team-header2-sm {
    font: 20px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 5px;
}

.team-width-sm {
    width: 480px;
    overflow: auto;
    margin: 50px auto 0px;
}

.team-width-col1-sm {
    width: 210px;
    overflow: auto;
    float: left;
}

.team-width-col2-sm {
    width: 210px;
    overflow: auto;
    float: left;
    margin-left: 60px;
}

.team-width-photo1-sm {
    width: 210px;
    height: 210px;
    background: url(../images/yura.jpg) no-repeat;
    background-size: cover;
}

.team-width-photo2-sm {
    width: 210px;
    height: 210px;
    background: url(../images/alex.jpg) no-repeat;
    background-size: cover;
}

.team-width-photo3-sm {
    width: 210px;
    height: 210px;
    background: url(../images/serg.jpg) no-repeat;
    background-size: cover;
}

.team-width-photo4-sm {
    width: 210px;
    height: 210px;
    background: url(../images/ilia.jpg) no-repeat;
    background-size: cover;
}

.team-width-photo5-sm {
    width: 210px;
    height: 210px;
    background: url(../images/alex.jpg) no-repeat;
    background-size: cover;
}

.team-width-photo6-sm {
    width: 210px;
    height: 210px;
    background: url(../images/serg-cate.jpg) no-repeat;
    background-size: cover;
}

.team-width-head-sm {
    font: 18px/normal 'GothaProMed';
    color: #fff;
    text-align: center;
    padding-top: 15px;
}

.team-width-position-sm {
    font: 16px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 15px;
}

.team-width-mail-sm {
    font: 14px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 5px;
}

.team-button-sm {
    width: 210px;
    height: 40px;
    background: url(../images/contactus.png) no-repeat;
    background-size: contain;
    margin: 50px auto 50px;
}

.clients-header-sm {
    font: 32px/normal 'GothaProBol';
    color: #000;
    text-align: center;
    padding-top: 50px;
    text-transform: uppercase;
}

.clients-header2-sm {
    font: 20px/normal 'GothaProLig';
    color: #000;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 50px;
}

.clients-width-sm {
    width: 750px;
    overflow: auto;
    margin: 10px auto 0px;
}

.clients-width-tehnopolis-sm {
    background: url(../images/clients/tehnopolis.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
}

.clients-width-heliport-sm {
    background: url(../images/clients/heliport.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
    margin-left: 10px;
}

.clients-width-goverment-sm {
    background: url(../images/clients/goverment.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
    margin-left: 10px;
}

.clients-width-tvigle-sm {
    background: url(../images/clients/tvigle.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
    margin-left: 10px;
}

.clients-width-sber-sm {
    background: url(../images/clients/sber.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
}

.clients-width-kanzler-sm {
    background: url(../images/clients/kanzler.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
    margin-left: 10px;
}

.clients-width-misis-sm {
    background: url(../images/clients/misis.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
    margin-left: 10px;
}

.clients-width-kmt-sm {
    background: url(../images/clients/kmt.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
    margin-left: 10px;
}

.clients-width-forward-sm {
    background: url(../images/clients/forward.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
}

.clients-width-pandora-sm {
    background: url(../images/clients/pandora.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
    margin-left: 10px;
}

.clients-width-otkrytie-sm {
    background: url(../images/clients/otkrytie.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
    margin-left: 10px;
}

.clients-width-tetrapak-sm {
    background: url(../images/clients/tetrapak.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
    margin-left: 10px;
}

.clients-width-trinova-sm {
    background: url(../images/clients/trinova.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
}

.clients-width-rinvestbank-sm {
    background: url(../images/clients/Rinvestbank.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
    margin-left: 10px;
}

.clients-width-globalevent-sm {
    background: url(../images/clients/globalevent.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
    margin-left: 10px;
}

.clients-width-eventcatalog-sm {
    background: url(../images/clients/eventcatalog.jpg) no-repeat;
    background-size: cover;
    width: 180px;
    height: 65px;
    float: left;
    margin-left: 10px;
}

.space50 {
    padding-top: 50px;
}

.map-width-sm {
    width: 750px;
    overflow: auto;
    margin: 0px auto;
}

.map-width-woman-sm {
    background: url(../images/womangrey.png) no-repeat;
    background-size: contain;
    width: 750px;
    height: 375px;
    margin-top: 129px;
}

.map-sm {
    background: url(../images/map.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 506px;
}

.map-width-fz-sm {
    width: 550px;
    height: 250px;
    float: right;
    margin-top: 90px;
}

.map-width-fz-line-sm {
    width: 100px;
    height: 1px;
    background: #000;
    float: left;
    margin-top: 20px;
}

.map-width-fz-header-sm {
    font: 28px/normal 'GothaProLig';
    color: #000;
    text-align: center;
    width: 300px;
    float: left;
}

.footer-width-sm {
    width: 750px;
    overflow: auto;
    margin: 30px auto;
}

.footer-width-col1-sm {
    width: 350px;
    overflow: auto;
    float: right;
}

.main-width-phone-xs {
    font: 15px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 33px;
    padding-left: 15px;
    float: left;
}

.main-header-xs {
    font: 30px/normal 'GothaProBla';
    color: #fff;
    text-align: center;
    padding-top: 60px;
}

.main-header2-xs {
    font: 14px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.main-down-xs {
    background: url(../images/down.png) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin: 90px auto 0px;
}

.main-xs {
    background: url(../images/main.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 500px;
    height: 100vh;
}

.typeevent-header-xs {
    font: 20px/normal 'GothaProBol';
    color: #000;
    text-align: center;
    padding-top: 30px;
    text-transform: uppercase;
}

.typeevent-header2-xs {
    font: 14px/normal 'GothaProLig';
    color: #000;
    text-align: center;
    padding-top: 5px;
}

.typeevent-width-xs {
    width: 320px;
    overflow: auto;
    margin: 20px auto 30px;
}

.typeevent-width-col1-xs {
    width: 175px;
    overflow: auto;
    float: left;
}

.typeevent-width-line-plus-xs {
    background: url(../images/plus.png) no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    float: left;
}

.typeevent-width-line-text-xs {
    font: 14px/normal 'GothaProLig';
    color: #000;
    text-align: left;
    float: left;
    padding-left: 5px;
}

.typeevent-width-col2-xs {
    width: 140px;
    overflow: auto;
    float: right;
}

.video-header-xs {
    font: 28px/normal 'GothaProBla';
    color: #fff;
    text-align: center;
    padding-top: 50px;
    line-height: 0.8;
}

.video-header-xs span {
    font: 15px/normal 'GothaProLig';
}
.video-play-xs {
    background: url(../images/play.png) no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    margin: 50px auto 0px;
}

.video-catalog-xs {
    width: 200px;
    height: 36px;
    margin: 60px auto 0px;
    border: 2px solid #fff;
    font: 14px/normal 'GothaProMed';
    color: #fff;
    text-align: center;
    padding-top: 8px;
}

.video-xs {
    background: url(../images/videoback.jpg) 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
    height: 340px;
}

.area-header-xs {
    font: 20px/normal 'GothaProBol';
    color: #000;
    text-align: center;
    padding-top: 30px;
    text-transform: uppercase;
}

.area-header2-xs {
    font: 14px/normal 'GothaProLig';
    color: #000;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 30px;
}

.example-width-col-xs {
    width: 320px;
    overflow: auto;
    margin: 0px auto 0px;
}

.example-width-col-img-xs {
    width: 160px;
    height: 160px;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
}

.area-line-xs {
    width: 320px;
    height: 46px;
    background: #2f2f2f;
    margin: 0px auto 30px;
}

.area-line-text-xs {
    font: 12px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 18px;
}

.area-line-text-xs a:link {
    color: #fff;
    text-decoration: none;
}

.area-line-text-xs a:active {
    color: #fff;
    text-decoration: none;
}

.area-line-text-xs a:visited {
    color: #fff;
    text-decoration: none;
}

.area-line-text-xs a:hover {
    color: #fff;
    text-decoration: underline;
}

.area-header1-2-xs {
    font: 20px/normal 'GothaProBol';
    color: #000;
    text-align: center;
    padding-top: 0px;
    text-transform: uppercase;
}

.team-header-xs {
    font: 26px/normal 'GothaProBol';
	color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding-top: 50px;
}

.team-header2-xs {
    font: 14px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 5px;
}

.team-width-xs {
    width: 320px;
    overflow: auto;
    margin: 30px auto 0px;
}

.team-width-col1-xs {
    width: 150px;
    overflow: auto;
    float: left;
}

.team-width-photo1-xs {
    width: 150px;
    height: 150px;
    background: url(../images/yura.jpg) no-repeat;
    background-size: cover;
}

.team-width-col2-xs {
    width: 150px;
    overflow: auto;
    float: left;
    margin-left: 20px;
}

.team-width-photo2-xs {
    width: 150px;
    height: 150px;
    background: url(../images/alex.jpg) no-repeat;
    background-size: cover;
}

.team-width-head-xs {
    font: 16px/normal 'GothaProMed';
    color: #fff;
    text-align: center;
    padding-top: 15px;
}

.team-width-position-xs {
    font: 12px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.team-width-mail-xs {
    font: 12px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 5px;
}

.team-width-line-xs {
    width: 25px;
    height: 2px;
    background: #fff;
    margin: 10px auto 0px;
}

.team-width-photo3-xs {
    width: 150px;
    height: 150px;
    background: url(../images/serg.jpg) no-repeat;
    background-size: cover;
}

.team-width-photo4-xs {
    width: 150px;
    height: 150px;
    background: url(../images/ilia.jpg) no-repeat;
    background-size: cover;
}

.team-width-photo5-xs {
    width: 150px;
    height: 150px;
    background: url(../images/alex.jpg) no-repeat;
    background-size: cover;
}

.team-width-photo6-xs {
    width: 150px;
    height: 150px;
    background: url(../images/serg-cate.jpg) no-repeat;
    background-size: cover;
}

.clients-header-xs {
    font: 20px/normal 'GothaProBol';
    color: #000;
    text-align: center;
    padding-top: 30px;
    text-transform: uppercase;
}

.clients-header2-xs {
    font: 14px/normal 'GothaProLig';
    color: #000;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 20px;
}

.clients-width-xs {
    width: 320px;
    overflow: auto;
    margin: 10px auto 0px;
}

.clients-width-tehnopolis-xs {
    background: url(../images/clients/tehnopolis.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 54px;
    float: left;
}

.clients-width-heliport-xs {
    background: url(../images/clients/heliport.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 54px;
    float: right;
    margin-left: 0px;
}

.clients-width-goverment-xs {
    background: url(../images/clients/goverment.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 54px;
    float: left;
    margin-left: 0px;
}

.clients-width-tvigle-xs {
    background: url(../images/clients/tvigle.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 54px;
    float: right;
    margin-left: 0px;
}

.clients-width-sber-xs {
    background: url(../images/clients/sber.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 54px;
    float: left;
}

.clients-width-kanzler-xs {
    background: url(../images/clients/kanzler.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 54px;
    float: right;
    margin-left: 0px;
}

.clients-width-misis-xs {
    background: url(../images/clients/misis.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 54px;
    float: left;
    margin-left: 0px;
}

.clients-width-kmt-xs {
    background: url(../images/clients/kmt.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 54px;
    float: right;
    margin-left: 0px;
}

.map-width-xs {
    width: 320px;
    overflow: auto;
    margin: 0px auto;
}

.map-width-fz-xs {
    width: 350px;
    height: 250px;
    float: right;
    margin-top: 150px;
    background: #cccccc;
}

.map-width-fz-header-xs {
    font: 26px/normal 'GothaProLig';
    color: #000;
    text-align: right;
    padding-top: 25px;
    padding-right: 50px;
}

.map-xs {
    background: url(../images/map.jpg) 20% 50% no-repeat;
    background-size: cover;
    width: 100%;
    height: 430px;
}

.footer-width-xs {
    width: 320px;
    overflow: auto;
    margin: 30px auto;
}

.footer-width-col-header-xs {
    font: 18px/normal 'GothaProMed';
    color: #fff;
    text-align: center;
}

.footer-width-col-line-xs {
    width: 50px;
    height: 1px;
    background: #fff;
    margin: 10px auto 0px;
}

.footer-width-col-text-xs {
    font: 15px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    line-height: 1.4;
    padding-top: 10px;
}

.footer-width-col-text-xs a:link {
    color: #fff;
    text-decoration: none;
}

.footer-width-col-text-xs a:active {
    color: #fff;
    text-decoration: none;
}

.footer-width-col-text-xs a:visited {
    color: #fff;
    text-decoration: none;
}

.footer-width-col-text-xs a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-width-col1-xs {
    width: 320px;
    overflow: auto;
    float: left;
}

.main-line-lg {
    width: 100px;
    height: 4px;
    background: #fff;
    margin: 60px auto 0px;
}

.main-widthcf-lg {
    width: 900px;
    overflow: auto;
    margin: 80px auto 0px;
}

.main-widthcf-left-lg {
    width: 400px;
    overflow: auto;
    border: 3px solid #000;
    overflow: auto;
    float: left;
}

.main-widthcf-right-lg {
    width: 400px;
    overflow: auto;
    border: 3px solid #000;
    overflow: auto;
    float: right;
}



.main-widthform-lg {
    width: 265px;
    overflow: auto;
    margin: 10px auto 0px;
}

.main-widthform-sec-lg {
    background: url(../images/sec.png) no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    float: left;
}

.main-widthform-text-lg {
    float: left;
    font: 10px/normal 'GothaProLig';
	color: #000;
    text-align: center;
    width: 250px;
}

.main-widthcf-header-lg {
    font: 26px/normal 'GothaProBol';
	color: #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 30px;
}

.main-widthcf-text-lg {
    font: 20px/normal 'GothaProLig';
	color: #000;
    text-align: center;
    padding-top: 30px;
}

.main-widthcf-costwidth-lg {
    width: 400px;
    overflow: auto;
    margin-top: 30px;
}

.main-widthcf-cost-lg {
    font: 40px/normal 'GothaProBol';
	color: #ff0000;
    text-align: left;
    width: 112px;
    overflow: auto;
    float: left;
}

.main-widthcf-oldcost-lg {
    font: 40px/normal 'GothaProBol';
	color: #fff;
    text-align: left;
    width: 110px;
    overflow: auto;
    float: left;
    text-decoration: line-through;
}

.adv-width-lg {
    width: 1000px;
    overflow: auto;
    margin: 50px auto 0px;
}

.adv-width-left-lg {
    width: 500px;
    overflow: auto;
    float: left;
}

.adv-width-header-lg {
    font: 34px/normal 'GothaProBol';
	color: #000;
    text-align: left;
}

.adv-width-line-lg {
    width: 65px;
    height: 3px;
    background: #000;
    margin-top: 15px;
}

.adv-width-text-lg {
    font: 22px/normal 'GothaProLig';
	color: #000;
    text-align: left;
    padding-top: 15px;
}

.adv-button-lg {
    width: 280px;
    height: 49px;
    background: url(../images/contactus.png) no-repeat;
    background-size: contain;
    margin-top: 38px;
}

.modern {
    width: 100%;
    overflow: auto;
    background: #f0f0f0;
}

.modern-width-lg {
    width: 900px;
    overflow: auto;
    margin: 100px auto;
}

.modern-width-left-lg {
    width: 550px;
    overflow: auto;
    float: left;
}

.modern-width-header-lg {
    font: 36px/normal 'GothaProBol';
	color: #000;
    text-align: left;
}

.modern-width-text-lg {
    font: 24px/normal 'GothaProLig';
	color: #000;
    text-align: left;
    padding-top: 15px;
}

.modern-picture-lg {
    background: url(../images/htmlcss.png) no-repeat;
    background-size: contain;
    width: 300px;
    height: 300px;
}

.space100 {
    padding-top: 100px;
}

.portfolio {
    width: 100%;
    overflow: auto;
    background: #fff;
}

.portfolio-header-lg {
    font: 42px/normal 'GothaProBol';
	color: #000;
    text-align: center;
    padding-top: 100px;
}

.portfolio-line-lg {
    width: 65px;
    height: 4px;
    background: #000;
    margin: 20px auto 0px;
}

.portfolio-text-lg {
    font: 24px/normal 'GothaProLig';
	color: #000;
    text-align: center;
    padding-top: 20px;
}

.portfolio-width-lg {
    width: 964px;
    overflow: auto;
    margin: 50px auto 100px;
}

.portfolio-width-left-lg {
    width: 482px;
    overflow: auto;
    float: left;
}

.portfolio-tesla-lg {
    background: url(../images/portfolio/tesla.jpg) no-repeat;
    background-size: contain;
    width: 237px;
    height: 119px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-stone-lg {
    background: url(../images/portfolio/stone.jpg) no-repeat;
    background-size: contain;
    width: 237px;
    height: 119px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-event-lg {
    background: url(../images/portfolio/event.jpg) no-repeat;
    background-size: contain;
    width: 237px;
    height: 119px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-realtor-lg {
    background: url(../images/portfolio/realtor.jpg) no-repeat;
    background-size: contain;
    width: 237px;
    height: 119px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-pb-lg {
    background: url(../images/portfolio/pb.jpg) no-repeat;
    background-size: contain;
    width: 237px;
    height: 119px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-carrepair-lg {
    background: url(../images/portfolio/carrepair.jpg) no-repeat;
    background-size: contain;
    width: 237px;
    height: 119px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-smarthome-lg {
    background: url(../images/portfolio/smarthome.jpg) no-repeat;
    background-size: contain;
    width: 237px;
    height: 119px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-comp-lg {
    background: url(../images/portfolio/comp.jpg) no-repeat;
    background-size: contain;
    width: 237px;
    height: 119px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-furniture-lg {
    background: url(../images/portfolio/furniture-transformer.jpg) no-repeat;
    background-size: contain;
    width: 478px;
    height: 242px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.team-line-lg {
    width: 65px;
    height: 4px;
    background: #fff;
    margin: 20px auto 0px;
}

.team-text-lg {
    font: 24px/normal 'GothaProLig';
	color: #fff;
    text-align: center;
    padding-top: 20px;
}

.faq-width-header-lg {
    font: 24px/normal 'GothaProBol';
	color: #000;
    text-align: left;
}

.cf-lg {
    background: #fff;
    width: 100%;
    overflow: auto;
}

.faq-width-text-lg {
    font: 18px/normal 'GothaProLig';
	color: #000;
    text-align: justify;
    padding-top: 15px;
    width: 450px;
}

.faq2-width-text-lg {
    font: 18px/normal 'GothaProLig';
	color: #000;
    text-align: justify;
    padding-top: 15px;
    width: 970px;
}

.main-widthcf-md {
    width: 870px;
    overflow: auto;
    margin: 50px auto 0px;
}

.main-widthcf-left-md {
    width: 450px;
    overflow: auto;
    float: left;
}

.main-widthcf-header-md {
    font: 30px/normal 'GothaProBol';
	color: #fff;
    text-align: left;
    text-transform: uppercase;
}

.main-widthcf-text-md {
    font: 19px/normal 'GothaProLig';
	color: #fff;
    text-align: left;
    padding-top: 30px;
}

.main-widthcf-right-md {
    width: 380px;
    height: 400px;
    border: 5px solid #fff;
    overflow: auto;
    float: right;
}

.main-line-md {
    width: 70px;
    height: 3px;
    background: #fff;
    margin: 60px auto 0px;
}

.main-md {
    background: url(../images/main.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 700px;
    height: 100vh;
}

.adv-width-md {
    width: 940px;
    overflow: auto;
    margin: 50px auto 0px;
}

.adv-width-left-md {
    width: 470px;
    overflow: auto;
    float: left;
}

.adv-width-header-md {
    font: 32px/normal 'GothaProBol';
	color: #000;
    text-align: left;
}

.adv-width-line-md {
    width: 50px;
    height: 3px;
    background: #000;
    margin-top: 15px;
}

.adv-width-text-md {
    font: 17px/normal 'GothaProLig';
	color: #000;
    text-align: left;
    padding-top: 15px;
    width: 400px;
}

.modern-width-md {
    width: 900px;
    overflow: auto;
    margin: 100px auto;
}

.faq2-width-text-md {
    font: 18px/normal 'GothaProLig';
	color: #000;
    text-align: justify;
    padding-top: 15px;
    width: 940px;
}

.main-width-logowidth-sm {
    width: 110px;
    overflow: auto;
    margin: 0px auto;
}

.main-widthcf-sm {
    width: 440px;
    overflow: auto;
    margin: 50px auto 0px;
    border: 5px solid #fff;
    padding-top: 20px;
}

.main-widthcf-header-sm {
    font: 30px/normal 'GothaProBol';
	color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding-top: 10px;
}

.main-widthcf-text-sm {
    font: 19px/normal 'GothaProLig';
	color: #fff;
    text-align: left;
    padding-top: 30px;
    width: 310px;
    margin: 0px auto;
}

.main-widthcf-costwidth-sm {
    width: 112px;
    overflow: auto;
    margin: 30px auto 0px;
}

.main-widthcf-right-sm {
    width: 380px;
    height: 385px;
    border: 0px solid #fff;
    overflow: auto;
    margin: 0px auto;
}

.adv-width-sm {
    width: 750px;
    overflow: auto;
    margin: 50px auto 0px;
}

.adv-width-left-sm {
    width: 375px;
    overflow: auto;
    float: left;
}

.adv-width-text-sm {
    font: 17px/normal 'GothaProLig';
	color: #000;
    text-align: left;
    padding-top: 15px;
    width: 340px;
}

.adv-button-sm {
    width: 280px;
    height: 49px;
    background: url(../images/contactus.png) no-repeat;
    background-size: contain;
    margin-top: 50px;
}

.modern-width-sm {
    width: 650px;
    overflow: auto;
    margin: 50px auto;
}

.modern-width-left-sm {
    width: 450px;
    overflow: auto;
    float: left;
}

.modern-picture-sm {
    background: url(../images/htmlcss.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    float: right;
    margin-top: 10px;
}

.modern-width-header-sm {
    font: 30px/normal 'GothaProBol';
	color: #000;
    text-align: left;
}

.modern-width-text-sm {
    font: 20px/normal 'GothaProLig';
	color: #000;
    text-align: left;
    padding-top: 15px;
}

.portfolio-width-left-sm {
    width: 482px;
    overflow: auto;
    margin: 50px auto;
}

.portfolio-header-sm {
    font: 30px/normal 'GothaProBol';
	color: #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 50px;
}

.portfolio-text-sm {
    font: 22px/normal 'GothaProLig';
	color: #000;
    text-align: center;
    padding-top: 15px;
}

.portfolio-line-sm {
    width: 50px;
    height: 4px;
    background: #000;
    margin: 15px auto 0px;
}

.team-line-sm {
    width: 50px;
    height: 4px;
    background: #fff;
    margin: 15px auto 0px;
}

.team-text-sm {
    font: 22px/normal 'GothaProLig';
	color: #fff;
    text-align: center;
    padding-top: 15px;
}

.faq-width-text-sm {
    font: 16px/normal 'GothaProLig';
	color: #000;
    text-align: justify;
    padding-top: 15px;
    width: 350px;
}

.faq-width-header-sm {
    font: 18px/normal 'GothaProBol';
	color: #000;
    text-align: left;
}

.adv-width-line-sm {
    width: 35px;
    height: 3px;
    background: #000;
    margin-top: 15px;
}

.faq2-width-text-sm {
    font: 16px/normal 'GothaProLig';
	color: #000;
    text-align: justify;
    padding-top: 15px;
}

.main-widthcf2-md {
    width: 870px;
    overflow: auto;
    margin: 0px auto 0px;
    padding-top: 30px;
}

.cf-md {
    background: url(../images/main.jpg) no-repeat;
    width: 100%;
    height: 550px;
    background-size: cover;
}

.main-widthcf2-sm {
    width: 440px;
    overflow: auto;
    margin: 0px auto 0px;
    border: 5px solid #fff;
    padding-top: 20px;
}

.cf-sm {
    background: url(../images/main.jpg) no-repeat;
    width: 100%;
    height: 800px;
    background-size: cover;
}

.main-width-logowidth-xs {
    width: 95px;
    overflow: auto;
    margin: 0px auto;
}

.main-line-xs {
    width: 40px;
    height: 3px;
    background: #fff;
    margin: 50px auto 0px;
}

.main-header3-xs {
    font: 12px/normal 'GothaProLig';
    color: #333333;
    text-align: justify;
    padding-top: 20px;
    width: 300px;
    margin: 0px auto;
}

.main-widthcf-xs {
    width: 320px;
    overflow: auto;
    margin: 50px auto 0px;
    border: 5px solid #fff;
    padding-top: 20px;
}

.main-widthcf-header-xs {
    font: 22px/normal 'GothaProBol';
	color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.main-widthcf-text-xs {
    font: 14px/normal 'GothaProLig';
	color: #fff;
    text-align: left;
    padding-top: 30px;
    width: 250px;
    margin: 0px auto;
}

.main-widthcf-cost-xs {
    font: 30px/normal 'GothaProBol';
	color: #ff0000;
    text-align: left;
    width: 85px;
    overflow: auto;
    float: left;
}

.main-widthcf-oldcost-xs {
    font: 30px/normal 'GothaProBol';
	color: #fff;
    text-align: left;
    width: 85px;
    overflow: auto;
    float: left;
    text-decoration: line-through;
}

.main-widthcf-costwidth-xs {
    width: 85px;
    overflow: auto;
    margin: 30px auto 0px;
}

.main-widthcf-right-xs {
    width: 300px;
    overflow: auto;
    border: 0px solid #fff;
    overflow: auto;
    margin: 0px auto;
}

.adv-width-xs {
    width: 300px;
    overflow: auto;
    margin: 25px auto 25px;
}

.adv-width-text-xs {
    font: 15px/normal 'GothaProLig';
	color: #000;
    text-align: left;
    padding-top: 15px;
}

.adv-width-header-xs {
    font: 24px/normal 'GothaProBol';
	color: #000;
    text-align: left;
}

.adv-width-line-xs {
    width: 40px;
    height: 3px;
    background: #000;
    margin-top: 15px;
}

.portfolio-width-left-xs {
    width: 320px;
    overflow: auto;
    margin: 50px auto;
}

.portfolio-tesla-xs {
    background: url(../images/portfolio/tesla.jpg) no-repeat;
    background-size: contain;
    width: 156px;
    height: 79px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-stone-xs {
    background: url(../images/portfolio/stone.jpg) no-repeat;
    background-size: contain;
    width: 156px;
    height: 79px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-event-xs {
    background: url(../images/portfolio/event.jpg) no-repeat;
    background-size: contain;
    width: 156px;
    height: 79px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-realtor-xs {
    background: url(../images/portfolio/realtor.jpg) no-repeat;
    background-size: contain;
    width: 156px;
    height: 79px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-pb-xs {
    background: url(../images/portfolio/pb.jpg) no-repeat;
    background-size: contain;
    width: 156px;
    height: 79px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-carrepair-xs {
    background: url(../images/portfolio/carrepair.jpg) no-repeat;
    background-size: contain;
    width: 156px;
    height: 79px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-smarthome-xs {
    background: url(../images/portfolio/smarthome.jpg) no-repeat;
    background-size: contain;
    width: 156px;
    height: 79px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-comp-xs {
    background: url(../images/portfolio/comp.jpg) no-repeat;
    background-size: contain;
    width: 156px;
    height: 79px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-furniture-xs {
    background: url(../images/portfolio/furniture-transformer.jpg) no-repeat;
    background-size: contain;
    width: 316px;
    height: 161px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-header-xs {
    font: 26px/normal 'GothaProBol';
	color: #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 50px;
}

.portfolio-line-xs {
    width: 40px;
    height: 3px;
    background: #000;
    margin: 15px auto 0px;
}

.portfolio-text-xs {
    font: 16px/normal 'GothaProLig';
	color: #000;
    text-align: center;
    padding-top: 15px;
}

.modern-width-header-xs {
    font: 28px/normal 'GothaProBol';
	color: #000;
    text-align: center;
    padding-top: 35px;
}

.modern-width-line-xs {
    width: 40px;
    height: 3px;
    background: #000;
    margin: 15px auto 0px;
}

.modern-width-text-xs {
    font: 18px/normal 'GothaProLig';
	color: #000;
    text-align: center;
    padding-top: 15px;
}

.modern-picture-xs {
    background: url(../images/htmlcss.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    margin: 35px auto 35px;
}

.team-line-xs {
    width: 40px;
    height: 3px;
    background: #fff;
    margin: 15px auto 0px;
}

.team-text-xs {
    font: 16px/normal 'GothaProLig';
	color: #fff;
    text-align: center;
    padding-top: 15px;
}

.team-button-xs {
    width: 150px;
    height: 30px;
    background: url(../images/contactus.png) no-repeat;
    background-size: contain;
    margin: 30px auto;
}

.space25 {
    padding-top: 25px;
}

.main-widthcf2-xs {
    width: 320px;
    overflow: auto;
    margin: 5px auto 0px;
    border: 5px solid #fff;
    padding-top: 20px;
}

.cf-xs {
    background: url(../images/main.jpg) no-repeat;
    width: 100%;
    height: 520px;
    background-size: cover;
}

.modal-tesla-lg {
    background: url(../images/lp/tesla.jpg) no-repeat;
    background-size: cover;
    width: 560px;
    height: 4450px;
}

.modal-tesla-xs {
    background: url(../images/lp/tesla.jpg) no-repeat;
    background-size: cover;
    width: 265px;
    height: 2100px;
    margin: 0px auto;
}

.modal-stone-lg {
    background: url(../images/lp/stone.jpg) no-repeat;
    background-size: cover;
    width: 560px;
    height: 2100px;
}

.modal-stone-xs {
    background: url(../images/lp/stone.jpg) no-repeat;
    background-size: cover;
    width: 265px;
    height: 991px;
    margin: 0px auto;
}

.portfolio-wrfrm-lg {
    background: url(../images/portfolio/wrfrm.jpg) no-repeat;
    background-size: contain;
    width: 478px;
    height: 242px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-wrfrm-xs {
    background: url(../images/portfolio/wrfrm.jpg) no-repeat;
    background-size: contain;
    width: 316px;
    height: 161px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-usability-lg {
    background: url(../images/portfolio/usability.jpg) no-repeat;
    background-size: contain;
    width: 237px;
    height: 119px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-usability-xs {
    background: url(../images/portfolio/usability.jpg) no-repeat;
    background-size: contain;
    width: 156px;
    height: 79px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.modal-wrfrm-lg {
    background: url(../images/lp/wrfrm.jpg) no-repeat;
    background-size: cover;
    width: 560px;
    height: 2456px;
}

.modal-wrfrm-xs {
    background: url(../images/lp/wrfrm.jpg) no-repeat;
    background-size: cover;
    width: 265px;
    height: 1162px;
    margin: 0px auto;
}

.modal-realtor-lg {
    background: url(../images/lp/realtor.jpg) no-repeat;
    background-size: cover;
    width: 560px;
    height: 3146px;
}

.modal-realtor-xs {
    background: url(../images/lp/realtor.jpg) no-repeat;
    background-size: cover;
    width: 265px;
    height: 1489px;
    margin: 0px auto;
}

.modal-pb-lg {
    background: url(../images/lp/pb.jpg) no-repeat;
    background-size: cover;
    width: 560px;
    height: 2098px;
}

.modal-pb-xs {
    background: url(../images/lp/pb.jpg) no-repeat;
    background-size: cover;
    width: 265px;
    height: 993px;
    margin: 0px auto;
}

.modal-carrepair-lg {
    background: url(../images/lp/carrepair.jpg) no-repeat;
    background-size: cover;
    width: 560px;
    height: 3166px;
}

.modal-carrepair-xs {
    background: url(../images/lp/carrepair.jpg) no-repeat;
    background-size: cover;
    width: 265px;
    height: 1498px;
    margin: 0px auto;
}

.modal-smarthome-lg {
    background: url(../images/lp/smarthome.jpg) no-repeat;
    background-size: cover;
    width: 560px;
    height: 9144px;
}

.modal-smarthome-xs {
    background: url(../images/lp/smarthome.jpg) no-repeat;
    background-size: cover;
    width: 265px;
    height: 4327px;
    margin: 0px auto;
}

.modal-usability-lg {
    background: url(../images/lp/usability.jpg) no-repeat;
    background-size: cover;
    width: 560px;
    height: 3756px;
}

.modal-usability-xs {
    background: url(../images/lp/usability.jpg) no-repeat;
    background-size: cover;
    width: 265px;
    height: 1777px;
    margin: 0px auto;
}

.modal-furniture-lg {
    background: url(../images/lp/furniture.jpg) no-repeat;
    background-size: cover;
    width: 560px;
    height: 3414px;
}

.modal-furniture-xs {
    background: url(../images/lp/furniture.jpg) no-repeat;
    background-size: cover;
    width: 265px;
    height: 1615px;
    margin: 0px auto;
}

.tp-widthcf-lg {
    width: 400px;
    overflow: auto;
    margin: 90px auto 0px;
}

.tp-facebook-lg {
    background: url(../images/facebook.png) no-repeat;
    background-size: contain;
    width: 300px;
    height: 160px;
    margin: 0px auto;
}

.tp-text-lg {
    font: 22px/normal 'GothaProLig';
	color: #333333;
    text-align: center;
    padding-top: 20px;
}

.tp-widthcf-md {
    width: 380px;
    overflow: auto;
    margin: 90px auto 0px;
}

.tp-sm {
    background: url(../images/main.jpg) no-repeat;
    width: 100%;
    height: 600px;
    background-size: cover;
}

.space5 {
    padding-top: 5px;
}

.main-button-lg {
    background: #fe3939;
    width: 420px;
    height: 60px;
    margin: 60px auto 0px;
    font: 30px/normal 'GothaProBol';
    color: #fff;
    padding-top: 16px;
    text-align: center;
}

.main-textlow-lg {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 20px;
}

.modern-width-right-lg {
    width: 350px;
    overflow: auto;
    float: left;
}

.steps-lg {
    background: url(../images/steps.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 750px;
}

.steps-header-lg {
    font: 40px/normal 'GothaProBol';
    color: #fff;
    text-align: center;
    padding-top: 90px;
}

.steps-line-lg {
    width: 380px;
    height: 3px;
    background: #fe3939;
    margin: 10px auto 0px;
}

.steps-textwidth-lg {
    width: 730px;
    overflow: auto;
    margin: 30px auto 0px;
}

.steps-text-width-1-lg {
    font: 26px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 20px;
}

.steps-line2-lg {
    width: 218px;
    height: 3px;
    background: #fe3939;
    margin: 10px auto 0px;
}

.portfolio-text2-lg {
    font: 18px/normal 'GothaProLig';
	color: #000;
    text-align: left;
    padding-top: 20px;
}

.portfolio-pbevent-lg {
    background: url(../images/portfolio/pbevent.jpg) no-repeat;
    background-size: contain;
    width: 478px;
    height: 242px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-y-lg {
    background: url(../images/portfolio/y.jpg) no-repeat;
    background-size: contain;
    width: 478px;
    height: 242px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-quantum-lg {
    background: url(../images/portfolio/quantum.jpg) no-repeat;
    background-size: contain;
    width: 478px;
    height: 242px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-english-lg {
    background: url(../images/portfolio/english.jpg) no-repeat;
    background-size: contain;
    width: 478px;
    height: 242px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-mixville-lg {
    background: url(../images/portfolio/mixville.jpg) no-repeat;
    background-size: contain;
    width: 478px;
    height: 242px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.main-widthcf-header2-lg {
    font: 22px/normal 'GothaProBol';
	color: #000;
    text-align: center;
    text-transform: uppercase;
    padding-top: 30px;
}

.zahvat-formtext-lg {
    font: 16x/normal 'GothaProLig';
    color: #000;
    text-align: left;
    padding-left: 30px;
    padding-top: 15px;
}

.pay-pic-lg {
    background: url(../images/pay.jpg) no-repeat;
    background-size: contain;
    width: 900px;
    height: 260px;
    margin: 50px auto 0px;
}

.main-button-md {
    background: #fe3939;
    width: 420px;
    height: 60px;
    margin: 60px auto 0px;
    font: 30px/normal 'GothaProBol';
    color: #fff;
    padding-top: 16px;
    text-align: center;
}

.main-button-sm {
    background: #fe3939;
    width: 350px;
    height: 60px;
    margin: 60px auto 0px;
    font: 26px/normal 'GothaProBol';
    color: #fff;
    padding-top: 18px;
    text-align: center;
}

.main-button-xs {
    background: #fe3939;
    width: 270px;
    height: 50px;
    margin: 50px auto 0px;
    font: 18px/normal 'GothaProBol';
    color: #fff;
    padding-top: 18px;
    text-align: center;
}

.main-textlow-xs {
    font: 15px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 20px;
}

.modern-picture-md {
    background: url(../images/htmlcss.png) no-repeat;
    background-size: contain;
    width: 300px;
    height: 300px;
}

.modern-width-left-md {
    width: 300px;
    overflow: auto;
    float: left;
}

.modern-width-right-sm {
    width: 200px;
    overflow: auto;
    float: left;
}

.steps-header-sm {
    font: 30px/normal 'GothaProBol';
    color: #fff;
    text-align: center;
    padding-top: 90px;
}

.steps-line-sm {
    width: 290px;
    height: 3px;
    background: #fe3939;
    margin: 10px auto 0px;
}

.steps-text-width-1-sm {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 20px;
}

.steps-textwidth-sm {
    width: 500px;
    overflow: auto;
    margin: 30px auto 0px;
}

.steps-sm {
    background: url(../images/steps.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 650px;
}

.steps-header-xs {
    font: 24px/normal 'GothaProBol';
    color: #fff;
    text-align: center;
    padding-top: 50px;
}

.steps-line-xs {
    width: 230px;
    height: 3px;
    background: #fe3939;
    margin: 10px auto 0px;
}

.steps-textwidth-xs {
    width: 280px;
    overflow: auto;
    margin: 30px auto 0px;
}

.steps-text-width-1-xs {
    font: 16px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 20px;
}

.steps-line2-xs {
    width: 130px;
    height: 3px;
    background: #fe3939;
    margin: 10px auto 0px;
}

.portfolio-pbevent-xs {
    background: url(../images/portfolio/pbevent.jpg) no-repeat;
    background-size: contain;
    width: 316px;
    height: 161px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-y-xs {
    background: url(../images/portfolio/y.jpg) no-repeat;
    background-size: contain;
    width: 316px;
    height: 161px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-quantum-xs {
    background: url(../images/portfolio/quantum.jpg) no-repeat;
    background-size: contain;
    width: 316px;
    height: 161px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-english-xs {
    background: url(../images/portfolio/english.jpg) no-repeat;
    background-size: contain;
    width: 316px;
    height: 161px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.portfolio-mixville-xs {
    background: url(../images/portfolio/mixville.jpg) no-repeat;
    background-size: contain;
    width: 316px;
    height: 161px;
    float: left;
    margin: 2px 2px 2px 2px;
}

.main-widthcf-header2-md {
    font: 20px/normal 'GothaProBol';
	color: #fff;
    text-align: left;
    text-transform: uppercase;
    padding-top: 160px;
    
}

.main-widthcf-header2-sm {
    font: 20px/normal 'GothaProBol';
	color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding-top: 30px;
}

.main-widthcf-header2-xs {
    font: 16px/normal 'GothaProBol';
	color: #fff;
    text-align: left;
    text-transform: uppercase;
    padding-top: 30px;
    width: 270px;
    margin: 0px auto;
}

.zahvat-formtext-xs {
    font: 16x/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-left: 16px;
    padding-top: 15px;
}

.pay-pic-sm {
    background: url(../images/pay.jpg) no-repeat;
    background-size: contain;
    width: 750px;
    height: 210px;
    margin: 50px auto 0px;
}

.modal-y-lg {
    background: url(../images/lp/y.jpg) no-repeat;
    background-size: cover;
    width: 560px;
    height: 1223px;
}

.modal-y-xs {
    background: url(../images/lp/y.jpg) no-repeat;
    background-size: cover;
    width: 265px;
    height: 579px;
    margin: 0px auto;
}

.modal-quantum-lg {
    background: url(../images/lp/quantum.jpg) no-repeat;
    background-size: cover;
    width: 560px;
    height: 1989px;
}

.modal-quantum-xs {
    background: url(../images/lp/quantum.jpg) no-repeat;
    background-size: cover;
    width: 265px;
    height: 941px;
    margin: 0px auto;
}

.modal-english-lg {
    background: url(../images/lp/english.jpg) no-repeat;
    background-size: cover;
    width: 560px;
    height: 1644px;
}

.modal-english-xs {
    background: url(../images/lp/english.jpg) no-repeat;
    background-size: cover;
    width: 265px;
    height: 779px;
    margin: 0px auto;
}

.modal-mixville-lg {
    background: url(../images/lp/mixville.jpg) no-repeat;
    background-size: cover;
    width: 560px;
    height: 1683px;
}

.modal-mixville-xs {
    background: url(../images/lp/mixville.jpg) no-repeat;
    background-size: cover;
    width: 265px;
    height: 797px;
    margin: 0px auto;
}

.footer-width-colright-lg {
    width: 350px;
    overflow: auto;
    float: right;
}

.about-text-lg {
    font: 18px/normal 'GothaProLig';
    color: #000;
    text-align: left;
    padding-top: 30px;
    width: 700px;
    overflow: auto;
    margin: 0px auto;
}

.about-im1-lg {
    background: url(../images/place.jpeg) no-repeat;
    width: 700px;
    height: 480px;
    background-size: contain;
    margin: 20px auto;
}

.about-im2-lg {
    background: url(../images/cook.jpeg) no-repeat;
    width: 700px;
    height: 480px;
    background-size: contain;
    margin: 20px auto;
}

.about-im3-lg {
    background: url(../images/vyst.jpeg) no-repeat;
    width: 700px;
    height: 480px;
    background-size: contain;
    margin: 20px auto;
}

.about-im4-lg {
    background: url(../images/feet.jpeg) no-repeat;
    width: 700px;
    height: 480px;
    background-size: contain;
    margin: 20px auto;
}

.about-im5-lg {
    background: url(../images/family.jpeg) no-repeat;
    width: 700px;
    height: 480px;
    background-size: contain;
    margin: 20px auto;
}

.about-im6-lg {
    background: url(../images/kids.jpeg) no-repeat;
    width: 700px;
    height: 480px;
    background-size: contain;
    margin: 20px auto;
}

.about-im7-lg {
    background: url(../images/lead.jpeg) no-repeat;
    width: 700px;
    height: 480px;
    background-size: contain;
    margin: 20px auto;
}

.fest-text-lg {
    font: 24px/normal 'GothaProLig';
    color: #000;
    text-align: left;
    padding-top: 30px;
    width: 700px;
    overflow: auto;
    margin: 0px auto;
    line-height: 1.5;
}

.ved-image-lg {
    background: url(../images/anton.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 219px;
    margin: 30px auto 0px;
}

.ved-header-lg {
    font: 28px/normal 'GothaProMed';
    color: #000;
    text-align: center;
    padding-top: 20px;
}

.ved-text-lg {
    font: 20px/normal 'GothaProLig';
    color: #000;
    text-align: center;
    padding-top: 5px;
}

.clients-width-null1-lg {
    background: url(../images/clients/null.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
}

.clients-width-null2-lg {
    background: url(../images/clients/null.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.main-header3-lg {
    font: 30px/normal 'GothaProBol';
    color: #fff;
    text-align: center;
    padding-top: 50px;
}

.logo-lg {
    background: url(../images/logo.jpg) no-repeat;
    width: 160px;
    height: 40px;
    background-size: contain;
    margin: 10px auto;
}

.partner-button-lg {
    background: #fe3939;
    width: 420px;
    height: 60px;
    margin: 0px auto 0px;
    font: 30px/normal 'GothaProBol';
    color: #fff;
    padding-top: 16px;
    text-align: center;
}

.tp-lg {
    background: #fff;
    width: 100%;
    height: 700px;
    background-size: cover;
}

.tp-header-lg {
    font: 46px/normal 'GothaProBla';
    color: #fff;
    text-align: center;
    padding-top: 300px;
}

.tp-header2-lg {
    font: 30px/normal 'GothaProLig';
    color: #000;
    text-align: center;
    padding-top: 30px;
}

.main-widthform-oferta-lg {
    font: 10px/normal 'GothaProLig';
	color: #000;
    text-align: center;
    width: 250px;
    margin: 10px auto 0px;
}

.oferta-text-lg {
    font: 14px/normal 'GothaProLig';
    color: #000;
    text-align: left;
}

.clients-width-playbig-lg {
    background: url(../images/clients/playbig.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
}

.clients-width-anton-lg {
    background: url(../images/clients/antongovorov.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.clients-width-nrg-lg {
    background: url(../images/clients/nrg.jpg) no-repeat;
    background-size: cover;
    width: 219px;
    height: 79px;
    float: left;
    margin-left: 20px;
}

.modal-partner-width {
    width: 400px;
    margin: 0px auto;
}

.main-header2with-lg {
    width: 900px;
    border: 4px solid #fccb15;
    margin: 90px auto 0px;
}

.main-header2widthform-lg {
    width: 730px;
    margin: 30px auto;
}

.zahvat-submit {
    width: 330px;
    margin: 10px auto 20px;
}

.tools-header-lg {
    font: 40px/normal 'GothaProBol';
    color: #fff;
    text-align: center;
    padding-top: 70px;
    text-transform: uppercase;
}

.tools-header2-lg {
    font: 24px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 20px;
}

.tools-width {
    width: 990px;
    overflow: auto;
    margin: 50px auto 0px;
}

.tools-width-b1 {
    width: 300px;
    overflow: auto;
    float: left;
}

.tools-width-b-header {
    font: 22px/normal 'GothaProBol';
    color: #fff;
    text-align: center;
}

.tools-width-b2 {
    width: 300px;
    overflow: auto;
    float: left;
    margin-left: 30px;
}

.tools-width-b-text {
    font: 16px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 5px;
}

.tools-lg {
    background: url(../images/main.jpg) no-repeat;
    width: 100%;
    height: 1200px;
    background-size: cover;
}

.tp-text2-lg {
    font: 30px/normal 'GothaProBol';
	color: #fff;
    text-align: center;
    padding-top: 60px;
}

.tp-videowidth {
    width: 560px;
    overflow: auto;
    margin: 20px auto 0px;
}

.main-width2 {
    width: 1000px;
    overflow: auto;
    margin: 160px auto 0px;
}

.main-width2-right {
    width: 530px;
    overflow: auto;
    float: right;
}

.main-header {
    font: 65px/normal 'GothaProBla';
    color: #fff;
    text-align: center;
    padding-top: 120px;
}

.tp-width-lg {
    width: 1170px;
    overflow: auto;
    margin: 260px auto 0px;
}

.main-headertext {
    font: 22px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 5px;
}

.main-sharetext {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 20px;
}

.tp-smmbutton {
    margin: 10px auto 0px;
    width: 110px;
    overflow: auto;
}

.main-width2-md {
    width: 900px;
    overflow: auto;
    margin: 160px auto 0px;
}

.main-headertext-md {
    font: 18px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 5px;
}

.main-width2-right-md {
    width: 460px;
    overflow: auto;
    float: right;
}

.main-sharetext-md {
    font: 16px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 20px;
}

.main-width2-sm {
    width: 460px;
    overflow: auto;
    margin: 100px auto 0px;
}

.main-width2-xs {
    width: 300px;
    overflow: auto;
    margin: 100px auto 0px;
}

.main-headertext-xs {
    font: 12px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 5px;
}

.main-sharetext-xs {
    font: 14px/normal 'GothaProLig';
    color: #fff;
    text-align: left;
    padding-top: 20px;
}

.tp-header-xs {
    font: 30px/normal 'GothaProBla';
    color: #fff;
    text-align: center;
    padding-top: 150px;
    line-height: 1.1;
}

.main-header2 {
    font: 26px/normal 'GothaProLig';
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.main-formcenter-lg {
    width: 415px;
    overflow: auto;
    margin: 10px auto 0px;
}

.main-header3 {
    font: 18px/normal 'GothaProLig';
    color: #333333;
    text-align: justify;
    padding-top: 20px;
    width: 500px;
    margin: 0px auto;
}

.main-text-lg {
    font: 18px/normal 'GothaProLig';
	color: #333333;
    text-align: center;
    padding-top: 120px;
}

.main-header3-sm {
    font: 24px/normal 'GothaProReg';
    color: #333333;
    text-align: center;
    padding-top: 130px;
}

.main-formcenter-xs {
    width: 240px;
    overflow: auto;
    margin: 10px auto 0px;
}

.main-text-xs {
    font: 10px/normal 'GothaProLig';
	color: #333333;
    text-align: center;
    padding-top: 80px;
}

.main-header4 {
    font: 24px/normal 'GothaProLig';
    color: #333333;
    text-align: center;
    padding-top: 80px;
}

.main-header4-xs {
    font: 18px/normal 'GothaProLig';
    color: #333333;
    text-align: center;
    padding-top: 50px;
}

.tp-smmbutton-xs {
    margin: 0px auto 0px;
    width: 110px;
    overflow: auto;
}

.main-formcenter-sm {
    width: 350px;
    overflow: auto;
    margin: 10px auto 0px;
}