@font-face {
    font-family: 'HarmoniaSansProCyrBold';
    src: url('../fonts/HarmoniaSansProCyrBold.eot');
    src: url('../fonts/HarmoniaSansProCyrBold.eot') format('embedded-opentype'),
         url('../fonts/HarmoniaSansProCyrBold.woff2') format('woff2'),
         url('../fonts/HarmoniaSansProCyrBold.woff') format('woff'),
         url('../fonts/HarmoniaSansProCyrBold.ttf') format('truetype'),
         url('../fonts/HarmoniaSansProCyrBold.svg#HarmoniaSansProCyrLight') format('svg');
}

@font-face {
    font-family: 'HarmoniaSansProCyrRegular';
    src: url('../fonts/HarmoniaSansProCyrRegular.eot');
    src: url('../fonts/HarmoniaSansProCyrRegular.eot') format('embedded-opentype'),
         url('../fonts/HarmoniaSansProCyrRegular.woff2') format('woff2'),
         url('../fonts/HarmoniaSansProCyrRegular.woff') format('woff'),
         url('../fonts/HarmoniaSansProCyrRegular.ttf') format('truetype'),
         url('../fonts/HarmoniaSansProCyrRegular.svg#HarmoniaSansProCyrLight') format('svg');
}
sup {font-size: 60%; vertical-align: top; line-height: 100%;}

/*============ WRAPPER ============*/
section, header, footer {width: 100%; margin: 0 auto;}
.content {width:  100%; overflow: hidden;}
.wrap {width: 96%; max-width:  1200px; margin: 0 auto; position: relative;}
/* Text & font style */
/* Colors style */
.black {color: #282828;}
.white {color: #ffffff;}
.bronze {color: #b6a790;}

b,.hrb {font-family: 'HarmoniaSansProCyrBold';}
.hrr {font-family: 'HarmoniaSansProCyrRegular';}


.w100 {width: 100%}
/*============ SECTION'S ============*/
.button {display: block; background: #ff7324; color: #fff; text-transform: uppercase; text-align: center; transition: all 0.3s; cursor: pointer;}
.button:hover {background: #ff4800;}
.button img {padding-left: 10px;}
.zvezda {font-size: 60%; line-height: 100%; vertical-align: top;}


body {background: #fff; color: #363e42; font-family: 'HarmoniaSansProCyrRegular';}
.block1 {overflow: hidden; padding: calc(20px + 2%) 0 0;}
.block1 .swiper {overflow: visible; padding-bottom: 1.5em}
.block1 .swiper-slide {background: #fff; transition-property: transform, opacity, filter;}
.block1 .swiper-slide img {width: 100%;}
.block1 .swiper .swiper-slide.swiper-slide-next {opacity: 0.3; filter: blur(5px);}
.block1 .swiper .swiper-slide.swiper-slide-prev {opacity: 0.3; filter: blur(5px);}

.block1 .swiper .swiper-pagination-fraction {color: #b6a790; opacity: 0.6; bottom:0}

.bigposter {margin: calc(10px + 3%) auto calc(50px + 5%);}
.poster {margin: calc(10px + 5%) auto; width: 100%; box-shadow: 0 0 5em rgba(95,134,227,0.6); }

.contacts {padding: calc(20px + 3%) 0 calc(20px + 5%);}
#common-content {position: relative; padding: 2em; border: 1em solid #ebeaea; width: 100%; max-width: 950px; margin: 0 auto; background-color: #ffffff;}
#common-content h2 {padding-bottom:  0.5em; color: #b6a790;}
#common-content a {color: #363e42;}
#common-content a:hover {color: #363e42;}


#footer {padding: calc(20px + 2%) 0; background: #1c0d46; overflow: hidden;}
#footer .bg {position: absolute; top:0;left:0;width: 100%; height:100%;}
#footer .bg:before{content: ''; position: absolute; width: 50vw; right:100%; height: 350%;background: url(../images/footer_bg.svg) repeat-x 100% 0%; }
#footer .bg:after{content: ''; position: absolute; width: 50vw; left:100%; height: 350%;background: url(../images/footer_bg.svg) repeat-x 100% 0%; transform: scaleX(-1); }

#footer .container {max-width: 900px; margin: 0 auto; padding: 0 5%;}
#footer .footer_wrap {row-gap: 1.5em;}
#footer .logo {display: block; width: 11em; margin: 0 auto;}
#footer .logo img {width: 100%;}
#footer .nav a {text-decoration: none; color: #d9d5a3; line-height: 120%; border-bottom: 1px solid #d9d5a3;}
#footer .nav a:hover {color: #fff; cursor: pointer; border-bottom: 1px solid #fff;}
#footer .nav a.active {color: #a84633; border-bottom: 0px;}
#footer .contact {width:100%; color: #d9d5a3;}
#footer .contact img {padding-right: 1em; width: 2.8em;}
#footer .contact a {text-decoration: none; color: #d9d5a3;}
#footer .contact a:hover {color: #fff;}
#footer .copyright {color: #d9d5a3;}

@media (max-width: 1900px) {
.px16 {font-size: 16px;}
.px22 {font-size: 22px;}
.px26 {font-size: 26px;}
.px30 {font-size: 30px;}
.px34 {font-size: 34px;}
.px40 {font-size: 40px;}
.px44 {font-size: 44px;}
.px50 {font-size: 50px;}
.px58 {font-size: 58px;}
.px72 {font-size: 71px;}
}


@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1280px) {
.px58 {font-size: calc((100vw - 280px)/(1280 - 280) * (58 - 12) + 12px);}
.px44 {font-size: calc((100vw - 280px)/(1280 - 280) * (44 - 20) + 20px);}
.px40 {font-size: calc((100vw - 280px)/(1280 - 280) * (40 - 20) + 20px);}
.px34 {font-size: calc((100vw - 280px)/(1280 - 280) * (34 - 18) + 18px);}
.px30 {font-size: calc((100vw - 280px)/(1280 - 280) * (30 - 18) + 18px);}
.px26 {font-size: calc((100vw - 280px)/(1280 - 280) * (26 - 18) + 18px);}
.px22 {font-size: calc((100vw - 280px)/(1280 - 280) * (22 - 18) + 18px);}
.px16 {font-size: calc((100vw - 280px)/(1280 - 280) * (16 - 12) + 12px);}

.owl-carousel {padding: 0 3%;}
.owl-carousel .owl-nav button.owl-prev {display: block; content: ''; left: 0%; width: 2.5%; height: 6%; transform: translate(0,-50%); background: url(../images/prev.png) no-repeat 50% 50%; background-size: 100%; z-index: 5;}
.owl-carousel .owl-nav button.owl-next {display: block; content: ''; right: 0%; width: 2.5%; height: 6%; transform: rotate(180deg) translate(0,50%);background: url(../images/prev.png) no-repeat 50% 50%; background-size: 100%;}
/*.owl-carousel .owl-nav button.owl-prev:before {content: ''; position: absolute; width: 400%; height: 200%; transform: translate(-50%,-50%);border-radius: 50%; background: #fff; top: 50%; left: 50%; z-index: 2;}*/
}


@media screen and (max-width: 1154px) {
}

@media screen and (max-width: 960px) {
}

@media screen and (max-width: 840px) {
}

@media screen and (max-width: 720px) {
}

@media screen and (max-width: 640px) {    

}

@media screen and (max-width: 540px) {
.lh180 {line-height: 140%;}
}

@media screen and (max-width: 480px) {
.px58 {font-size: calc((100vw - 280px)/(480 - 280) * (28 - 16) + 16px);}
}
@media screen and (max-width: 360px) {
}
@media (min-width: 1900px) {
.px16 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (32 - 16) + 16px);}
.px22 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (44 - 22) + 22px);}
.px26 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (52 - 26) + 26px);}
.px30 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (60 - 30) + 30px);}
.px34 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (68 - 34) + 34px);}
.px40 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (80 - 40) + 40px);}
.px44 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (88 - 44) + 44px);}
.px50 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (100 - 50) + 50px);}
.px58 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (116 - 58) + 58px);}
.px72 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (142 - 71) + 71px);}

.wrap {max-width: 65%; width: 100%;}
#common-content {max-width: 80%;}
}