@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-BoldItalic.woff2') format('woff2'),
        url('fonts/Raleway-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Bold.woff2') format('woff2'),
        url('fonts/Raleway-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Regular.woff2') format('woff2'),
        url('fonts/Raleway-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Medium.woff2') format('woff2'),
        url('fonts/Raleway-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-SemiBold.woff2') format('woff2'),
        url('fonts/Raleway-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-ExtraBold.woff2') format('woff2'),
        url('fonts/Raleway-ExtraBold.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Light.woff2') format('woff2'),
        url('fonts/Raleway-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Italic.woff2') format('woff2'),
        url('fonts/Raleway-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    
}



html {min-width: 320px;}

 body {text-size-adjust:100%; -moz-text-size-adjust:100%; -webkit-text-size-adjust:100%; -m-text-size-adjust:100%; -ms-text-size-adjust:100%; min-width: 1920px; position: relative; background: #1C1B19; margin: 0; padding: 0px 0 0 0; height: auto !important;  min-height: 100%; font-family: 'Raleway'; }
 html > body {padding: 0;}
 img {padding: 0; margin: 0; border: 0;}
 .cleaner {clear: both;}
 a:hover {text-decoration: none;}
input::-moz-placeholder {opacity: 0.5;}
input::-webkit-input-placeholder {opacity: 0.5;}
input:focus::-moz-placeholder {opacity: 0;}
input:focus::-webkit-input-placeholder {opacity: 0;}
textarea::-moz-placeholder {opacity: 0.5;}
textarea::-webkit-input-placeholder {opacity: 0.5;}
textarea:focus::-moz-placeholder {opacity: 0;}
textarea:focus::-webkit-input-placeholder {opacity: 0;}
a {color: #09a9dc;}
.all {max-width: 1920px; position: relative; margin: 0 auto; width:100%;  padding: 0 96px; box-sizing: border-box;}
form {padding: 0; margin: 0; border: 0;}
form fieldset {padding: 0; margin: 0; border: 0;}
button, a {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
p {padding: 0; margin: 0;}
.container {position: relative; min-height: 100vh;  width:100%; overflow: hidden; }
.error {border-color: red!important;}
body.overflow {overflow: hidden; height: 100vh;}

header {padding:96px 0; display: flex; align-items: center; justify-content: space-between;}
header img {display: block;}
header .user {font-weight: 500; display: flex; align-items: center; font-size: 16px; text-transform: uppercase; color: #504F4E;}
header .user img {margin: 0 0 0 24px;}

.owl-carousel.owl-slider {overflow: visible; }
.owl-carousel.owl-slider .owl-stage-outer {overflow: visible;}
.owl-carousel.owl-slider .item {perspective: 1000px; display: block; text-decoration: none;}
.owl-carousel.owl-slider .pic {transition: all 0.3s ease; border-radius: 20px;width: 1152px;  opacity: 0; position: relative;}
.owl-carousel.owl-slider .pic .blur {transition: all 0.3s ease; filter: blur(50px); opacity: 0; position: absolute; top: 0; left: 0; width:100%; }
.owl-carousel.owl-slider .pic:after {z-index: 2; transition: all 0.6s ease; content: ''; position: absolute; display: block; top: 0; left: 0; width:100%; bottom: 0; background: linear-gradient(to right, rgba(28, 27, 25, 0.2), rgba(0,0,0,0));}
.owl-carousel.owl-slider .pic img {border-radius: 20px;  transition: all 0.6s ease; }
.owl-carousel.owl-slider .pic img:first-child {box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);  position: relative; z-index: 2;}
.owl-carousel.owl-slider .owl-item {transition: all 0.6s ease; transform: scale(0.75); transform-origin: center left;}
.owl-carousel.owl-slider .owl-item .pic { transition: all 0.2s ease;}
.owl-carousel.owl-slider .owl-item.active .pic {opacity: 1;  }
.owl-carousel.owl-slider .owl-item.active .pic img:first-child {box-shadow: 0px 25px 50px #000000;}
.owl-carousel.owl-slider .owl-item.active {transition: all 0.6s ease;  z-index: 2; transform: scale(1);}
.owl-carousel.owl-slider .owl-item.active .pic:after {opacity: 0;}
.owl-carousel.owl-slider .owl-item.active + .active {z-index: 1; transform: scale(0.75);}
.owl-carousel.owl-slider .owl-item.active + .active .pic { transform: rotateY(-3deg);}
.owl-carousel.owl-slider .owl-item.active + .active .pic img:first-child {box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);}
.owl-carousel.owl-slider .owl-item.active + .active .pic:after {opacity: 1;}
.owl-carousel.owl-slider .owl-item.active + .active .inf {position: absolute; opacity: 0;}
.owl-carousel.owl-slider .owl-item.active + .active .inf .icons {opacity: 0;}
.owl-carousel.owl-slider .owl-item.active + .active .pic .blur {opacity: 0;}
.owl-carousel.owl-slider .owl-item.active .inf {opacity: 1;}
.owl-carousel.owl-slider .owl-item.active .pic .blur {opacity: 0.5;}
.owl-carousel.owl-slider .owl-item.active .inf .icons {opacity: 1;}
.owl-carousel.owl-slider .inf {z-index: 5; font-weight: 500; font-size: 16px; line-height: 19px; color: #EEEEEE; width: 130%; position: relative; padding: 40px 0 0px 0; display: flex; align-items: flex-start; position: absolute; opacity: 0; transition: all 2.5s ease; justify-content: space-between;}
.owl-carousel.owl-slider .inf > div:first-child {max-width: 50%;}
.owl-carousel.owl-slider .inf h2 {font-weight: 900; font-size: 32px; line-height: 38px; color: #FFFFFF; margin: 0 0 20px; padding: 0;}
.owl-carousel.owl-slider .inf .icons {display: flex; justify-content: flex-end; max-width: 50%;}
.owl-carousel.owl-slider .inf .icons .in {position: relative;}
.owl-carousel.owl-slider .inf .icons .in .tooltip {position: absolute; left: -9999px; opacity: 0; transition: opacity 0.3s ease;}
.owl-carousel.owl-slider .inf .icons .in img {opacity: 0.35; height: 36px;}
.owl-carousel.owl-slider .inf .icons .in + .in {margin-left: 44px;}

.owl-carousel.owl-slider .inf .icons .in .tooltip {text-align: center; background: #504F4E; padding: 20px; box-sizing: border-box; width: 210px; border-radius: 10px; position: absolute; top: calc(100% + 30px); font-weight: 500; font-size: 16px; line-height: 19px; color: #EEEEEE; left: -9999px; opacity: 0; transition: opacity 0.3s ease;}
.owl-carousel.owl-slider .inf .icons .in:hover .tooltip {left: 50%; opacity: 1; transform: translateX(-50%);}
.owl-carousel.owl-slider .inf .icons .in .tooltip:before {content: ''; position: absolute; display: block; top: -30px; left: 50%; margin-left: -13px; border: 14px solid transparent; border-bottom: 20px solid #504F4E;}


.owl-carousel.owl-slider .owl-dots {display: none;}
.owl-carousel.owl-slider .owl-nav .owl-prev {width: 100px; height: 100px; position: absolute; top: 50%; cursor: pointer; background: url(img/arrow.svg) center center no-repeat; left: -50px; transition: all 0.3s ease;}
.owl-carousel.owl-slider .owl-nav .owl-next {width: 100px; height: 100px; position: absolute; top: 50%; cursor: pointer; background: url(img/arrow.svg) center center no-repeat; left: calc(65% - 22px); transition: all 0.3s ease; transform: rotateY(180deg);}
.owl-carousel.owl-slider .owl-nav .owl-prev:hover {filter: brightness(110%);}
.owl-carousel.owl-slider .owl-nav .owl-next:hover {filter: brightness(110%);}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.what-is {border-top: 1px solid #F2003A; margin: 96px 0 0 0; padding-top:96px; font-weight: 500;  font-size: 16px; line-height: 19px; color: #EEEEEE; display: flex; flex-wrap: wrap; justify-content: space-between;}
.what-is h2 {font-weight: 900; font-size: 32px; line-height: 38px; color: #FFFFFF; margin: 0 0 20px; padding: 0;}
.what-is a {color: #5BB0FF; white-space: nowrap;}
.what-is .left-col {width: calc(100% - 576px);}
.what-is .right-col {width: 480px; margin: 0 0 0 96px;}
.what-is .right-col .form {position: relative; margin: 7px 0 0 0; }
.what-is .right-col .form .submit {display: block; position: absolute; top: 0; right: 0; width: 70px; height: 50px; border: 0; cursor: pointer; background: url(img/submit.svg) center center no-repeat;}
.what-is .right-col .form input[type=text] {border: 0; outline: none; background: #504F4E; border-radius: 10px; height: 50px; line-height: 50px; box-sizing: border-box; display: block; width: 100%; padding: 0 70px 0 20px; color: #fff; font-family: inherit; font-size: 16px;}
.what-is .right-col .form input[type=text].error {background: #F2003A;}
.what-is .right-col .form input[readonly] {color: #1C1B19!important; background: #EEEEEE!important;text-transform: uppercase!important; cursor: default;}
.what-is .full-col {position: relative; margin: 96px 0 0 0; width:100%; display: flex; justify-content: space-between; padding: 0 30px; box-sizing: border-box; }
.what-is .full-col:before {content: ''; display: block; width: 100%; height: 20px; left: 0; background: url(img/timeline-bg.svg) top 1px left repeat-x; top: 240px; position: absolute; border-radius: 10px; box-sizing: border-box; border: 2px solid #F2003A;}
.what-is .full-col .bl {position: relative;}
.what-is .full-col .arr {background: url(img/t-arrow.svg) center center no-repeat; width: 30px; height: 30px; display: block; margin: 90px 0;}
.what-is .full-col .bl .ic {text-align:center; margin: 0 0 10px; position: relative;}
.what-is .full-col .bl .ic img {position: relative;}
.what-is .full-col .bl .ic:before {content: ''; position: absolute; display: block; top: 0; left: 50%; margin-left: -45.5px; width: 91.72px; height: 184px; border: 3px solid #F2003A; box-sizing: border-box; border-radius: 10px;}
.what-is .full-col .bl .year {display: block; height: 23px; margin: 0 0 60px; font-weight: 900; font-size: 20px; line-height: 23px; text-align: center; color: #FFFFFF;}
.what-is .full-col .bl .tit {display: block; font-size: 16px; font-style: italic; text-align: center; line-height: 19px; color: #EEEEEE;}
.what-is .full-col .bl.stick .tit {text-align: right; right: calc(50% - 15px); position: absolute;}
.what-is .full-col .bl.stick .year {text-align: right; margin-right: calc(50% - 15px);}
.what-is .full-col .bl.stick:after {position: absolute; display: block; content: ''; top: 172px; right: calc(50% - 28px);  width: 4px; height: 157px; background: #F2003A; border-radius: 5px;}

.what-is .full-col .bl.b2 + .arr {margin-right:-5%; margin-left: 5%;}

.what-is .full-col .bl.b3 .tit {width: 230px;}
.what-is .full-col .bl.b3 {margin-left: 10%;}

.what-is .full-col .bl.b4 + .arr {margin-right:-5%; margin-left: 5%;}

.what-is .full-col .bl.b5 .tit {width: 240px;}
.what-is .full-col .bl.b5 {margin-left: 10%;}


.what-is .full-col .bl .tooltip {background: #504F4E; padding: 20px; box-sizing: border-box; width: 310px; border-radius: 10px; position: absolute; top: calc(100% + 30px); font-weight: 500; font-size: 16px; line-height: 19px; color: #EEEEEE; left: -9999px; opacity: 0; transition: opacity 0.3s ease;}
.what-is .full-col .bl .tooltip:before {content: ''; position: absolute; display: block; top: -30px; left: 50%; margin-left: -10px; border: 14px solid transparent; border-bottom: 20px solid #504F4E;}
.what-is .full-col .bl:hover .tooltip {left: 50%; opacity: 1; transform: translateX(-50%);}
.what-is .full-col .bl.b1:hover .tooltip {left: -30px; transform: none;}
.what-is .full-col .bl.b1 .tooltip:before {left: 104px;}
.what-is .full-col .bl.b5:hover .tooltip {left: auto; right:-30px; transform: none;}


.about-project {display: flex; align-items: flex-start; justify-content: flex-end; margin: 0 0 90px; }
.about-project.flex-end {align-items: flex-end;}
.about-project.flex-end .pic {transform: none!important;}
.about-project video {margin-bottom: -5px;}
.about-project .pic {width: 66.5%; position: relative; overflow: hidden; border-radius: 20px;}
.about-project .pic.fullscreen {z-index: 999; border-radius: 0; position: fixed; top: 0; left: 0; height: 100vh; background: #000; display: flex; justify-content: center; align-items: stretch; width:100%; bottom: 0;}
.about-project .pic.fullscreen .video {width:100%; height: 100%; align-items: center; display: flex;}
.about-project .pic.fullscreen video {width: 100%!important; height:100%!important;}
.about-project .pic.fullscreen:after {display: none;}
.about-project .pic:after {content: ''; display: block; position: absolute; top: 0; left: 0; width:100%; bottom: 0; background: linear-gradient(0deg, rgba(28, 27, 25, 0.5), rgba(28, 27, 25, 0.5));}
.about-project .pic .trailer {cursor: pointer; white-space: nowrap; text-decoration: none; font-weight: 500; font-size: 16px; color: #EEEEEE;  z-index: 2; position: absolute; top: 33px; left: 45px; display: flex; align-items: center;}
.about-project .pic .trailer img {display: block; margin: 0 20px 0 0;}
.about-project .pic .age {z-index: 2; position: absolute; bottom: 24px; left: 45px;}
.about-project .pic .age img {display: block;}
.about-project .pic img {width:100%; display: block;}
.about-project .info {margin: -5px 0 0 0; font-weight: 500; font-size: 16px; line-height: 19px; color: #EEEEEE; width: 33.5%; padding: 0 0 0 100px; box-sizing: border-box;}
.about-project .info:first-child {width:100%; padding-left: 0;}
.about-project .info .pic {transform: none!important; margin: 0 auto;}
.about-project .info:first-child .proj-logo {margin-left: auto; margin-right: auto; display: table;}
.about-project .info .txt p + p {padding-top: 10px;}
.about-project .info .proj-logo {margin: 0 0 35px; max-width:100%;}
.about-project .info .type {margin: 0 0 96px; font-weight: 500; font-size: 16px;  line-height: 19px; text-align: center; color: #EEEEEE;}
.about-project .info .int {justify-content: center; max-width: 428px; width: 100%; margin: 0 auto 96px; box-sizing: border-box; display: flex; flex-wrap: wrap; padding: 20px 5px 0px; border: 1px solid #EEEEEE; border-radius: 20px;}
.about-project .info .int .title {width:100%; font-weight: 900; margin:0 0 18px; padding: 0; text-align: center; font-size: 24px; line-height: 28px; color: #EEEEEE;}
.about-project .info .int .bl {margin: 0 20px 18px; display: flex; align-items: center; font-weight: 500; font-size: 16px; line-height: 19px; color: #EEEEEE;}
.about-project .info .int .bl .ic {margin: 0 20px 0 0;}
.about-project .info .int .bl .ic img {width: 36px; }
.about-project .info h2 {font-weight: 900; margin: 0 0 20px; padding: 0; font-size: 32px; line-height: 38px; text-align: center; color: #FFFFFF;}

.mob .about-project .info {width:100%; padding: 0;}
.mob .owl-carousel.owl-slider .pic {width:100%;}
.mob .owl-carousel.owl-slider .inf > div:first-child  {max-width:100%;}
.mob .about-project .pic {width:100%; transform: none!important;}
.mob .all {max-width: 700px;}

.btn {position: relative; width: 198px; height: 63px; text-decoration: none; padding: 0 0 0 24px; box-sizing: border-box;  background: url(img/btn.svg) center center/contain no-repeat; display: table; margin: 42px auto 25px; line-height: 52px; text-align: center; color: #fff; color: #EEEEEE; font-size: 16px;  }
.btn:before {opacity: 0; transition: opacity 0.3s ease; content:''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: url(img/btn-h.svg) top center no-repeat;}
.btn:hover:before{opacity: 1;}
.btn:hover span {margin-top: 1px;}
.btn span {display: block; transition: all 0.3s ease; position: relative;}
.ab-link {display: table; margin: 0 auto; color: #5BB0FF; font-size: 16px;}

h2.white {font-weight: 900; margin: 0 0 52px; padding: 0; position: relative; display: table; font-size: 32px; line-height: 38px; color: #FFFFFF;}
h2.white .num {position: absolute; display: inline-block; width: 58px; height: 58px; text-align:center; line-height: 56px; border-radius: 50%; margin: -8px 0 0 30px; background: #504F4E; font-weight: 900; color: #fff; font-size: 32px;}

.series {margin: 0 0 96px;}
.series .block {padding-bottom: 40px; display: block; text-decoration: none;}
.series .block img {margin: 0 0 20px; display: block;}
.series .block span {position: absolute; white-space: nowrap; padding: 0 0 0 10px; font-weight: 500; display: block; font-size: 16px; line-height: 19px; color: #EEEEEE;}
.series .owl-carousel .owl-dots {display: none;}
.series .owl-carousel .owl-nav button {position: absolute;}
.series .owl-carousel .owl-dots {display: none;}
.series .owl-carousel .owl-nav .owl-prev {width: 100px; height: 100px; position: absolute; top: 50%; margin-top: -70px; cursor: pointer; background: url(img/arrow.svg) center center no-repeat; left: -50px; transition: all 0.3s ease;}
.series .owl-carousel .owl-nav .owl-next {width: 100px; height: 100px; position: absolute; top: 50%; margin-top: -70px; cursor: pointer; background: url(img/arrow.svg) center center no-repeat; right: -50px; transition: all 0.3s ease; transform: scale(-1,1);}
.series .owl-carousel .owl-nav .owl-prev:hover {filter: brightness(110%);}
.series .owl-carousel .owl-nav .owl-next:hover {filter: brightness(110%);}
.series .owl-carousel .owl-nav .owl-next.disabled, .series .owl-carousel .owl-nav .owl-prev.disabled {display: none;}


.actors .owl-carousel {margin: 0 0 0px;}
.actors .owl-carousel .owl-dots {display: none;}
.actors .owl-carousel .owl-nav .owl-prev {width: 100px; height: 100px; position: absolute; top: 50%; margin-top: -105px; cursor: pointer; background: url(img/arrow.svg) center center no-repeat; left: -50px; transition: all 0.3s ease;}
.actors .owl-carousel .owl-nav .owl-next {width: 100px; height: 100px; position: absolute; top: 50%; margin-top: -105px; cursor: pointer; background: url(img/arrow.svg) center center no-repeat; right: -50px; transition: all 0.3s ease; transform: scale(-1,1);}
.actors .owl-carousel .owl-nav .owl-prev:hover {filter: brightness(110%);}
.actors .owl-carousel .owl-nav .owl-next:hover {filter: brightness(110%);}
.actors .owl-carousel .owl-nav .owl-next.disabled, .actors .owl-carousel .owl-nav .owl-prev.disabled {display: none;}

.actors .block {font-weight: 500; font-size: 16px; line-height: 19px; color: #504F4E; text-align:center;}
.actors .block .nm {height: 100px;}
.actors .block span {display: block;}
.actors .block span.name {color: #EEEEEE; margin-left: -10px; margin-right: -10px; width: calc(100% + 20px);}
.actors .block .photo {background: #504F4E; border-radius: 20px; overflow: hidden; position: relative; margin: 0 0 20px;}
.actors .block .photo span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-weight: 900; white-space: nowrap; font-size: 32px; line-height: 38px; text-align: center;color: #FFFFFF;}
.actors .block .photo .pic {position: absolute; top: 0; left: 0; width:100%; bottom: 0; background-position: center center; background-size: cover;}
.actors .block .photo:before {content: ''; display: block; padding-top: 100%;}

footer {padding: 96px 0; font-size: 16px; line-height: 22px; color: #504F4E; display: flex; justify-content: center;}
footer a {color: inherit;}
footer a.nodec {text-decoration: none;}
footer .in {display: flex; align-items: center; text-align: center;}
footer .in img {margin: 0 7px 0 0;}


.popup {position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #000; min-height: 100vh; bottom: 0;}
.popup video {width: auto; height: auto; max-width:100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.popup .close {width: 50px; position: absolute; top: 30px; right: 30px;}

@media all and (max-width:1400px) {
	@media all and (min-width:1001px) {
	.owl-carousel.owl-slider .inf, .what-is, .about-project .info, .series .block span {font-size: 20px; line-height: 24px;}
	}

}

@media all and (max-width:1050px) {
* {max-height: 9999999px; -webkit-appearance: none!important;}
}

@media all and (max-width:1000px) {
.about-project .pic .age {display: none;}
.owl-carousel.owl-slider .inf .icons .in:hover .tooltip {left: -10px; transform: none;}
.owl-carousel.owl-slider .inf .icons .in .tooltip:before {left: 14px; margin-left: 0;}
body {min-width: 320px;}

.all {padding: 0 20px; max-width: 640px;}
.all.head {max-width:100%;}
header {padding: 20px 0 42px;}
.owl-carousel.owl-slider .pic {width:100%;}
.owl-carousel.owl-slider .inf > div:first-child {max-width:100%;}
.owl-carousel.owl-slider .inf > .icons {position: absolute; top: 40px; right: 0;}
.owl-carousel.owl-slider .inf {width: 100%; position: relative;}
.what-is {border: 0; position: relative; padding: 96px 0 0 0; margin:96px 0 0 0;}
.what-is:before {content: ''; display: block; position: absolute; top: 0; left: 50%; width: calc(100vw - 40px); height: 1px; transform: translateX(-50%); background: #F2003A;}
.owl-carousel.owl-slider .owl-nav .owl-next {left: auto; right: -50px;}
.owl-carousel.owl-slider .owl-nav .owl-prev,.owl-carousel.owl-slider .owl-nav .owl-next {top: 125px;}
.owl-carousel.owl-slider .inf h2 {max-width:50%;}
.what-is .left-col {width:100%; margin: 0 0 58px;}
.what-is .right-col {width:100%; padding: 0; margin: 0;}

.what-is .full-col {display: block; padding: 50px 0; margin: 96px 0 0 20px;}
.what-is .full-col:before {left: 30px; top: 0; bottom: 0; width: 20px; height: auto; background :url(img/timeline-bg-mob.svg) top left 1px repeat-y;}
.what-is .full-col .bl {margin: 0 0 90px; padding: 0 0 0 80px; display: flex;}
.what-is .full-col .bl:last-child {margin: 0;}
.what-is .full-col .bl .ic {display: table; z-index: 2;}
.what-is .full-col .bl .ic:before {left: 0; margin:0; border-width: 2px;}
.what-is .full-col .bl.stick:after {height: 3px; width: 100%; left: 0; top: 130px; z-index: 0;}
.what-is .full-col .bl .inf {width: calc(100% - 184px); text-align: left; padding: 85px 0 0 15px;}
.what-is .full-col .bl.stick .tit, .what-is .full-col .bl .tit {margin: 0 0 20px; font-weight: 900; font-style: normal; font-size: 16px; line-height: 19px; color: #EEEEEE; right: auto; position: relative; width: auto; text-align: left;}
.what-is .full-col .bl.stick .year {margin-bottom: 48px; margin-right: 0; text-align: left;}
.what-is .full-col .bl .year {height: auto;}
.what-is .full-col .bl .tooltip {background: none; padding: 0; border-radius: 0; position: relative; opacity: 1; left: auto; top: auto;}
.what-is .full-col .arr {display: none;}
.what-is .full-col .bl .tooltip:before {display: none;}
.what-is .full-col .bl.b3 {margin-left: 0;}
.what-is .full-col .bl.b3 .tit {max-width: 150px;}
.what-is .full-col .bl.b5 .tit {max-width: 190px;}
.what-is .full-col .bl.b5 .tit br {display: none;}
.what-is .full-col .bl.b5 .inf {padding-top: 65px;}
.what-is .full-col .bl.b5.stick:after {top: 110px;}

.about-project {display: block;}
.about-project .pic {width:100%; transform: none!important; z-index:2;}
.about-project .info {margin: 0px 0 0 0; width:100%; padding: 0;}
.about-project .info .proj-logo {display: table; width: auto; max-width:100%; margin: 0 auto 20px;}
.about-project .info .type {margin: 0 0 40px;}
.about-project .pic .trailer {top: 50%; left: 50%; transform: translate(-50%,-50%);}
.about-project .pic .age {bottom: 15px; left: 50%; transform: translate(-50%,-50%);}
.btn {margin-top: -4px; margin-bottom: 60px;}
.about-project .info .int {padding: 0; border: 0; border-radius: 0; margin: 0 auto 60px;}
.about-project .info .txt {text-align: center;}
.ab-link {margin-top: 20px;}
.about-project {margin-bottom: 50px;}
h2.white {font-size: 24px; line-height: 28px; display: flex; align-items: center; justify-content: center;  margin: 0 0 20px;}
h2.white .num {margin: 0 0 0 16px; position: relative; font-size: 24px; width: 48px; height: 48px; line-height: 48px;}
.about-project .info h2 {font-size: 24px; line-height: 28px;}
.series .owl-carousel .owl-nav .owl-next, .series .owl-carousel .owl-nav .owl-prev {display: none;}
.series .owl-carousel {margin-left: -40px; width: 140%;}
.series .block span {padding-left: 0px; display: block; text-align:center; width:100%;}
.actors .owl-carousel .owl-nav .owl-next,.actors .owl-carousel .owl-nav .owl-prev {display: none;}
.actors .owl-carousel {width: calc(100% + 20px);}
.owl-carousel.owl-slider .owl-stage-outer {overflow: hidden;}
}


@media all and (max-width:670px) {
.owl-carousel.owl-slider .owl-item.active .pic .blur {display: none;}
.owl-carousel.owl-slider {margin-left: -20px; margin-right: -20px; width: calc(100% + 40px);}
.owl-carousel.owl-slider .pic {opacity: 1; box-shadow: none!important;  border-radius: 0;}
.owl-carousel.owl-slider .active .pic {transform: none; transition: all 0.3s ease;}
.owl-carousel.owl-slider .owl-item .inf {opacity: 1;}
.owl-carousel.owl-slider .pic img {box-shadow: none!important;  border-radius: 0;}
.owl-carousel.owl-slider .owl-nav .owl-prev {top: 30vw; margin-top: -50px; background-image: url(img/arr-mob.svg); left: -38px;}
.owl-carousel.owl-slider .owl-nav .owl-next {top: 30vw; margin-top: -50px; background-image: url(img/arr-mob.svg); right: -38px;}
.all {max-width:100%;}
.owl-carousel.owl-slider .owl-item {transform: none;}
.owl-carousel.owl-slider .inf {display: block; padding-left: 20px; padding-right: 20px; box-sizing: border-box; transition: 0.3s ease;}
.owl-carousel.owl-slider .inf > .icons {position: relative; top: auto; right: auto; justify-content: flex-start; margin: 20px 0 0 0; width:100%; max-width:100%;}
.what-is {margin-top: 60px; padding-top: 60px;}
.what-is:before {width: 1000px;}
.what-is .full-col {margin-left: -10px; margin-right: -10px; width: calc(100% + 20px);}
.what-is .full-col .bl {padding-left: 10px;}
.what-is .full-col .bl .tooltip {margin-left: -134px;}
footer .in{text-align: left;}
.what-is .full-col .bl .tooltip {max-width: calc(100% + 120px);}

body, html {min-width: 470px;}

}


@media all and (max-width:400px) {
header .user img {margin-left: 14px;}
header .user {font-size: 13px; white-space: nowrap;}
}