html {
position: relative;
min-height: 100%;
background-color: #242933;
}
body {
font-family: 'Lato',sans-serif;
color: #FFFFFF;
margin-bottom: 85px;
padding-top: 28px;
background-color: #242933;
}
.footer {
color: #fff;
padding: 33px 0;
position: absolute;
bottom: 0;
width: 100%;
height: 85px;
background-color: #242933;
}
.footer a {
color: #fff;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
[class^="icon-"],[class*=" icon-"] {
display: inline-block;
width: 20px;
height: 20px;
margin-top: 1px;
margin-right: .3em;
line-height: 20px;
vertical-align: text-top;
background-image: url("../img/icons.png");
background-position: 20px 20px;
background-repeat: no-repeat;
}
.icon-vk {
background-position: 0 0;
}
.icon-fb {
background-position: 0 -20px;
}
.icon-tw {
background-position: 0 -40px;
}
.icon-search {
background-position: 0 -70px;
}
.icon-prev {
background-position: 3px -100px;
}
.icon-next {
background-position: 6px -130px;
}
.icon-calendar {
background-position: 0 -200px;
}
.icon-chevron-down {
background-position: 7px -220px;
}
.icon-play {
background-position: 0 -170px;
position: absolute;
top: 15px;
left: 18px;
}
.form-control {
color: #242933;
border: 1px solid #242933;
border-radius: 0;
box-shadow: none;
}
.form-control:focus {
border-color: #db613b;
box-shadow: none;
}
.navbar-form {
margin-top: 11px;
margin-bottom: 11px;
}
.navbar-form .form-control {
background-color: transparent;
}
.navbar-form .btn-default {
background-color: transparent;
border: none;
margin-left: -34px;
padding: 5px;
border-radius: 0;
opacity: 1;
filter: alpha(opacity=100);
}
.navbar-form .btn-default:hover,.navbar-form .btn-default:focus,.navbar-form .btn-default:active{
background-color:transparent;opacity:0.6;filter:alpha(opacity=60);
}
.btn{
padding:6px 12px;font-size:14px;border:1px solid transparent;border-radius:0;
}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{
outline:none;
}
.btn:hover,.btn:focus,.btn.focus{
color:#333;
}
.btn:active,.btn.active{
box-shadow:none;
}
.btn-warning{
color:#fff;background-color:#db613b;border-color:#db613b;
}
.btn-warning:focus,.btn-warning.focus{
color:#fff;background-color:#db613b;border-color:#db613b;
}
.btn-warning:hover{
color:#fff;background-color:#f5734a;border-color:#f5734a;
}
.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{
color:#fff;background-color:#db613b;border-color:#db613b;
}
.btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{
color:#fff;background-color:#db613b;border-color:#db613b;
}
.btn-lg,.btn-group-lg>.btn{
padding:15px 50px;font-size:18px;
}
.btn.text-uppercase{}
a{
color:#FFFFFF;
}
a:hover,a:focus{
color:#db613b;text-decoration:none;
}
a:focus{
outline:none;
}
h1{
font-family:'Lato-Light',sans-serif;
}
h2{
font-family:'Lato-Light',sans-serif;margin:10px 0 30px;
}
h3{
font-family:'Lato-Light',sans-serif;margin-bottom:30px;
}
.size-12{
font-size:12px;
}
.text-warning{
color:#db613b;
}
.mar-t5{
margin-top:5px;
}
.mar-t30{
margin-top:30px;
}
.mar-b10{
margin-bottom:10px;
}
.mar-b30{
margin-bottom:30px;
}
.page-header{
border:none;margin:0 0 30px;padding:0;
}
.page-header small{
color:#db613b;font-size:14px;font-weight:bold;text-transform:uppercase;
}
.navbar-default{
width:100%;background-color:transparent;border:none;padding:10px 0;position:absolute;top:0;left:0;z-index:3;border-radius:0;
}
.navbar-brand{
height:auto;
}
@media (min-width: 768px) {
.navbar-nav>li>a{
padding-top:20px;padding-bottom:20px;
}
}
.navbar-default .navbar-right>li>a{
color:#242933;text-transform:uppercase;
}
.navbar-default .navbar-right>li>a:after{
content:"";width:0;height:2px;display:block;background-color:#db613b;position:absolute;bottom:10px;left:15px;-webkit-transition:width 0.15s ease-in-out;-moz-transition:width 0.15s ease-in-out;-ms-transition:width 0.15s ease-in-out;-o-transition:width 0.15s ease-in-out;transition:width 0.15s ease-in-out;
}
.navbar-default .navbar-right>li>a:hover,.navbar-default .navbar-right>li>a:focus,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{
background-color:transparent;color:#db613b;
}
.navbar-default .navbar-right>li>a:hover:after,.navbar-default .navbar-right>li>a:focus:after,.navbar-default .navbar-nav>.active>a:after,.navbar-default .navbar-nav>.active>a:hover:after,.navbar-default .navbar-nav>.active>a:focus:after{
width:30px;
}
.socials{
list-style:none;float:right;
}
.socials>li{
display:inline-block;margin:-5px 0 0 10px;
}
.socials>li>a{
display:block;padding:7px;opacity:1;filter:alpha(opacity=100);
}
.socials>li.socials-item>a{
background-color:transparent;border:1px solid #ffffff;
}
.socials>li.socials-item>a:hover{
opacity:0.6;filter:alpha(opacity=60);
}
.socials>li>a:hover,.socials>li>a:focus,.socials>li>a:active{
background-color:transparent;color:#db613b;
}
.social-likes{
margin-bottom:10px;
}
.social-likes .social-likes__widget{
display:inline-block;margin:10px 0 0 10px;
}
.social-likes .social-likes__widget .social-likes__button{
display:block;border:1px solid #2d3135;background-color:#000000;padding:7px;cursor:pointer;opacity:1;filter:alpha(opacity=100);
}
.social-likes .social-likes__widget .social-likes__button:hover{
background-color:#db613b;border-color:#db613b;
}
.carousel{
margin-top:-78px;
}
.carousel img.brand-poster{
opacity:0.15;filter:alpha(opacity=15);position:absolute;top:0;right:0;bottom:0;left:0;
}
.carousel-caption{
text-align:left;text-shadow:none;color:#242933;padding-top:100px;position:static;
}
.carousel-caption h1{
font-family:'Lato-Light',sans-serif;font-size:54px;text-transform:uppercase;margin-top:0;margin-bottom:15px;
}
.carousel-caption h3{
font-family:'Lato-Light',sans-serif;font-size:18px;color:#db613b;text-transform:uppercase;
}
.carousel-caption .lead{
font-size:18px;margin:0 0 30px;
}
.carousel a.poster{
display:block;margin-right:50px;position:relative;
}
.carousel a.poster:after{
content:"";display:block;border:5px solid #db613b;position:absolute;top:25px;right:-25px;bottom:-25px;left:25px;z-index:-1;
}
.left.carousel-control,.right.carousel-control{
background:transparent;
}
.left.carousel-control{
left:20px;
}
.right.carousel-control{
right:20px;
}
.carousel-control{
width:50px;height:50px;border:2px solid #242933;margin-top:-25px;z-index:3;top:50%;opacity:1;filter:alpha(opacity=100);
}
.carousel-control:hover{
border-color:#db613b;
}
.carousel-control .icon-prev:before,.carousel-control .icon-next:before{
display:none;
}
@media screen and (min-width: 768px) {
.carousel-control .icon-prev,.carousel-control .icon-next{
width:20px;height:20px;
}
}
.carousel-inner>.item.next{
z-index:2;
}
.carousel-inner>.item.prev{
z-index:-1;
}
.carousel-inner>.item{
background-color:#fff;
}
.rating{
display:inline-block;width:66px;height:66px;font-size:30px;color:#242933;border:2px solid #242933;margin-bottom:5px;padding:10px 5px;
}
.top-categories{
background-color:#242933;color:#fff;text-transform:uppercase;margin-bottom:20px;padding:30px 0;
}
.child-fant{
height:100%;
display:block;
background-color: #804537;
color:#fff;
text-align:right;
padding:30px;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.child-fant:hover,.child-fant:focus{
color:#fff;
text-decoration:none;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
}
.child-fant .sm-t{
font-size:20px;
font-family:'Lato-Light',sans-serif;
margin-top:100px;
}
.child-fant .lg-t{
font-size:30px;
}
.friend-serial{
height:100%;
display:block;
background-color:#41625a;
color:#fff;
text-align:right;
padding:30px;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.friend-serial:hover,.friend-serial:focus{
color:#fff;
text-decoration:none;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
}
.friend-serial .sm-t{
font-size:20px;
font-family:'Lato-Light',sans-serif;
margin-top:100px;
}
.friend-serial .lg-t{
font-size:30px;
}
.survival{
height:100%;
display:block;
background-color:#924044;
color:#fff;
text-align:right;
padding:30px;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.survival:hover,.survival:focus{
color:#fff;
text-decoration:none;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
}
.survival .sm-t{
font-size:20px;
font-family:'Lato-Light',sans-serif;
margin-top:100px;
}
.survival .lg-t{
font-size:30px;
}
.puzzle{
height:100%;
display:block;
background-color:#565c2f;
color:#fff;
text-align:right;
padding:20px;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.puzzle:hover,.puzzle:focus{
color:#fff;
text-decoration:none;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
}
.puzzle .sm-t{
font-size:16px;
font-family:'Lato-Light',sans-serif;
margin-top:60px;
}
.puzzle .lg-t{
font-size:22px;
}
.robots{
height:100%;
display:block;
background-color:#50425c;
color:#fff;
padding:20px;
position:relative;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.robots:hover,.robots:focus{
color:#fff;
text-decoration:none;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
}
.robots img{
margin:10px 0 0 0px;
}
.robots .sm-t{
width:100%;
font-size:20px;
font-family:'Lato-Light',sans-serif;
margin:0 0 20px -45px;
position:absolute;
bottom:0;
left:100%;
-webkit-transform-origin:0% 100%;
-moz-transform-origin:0% 100%;
-o-transform-origin:0% 100%;
-ms-transform-origin:0% 100%;
transform-origin:0% 100%;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
}
.robots .lg-t{
width:100%;
font-size:30px;
margin:0 0 20px -10px;
position:absolute;
bottom:0;
left:100%;
-webkit-transform-origin:0% 100%;
-moz-transform-origin:0% 100%;
-o-transform-origin:0% 100%;
-ms-transform-origin:0% 100%;
transform-origin:0% 100%;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
}
.comedy{
height:100%;
display:block;
background-color:#3f686f;
color:#fff;
text-align:right;
padding:20px 15px;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.comedy:hover,.comedy:focus{
color:#fff;
text-decoration:none;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
}
.comedy .sm-t{
font-size:20px;
font-family:'Lato-Light',sans-serif;
margin-top:50px;
}
.comedy .lg-t{
font-size:30px;
}
.romantic{
height:100%;
display:block;
background-color:#5c2d48;
color:#fff;
text-align:right;
padding:20px;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.romantic:hover,.romantic:focus{
color:#fff;
text-decoration:none;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
}
.romantic .sm-t{
font-size:20px;
font-family:'Lato-Light',sans-serif;
margin-top:20px;
}
.romantic .lg-t{
font-size:30px;
}
.zomby{
height:100%;
display:block;
background-color:#37582e;
color:#fff;
text-align:center;
padding:20px;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.zomby:hover,.zomby:focus{
color:#fff;
text-decoration:none;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
}
.zomby img{
margin-top:30px;
}
.zomby .sm-t{
font-size:20px;
font-family:'Lato-Light',sans-serif;
margin-top:60px;
}
.zomby .lg-t{
font-size:30px;
}
.travel{
height:100%;
display:block;
background-color:#2e3553;
color:#fff;
text-align:right;
padding:20px;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.travel:hover,.travel:focus{
color:#fff;
text-decoration:none;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
}
.travel .sm-t{
font-size:20px;
font-family:'Lato-Light',sans-serif;
margin-top:100px;
}
.travel .lg-t{
font-size:30px;
}
.detect{
height:100%;
display:block;
background-color:#885943;
color:#fff;
text-align:right;
padding:20px;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.detect:hover,.detect:focus{
color:#fff;
text-decoration:none;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
}
.detect img{
margin-top:20px;
}
.detect .sm-t{
font-size:20px;
font-family:'Lato-Light',sans-serif;
margin-top:55px;
}
.detect .lg-t{
font-size:30px;
}
.container-6 .row{
margin-left:-6px;margin-right:-6px;
}
.container-6 .col-xs-1,.container-6 .col-sm-1,.container-6 .col-md-1,.container-6 .col-lg-1,.container-6 .col-xs-2,.container-6 .col-sm-2,.container-6 .col-md-2,.container-6 .col-lg-2,.container-6 .col-xs-3,.container-6 .col-sm-3,.container-6 .col-md-3,.container-6 .col-lg-3,.container-6 .col-xs-4,.container-6 .col-sm-4,.container-6 .col-md-4,.container-6 .col-lg-4,.container-6 .col-xs-5,.container-6 .col-sm-5,.container-6 .col-md-5,.container-6 .col-lg-5,.container-6 .col-xs-6,.container-6 .col-sm-6,.container-6 .col-md-6,.container-6 .col-lg-6,.container-6 .col-xs-7,.container-6 .col-sm-7,.container-6 .col-md-7,.container-6 .col-lg-7,.container-6 .col-xs-8,.container-6 .col-sm-8,.container-6 .col-md-8,.container-6 .col-lg-8,.container-6 .col-xs-9,.container-6 .col-sm-9,.container-6 .col-md-9,.container-6 .col-lg-9,.container-6 .col-xs-10,.container-6 .col-sm-10,.container-6 .col-md-10,.container-6 .col-lg-10,.container-6 .col-xs-11,.container-6 .col-sm-11,.container-6 .col-md-11,.container-6 .col-lg-11,.container-6 .col-xs-12,.container-6 .col-sm-12,.container-6 .col-md-12,.container-6 .col-lg-12{
position:relative;min-height:1px;padding-left:6px;padding-right:6px;
}
.movie-line{
padding:30px 0;position:relative;
}
.movie-line .movie-item{
margin-bottom:0;
}
.movie-line .line-title{
font-size:36px;font-family:'Lato-Light',sans-serif;margin:0 0 90px 0px;position:absolute;bottom:0;left:-10px;-webkit-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;-ms-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);
}
.movie-line .line-title a,.movie-line .line-title a:hover,.movie-line .line-title a:focus{
color:#db613b;text-decoration:none;
}
.movie-item{
text-align:center;margin-bottom:20px;
}
.movie-item>a{
display:block;position:relative;
}
.movie-line>div.col-md-2 .movie-item>a:before{
content:"";display:block;border:3px solid #db613b;position:absolute;top:-20px;right:20px;bottom:20px;left:-20px;z-index:-1;
}
.movie-line>div.col-md-2~div.col-md-2 .movie-item>a:before{
display:none;
}
.movie-item h4{
font-family:'Lato-Light',sans-serif;font-size:16px;text-transform:uppercase;margin-bottom:0;
}
.movie-item a img{
-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;
}
.movie-item:hover a img{
-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}.carousel-caption .btn-lg{
padding-right:30px;padding-left:85px;position:relative;
}
.carousel-caption .btn-lg:before{
content:"";border-right:2px solid #fff;position:absolute;top:-1px;left:53px;bottom:-1px;
}
.grey-back{
background-color:#f5f5f5;padding:30px 0;
}
.grey-back h3{
margin-top:0;
}
.item-news{
background-color:#fff;
}
.news-body{
padding:15px 20px;
}
.size-12 .date{
position:relative;bottom:-3px;
}
.news-body h4{
font-family:'Lato-Light',sans-serif;margin:20px 0;
}
.filter-menu{
background-color:#f5f5f5;margin-bottom:20px;padding:10px 0;
}
.filter-menu .form-group,.filter-menu .help-block{
margin:0;
}
.filter-menu .nav.nav-pills{
margin-top:4px;
}
.nav-pills>li>a{
color:#db613b;font-size:16px;border-radius:0;
}
.nav-pills>li>a:hover,.nav-pills>li>a:focus{
background-color:transparent;color:#000;
}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{
background-color:transparent;color:#000;
}
.nav-pills .open>a,.nav-pills .open>a:hover,.nav-pills .open>a:focus{
background-color:transparent;
}
.nav-pills>li>a.dropdown-toggle{
color:#000;
}
.dropdown-menu{
border-radius:0;box-shadow:none;
}
.dropdown-menu>li>a{
padding:7px 20px;position:relative;
}
.dropdown-select>li>a{
padding-left:25px;
}
.dropdown-select>li>a:hover,.dropdown-select>li>a:focus{
color:#db613b;
}
.dropdown-select>.active>a,.dropdown-select>.active>a:hover,.dropdown-select>.active>a:focus{
background-color:transparent;color:#db613b;
}
.dropdown-select>.active>a:before{
content:"";width:20px;top:6px;height:20px;background-image:url("../img/icons.png");background-repeat:no-repeat;background-position:7px -220px;position:absolute;left:0;top:6px;
}
.pagination>li>a,.pagination>li>span{
color:#a8acb9;font-size:18px;border:1px solid #a8acb9;margin-left:1px;padding:8px 15px;
}
.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span{
border-radius:0;
}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{
background-color:transparent;color:#db613b;border-color:#db613b;
}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{
background-color:#a8acb9;border-color:#a8acb9;
}
.list-styled{
color:#242933;font-size:13px;margin:20px 0;
}
.list-styled li{
margin:10px -5px;position:relative;
}
.list-styled li:after{
content:"";width:100%;border-bottom:2px dotted #e1e1e1;margin-bottom:3px;position:absolute;bottom:0;left:0;z-index:-1;
}
.list-styled li span{
background-color:#fff;padding:0 5px;
}
.text-page{
font-size:16px;
}
.text-page p{
margin-bottom:20px;
}
.pager li>a,.pager li>span{
border-color:#242933;border-radius:0;
}
.pager li>a:hover,.pager li>a:focus{
background-color:transparent;
}
.img-responsive{
min-width:100%;
}
.carousel-container{
padding:0 15px;margin-top:20px;background-color:#f5f5f5;
}
.carousel-container .carousel .item{
background-color:transparent;
}
.carousel-container .carousel .left.carousel-control{
left:-15px;
}
.carousel-container .carousel .right.carousel-control{
right:-15px;
}
.carousel-container .carousel{
margin-top:0;margin-bottom:20px;
}
.carousel-container .left.carousel-control,.carousel-container .right.carousel-control{
background-color:rgba(255,255,255,0.7);
}
.carousel-container h2{
margin-bottom:0;
}
.carousel-container .movie-item h4{
font-size:12px;
}
.carousel-container .movie-item h4 a{
display:block;overflow:hidden;text-overflow:ellipsis;
}
.wrap{
flex-wrap:wrap;-ms-flex-wrap:wrap;
}