@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;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url(fonts/OpenSans-Bold.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url(fonts/OpenSans-BoldItalic.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'OpenSansExtraBold';
    src: url(fonts/OpenSans-ExtraBold.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url(fonts/OpenSans-Light.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url(fonts/OpenSans-LightItalic.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url(fonts/OpenSans-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url(fonts/OpenSans-Italic.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'OpenSansExtraBoldItalic';
    src: url(fonts/OpenSans-ExtraBoldItalic.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url(fonts/OpenSans-Semibold.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url(fonts/OpenSans-SemiboldItalic.ttf);
    font-weight: 400;
}

body {
    min-width: 1200px;
    margin: 0px auto;
}

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

.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;
}



.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: 33px/normal 'OpenSansBold';
    color: #fff;
    text-align: center;
    padding-top: 45px;
    line-height: 1.1;
}

.main-header2-lg {
    font: 20px/normal 'OpenSansItalic';
    color: #ffffff;
    text-align: center;
    padding-top: 15px;
}

.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: url(../images/background-history.jpg);
    width: 100%;
    height: 750px;
}

.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 'GothaProMed';
    color: #fff;
	border-radius: 0px;
	width: 210px;
	margin: 5px 15px 0px 15px;
	height: 50px;
    padding-left: 15px;
    border: 2px solid #fff;
    background: rgba(255, 255, 25, 0);
}

.zahvat input[type='submit'] {
	font: 22px/normal 'GothaProMed';
	color: #000;
	border: 0px solid white;
	width: 700px;
	height: 70px;
    background: #fccb15;
    background-size: contain;
    margin: 0px 0 0px 0px;
    border-radius: 0px;
}

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

.zahvat2 input[type='submit'] {
	font: 14px/normal 'GothaProMed';
	color: #000;
	border: 0px solid white;
	width: 250px;
	height: 60px;
    background: #fccb15;
    background-size: contain;
    margin: 0px 0 0px 0px;
    border-radius: 0px;
}

.zahvat3 input[type='text'] {
	font: 14px/normal 'GothaProMed';
    color: #000;
	border-radius: 0px;
	width: 250px;
	margin: 0px 0px 10px 0px;
	height: 50px;
    padding-left: 15px;
    border: 2px solid #000;
    background: rgba(255, 255, 25, 0);
}

.zahvat3 input[type='submit'] {
	font: 14px/normal 'GothaProMed';
	color: #000;
	border: 0px solid white;
	width: 250px;
	height: 60px;
    background: #fccb15;
    background-size: contain;
    margin: 0px 0 0px 0px;
    border-radius: 0px;
}

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

.zahvat4 input[type='text'] {
	font: 16px/normal 'GothaProMed';
    color: #000;
	border-radius: 0px;
	width: 210px;
	margin: 5px 15px 0px 15px;
	height: 50px;
    padding-left: 15px;
    border: 2px solid #000;
    background: rgba(255, 255, 25, 0);
}

.zahvat4 input[type='submit'] {
	font: 22px/normal 'GothaProMed';
	color: #000;
	border: 0px solid white;
	width: 700px;
	height: 70px;
    background: #fccb15;
    background-size: contain;
    margin: 0px 0 0px 0px;
    border-radius: 0px;
}

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

.zahvatcb input[type='text'] {
	font: 16px/normal 'GothaProMed';
    color: #000;
	border-radius: 0px;
	width: 500px;
	margin: 5px 0px 0px 0px;
	height: 50px;
    padding-left: 15px;
    border: 2px solid #000;
    background: rgba(255, 255, 25, 0);
}

.zahvatcb input[type='submit'] {
	font: 22px/normal 'GothaProMed';
	color: #000;
	border: 0px solid white;
	width: 500px;
	height: 70px;
    background: #fccb15;
    background-size: contain;
    margin: 0px 0 0px 0px;
    border-radius: 0px;
}

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

.zahvat500 input[type='text'] {
	font: 16px/normal 'GothaProMed';
    color: #000;
	border-radius: 0px;
	width: 500px;
	margin: 5px 15px 0px 15px;
	height: 50px;
    padding-left: 15px;
    border: 2px solid #000;
    background: rgba(255, 255, 25, 0);
}

.zahvat500 input[type='submit'] {
	font: 22px/normal 'GothaProMed';
	color: #000;
	border: 0px solid #000;
	width: 500px;
	height: 70px;
    background: #fccb15;
    background-size: contain;
    margin: 0px 15px 0px 15px;
    border-radius: 0px;
}

.zahvat-md input[type='text'] {
	font: 14px/normal 'GothaProMed';
    color: #555555;
	border-radius: 0px;
	width: 250px;
	margin: 15px 0 0px 0px;
	height: 35px;
    padding-left: 15px;
    border: 0px solid #b2b0b0;
    background: #f1efef
}

.zahvat-md input[type='submit'] {
	font: 22px/normal 'GothaProMed';
	color: #000;
	border: 0px solid white;
	width: 310px;
	height: 65px;
    background: #fccb15;
    background-size: contain;
    margin: 15px 0 0px 30px;
    border-radius: 10px;
}

.zahvat-xs input[type='text'] {
	font: 14px/normal 'GothaProMed';
    color: #555555;
	border-radius: 0px;
	width: 270px;
	margin: 15px 0 0px 16px;
	height: 35px;
    padding-left: 15px;
    border: 0px solid #b2b0b0;
    background: #f1efef
}

.zahvat-xs input[type='submit'] {
	font: 16px/normal 'GothaProMed';
	color: #000;
	border: 0px solid white;
	width: 270px;
	height: 60px;
    background: #fccb15;
    background-size: contain;
    margin: 20px 0 0px 16px;
    border-radius: 10px;
}

.footer {
    background: url(../images/background-footer.jpg);
    width: 100%;
    height: 150px;
}

.footer-width-lg {
    width: 900px;
    overflow: auto;
    margin: 10px 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: 38px/normal 'GothaProBla';
    color: #fff;
    text-align: center;
    padding-top: 130px;
}

.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: 585px;
    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: 30px/normal 'GothaProBla';
    color: #fff;
    text-align: center;
    padding-top: 80px;
}

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

.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%;
    height: 450px;
    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;
}

.zahvat-sm input[type='text'] {
	font: 18px/normal 'GothaProReg';
	border-radius: 0px;
	width: 300px;
	margin: 10px 0 10px 100px;
	height: 40px;
    padding-left: 30px;
    border: 1px solid #b2b0b0;
}

.zahvat-sm input[type='submit'] {
	font: 20px/normal 'GothaProMed';
	color: #000;
	border: 0px solid white;
	width: 300px;
	height: 40px;
    background: #fccb15;
    margin-left: 100px;
}

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

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

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

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

.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: 26px/normal 'GothaProBla';
    color: #fff;
    text-align: center;
    padding-top: 30px;
    line-height: 1.3;
}

.main-header2-xs {
    font: 16px/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;
    width: 100%;
    height: 360px;
    background-size: cover;
}

.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;
    width: 100%;
    height: 620px;
    background-size: cover;
}

.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: 19px/normal 'GothaProBla';
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.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 'GothaProMed';
	color: #fff;
    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: 50px/normal 'GothaProBla';
    color: #000;
    text-align: center;
    padding-top: 150px;
    line-height: 1.1;
}

.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: 500px;
    margin: 0px auto;
}

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

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

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

.zahvat-submit2 {
    width: 250px;
    margin: 0px 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;
}

.header {
    background: url(../images/header-background.jpg);
    width: 100%;
    overflow: auto;
}

.header-width {
    width: 1100px;
    overflow: auto;
    margin: 0px auto 0px;
}

.header-logo {
    background: url(../images/logo.png) no-repeat;
    background-size: contain;
    width: 100px;
    height: 90px;
    float: left;
}

.header-header {
    font: 24px/normal 'OpenSansExtraBold';
    color: #fff;
    text-align: center;
    width: 600px;
    float: left;
    margin-left: 100px;
}

.header-contacts {
    width: 250px;
    overflow: auto;
    float: right;
}

.header-contacts-text {
    font: 18px/normal 'OpenSansLight';
    color: #fff;
    text-align: right;
}

.header-contacts-cb {
    font: 18px/normal 'OpenSansLight';
    color: #fff;
    text-align: right;
    text-decoration: underline;
}

.header-contacts-cb a:link {
    color: #fff;
}

.header-contacts-cb a:active {
    color: #fff;
}

.header-contacts-cb a:visited {
    color: #fff;
}

.header-contacts-cb a:hover {
    color: #fff;
    text-decoration: none;
}

.menu-uch {
    background: url(../images/menu/uch.jpg) no-repeat;
    background-size: contain;
    width: 137px;
    height: 59px;
    float: left;
    font: 16px/normal 'OpenSansBoldItalic';
    color: #d6554a;
    text-align: center;
    padding-top: 18px;
}

.menu-zr {
    background: url(../images/menu/zr.jpg) no-repeat;
    background-size: contain;
    width: 137px;
    height: 59px;
    float: left;
    font: 16px/normal 'OpenSansBoldItalic';
    color: #fff;
    text-align: center;
    padding-top: 18px;
}

.menu-zhuri {
    background: url(../images/menu/zhuri.jpg) no-repeat;
    background-size: contain;
    width: 137px;
    height: 59px;
    float: left;
    font: 16px/normal 'OpenSansBoldItalic';
    color: #fff;
    text-align: center;
    padding-top: 18px;
}

.menu-part {
    background: url(../images/menu/part.jpg) no-repeat;
    background-size: contain;
    width: 137px;
    height: 59px;
    float: left;
    font: 16px/normal 'OpenSansBoldItalic';
    color: #4d4c4c;
    text-align: center;
    padding-top: 18px;
}

.menu-team {
    background: url(../images/menu/uch.jpg) no-repeat;
    background-size: contain;
    width: 137px;
    height: 59px;
    float: left;
    font: 16px/normal 'OpenSansBoldItalic';
    color: #46c2c3;
    text-align: center;
    padding-top: 18px;
}

.menu-news {
    background: url(../images/menu/zr.jpg) no-repeat;
    background-size: contain;
    width: 137px;
    height: 59px;
    float: left;
    font: 16px/normal 'OpenSansBoldItalic';
    color: #fff;
    text-align: center;
    padding-top: 18px;
}

.main-screen {
    background: url(../images/main-screen.jpg) no-repeat;
    background-size: contain;
    width: 700px;
    height: 405px;
    margin: 0px auto;
}

.main-screen-logo {
    background: url(../images/logo2.png) no-repeat;
    background-size: contain;
    width: 400px;
    height: 100px;
    margin: 0px auto;
}

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

.main-text {
    font: 20px/normal 'OpenSansSemiboldItalic';
    color: #ddcc53;
    text-align: center;
    padding-top: 20px;
}

.history-line {
    background: url(../images/header-history.jpg);
    background-size: contain;
    width: 100%;
    height: 80px;
    font: 36px/normal 'OpenSansExtraBold';
    color: #ddcc53;
    text-align: center;
    padding-top: 10px;
}

.history {
    background: url(../images/background-history.jpg);
    width: 100%;
    height: 700px;
}

.history-text {
    font: 22px/normal 'OpenSansSemiboldItalic';
    color: #000;
    text-align: justify;
    padding-top: 10px;
    width: 700px;
    margin: 0px auto;
    line-height: 2;
}

.history-width {
    width: 700px;
    overflow: auto;
    margin: 30px auto;
}

.history-width-left {
    width: 400px;
    overflow: auto;
    float: left;
}

.history-width-right {
    width: 250px;
    overflow: auto;
    float: right;
}

.shedintheworld-line {
    background: url(../images/header-shedintheworld.jpg);
    background-size: contain;
    width: 100%;
    height: 80px;
    font: 36px/normal 'OpenSansExtraBold';
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.shvedintheworld {
    background: url(../images/background-shvedintheworld.jpg);
    width: 100%;
    height: 1270px;
}

.history-text2 {
    font: 22px/normal 'OpenSansBold';
    color: #000;
    text-align: center;
    padding-top: 30px;
    width: 700px;
    margin: 0px auto;
    line-height: 2;
}

.shedintheworld-pic {
    background: url(../images/shvedingintheworld.png) no-repeat;
    background-size: contain;
    width: 1000px;
    height: 605px;
    margin: 30px auto 0px;
}

.shvedinru-line {
    background: url(../images/header-shvedinru.jpg);
    background-size: contain;
    width: 100%;
    height: 80px;
    font: 36px/normal 'OpenSansExtraBold';
    color: #e5d357;
    text-align: center;
    padding-top: 10px;
}

.shvedinru {
    background: url(../images/background-history.jpg);
    width: 100%;
    height: 1150px;
}

.shvedinru-text {
    font: 28px/normal 'OpenSansBoldItalic';
    color: #000;
    text-align: center;
    padding-top: 10px;
    width: 700px;
    margin: 0px auto;
    line-height: 2;
}

.shvedinru-text span {
    font: 28px/normal 'OpenSansBoldItalic';
    color: #e55a50;
}

.shvedinru-width {
    width: 1000px;
    overflow: auto;
    margin: 30px auto 0px;
}

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

.shvedinru-width-right {
    width: 450px;
    overflow: auto;
    float: right;
}

.shvedinru-ul {
    font: 18px/normal 'OpenSansRegular';
    color: #000;
    text-align: left;
}

.shvedinru-ul li {
    padding-top: 10px;
}



.step1width {
    width: 1000px;
    overflow: auto;
    margin: 30px auto 0px;
}

.step1width-left {
    background: url(../images/step1-back.png) no-repeat;
    background-size: contain;
    width: 600px;
    height: 155px;
    float: left;
    font: 22px/normal 'OpenSansRegular';
    color: #000;
    text-align: right;
    padding-right: 180px;
    padding-top: 45px;
}

.step1width-right {
    width: 400px;
    overflow: auto;
    float: right;
    font: 40px/normal 'OpenSansExtraBold';
    color: #e6d356;
    text-align: center;
    padding-top: 50px;
}

.step2width-right {
    background: url(../images/step2-back.png) no-repeat;
    background-size: contain;
    width: 600px;
    height: 155px;
    float: right;
    font: 22px/normal 'OpenSansRegular';
    color: #fff;
    text-align: left;
    padding-left: 180px;
    padding-top: 60px;
}

.step2width-left {
    width: 400px;
    overflow: auto;
    float: left;
    font: 40px/normal 'OpenSansExtraBold';
    color: #46c1c2;
    text-align: center;
    padding-top: 50px;
}

.step3width-left {
    background: url(../images/step3-back.png) no-repeat;
    background-size: contain;
    width: 600px;
    height: 155px;
    float: left;
    font: 22px/normal 'OpenSansRegular';
    color: #fff;
    text-align: right;
    padding-right: 180px;
    padding-top: 30px;
}

.step3width-right {
    width: 400px;
    overflow: auto;
    float: right;
    font: 40px/normal 'OpenSansExtraBold';
    color: #dd584c;
    text-align: left;
    padding-top: 50px;
    padding-left: 100px;
}

.steps-text {
    width: 700px;
    overflow: auto;
    margin: 60px auto 0px;
    font: 22px/normal 'OpenSansSemiboldItalic';
    color: #000;
    text-align: left;
    line-height: 2.2;
}

.zahvat4-header-lg {
    font: 33px/normal 'OpenSansBold';
    color: #000;
    text-align: center;
    padding-top: 45px;
    line-height: 1.1;
}

.zahvat4-header2-lg {
    font: 20px/normal 'OpenSansItalic';
    color: #000;
    text-align: center;
    padding-top: 15px;
}

.steps {
    background: url(../images/background-shvedintheworld.jpg);
    background-size: cover;
    width: 100%;
    height: 1750px;
}

.partners-line {
    background: url(../images/header-partners.jpg);
    background-size: contain;
    width: 100%;
    height: 80px;
    font: 36px/normal 'OpenSansExtraBold';
    color: #464544;
    text-align: center;
    padding-top: 10px;
}

.partners {
    background: url(../images/background-history.jpg);
    width: 100%;
    height: 1070px;
}

.zhyri-line {
    background: url(../images/header-zhyri.jpg);
    background-size: contain;
    width: 100%;
    height: 80px;
    font: 36px/normal 'OpenSansExtraBold';
    color: #e9d657;
    text-align: center;
    padding-top: 10px;
}

.zhyri {
    background: url(../images/main.jpg);
    width: 100%;
    height: 350px;
}

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

.spisok-meropriyatii-width {
    width: 990px;
    overflow: auto;
    margin: 30px auto 0px;
}

.spisok-meropriyatii-width-box {
    width: 220px;
    overflow: auto;
    margin-left: 15px;
    margin-right: 15px;
    float: left;
}

.spisok-meropriyatii-width-box-pic {
    background: url(../images/eventsicons/master-class.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.spisok-meropriyatii-width-box-text {
    font: 22px/normal 'OpenSansSemibold';
    color: #000;
    text-align: center;
    padding-top: 10px;
}

.spisok-meropriyatii-width-box-pic2 {
    background: url(../images/eventsicons/foodcort.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.spisok-meropriyatii-width-box-pic3 {
    background: url(../images/eventsicons/nagrazhdenie.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.spisok-meropriyatii-width-box-pic4 {
    background: url(../images/eventsicons/party.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.spisok-meropriyatii-width-box-pic5 {
    background: url(../images/eventsicons/films.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.spisok-meropriyatii-width-box-pic6 {
    background: url(../images/eventsicons/beach.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.spisok-meropriyatii-width-box-pic7 {
    background: url(../images/eventsicons/market.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.spisok-meropriyatii-width-box-pic8 {
    background: url(../images/eventsicons/cretusa.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

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

.spisokmeropriyatii {
    background: url(../images/background-history.jpg);
    width: 100%;
    height: 400px;
}

.tickets {
    background: url(../images/background-tickets.jpg);
    width: 100%;
    height: 500px;
}

.tickets-header {
    font: 40px/normal 'OpenSansBold';
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.tickets-width {
    width: 700px;
    overflow: auto;
    margin: 50px auto 0px;
}

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

.tickets-width-right {
    width: 300px;
    overflow: auto;
    float: right;
}

.tickets-width-header {
    font: 24px/normal 'OpenSansBold';
    color: #000;
    text-align: center;
}

.tickets-width-text {
    font: 18px/normal 'OpenSansRegular';
    color: #000;
    text-align: center;
    height: 100px;
}

.tickets-width-cost {
    font: 18px/normal 'OpenSansBold';
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.tickets-width-button {
    font: 18px/normal 'OpenSansBold';
    color: #fff;
    text-align: center;
    padding-top: 5px;
    width: 300px;
    height: 35px;
    background: #2d3e5d;
    margin-top: 10px;
}

.uchastnik-main-header {
    font: 22px/normal 'OpenSansSemibold';
    color: #fff;
    text-align: center;
    padding-top: 40px;
}

.uchastniku-history-text {
    font: 18px/normal 'OpenSansSemiboldItalic';
    color: #000;
    text-align: justify;
    padding-top: 10px;
    width: 700px;
    margin: 0px auto;
    line-height: 2;
}

.uchastniku-history-text2 {
    font: 18px/normal 'OpenSansBoldItalic';
    color: #000;
    text-align: justify;
    padding-top: 30px;
    width: 700px;
    margin: 0px auto;
    line-height: 2;
}

.uchastnik-history {
    background: url(../images/background-history-uchastnik.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 1050px;
}

.wtsheding-line {
    background: url(../images/header-shvedinru.jpg);
    background-size: contain;
    width: 100%;
    height: 80px;
    font: 36px/normal 'OpenSansExtraBold';
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.wtshveding-width-box-pic {
    background: url(../images/uchastnikuicons/igra.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.wtshveding-width-box-pic2 {
    background: url(../images/uchastnikuicons/soobshestvo.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.wtshveding-width-box-pic3 {
    background: url(../images/uchastnikuicons/tvorchestvo.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.wtshveding-width-box-pic4 {
    background: url(../images/uchastnikuicons/prikluchenie.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.wtshveding-width-box-pic5 {
    background: url(../images/uchastnikuicons/prizy.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.wtshveding-width-box-pic6 {
    background: url(../images/uchastnikuicons/likes.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.wtshveding-width2 {
    width: 500px;
    overflow: auto;
    margin: 30px auto 0px;
}

.wtscheding-text {
    font: 22px/normal 'OpenSansSemiboldItalic';
    color: #000;
    text-align: justify;
    padding-top: 50px;
    width: 700px;
    margin: 0px auto;
    line-height: 2;
}

.wtshveding {
    background: url(../images/background-history.jpg);
    width: 100%;
    height: 650px;
}

.uchastniku-actery-line {
    background: url(../images/header-shedintheworld.jpg);
    background-size: contain;
    width: 100%;
    height: 140px;
    font: 36px/normal 'OpenSansExtraBold';
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.uchastniku-actery {
    background: url(../images/background-shvedintheworld.jpg);
    width: 100%;
    height: 1000px;
}

.uchastniku-goals-line {
    background: url(../images/header-zhyri.jpg);
    background-size: contain;
    width: 100%;
    height: 140px;
    font: 36px/normal 'OpenSansExtraBold';
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.uchastniku-goals {
    background: #46c2c3;
    width: 100%;
    height: 630px;
}

.uchastniku-goals-width-box {
    width: 300px;
    overflow: auto;
    margin-left: 15px;
    margin-right: 15px;
    float: left;
}

.uchastniku-golas-text {
    font: 28px/normal 'OpenSansBoldItalic';
    color: #fff;
    text-align: center;
    padding-top: 10px;
    width: 700px;
    margin: 0px auto;
    line-height: 2;
}

.uchastniku-goals-width-box-pic {
    background: url(../images/uchastnikuicons/goals/createshved.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.uchastniku-goals-width-box-pic2 {
    background: url(../images/uchastnikuicons/goals/takepriz.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.uchastniku-goals-width-box-pic3 {
    background: url(../images/uchastnikuicons/goals/real.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.uchastniku-goals-width-box-pic4 {
    background: url(../images/uchastnikuicons/goals/team.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.uchastniku-goals-width-box-pic5 {
    background: url(../images/uchastnikuicons/goals/device.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.uchastniku-goals-width-box-pic6 {
    background: url(../images/uchastnikuicons/goals/fantasy.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.wtshveding-width {
    width: 750px;
    overflow: auto;
    margin: 30px auto 0px;
}

.uchastniku-way-line {
    background: url(../images/header-history.jpg);
    background-size: contain;
    width: 100%;
    height: 80px;
    font: 36px/normal 'OpenSansExtraBold';
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.uchastniku-way-width-box-text {
    font: 20px/normal 'OpenSansSemiboldItalic';
    color: #000;
    text-align: center;
    padding-top: 10px;
}

.uchastniku-way-width-box-text2 {
    font: 16px/normal 'OpenSansRegular';
    color: #000;
    text-align: center;
    padding-top: 10px;
}

.uchastniku-way-width-box-pic {
    background: url(../images/uchastnikuicons/way/reg.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.uchastniku-way-width-box-pic2 {
    background: url(../images/uchastnikuicons/way/film.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.uchastniku-way-width-box-pic3 {
    background: url(../images/uchastnikuicons/way/team.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.uchastniku-way-width-box-pic4 {
    background: url(../images/uchastnikuicons/way/rec.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.uchastniku-way-width-box-pic5 {
    background: url(../images/uchastnikuicons/way/mp4.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.uchastniku-way-width-box-pic6 {
    background: url(../images/uchastnikuicons/way/concurs.png) no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.uchastniku-way {
    background: url(../images/background-shvedintheworld.jpg);
    width: 100%;
    height: 750px;
}

.spisok-meropriyatii-widthact {
    width: 1000px;
    overflow: auto;
    margin: 30px auto 0px;
}

.zritel-main-scheme {
    background: url(../images/scheme.png) no-repeat;
    background-size: cover;
    width: 1000px;
    height: 950px;
    margin: 50px auto 0px;
}

.zritel-main-header {
    font: 40px/normal 'OpenSansExtraBold';
    color: #000;
    text-align: center;
    padding-top: 10px;
}

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

.team-width-col {
    width: 230px;
    overflow: auto;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.team-width-col-pic1 {
    background: url(../images/team/krasnovskii.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    margin: 0px auto;
}

.team-width-col-text {
    font: 20px/normal 'OpenSansBold';
    color: #000;
    text-align: center;
}

.team-header {
    font: 34px/normal 'OpenSansExtraBold';
    color: #000;
    text-align: center;
    padding-top: 30px;
}

.zhuri-width-col-pic1 {
    background: url(../images/zhury/merzlikin.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.zhuri-width-col-pic2 {
    background: url(../images/zhury/vitorgan.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.zhuri-width-col-pic3 {
    background: url(../images/zhury/frolov2.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.zhuri-width-col-pic4 {
    background: url(../images/zhury/antonizfrancii.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.zhuri-width-col-pic5 {
    background: url(../images/zhury/lubarskaya.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.zhuri-width2 {
    width: 660px;
    overflow: auto;
    margin: 30px auto 0px;
}

.zhuri {
    background: url(../images/background-history.jpg);
    width: 100%;
    height: 2008px;
}

.zhuri-width-col-text2 {
    font: 18px/normal 'OpenSansLight';
    color: #000;
    text-align: center;
    padding-top: 5px;
}

.zhuri-width {
    width: 990px;
    overflow: auto;
    margin: 30px auto 0px;
}

.zhuri-width-col-pic6 {
    background: url(../images/zhury/gorbacheva.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.zhuri-width-col-pic7 {
    background: url(../images/zhury/notkin.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.zhuri-width-col {
    width: 300px;
    overflow: auto;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}

.team-width-col-pic2 {
    background: url(../images/team/bedush.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    margin: 0px auto;
}

.team-width-col-pic3 {
    background: url(../images/team/streluhin.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    margin: 0px auto;
}

.team-width-col-pic4 {
    background: url(../images/team/lebedeva.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    margin: 0px auto;
}

.team-width-col-text2 {
    font: 18px/normal 'OpenSansLight';
    color: #000;
    text-align: center;
    padding-top: 5px;
}

.index-header-lg {
    font: 45px/normal 'OpenSansBold';
    color: #fff;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 40px;
    line-height: 1.1;
}

.index-width {
    width: 700px;
    overflow: auto;
    margin: 30px auto;
}

.index-width-left {
    width: 330px;
    overflow: auto;
    float: left;
}

.index-width-right {
    width: 330px;
    overflow: auto;
    float: right;
}

.index-header2-lg {
    font: 20px/normal 'OpenSansRegular';
    color: #ffffff;
    text-align: left;
    padding-top: 0px;
}

.index-buttontozritel-lg {
    background: #fccb15;
    width: 150px;
    height: 40px;
    margin-top: 20px;
    font: 16px/normal 'GothaProMed';
    color: #000;
    text-align: center;
    padding-top: 10px;
}

.index-history-video-lg {
    width: 560px;
    height: 315px;
    margin: 30px auto 0px;
}

.shvedingintheworld-header-lg {
    font: 33px/normal 'OpenSansBold';
    color: #000;
    text-align: center;
    padding-top: 45px;
    line-height: 1.1;
}

.shvedingintheworld-header2-lg {
    font: 20px/normal 'OpenSansRegular';
    color: #000;
    text-align: left;
    padding-top: 0px;
}

.shvedinru-text2 {
    font: 20px/normal 'OpenSansBold';
    color: #000;
    text-align: center;
    padding-top: 30px;
    width: 700px;
    margin: 0px auto;
    line-height: 1.5;
}

.shvedintu-logovinzavod-lg {
    width: 200px;
    height: 200px;
    margin: 30px auto 0px;
    background: url(../images/logovinzavod.png) no-repeat;
}

.shvedintu-maptovinzavod-lg {
    background: url(../images/maptovinzavod.PNG) no-repeat;
    width: 700px;
    height: 500px;
    margin: 30px auto 0px;
}

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

.team-text {
    font: 18px/normal 'OpenSansLight';
    color: #000;
    text-align: center;
    padding-top: 5px;
}

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

.partner-width-left2 {
    width: 300px;
    overflow: auto;
    float: left;
    margin-left: 50px;
}

.partner2 {
    background: url(../images/background-tickets.jpg);
    width: 100%;
    height: 650px;
}

.partner-width-text {
    font: 18px/normal 'OpenSansRegular';
    color: #000;
    text-align: center;
    height: 150px;
}

.index-video-lg {
    width: 700px;
    height: 394px;
    margin: 30px auto 0px;
}

.footer-vkontakte-lg {
    background: url(../images/social/vkontakte.png) no-repeat;
    background-size: cover;
    width: 28px;
    height: 28px;
    float: left;
}

.footer-facebook-lg {
    background: url(../images/social/facebook.png) no-repeat;
    background-size: cover;
    width: 28px;
    height: 28px;
    float: left;
    margin-left: 5px;
}

.footer-youtube-lg {
    background: url(../images/social/youtube.png) no-repeat;
    background-size: cover;
    width: 28px;
    height: 28px;
    float: left;
    margin-left: 5px;
}

.footer-instagram-lg {
    background: url(../images/social/instagram.png) no-repeat;
    background-size: cover;
    width: 28px;
    height: 28px;
    float: left;
    margin-left: 5px;
}

.partners-width {
    width: 800px;
    overflow: auto;
    margin: 30px auto 0px;
}

.partners-width-1 {
    background: url(../images/partners/msnk.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-2 {
    background: url(../images/partners/365mag.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-3 {
    background: url(../images/partners/playbig.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.zhuri-width-col-pic8 {
    background: url(../images/zhury/artemkorolev.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.zhuri-width-col-pic9 {
    background: url(../images/zhury/gorbacheva.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.zhuri-width-col-pic10 {
    background: url(../images/zhury/kostyaanisimov.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.zhuri-width-col-pic11 {
    background: url(../images/zhury/pavelbardin.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.zhuri-width-col-pic12 {
    background: url(../images/zhury/iliasilaev.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.uchastnik-header3-lg {
    font: 20px/normal 'OpenSansItalic';
    color: #ffffff;
    text-align: left;
    padding-top: 15px;
    width: 485px;
    overflow: auto;
    margin: 0px auto;
}

.zahvat4-header3-lg {
    font: 20px/normal 'OpenSansItalic';
    color: #000;
    text-align: left;
    padding-top: 15px;
    width: 485px;
    overflow: auto;
    margin: 0px auto;
}

.partners-width-4 {
    background: url(../images/partners/disgustingmen.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-5 {
    background: url(../images/partners/moskvaer.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-6 {
    background: url(../images/partners/humorfm.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-7 {
    background: url(../images/partners/kinopoisk.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-8 {
    background: url(../images/partners/livejournal.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.tickets-width-buttonponominalu {
    width: 170px;
    overflow: auto;
    margin: 5px auto 0px;
}

.zahvat4-header4-lg {
    font: 14px/normal 'OpenSansRegular';
    color: #000;
    text-align: center;
    padding-top: 0px;
    width: 600px;
    overflow: auto;
    margin: 0px auto;
}

.uchastnik-header4-lg {
    font: 14px/normal 'OpenSansRegular';
    color: #fff;
    text-align: center;
    padding-top: 0px;
    width: 600px;
    overflow: auto;
    margin: 0px auto;
}

.uchastnik-header4-lg a:link {
    color: #fff;
}

.uchastnik-header4-lg a:active {
    color: #fff;
}

.uchastnik-header4-lg a:visited {
    color: #fff;
}

.uchastnik-header4-lg a:hover {
    color: #fff;
}

.partners-width-9 {
    background: url(../images/partners/mtc.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-10 {
    background: url(../images/partners/garazh.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-11 {
    background: url(../images/partners/tvigle.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-empty {
    background: url(../images/partners/empty.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.tickets-descriptor-lg {
    font: 16px/normal 'OpenSansBold';
    color: #fff;
    text-align: center;
    padding-top: 20px;
}

.zritel-header4-lg {
    font: 14px/normal 'OpenSansRegular';
    color: #fff;
    text-align: center;
    padding-top: 20px;
    width: 600px;
    overflow: auto;
    margin: 0px auto;
}

.zritel-header4-lg a:link {
    color: #fff;
}

.zritel-header4-lg a:active {
    color: #fff;
}

.zritel-header4-lg a:visited {
    color: #fff;
}

.zritel-header4-lg a:hover {
    color: #fff;
}

.zhuri-width-col-pic13 {
    background: url(../images/zhury/malyar.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.partners-width-12 {
    background: url(../images/partners/kino-mail.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-13 {
    background: url(../images/partners/2do2go.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-14 {
    background: url(../images/partners/thevunderlust.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-15 {
    background: url(../images/partners/ponominalu.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.zhuri-width-col-pic14 {
    background: url(../images/zhury/klochkov.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.zhuri-width-col-pic15 {
    background: url(../images/zhury/gavrilin.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.partners-width-16 {
    background: url(../images/partners/panasonic.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.zhuri-width-col-pic16 {
    background: url(../images/zhury/koshin.png) no-repeat;
    background-size: contain;
    width: 200px;
    height: 240px;
    margin: 0px auto;
}

.index-afisha-lg {
    background: url(../images/afisha.jpg) no-repeat;
    background-size: contain;
    width: 500px;
    height: 700px;
    margin: 0px auto;
}

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

.programma-steps {
    background: url(../images/background-shvedintheworld.jpg);
    background-size: cover;
    width: 100%;
    height: 2350px;
}

.partners-width-17 {
    background: url(../images/partners/goodenough.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-18 {
    background: url(../images/partners/vkino.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-19 {
    background: url(../images/partners/dastudia.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.partners-width-20 {
    background: url(../images/partners/greenspace.jpg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.index-steps-text {
    font: 22px/normal 'OpenSansRegular';
    color: #fff;
    text-align: left;
    line-height: 2.2;
    opacity: 1;
    width: 700px;
    overflow: auto;
    margin: 60px auto 0px;
    padding: 30px;
    background: rgba(0, 0, 0, 0.4);
}

.index-steps-text span {
    font: 22px/normal 'OpenSansSemibold';
}

.index-stepsback-lg {
    background: #000;
    opacity: 0.5;
    padding: 30px;
    width: 700px;
    height: 1120px;
    margin: -1120px auto 0px;
    z-index: 1;
}