@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i');
*{box-sizing:border-box;}
html{font-family:'Roboto', sans-serif;background-color:#ececec;}
body{margin:0;}
ul.unstyles, ol.unstyles{padding-left:0;margin:0;list-style:none;}
h3, h2, h1, h4, h5, h6{padding:0;margin:0;}
/* Header style */
header{background-color:#282828;height:90px;line-height:90px;border-bottom:3px solid #636363;}
.container{max-width:1170px;width:100%;margin:0 auto;}
.menu-header{position:relative;width:30%;float:left;}
.menu-header ul.main-menu{position:relative;display:flex;margin-top:30px;}
.menu-header ul.dropdown{position:absolute;background-color:#282828;z-index:1010;top:25px;left:0;width:100%;max-width:150px;display:none;overflow:hidden}
.menu-header ul.main-menu li{display:inline-block;line-height:30px;}
.menu-header ul.main-menu li.menu-block{width:30px;margin-right:20px;}
.menu-header ul.main-menu li.extend-item{height:16px}
.menu-header ul.main-menu li.cat-title{margin-right:14px}
.menu-header ul.main-menu li a{color:#fff;font-size:20px;padding:0;text-decoration:none;white-space:nowrap;}
.menu-header ul.main-menu li.subcat-title a,.menu-header ul.main-menu li.cat-title a{color:#fff;font-size:20px;padding:0;text-decoration:none;white-space:nowrap;font-weight:bold}
.menu-header ul.main-menu li a.active:hover,.menu-header ul.main-menu li a:hover{color:#c4c4c4;}
.menu-header ul.main-menu li.vertical-line{color:#fff;padding-right:12px}
.menu-header ul.main-menu li a.bars{color:#f41e1e;font-size:30px;padding-left:0px;vertical-align:sub;cursor:pointer;}
.menu-header ul.main-menu li a.bars img{width:30px}
.menu-header ul.dropdown li{display:block;margin:0;line-height:30px;padding:0 5px;}
.menu-header ul.dropdown li a{font-size:13px;width:100%;padding:8px 65px 7px 7px;border-bottom:1px solid #464242;}
.menu-header ul.dropdown li a:hover{background-color:#494a4a;}
header .logo{text-align:center;width:40%;float:left;line-height:30px;}
header .logo img{width:100%;max-width:244px;margin-top:15px;min-width:100px;}
header .button-search{position:absolute;right:0;top:32px;color:#c3c3c3;font-size:32px;line-height:33px;cursor:pointer;}
header .box-search{position:relative;line-height:0px;max-width:250px;float:right;top:28px;width:30%;display:none;}
header .gsc-modal-background-image{z-index:100001;background-color:#000000c4;}
.box-search .gsc-tabData.gsc-tabdActive{line-height:23px;}
.box-search input.gsc-search-button,.box-search input.gsc-search-button:hover{background-color:#ccc;}
.box-search table.gsc-search-box{margin:0;}
.box-search form.gsc-search-box{margin:0}
.box-search table.gsc-search-box .gsc-input-box{padding:0px;background:transparent;border:none!important;box-shadow:none!important;}
.box-search table.gsc-search-box td.gsib_a{padding:5px 6px}
.box-search input.gsc-search-button{border-color:#ccc;background-color:#d9d9d9;padding:3px 5px;width:30px;height:27px;border-radius:0px;margin:0;}
.box-search .gsc-control-cse{padding:3px 0;border-radius:3px;}
.box-search table.gsc-search-box td.gsc-search-button{}
.box-search .gsc-search-box-tools .gsc-search-box .gsc-input{text-indent:0!important;background:none!important;border:none!important;color:#000;font-size:13px;padding-right:0px;margin-top:0px!important;padding:3px 0 3px 0px !important;height:auto;}
/* Main content */
.title-box a{text-decoration:none;color:#000;}
.title-box a:hover{color:#f41e1e;}
.main-content{background-color:#ececec;float:left;width:100%;margin-bottom:20px;}
.view-article{color:#f41e1e;text-decoration:none;}
.post-tag a{border-radius:0 2px 2px 0;color:#e11919;display:inline-block;font:10pt lato-regular;padding:0px 2px;margin:0px 5px;text-decoration:none;}
.video-box .video-info .info p.post-meta{color:#888;font-size:14px;}
.video-box .video-info .info .post-views{padding:8px;}
.video-box .video-info .info .post-views .fa.fa-eye{margin-right:5px;}
.item-bgwhite a{text-decoration:none;color:#000}
.video-box{padding:45px 0;background-color:#282828;float:left;width:100%;}
.video-box .video-play{position:relative;width:100%;float:left;}
.video-box .video-play .video{background-color:#000;width:100%;padding-bottom:56.25%;position:relative; z-index: 1000;}
.video-box .video-play .video .size-video{position:absolute;width:100%;top:0;left:0;height:100%;text-align:center;}
.video-box .video-play .video .size-video iframe {left: 0}
.video-box .video-play .video .size-video div.twitter-video{margin:0 !important;}
.video-box .video-play img{width:100%;max-width:32px;}
.video-box .video-info{width:100%;float:right;padding-left:0;max-height:100%;overflow-y:scroll;}
.video-box .video-info::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #eee;background-color:#F5F5F5;border-radius:10px;}
.video-box .video-info::-webkit-scrollbar{width:6px;background-color:#F5F5F5;}
.video-box .video-info::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ddd;}
.video-box .video-info .padding-white{background-color:#fff;padding:15px;overflow-y: scroll;  min-height: 204px;}
.video-box .video-play .socials{position:absolute;top:40%;right:10px;z-index: 1000;}
.video-box .video-info h3{color:#282828;font-size:23px;font-weight:normal;}
.video-box .video-info .info p{font-size:15px;color:#282828;}
.video-box .video-info .info span.span{background:url("../images/icons-page.png") no-repeat;background-size:24px;padding:0 15px 0 27px;color:#646464;font-size:16px;}
.video-box .video-info .info span.by-user{background-position-y:-1px;}
.video-box .video-info .info span.date-time{background-position-y:-31px;}
.video-box .video-info .info span.comment-article{background-position-y:-62px;}
.main-content .item-box{position:relative;clear:both;float:left;width:100%;overflow:hidden;margin-top:20px}
.post-tag{font-weight:500;}
.main-content .item-box .list-boxs .owl-prev{position:absolute;top:-77px;right:50px;left:auto;background:url(../images/nav-button.png) no-repeat;width:30px;height:35px;background-size:30px;text-indent:-100000px;}
.main-content .item-box .list-boxs .owl-next{position:absolute;top:-77px;right:0px;background:url("../images/nav-button.png") no-repeat;width:30px;height:35px;background-size:30px;text-indent:-100000px;background-position-y:-50px;}
.main-content .item-box .list-boxs .owl-next:hover,.main-content .item-box .list-boxs .owl-next:focus{background-position-y:-98px;}
.main-content .item-box .list-boxs .owl-prev:hover,.main-content .item-box .list-boxs .owl-prev:focus{background-position-y:-147px;}
.list-videos .title-box{position:relative;float:left;width:100%;height:50px;border-bottom:3px solid #222;margin:0;}
.list-videos .title-box h2{color:#282828;font-size:20px;font-weight:normal;border-bottom:3px solid #f41e1e;padding-bottom:8px;height:35px;text-transform:uppercase;margin-top:15px;float:left;}
.list-boxs{clear:both;margin:34px 0 10px;float:left;width:100%;}
.owl-carousel.owl-drag .owl-item{padding-bottom:10px;}
.list-boxs .item .item-bgwhite{background-color:#fff;box-shadow:0px 2px 6px #cecece;position:relative}
.list-boxs .item .item-bgwhite .thumbnail::before{top:0;left:0;right:0;bottom:0;content:'';opacity:0;pointer-events:none;position:absolute;background-color:rgba(0, 0, 0, .3);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.list-boxs .item .item-bgwhite:hover .thumbnail::before{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;opacity:1;}
.list-boxs .item .item-bgwhite:hover .info{color:#f41e1e}
.list-boxs .item h3,.list-videos .list-boxs .item p{margin:0;}
.list-boxs .thumbnail{position:relative}
.list-boxs .item h3{font-size:14px;max-height:55px;overflow:hidden;font-weight:400;line-height:18px}
.list-boxs .item p{margin-top:7px;font-size:13px;font-weight:300;margin-bottom:0}
.list-boxs .item p.duration{position:absolute;bottom:0px;right:0px;padding:1px 8px;background-color:#282828;color:#fff;}
.list-boxs .item .info{padding:10px;min-height:97px;}
.list-boxs .item .info .item-time{margin-top:7px;font-size:12px}
.list-boxs .item img{width:100%;display:block;max-height:150px}
/* Subcategory videos*/
.list-subcat-videos .item-box{margin-top:0;padding-top:0}
.list-subcat-videos .item{width:20%;margin:0 0 24px;padding:0 5px;float:left}
.list-subcat-videos .item:nth-child(5n){margin-right:0;}
.list-subcat-videos .item:nth-child(1){margin-left:0;}
.list-subcat-videos .item:nth-child(5n+1){clear:both;margin-left:0;}
#infscr-loading{clear: both;}
#infscr-loading img{display: block;margin: 0 auto;}
/* Footer */
footer{clear:both;background-color:#282828;padding:35px 10px;color:#fff;font-weight:300;font-size:14px;float:left;width:100%;}

footer .title-options{display:inline-block;width:100%;}
footer .title-options ul{width:20%;float:left;}
footer .title-options ul li{}
footer .title-options ul li a{color:#fff;text-transform:uppercase;line-height:30px;font-weight:300;font-size:12px;text-decoration:none;}
footer .copyright{padding-top: 15px;    border-top: 1px solid #7b7a7a;}
footer .menu{
    display: inline-block;
}
footer .copyright img{width:100%;max-width:244px;min-width:100px;}
footer .copyright .text{float:right;text-align:right;font-size:13px;line-height:20px; width: calc(100% - 250px);color: gray}
footer .copyright .text p a{
    color: red;
    text-decoration: none;

}
footer .copyright .text ul li a{
    text-decoration: none;
}
/* Responsive */
@media (max-width:1200px){header{padding:0 10px;}
    .video-box{padding:10px;}
    .list-videos{float:left;width:100%;padding:0 10px;}
    .list-subcat-videos .list-boxs{float:left;width:100%;padding:0 10px;}
}
@media (max-width:1024px){.list-subcat-videos .item{width:25%;}
    .list-subcat-videos .item:nth-child(5n+1){clear:none;margin-left:0;}
    .list-subcat-videos .item:nth-child(4n+1){clear:both;}
    .video-box .video-play, .video-box .video-info{width:100%;}
    .video-box .video-info{padding-left:0;height:auto !important;}
    footer .title-options ul{width:33.3333%;margin-bottom:25px;}
    footer .title-options ul:nth-child(21+1){clear:both;}
}
@media (max-width:736px){.list-videos .item-box{margin-top:0;}
    .video-box.cat-video{margin-bottom:10px;}
    .menu-header ul.main-menu li a{font-size:15px;padding:0 10px;}
    .list-subcat-videos .item{width:33.33333%;}
    .list-subcat-videos .item:nth-child(4n+1){clear:none;margin-left:0;}
    .list-subcat-videos .item:nth-child(3n+1){clear:both;}
}
@media (min-width:600px) and (max-width:680px){.menu-header ul.main-menu li a{font-size:13px;}
    .list-videos .item-box{margin-top:0;}
}
@media (max-width:600px){.list-videos .item-box{margin-top:0;}
    header{float:left;width:100%;height:auto;line-height:initial;}
    header .logo{text-align:left;width:100%;float:left;position:absolute;}
    header .logo img{max-width:150px;}
    header .box-search{top:-31px;}
    .menu-header{position:relative;width:100%;float:left;padding-top:69px;}
    .menu-header ul.dropdown{top:30px;}
    header .button-search{top:66px;padding:0 0px 0 10px;}
    .menu-header ul.main-menu{margin-top:0}
}
@media (max-width:550px){.list-subcat-videos .item{width:50%;}
    .list-videos .item-box{margin-top:0;}
    .list-subcat-videos .item:nth-child(3n+1){clear:none;margin-left:0;}
    .list-subcat-videos .item:nth-child(2n+1){clear:both;}
    footer .title-options ul{width:50%;}
    footer .copyright .text{text-align:left;float:none;}
}
@media (max-width:370px){footer .title-options ul{width:100%;}
    .list-videos .item-box{margin-top:0;}
}

.on_show.fixed-video .video-play .size-video iframe{
    width:100%; height:100%;
}
.on_show.fixed-video .video-play .size-video{
    position: fixed!important;
    float: right;
    top:auto!important;
    left:auto!important;
    right: 13px;
    width: 350px!important;
    height:220px!important;
    bottom: 11px;
    border: 0;
    z-index: 10000000;
}


@media screen and (min-width: 1280px) {
    .site-footer .footer-lower, .site-footer .footer-upper {
        margin: 0 auto;
        max-width: 1280px;
    }
}

@media screen and (min-width: 1024px) {
    .section-nav {
        padding: 24px 0;
    }
    .section-nav nav:nth-of-type(4n+1) {
        clear: none;
    }
    .section-nav nav {
        float: left;
        width: 16.66%;
        padding: 0 16px;
    }

    .site-footer .section-nav nav {
        margin-bottom: 30px;
        width: 16.66%;
    }


}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .section-nav {
        overflow: hidden;
        padding-bottom: 24px;
    }
    .site-footer .section-nav nav {
        display: block;
        width: 25%;
    }
    .section-nav nav {
        float: left;
        width: 25%;
        padding: 0 24px;
    }
}

@media screen and  (max-width: 768px){
    .section-nav {
        overflow: hidden;
        padding-bottom: 24px;
    }
    .site-footer .section-nav nav {
        display: block;
        width: 50%;
    }
    .section-nav nav {
        float: left;
        width: 50%;
        padding: 0 24px;
    }
    .fixed-action-btn{
        display: none;
    }
}
.site-footer .inner {
    padding: 0;
    width: 100%;
}
.section-nav nav {
    margin-bottom: 24px;
    vertical-align: top;
    padding: 0 16px;
    height: 165px;
}

.site-footer .nav-title, .site-footer a, .site-header .header-lower .legal a {
    color: #edf6ff;
}
.section-nav .nav-title {
    font-size: 18px;
    margin-bottom: 8px;
}
.section-nav .nav-item {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px;
    display: list-item;
    text-align: -webkit-match-parent;
}

.site-footer .inner {
    padding: 0;
    width: 100%;
}
.section-nav a{
    color:white;
    font-size: 13px;
    text-decoration: none;
}
.section-nav ul{
    padding: 0;
    list-style: none;
}
.section-nav ul li{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

.legal ul {
    margin-bottom: 10px;
}
.legal li {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    margin-right: 5px;
    padding-right: 6px;
    position: relative;
}
.legal li a{
    color:white;
}
.close-popup{
    display: none;
}
.close-popup i{
    background: white;
    border-radius: 4px;
    font-size: 14px;
}
.on_show.fixed-video .close-popup{
    display: block;
}