@charset "utf-8";
/* CSS By Skaindy Mx */
@import url("html5reset.css");
@import url("font.css");
@import url("bootsnav.css");
@import url("transition.css");
@import url("mega-nav.css");
body{font-family:'DBHelvethaicaX-55Regular', sans-serif;background: #322B25;color:#FFFFFF;}

.box-menu-top{position:relative;background-color:rgba(40,34,29,0.96);}
.box-menu-top .container-fluid{ padding-left:40px; padding-right:40px;}
.box-menu-top .navbar-nav{ margin-top:21px; margin-right:45px;}
nav.navbar.bootsnav ul.nav > li > a{; font-size:25px; line-height:25px; padding:40px 0; margin:0 25px; text-transform:none}

.navbar-collapse { position:relative}
.navbar-collapse .logo{position:absolute; top:20px; left:0px}
.navbar-collapse .logo img{ max-height:88px}
	
.box-info{padding-top:158px;padding-bottom:81px;background:#322B25;}
.box-info .title{ padding-left:15px; position:relative; line-height:25px; height:25px; margin-bottom:8px; font-size:31px; }
.box-info .title:before{content: ''; position:absolute; left:0; top:5px; width:4px; height:15px; background-color:#F36E20 }
.box-info .container-fluid{ padding-left:123px; padding-right:123px}
.box-info .nav-thumbnail{ margin-bottom:28px}
.box-info .nav-thumbnail{ list-style:none}
.box-info .nav-thumbnail li figure{ border-radius:6px; border:1px rgba(255,255,255,0.15) solid; overflow:hidden; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(29,25,22,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(29,25,22,.6);}
.box-info .nav-thumbnail li a:hover figure{ border-color:#F36E20;  }
.box-info .owl-dots{ display:none}

.thumbnail-app{ margin:0 -11.5px}
.thumbnail-app li{ width:20%; float:left; padding:0 11.5px; margin-bottom:23px}
.thumbnail-app li img{ width:100%; display:block}

.thumbnail-movies{ margin:0 -11.5px}
.thumbnail-movies li{ width:12.5%; float:left; padding:0 11.5px; margin-bottom:23px}
.thumbnail-movies li img{ width:100%; display:block}

footer { padding: 19px 0 14px 0; background-color: rgba(31,24,18,0.96); position: fixed; left: 0; right: 0; bottom: 0; z-index:999}
footer .container-fluid{ padding-left:123px; padding-right:123px}

.list-footer{ list-style:none; display:table}
.list-footer li{display:table-cell}
.list-footer li+li{ padding-left:20px}
.list-footer li a{ color:#FFFFFF; font-size:16px}
.list-footer li a:hover{ color:#F36E20}
.list-footer .copyright{ color:#8b8784; font-size:18px; padding-right:13px}

.list-social{ float:right; display:table}
.list-social li{ display:table-cell; vertical-align:middle}
.list-social li img{ max-width:17px; opacity:0.6}
.list-social li a:hover img{ opacity:1}
.list-social li+li{ padding-left:25px}

.icon-pro{ position:absolute; right:0; top:53px; background-color:#B9B9B9;width:39px; height:39px; border-radius:50%}
.icon-pro img{ width:39px; height:39px; border-radius:50%}
.icon-pro a{ display:block}

.popup{overflow:hidden;display:none;max-width:348px; min-width:348px}
.popup .box-login{padding:0}
.fancybox-overlay{background-image:none;background-color:rgba(40,34,30,0.995)}
.fancybox-close{background-image:url(../images/close.png);background-size:21px 21px;background-repeat:no-repeat;width:21px;height:21px; position:fixed;top:59px;right:79px; }
.fancybox-skin{ background-color:transparent;}
.fancybox-opened .fancybox-skin{box-shadow:none}
.popup .box-login .logo-login{ text-align:center; margin-bottom:55px}
.popup .box-login .logo-login img{ max-height:120px;}
.popup .box-login .btn-fb{ background-color:#34559a; color:#FFFFFF; border-radius:9px;font-size:30px}
.popup .box-login .btn-fb img{ max-height:24px; margin-right:18px; vertical-align:middle}
.popup .box-login .form-group{ margin-bottom:18px}
.popup .box-login .form-group label{ color:#FFFFFF; font-size:29px; font-weight:normal; margin-bottom:5px}
.popup .box-login .form-group .form-control{ height:46px; border-radius:9px; font-size:34px}
.popup .box-login .forgot{ color:#F36E20; font-size:25px; margin-bottom:16px; margin-top:-5px; display:block}
.popup .box-login .btn-login{ background-color:#F36E20; color:#FFFFFF; border-radius:9px; height:53px; font-size:30px; }
.popup .box-login .text-signup{ color:#FFFFFF; font-size:28px; margin-top:40px }
.popup .box-login .text-signup a{ color:#F36E20}
.popup .box-login .text-or{ color:#6f6b68; font-size:22px; margin:29px 0; border-top:1px #6f6b68 solid; position:relative}
.popup .box-login .text-or span{ transform: translateY(-10px); transform: translateX(-50%);position:absolute; top:-12px; left:50%; background-color:rgba(40,34,30,0.995); padding:0 10px}
.popup .box-login .form-group .form-control:focus{ border-color:#F36E20; box-shadow:none}

.popup_player{overflow:hidden;display:none;max-width:960px; min-width:960px}

.item-profile{ padding:26px}
.media-profile .media-left{ padding-right:30px }
.media-profile .media-body{ vertical-align:middle}
.media-profile .media-left img{ width:147px; height:147px; border-radius:50%;}
.media-profile .media-body ul{ display:table}
.media-profile .media-body ul li{ display:table-cell}
.media-profile .media-body ul li a{ color:#F36E20; font-size:23px}
.media-profile .media-body ul li a:hover{ opacity:0.7}
.media-profile .media-body ul li+li{ padding-left:47px}
.media-profile .media-body ul li:last-child{ position:relative}
.media-profile .media-body ul li:nth-of-type(2){ padding-left:39px}
.media-profile .media-body ul li:last-child:before{    content: '';    position: absolute;    left: 23.5px;    top: 5px;    width: 1px;    height: 17px;    background-color: #F36E20;}
.media-profile .media-body p{ color:#bbb8b6; font-size:20px; margin-top:5px}

.page-profile .h-title{ background-color:#28221d; color:#FFFFFF; font-size:31px; line-height:33px; padding:11px 26px; position:relative}
.page-profile .h-title>div{ position:absolute; top:0; right:26px }
.page-profile .h-title>div a{ color:#F36E20; line-height:55px; font-size:23px}
.page-profile .h-title>div a:hover{ opacity:0.7}

.list-profile{ list-style:none; padding-top:18px}
.list-profile li{ padding-left:26px; margin-bottom:18px;}
.list-profile li dl{ color:#cccac9}
.list-profile li dt{ text-align:left; line-height:27px; font-size:25px; font-weight:normal}
.list-profile li dd{ line-height:27px; color:#ececeb;font-size:25px;}
.list-profile .btn-fb{ color:#FFFFFF; background-color:#0056A9; border-radius:9px; line-height:18px; font-size:23px; padding:9px 27px}
.list-profile .btn-fb img{ height:18px; margin-right:9px; vertical-align:middle}
.media-profile .media-body .text-name{ font-size:27px; color:#FFFFFF}

.edit-account .modal-content{ background-color:rgba(40,34,30,0.995); box-shadow:none}
.edit-account .modal-title{ font-size:30px; font-weight:normal}
.edit-account .modal-header{ border-bottom:1px solid rgba(229, 229, 229, 0.08); color:#F36E20}
.edit-account .modal-footer{ border-top:1px solid rgba(229, 229, 229, 0.08)}
.edit-account label{ font-size:25px; font-weight:normal}
.edit-account .form-control{ height:46px; border-radius:9px; font-size:25px}
.edit-account .form-control:focus{ border-color:#F36E20; box-shadow:none}
.edit-account .close{ color:#FFFFFF; box-shadow:none; font-size:36px; opacity:1}
.edit-account .btn { font-size:25px; padding:3px 20px; border:0}
.edit-account .btn-primary{ background-color:#F36E20}
.edit-account .form-group{ font-size:17px}
.modal-backdrop{ background-color:#322B25}
.modal-backdrop.in{ opacity:0.8}

@media (max-width: 1280px) {
nav.navbar.bootsnav ul.nav > li{ margin-right:0}
}
@media (max-width: 1199px) {
nav.navbar.bootsnav ul.nav > li > a{ margin:0 10px}
.list-footer{ text-align:center; width:100%}
.list-footer li{ display:inline-block}
.list-footer .copyright{ width:100%; padding-right:0; margin-bottom:15px}
.list-footer li+li{ padding-left:10px; padding-right:10px}
.list-social{ float:none; text-align:center; margin-top:20px; width:100%}
.list-social li{ display:inline-block}
.thumbnail-movies li{ width:20%}
.box-info{ padding-bottom:150px}
.list-profile{ margin-bottom:30px}
}
@media (min-width: 992px) {
.carousel-thumbnail .owl-buttons{margin-top:20px;position:relative}
.carousel-thumbnail .owl-prev{position:absolute;left:-40px;top:50%;margin-top:-30px;padding:8px 17px;background:#665e59;transition:background .5s ease}
.carousel-thumbnail .owl-next{position:absolute;right:-40px;top:50%;margin-top:-30px;padding:8px 17px;background:#665e59;transition:background .5s ease}
.carousel-thumbnail .owl-prev:hover,.carousel-thumbnail .owl-next:hover{background-color:transparent}
.carousel-thumbnail .owl-prev:after,.carousel-thumbnail .owl-next:after{content:"\f104";font-family:FontAwesome;color:#665e59;font-size:50px; font-weight:bold}
.carousel-thumbnail .owl-next:after{content:"\f105"}
.carousel-thumbnail .owl-prev:hover:after,.carousel-thumbnail .owl-next:hover:after{color:#F36E20}
.carousel-thumbnail .owl-nav button span{display:none}
.carousel-thumbnail .owl-nav button.owl-next,.carousel-thumbnail .owl-nav button.owl-prev,.page-trade .carousel-trade button.owl-dot{outline:none}
}
@media (max-width: 991px) {
body{ background: #1f1812;}
.carousel-thumbnail .owl-buttons .owl-prev{left:-20px;padding:5px 14px}
.carousel-thumbnail .owl-buttons .owl-next{right:-20px;padding:5px 14px}
.carousel-thumbnail .owl-nav{display:none}
.box-info{ padding-top:103px; padding-bottom: 30px; /*height:calc(100vh - 128px);*/}
footer{ position:relative; background-color:#1f1812}
.box-info .container-fluid{ padding-left:15px; padding-right:15px}
footer .container-fluid{ padding:0 15px}
.thumbnail-app li{ width:33.333333%}
}
@media (max-width: 767px) {
.carousel-thumbnail .owl-buttons .owl-prev{left:0;bottom:260px}
.carousel-thumbnail .owl-buttons .owl-next{right:0;bottom:260px}
.thumbnail-app li{ width:50%; padding:0 5px; margin-bottom:10px}
.thumbnail-app{ margin:0 -5px}
.thumbnail-movies{ margin-left:-5px; margin-right:-5px}
.thumbnail-movies li{ width:33.333333%;padding: 0 5px; margin-bottom:10px}
.popup{overflow:hidden;display:none;max-width:280px; min-width:280px}
.fancybox-close{ top:14px; right:14px}
.popup .box-login .logo-login{ margin-bottom:12px}
.popup .box-login .form-group label{ font-size:22px}
.popup .box-login .form-group .form-control{ height:40px; font-size:25px}
.popup .box-login .text-signup{ font-size:23px}
.popup .box-login .btn-login,
.popup .box-login .btn-fb{ font-size:27px}
.popup .box-login .text-or{ margin:20px 0}
.media-profile .media-left img{ width:80px; height:80px}
.media-profile .media-left{ padding-right:15px}
.media-profile .media-body .text-name{ width:100%; display:table; margin-bottom:5px}
.media-profile .media-body ul{ display:block}
.media-profile .media-body li{ display:inline-block}
.media-profile .media-body ul li:nth-of-type(2){ padding:0}
.media-profile .media-body p{ margin-top:10px}
.media-profile .media-body ul li:last-child:before{ height:14px}
.page-profile .h-title{ padding-right:60px; font-size:25px}
.item-profile{ padding:26px 0}
.list-profile li dt,.list-profile li dd{ font-size:20px}
.list-profile li{ margin-bottom:10px}
.list-profile .btn-fb{ width:100%}
.popup .box-login .logo-login img{ max-height:85px}
.edit-account .form-control{ height:37px}
}