@font-face {
 font-family: Roboto-Bold;
 src: url(../fonts/Roboto-Bold.ttf);
}
@font-face {
 font-family: Roboto-Regular;
 src: url(../fonts/Roboto-Regular.ttf);
}


html,body{
 margin:0px;
 padding:0px;
 font-family:Roboto-Regular;
 min-width:1300px;
 color:rgba(255,255,255,0.9);
 background:#000;
}
a{
 color:rgba(255,255,255,0.9);
}
.wrapper{
 width:100%;
 max-width:1400px;
 min-width:1200px;
 position: relative;
 margin:auto;
}
.try-button{
 border-radius:10px;
 background:#006556;
 color: #fff;
 font-size:12pt;
 padding: 10px 20px;
 text-decoration:none;
 display: inline-block;
 margin: 10px 0px;
}
.info-block .try-button{
 margin: 40px 20px;
}
.stat-block > div:nth-child(1){
 color: #ef6912;
 font-size: 55pt;
 font-family: Roboto-Bold;
 line-height: 50pt;
}
.stat-block > div:nth-child(2){
 text-transform: uppercase;
}
.item .more-info{
 display:none;
 position: absolute;
 width: 200px;
 height: 60%;
 background: rgba(255,255,255,0.8);
 bottom: 0px;
 left: -10px;
 border-radius: 10px;
 color: #000;
 text-align: left;
 font-size: 10pt;
 padding: 2px 5px;
 overflow: auto;
}
.item .more-info strong{
 display:block;
}
.item:hover .more-info{
 display:block;
}


/*separators*/
div[class^=separator]{
 width:100%;
 max-width:1400px;
 min-width:1200px;
 position: relative;
 margin:auto;
}


.separator1{
 width: 100%;
 position: relative;
 z-index: 10;
 background: #000;
}
.separator1 .image{
 height:250px;
 background: #000 url(../images/separator1.png) right top no-repeat;
 float: right;
 width: 125px;
 background-size: contain;
 position: absolute;
 right: 0px;
 bottom: -110px;
}
.separator1 .line{
 background:#072c38;
 height: 1px;
 width: 60%;
}

.separator2{
 width: 100%;
 position: relative;
 z-index: 10;
 height: 170px;
 background: #000;
}
.separator2 .image1{
 height:125px;
 background: #000 url(../images/separator2-1.png) right top no-repeat;
 width: 125px;
 background-size: contain;
 position: absolute;
 left: 40px;
 top: 20px;
}
.separator2 .image2{
 height:170px;
 background: #000 url(../images/separator2-2.png) right top no-repeat;
 float: right;
 width: 325px;
 background-size: contain;
 position: absolute;
 right: 0px;
 top: 0px;
}
.separator2 .line{
 background:#072c38;
 height: 1px;
 width: 45%;
 position: absolute;
 left: 20%;
 top: 50%;
}



.separator3{
 width: 100%;
 position: relative;
 z-index: 10;
 height: 170px;
 background: #000;
}
.separator3 .image1{
 height: 150px;
 background: #000 url(../images/separator3-1.png) right top no-repeat;
 width: 65px;
 background-size: contain;
 position: absolute;
 left: 0px;
 top: 20px;
}
.separator3 .image2{
 height:170px;
 background: #000 url(../images/separator3-2.png) right top no-repeat;
 float: right;
 width: 180px;
 background-size: contain;
 position: absolute;
 right: 100px;
 top: 0px;
}
.separator3 .line{
 background:#072c38;
 height: 1px;
 width: 45%;
 position: absolute;
 left: 10%;
 top: 90%;
}


.separator4{
 width: 100%;
 position: relative;
 z-index: 10;
 height: 170px;
 background: #000;
 overflow: hidden;
}
.separator4 .image1{
 height: 150px;
 background: #000 url(../images/separator4.png) right top no-repeat;
 width: 135px;
 background-size: contain;
 position: absolute;
 left: 5%;
 top: 20px;
}
.separator4 .line{
 background:#072c38;
 height: 1px;
 width: 100%;
 position: absolute;
 left: 20%;
 top: 55%;
}



.separator5{
 width: 100%;
 position: relative;
 z-index: 10;
 height: 170px;
 background: #000;
}
.separator5 .image1{
 height: 150px;
 background: #000 url(../images/separator5-1.png) left top no-repeat;
 width: 45px;
 background-size: contain;
 position: absolute;
 left: 0px;
 top: 11px;
}
.separator5 .image2{
 height:80px;
 background: #000 url(../images/separator5-2.png) right top no-repeat;
 float: right;
 width: 90px;
 background-size: contain;
 position: absolute;
 right: 40px;
 top: 45px;
}
.separator5 .line{
 background:#072c38;
 height: 1px;
 width: 80%;
 position: absolute;
 left: 3%;
 top: 85px;
}




.separator6{
 width: 100%;
 position: relative;
 z-index: 10;
 height: 170px;
 background: #000;
}
.separator6 .image1{
 height: 120px;
 background: #000 url(../images/separator6.png) left top no-repeat;
 width: 150px;
 background-size: contain;
 position: absolute;
 left: 50px;
 top: 10px;
}
.separator6 .line{
 background:#072c38;
 height: 1px;
 width: 80%;
 position: absolute;
 left: 20%;
 top: 70px;
}


.separator7{
 width: 100%;
 position: relative;
 z-index: 10;
 height: 200px;
 background: #000;
}
.separator7 .image1{
 height: 200px;
 background: #000 url(../images/separator7.png) right top no-repeat;
 width: 95px;
 background-size: contain;
 position: absolute;
 right: 0px;
 top: 0px;
}
.separator7 .line{
 background:#072c38;
 height: 1px;
 width: 90%;
 position: absolute;
 left: 0%;
 top: 100px;
}




.separator8{
 width: 100%;
 position: relative;
 z-index: 10;
 height: 250px;
 background: #000;
}
.separator8 .image1{
 height: 250px;
 background: #000 url(../images/separator8.png) right top no-repeat;
 width: 100px;
 background-size: contain;
 position: absolute;
 right: 0px;
 top: 0px;
}
.separator8 .line{
 background:#072c38;
 height: 1px;
 width: 40%;
 position: absolute;
 left: 0%;
 top: 115px;
}


/*****************/


header{
 position:absolute !important;
 z-index:10;
 width: 100%;
}
header .wrapper{
 display:flex;
 width: 100%;
 justify-content: space-around;
 padding: 20px 0px;
}
header .first{

}
header .first .slogan{
 font-size: 7pt;
 color: #cdcdcd;
 padding: 3px 0px;
}
header .first .logo{
 width: 111px;
 height: 28px;
 background: url(../images/logo-gray.png) no-repeat;
 background-size: cover;
}
header .second{

}
header .second a, header .third a{
 font-size: 12pt;
 color: rgba(255,255,255,0.9);
 text-decoration: none;
 line-height: 55px;
 padding: 0px 5px;
}
header .third{

}
header .third a{
 font-size: 12pt;
 color: rgba(255,255,255,0.9);
 text-decoration: none;
 line-height: 55px;
 padding: 0px 5px;
}
header .fourth{

}
header .fourth .vk{
 width: 35px;
 height: 35px;
 background: url(../images/vk.png) no-repeat;
 display: inline-block;
 background-size: cover;
 position: relative;
 top: 11px;
 right: 10px;
}
header .fourth .lk{
 font-size: 12pt;
 color: rgba(255,255,255,0.9);
 text-decoration: none;
 line-height: 55px;
 background: #00445b;
 padding: 5px 15px;
 border-radius: 10px;
}

.slider img{
 width: 100%;
 //max-width: 1366px;
}
.slider .slogan{
 font-family:Roboto-Bold;
 text-transform:uppercase;
 background:rgba(0,36,91,0.5);
 position: absolute;
 top: 40%;
 left: 10%;
 color: #fff;
 font-size:15pt;
 padding:15px 20px;
 letter-spacing: 2px;
}
.slider .button{
 border-radius:10px;
 background:#006556;
 position: absolute;
 bottom: 30px;
 right: 30px;
 color: #fff;
 font-size:12pt;
 padding: 10px 20px;
 text-decoration:none;
}
.bx-wrapper{
 border: 0px !important;
 margin: 0px !important;
 box-shadow: none;
 background: #000 !important;
}
.bx-viewport{
 background: #000 !important;
}
.bx-wrapper .bx-pager{
 bottom: 25px !important;
 left: 5% !important;
 width: auto !important;
}
.bx-wrapper .bx-pager-link{
 background:transparent !important;
 border:1px solid #072c38 !important;
}
.bx-wrapper .bx-pager-link.active{
 background:#072c38 !important;
}


.block1{
 width:100%;
 //height:500px;
 background: #000 url(../images/bg1.png) right 20px no-repeat;
 background-size: 60% 60%;
 overflow: hidden;
}
.block1 .info-block{
 float: left;
 padding: 10px 0px 0px 40px;
}
.block1 .countries{
 padding: 50px 0px;
}
.block1 .countries .title{
 color: #f1e247;
 font-size: 20pt;
}
.block1 .countries .list{

}
.block1 .stat-block{
 position: absolute;
 bottom: 5%;
 right: 17%;
}

/*info-block*/
.info-block h1{
 text-transform:uppercase;
 color:#006556;
 font-size: 40pt;
 left: 2%;
 position: relative;
 padding: 40px 0px 20px 0px;
 margin: 0px;
}
.info-block h1 span{
 color:rgba(255,255,255,0.9);
 font-size: 12pt;
 display: block;
 text-transform: lowercase;
}
.info-block ul{
 list-style:none;
 left: 5%;
 position: relative;
 padding: 0px;
 margin: 0px;
}
.info-block ul li{
 color:rgba(255,255,255,0.9);
 padding: 2px 0px;
 font-size: 15px;
}
.info-block ul li:before{
 display:inline-block;
 content:"—";
 padding-right: 5px;
}



.block2{
 width:100%;
 //height:500px;
 background: #000;
 //background: #000 url(../images/bg1.png) right 20px no-repeat;
 //background-size: 60% 60%;
 overflow: hidden;
}
.block2 .stat-block{
 position: absolute;
 top: 40px;
 left: 5%;
}
.block2 .info-block{
 float: right;
 padding: 10px 40px 0px 0px;
}

.content-slider-wrapper{
 width: 800px;
 float:left;
 background: #000c10 url(../images/media-slider-bg1.png) center no-repeat;
 background-size: contain;
 position: absolute;
 top: 180px;
 left: 5%;
 text-align: center;
 padding:10px;
}
.content-slider-wrapper a{
 color:rgba(255,255,255,0.9);
 text-decoration:none;
}
.content-slider-wrapper .bx-wrapper{
 display:inline-block;
 position: relative;
 left: -10px;
}
.content-slider-wrapper .bx-wrapper, .content-slider-wrapper .bx-viewport{
 background:transparent !important;
}
.content-slider-wrapper .bx-viewport{
 padding: 0px 10px !important;
}
.content-slider-wrapper .item{
 display: inline-block;
}
.content-slider-wrapper .item .title{
 font-size: 11pt;
 font-family: Roboto-Bold;
 padding: 5px 0px;
 text-align: left;
 white-space: nowrap;
 overflow: hidden;
}
.content-slider-wrapper .item .img{

}
.content-slider-wrapper .item .img img{
 width: 100%;
}
.content-slider-wrapper .item .info{
 padding: 5px 0px;
 text-align: left;
 color: rgba(255,255,255,0.5);
 font-size: 10pt;
}
.content-slider-wrapper .bx-controls-direction{
 position: absolute;
 right: -20px;
 top: -55px;
 border: 1px solid #00445b;
 width: 80px;
 height: 30px;
}
.content-slider-wrapper .bx-controls-direction .bx-prev, .content-slider-wrapper .bx-controls-direction .bx-next{
 position: absolute;
 top: 0px;
 background: transparent;
 font-size: 0px;
 margin: 0px;
 width: 50%;
 height: 100%;
}
.content-slider-wrapper .bx-controls-direction .bx-prev{
 left: 0px;
}
.content-slider-wrapper .bx-controls-direction .bx-next{
 left: 50%;
}
.content-slider-wrapper .bx-controls-direction .bx-prev:before{
 content:'';
 width: 15px;
 height: 15px;
 font-size: 0px;
 border: 2px solid #bfbfbf;
 display:inline-block;
 border-width: 4px 0px 0px 4px;
 transform: rotate(-45deg) skew(20deg, 20deg);
 z-index: 20;
 position: absolute;
 top: calc(50% - 9px);
 left: 15px;
}
.content-slider-wrapper .bx-controls-direction .bx-next:before{
 content:'';
 width: 15px;
 height: 15px;
 font-size: 0px;
 border: 2px solid #bfbfbf;
 display:inline-block;
 border-width: 0px 4px 4px 0px;
 transform: rotate(-45deg) skew(20deg, 20deg);
 z-index: 20;
 position: absolute;
 top: calc(50% - 9px);
 right: 15px;
}



.block3{
 width:100%;
 //height:500px;
 background: #000;
 overflow: hidden;
}
.block3 .info-block{
 padding: 10px 0px 0px 40px;
}
.block3 .info-block h1{
 padding: 0px;
 left: 35%;
}
.block3 .content-slider-wrapper{
 background: #000c10 url(../images/media-slider-bg2.png) center no-repeat;
 background-size: contain;
 width: 600px;
 top: 130px;
 right: 5%;
 left: auto;
 padding: 10px 0px 10px 20px;
}
.block3 .stat-block{
 margin: 50px 0px 0px 40%;
 display: inline-block;
}
.block3 .try-button{
 vertical-align: top;
 margin: 65px 0px 0px 80px;
}



.block4{
 width:100%;
 //height:500px;
 background: #000;
 overflow: hidden;
 padding:40px 0px;
}
.block4 .info-block h1{
 position: absolute;
 left: 50%;
 top: 0px;
 color:#f0e322;
}
.block4 .stat-block{
 margin: 120px 0px 0px 5%;
 display: inline-block;
}
.block4 .try-button{
 position: absolute;
 right: 5%;
 bottom: -5px;
}
.block4 .kids{
 position: absolute;
 left: calc(50% - 210px);
 bottom: 90px;
}
.block4 .kid{
 position: absolute;
 right: 8%;
 bottom: 40px;
}




.block5{
 width:100%;
 //height:500px;
 background: #000;
 overflow: hidden;
 padding: 0px 0px 50px 0px;
 background: #000 url(../images/bg-music.png) 70% 100% no-repeat;
 background-size: 45% 50%;
}
.block5 .info-block{
 margin-top: 80px;
}
.block5 .info-block h1{
 position: absolute;
 right: 10%;
 top: 0px;
 left: auto;
}
.block5 .stat-block{
 position: absolute;
 right: 10%;
 top: 130px;
}
.block5 .try-button{
 position: relative;
 left: 5%;
}






.block6{
 width:100%;
 //height:500px;
 background: #000;
 overflow: hidden;
 padding: 0px 0px 150px 0px;
 background: #000 url(../images/bg-18.png) 90% 70% no-repeat;
 background-size: auto 80%;
}
.block6 .info-block{
 margin-top: 80px;
}
.block6 .info-block h1{
 left: 5%;
 position: relative;
 padding: 0px;
 margin: 0px;
}
.block6 .stat-block{
 position: relative;
 left: 5%;
 top: 50px;
 width: 100px;
}
.block6 .try-button{
 position: absolute;
 right: calc(10% + 50px);
 bottom: 60%;
}




.block7{
 width:100%;
 //height:500px;
 background: #000;
 overflow: hidden;
 padding: 0px 0px 100px 0px;
 background: #000 url(../images/bg-about.png) top right no-repeat;
 background-size: 100% 100%;
}
.block7 .info-block{
 margin-top: 170px;
}
.block7 .info-block h1{
 left: 45%;
 position: absolute;
 padding: 0px;
 margin: 0px;
 top:5%;
}
.block7 .stat-block{
 position: relative;
 left: 5%;
 margin: 80px 0px;
}
.block7 .stat-block > div:nth-child(1){
 color: rgba(255,255,255,0.9);
 font-size: 12pt;
 display: block;
 text-transform: uppercase;
 font-family: Roboto-Regular;
 line-height: 12pt;
}
.block7 .stat-block > div:nth-child(2){
 color: #ef6912;
 font-size: 55pt;
 font-family: Roboto-Bold;
 line-height: 50pt;
}
.block7 .try-button{
 position: absolute;
 left: 45%;
 top: 18%;
}
.block7 .applinks{
 margin-left: 5%;
}
.block7 .applinks a{
 width: 130px;
 display: inline-block;
 margin: 0px 25px;
}
.block7 .applinks a img{
 width:100%;
}







.block8{
 width:100%;
 //height:500px;
 background: #000;
 overflow: hidden;
 padding: 50px 0px 150px 0px;
 background: #000 url(../images/bg-rates.png) bottom left no-repeat;
 background-size: auto 60%;
}
.block8 .info-block{
 left: 50%;
 position: relative;
}
.block8 .info-block h1{
 left: 5%;
 position: relative;
 padding: 0px;
 margin: 0px;
 top:5%;
}
.block8 .stat-block{
 position: absolute;
 left: 5%;
 top: 40px;
}
.block8 .stat-block > div:nth-child(1), .block8 .stat-block > div:nth-child(3){
 color: rgba(255,255,255,0.9);
 font-size: 12pt;
 display: block;
 text-transform: uppercase;
 font-family: Roboto-Regular;
 line-height: 12pt;
 margin: 10px 0px;
}
.block8 .stat-block > div:nth-child(2){
 color: #ef6912;
 font-size: 55pt;
 font-family: Roboto-Bold;
 line-height: 50pt;
}
.block8 .try-button{
 position: relative;
 left: 5%;
 top: 25px;
 margin: 0px;
}






.block9{
 width:100%;
 //height:500px;
 background: #000;
 overflow: hidden;
 padding: 50px 0px 50px 0px;
 background: #000 url(../images/bg-vk.png) left -20px no-repeat;
 background-size: auto 100%;
}
.block9 > a{
 display: inline-block;
 width: 125px;
 position: relative;
 left: 65%;
}
.block9 > a img{
 width: 100%;
}
.block9 .info-block{
 left: 50%;
 position: relative;
}
.block9 .info-block h1{
 left: 5%;
 position: relative;
 padding: 0px;
 margin: 0px;
 top:5%;
}
.block9 .stat-block{
 position: relative;
 left: 55%;
 top: 0px;
 padding: 60px 0px;
}
.block9 .stat-block > div:nth-child(1), .block9 .stat-block > div:nth-child(3){
 color: rgba(255,255,255,0.9);
 font-size: 12pt;
 display: block;
 text-transform: uppercase;
 font-family: Roboto-Regular;
 line-height: 12pt;
 margin: 10px 0px;
}
.block9 .stat-block > div:nth-child(2){
 color: #ef6912;
 font-size: 55pt;
 font-family: Roboto-Bold;
 line-height: 50pt;
}






footer{
 width:100%;
 background:#000;
 height:187px;
 background: #000 url(../images/bg-footer.png) 98% 20px no-repeat;
 background-size: auto 100%;
 overflow: hidden;
 max-width: 1400px;
 min-width:1200px;
 margin: auto;
}
footer .first{
 vertical-align: top;
 display: inline-block;
 width: 35%;
 position: relative;
 height: 100%;
}
footer .first .copyright{
 font-size: 11pt;
 color: #cdcdcd;
 padding: 3px 0px;
 position: absolute;
 bottom: 20px;
 left: 15%;
}
footer .first .logo{
 width: 111px;
 height: 28px;
 background: url(../images/logo-gray.png) no-repeat;
 background-size: cover;
 position: absolute;
 bottom: 50px;
 left: 15%;
}
footer .second{
 display: inline-block;
 height: 100%;
 width: 55%;
 vertical-align: top;
 border-top:1px solid #072c38;
 position: relative;
}
footer .second ul{
 list-style: none;
 padding: 5px;
}
footer .second ul li{
 padding: 2px 0px;
}
footer .second ul li a{
 text-decoration: none;
 font-size: 11pt;
}
footer .second .lk{
 font-size: 12pt;
 color: rgba(255,255,255,0.9);
 text-decoration: none;
 background: #00445b;
 padding: 5px 15px;
 border-radius: 10px;
 position: absolute;
 right: 25%;
 bottom: 40%;
}

@media screen and (min-width: 1800px) {

.left-gradient{
 position: fixed;
 left: 0px;
 width: 200px;
 height: 100%;
 background: linear-gradient(to right, #00ae5d, #000);
 opacity: 0.3;
 z-index: 50;
}
.right-gradient{
 position: fixed;
 right: 0px;
 width: 200px;
 height: 100%;
 background: linear-gradient(to left, #00ae5d, #000);
 opacity: 0.3;
 z-index: 50;
}


}


/*content page*/
.content{
 border-top: 1px solid #f6870e;
 border-bottom: 1px solid #f6870e;
 width: 95%;
 padding-top: 60px;
}
.content .bottom-text{
 border-top: 1px solid #f6870e;
 width: 100%;
 clear: both;
 margin-top: 40px;
 padding: 20px 10px;
 box-sizing: border-box;
}
.content .try-button{
 position: absolute;
 right: 0;
 top: 10px;
}
.content .post{
 display:flex;
}
.content .post img{
 display: inline-block;
 vertical-align: top;
 width: 25%;
 margin-right: 20px;
 max-width: 500px;
}
.content .post .info{
 display: inline-block;
 vertical-align: top;
 width: 75%;
}
.content .post .title{
 padding: 3px 0px;
 font-family: Roboto-Bold;
 font-size: 20pt;
}
.content .post .original_name{
 padding: 3px 0px;
 font-family: Roboto-Bold;
 font-size: 14pt;
}
.content .post .genres{
 border-bottom: 4px solid #f6870e;
 padding: 5px 0px;
}
.content .post .year{

}
.content .post .description{
 border-bottom: 4px solid #f6870e;
 padding: 30px 0px;
}
.content .post .directors{
 padding: 3px 0px;
}
.content .post .actors{
 padding: 3px 0px;
}


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

.info-block ul li{
 font-size: 15px;
}
.info-block ul {
 left: 2%;
}

}