/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/





@keyframes loadingC{
    0%,to{transform:translate(0,0)}
    50%{transform:translate(0,15px)}
}



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

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

@font-face {
    font-family: "Montserrat-Medium" ;
    src: url(fonts/Montserrat-Medium.ttf);
} 






:root{
    --color:#343c4f;
    --color-hover:#700f10;
    --family : "Montserrat-Regular";
    --family-Medium : "Montserrat-Medium";
    --family-bold : "Montserrat-Bold";

}
body{
    font-size: 15px !important;
    font-weight: 400;
    font-size: 13px;
    overflow: hidden;
    color: #000;
}
p,a,ul,li{
    color: #000;
    font-family: var(--family) !important;
}

h1,h2,h3,h4,h5,h6{
    color: #000;
    font-weight: 500;
    font-family: var(--family) !important;
}

.scroll-to-bullets,
p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7,
.is-divider,
.entry-category,
a.quick-view.quick-view-added {
    display: none;
}



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

.header-main li.html.custom {
    display: block !important;
}

.phone-home a {
    background: var(--color);
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 20px;
}


.home-mobile-header a {background: var(--color);padding: 5px 15px;color: #fff;font-size: 25px;border-radius: 7px;}
.header-button  a {padding:5px;}
.header-button  a i {font-size:25px !important;}
.mobile-sidebar.no-scrollbar,
.header-button  a {background: var(--color);}
.mobile-sidebar.no-scrollbar li a {color: #fff;font-family:  var(--family) !important;}

.mobile-sidebar.no-scrollbar li .toggle {color: #fff;}
.mobile-sidebar.no-scrollbar li .children {background: #fff;padding-bottom: 0px}
.mobile-sidebar.no-scrollbar li .children li {border-bottom: 1px solid var(--color)}
.mobile-sidebar.no-scrollbar li .children li a {color: #000;}

.header-main .header-nav-main li {padding: 0px 15px;}
.header-main .header-nav-main li a {font-family: var(--family) !important;font-size: 16px;font-weight: 500;}
.header-main .header-nav-main li:hover {background: #fff;padding: 3px 15px;}
.header-main .header-nav-main li:hover a{color: var(--color);line-height: 25px;font-family: var(--family-SemiBold) !important;}
.header-main .header-nav-main li a i {color: var(--color)}

.nav-dropdown-default {padding: 0px;min-width: 290px;}
.nav-dropdown  li {border-bottom: 2px solid #ddd;padding: 0px 5px;}
.nav-dropdown  li:last-child{border-bottom: 0px;}
li.current-dropdown>.nav-dropdown{left: 0px;}
.header-bottom .nav-column.nav-dropdown-default>li>a,
.header-bottom .nav-dropdown.nav-dropdown-default>li>a {padding:10px;display:block;border-bottom:0px;font-weight:400;color:#000;font-family: var(--family) !important;}
.nav-column.nav-dropdown-default>li:hover>a,
.nav-dropdown.nav-dropdown-default>li:hover>a{color: var(--color) !important}
.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {display: none;}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{padding:0;}
.nav-column.nav-dropdown-default>li>a,
.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown li a{font-weight:normal !important;text-transform:none !important;font-size:15px;font-weight:500}
.nav-dropdown .nav-dropdown-col>ul{
    border: 1px solid var(--color);margin-top:-30px;box-shadow: 2px 2px 5px #828282;display:none;
    position: absolute;left: 100%;z-index: 9;background: white;min-width: 250px;
}

.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col .menu-item-has-children {margin-top: 0px;}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.nav-column.nav-dropdown-default li.menu-item-has-children ul{
    border: 1px solid var(--color);margin-top: -40px;box-shadow: 2px 2px 5px #828282;
    display:none; position: absolute;left: 100%;z-index: 9; background: white;min-width: 240px;
}

.nav-column.nav-dropdown-default li.menu-item-has-children:hover >ul,
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}

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

.cot-bottom{padding-bottom:0px;}
.cot-bottom-10 {padding-bottom:10px}
.col-padding {padding-top: 20px;}

.name-contact .row {
    background-image: linear-gradient(#eaeaea, #fff);
    padding-top: 30px;
}

.name-mc h1 {
    font-family: var(--family-bold) !important;
    text-transform: uppercase;
    color: var(--color);
}

.button-contact a {
    background: url(img/bkg-contact.png);
    background-size: 100%;
    width: 100%;
    height: 48px;
    background-repeat: no-repeat;
    color: #fff;
    text-transform: uppercase;
    line-height: 5px;
    font-size: 20px;
    padding: 10px 25px;
    font-family: var(--family-bold) !important;
}

.menu-home .row {
    border-bottom: 5px solid #d9d9d9;
    border-top: 5px solid #d9d9d9;
    padding-top: 10px;
}

.menu-home .row .col {
    padding-bottom: 10px;
}


.list-menu .item {
    float: left;
    width: 33.3%;
}

.list-menu .item a {
    font-family: var(--family-bold) !important;
    color: var(--color);
    font-size: 11px;
    padding: 5px 0px;
    display: block;
}
.list-menu .item a i {margin-right: 5px;}

.title-title h2 {
    font-family: var(--family-bold) !important;
    text-transform: uppercase;
    font-size: 30px;
    text-shadow: 2px 2px #fff;
    color: var(--color);
}

.row.row-img-bao {
    margin-top: -18%;
}
.row-vhhn .cot-12-vhhn {
    padding-bottom: 25px;
    margin-top: -60%;
}

.row-festival .img-video-img {
    padding: 0px 9px;
    margin-top: -8%;
}

.row-apatit {
	padding-top:20px;
}
.row-apatit .cot-12-apatit {
    margin-top: -30%;
}
.row-apatit .cot-12-apatit .cot-1 {
	padding-right:5px;
}
.row-apatit .cot-12-apatit .cot-2 {
	padding-left:5px;
}

.cot-titlt-dau-an {
    margin-top: -84%;
}
.cot-titlt-dau-an .title-title h2 {
	font-size:40px;
	margin-bottom:0px;
}
.cot-titlt-dau-an .title-min-dauan h3 {
    color: var(--color);
    font-size: 23px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: var(--family-bold) !important;
}
.cot-titlt-dau-an .silder-img .item-img {
	padding:0px 45px;
}

.cot-titlt-dau-an .silder-img .owl-nav i {
    font-size: 45px;
    color: #000;
}

.row.row-talk-show {
    margin-bottom: -4%;
}
.row-img-img {
    /* background: #fbfbfb; */
    margin-top: -12%;
}
.silder-img-talk .owl-nav {display: none;}
.silder-img-talk .owl-stage {
    height: 170px;
}
.silder-img-talk .owl-item.active {
    padding: 10px 0px;
    transition: all 0.5s;
    z-index: -999;
    margin-top: 20px;
}
.silder-img-talk .owl-item.active.center {
    transform: scale(1.5);
    opacity: 1;
    z-index: 9999;
}

.silder-img-talk .owl-dots {
    position: absolute;
    left: 38%;
    margin-top: -5px;
}
.silder-img-talk .owl-dots .owl-dot {
    background: #cdcdcd;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    float: left;
    margin: 0px 5px;
}
.silder-img-talk .owl-dots .owl-dot.active {
    background: #858282;
}

.row-video {
    background: url(img/bkg-rr.jpg);
    padding-top: 20px;
}

.content-rr {
    font-size: 17px;
    margin-bottom: 15px;
    padding: 0px 10px;
    text-align: justify;
    font-family: var(--family-Medium) !important;
}

.img-video-img .overlay-icon {
    background: #ff0707;
}

.row-video .name-video h4 {
    font-family: var(--family-bold) !important;
    text-transform: uppercase;
}


.row-mosh {
    background: url(img/bkg-mohs.jpg);
    padding-top: 20px;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
}


.cot-12-mosh {
    padding-top: 80%;
}

.cot-12-mosh .item {margin-bottom: 20px;}

.title-mosh h2 {
    color: #fff;
    text-transform: uppercase;
    font-family: var(--family-bold) !important;
}

.silder-img .owl-next, .silder-img .owl-prev {
    position: absolute;
    top: 37%;
}
.silder-img .owl-prev {
    left: 5%;
}

.silder-img .owl-next {
    right: 5%;
}
.silder-img .owl-nav i {
    font-size: 45px;
    color: #fff;
}

.title-title-2 h2 {
    font-size: 35px;
    font-family: var(--family-bold) !important;
    text-transform: uppercase;
    background: linear-gradient(to right, #343c4f 25%, #9d9a95 50%, #343c4f 25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 10.92px rgba(255, 255, 255, 0.52);
    margin-bottom: 0px;
}

.title-title-2 h2 span {
	font-size:45px;
}

.title-title-2 p {
    font-size: 25px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: var(--family-Medium) !important;
}

.line {
    border-bottom: 3px solid #5e626b;
    width: 272px;
}

.cot-12-cinetour {padding-bottom: 5px;}
.row-ntt-group {padding-top:10px;}
.row-ntt-group .cot-4 {
    padding-right: 3px;
}

.row-ntt-group .cot-8{
    padding-left: 3px;
}

.title-small h4 {
    background: linear-gradient(to right, #343c4f, #9d9a95);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 10.92px rgba(255, 255, 255, 0.52);
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--family-Medium) !important;
}


.row-npp-group .title-title-2 h2 {
    font-size: 26px;
    margin-bottom: 10px;
}


.row-hoinghi .title-title-2 h2 {
    font-size: 16px;
}

.list-hoinghi {
    display: flex;
}

.list-hoinghi .item-img {
    padding: 0px 2px;
}
.list-hoinghi {
    display: flex;
    margin-top: 20px;
}
.list-hoinghi .item-img.i-2 {
    margin-top: -15px;
}


.row-acebook-img {
    background: url(img/bkg-acebook.jpg);
    padding-top: 25px;
    padding-bottom: 32px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.ttile-small-acebook {
    font-family: var(--family-Medium) !important;
    text-transform: uppercase;
    background: linear-gradient(to right, #343c4f 25%, #9d9a95 50%, #343c4f 25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px 10.92px rgba(255, 255, 255, 0.52);
    margin-bottom: 0px;
    font-size: 25px;
}

.list-list-img .item {
    margin-bottom: 20px;
}

/*.item-img img,
.list-list-img .item img {border: 2px solid #fff;}
*/



.row-vn-trien .cot-8 {padding-right: 2px;}
.row-vn-trien .cot-4 {padding-left: 2px;}

.row-vn-trien-title .title-title-2 h2 {
    font-size: 20px;
}
.img-top-right {
    margin-bottom: 5px;
}
.silder-img.list-hnmk {margin-top: -75%;}

.row-cot-9 .col.cot-9{padding-bottom: 0px}

.row-gala{
    background: url(img/bkg-gala.jpg);
    padding-top: 25px;
    background-size: 100%;
    background-repeat: no-repeat;
	margin-top: 0px;
}

.row-gala .cot-12-gala {
    padding-top: 94%;
}

.row-gala .col.cot-6-1 ,
.row-gala .col.cot-6-2{
    padding-bottom: 10px;
}
.row-gala .cot-6-1 {padding-right: 0px;}
.row-gala .cot-6-2 {padding-left: 0px;}

.row-gala .cot-6-2 .title-gala h2 {
    margin-top: 20%;
    padding: 15px;
    font-size: 15px;
    background: #fff;
    text-transform: uppercase;
    font-family: var(--family-bold) !important;
}

.row-entertainment{
    background: url(img/bkg-entertainment.jpg);
    padding-top: 70px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.row-entertainment .title-mosh h2 {
   font-size: 17px;
}

.row-entertainment .col-1 {padding-right: 5px;}
.row-entertainment .col-2 {padding-left: 5px;}

.row-entertainment .item-img {
    margin-bottom: 10px;
}

.row-entertainment .item-img img {
    border-radius: 30px;
}


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


.download-pc {
    position: fixed;
    z-index: 9999;
    bottom: 10px;
}

.download-pc a {
    background: var(--color);
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    box-shadow: 1px 1px 3px #eaeaea
    font-family: var(--family-Medium) !important;
}
.download-pc a i {margin-right: 10px;}

.header-wrapper {display: none;}




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


}


@media only screen and (max-width: 767px) {
    
}

@media only screen and (max-width: 500px) {
    
    .name-contact .col-cot {padding-bottom: 10px;}
    .name-mc h1 {
        font-size: 20px;
    }
    .button-contact a {
        font-size: 11px;
    }

    .list-menu .item a {
        font-size: 9px;
    }
    .title-title h2 {
        font-size: 25px;
    }
    .row.row-img-bao {
        margin-top: -64%;
    }
    .row-img-img {
        margin-top: -45%;
    }
    .row-img-img .col{padding-bottom: 0px;}
    .silder-img-talk .owl-dots {
        position: absolute;
        left: 33%;
        margin-top: -30px;
    }
    .title-title-2 h2 {
        font-size: 25px;
    }
    .title-title-2 p {
        font-size: 20px;
    }
    .title-small h4 {
        font-size: 10px;
    }
    .row-npp-group .title-title-2 h2 {
        font-size: 18px;
    }
    .row-hoinghi .title-title-2 h2 {
        font-size: 11px;
    }
    .row-vn-trien-title .title-title-2 h2 {
        font-size: 15px;
    }
    .row-gala .cot-12-gala {
        padding-top: 93%;
        padding-bottom: 0px;
    }
    .row-gala .cot-6-2 .title-gala h2 {
        font-size: 7px;
    }
    .row-entertainment .col{padding-bottom: 0px}
    .row-entertainment .title-mosh h2 {
        font-size: 13px;
    }
    .row-acebook-img {
        padding-bottom: 5px;
    }
	
	a#top-link {
		display: block !important;
		background:var(--color);
		color:#fff;
	}
	.cot-titlt-dau-an .title-min-dauan h3 {
		font-size: 17.5px;
	}
	.title-title-2 h2 span {
		font-size: 35px;
	}
	.row-video .name-video h4 {
		font-size: 12px;
	}


}

@media only screen and (max-width: 390px) {
	.cot-titlt-dau-an .title-min-dauan h3 {
		font-size: 16px;
	}
	
}

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

    .name-mc h1 {
        font-size: 18px;
    }
    .button-contact a {
        font-size: 10px;
    }

    .list-menu .item a {
        font-size: 8px;
    }
    .title-title h2 {
        font-size: 20px;
    }
    .row.row-img-bao {
        margin-top: -63%;
    }
    .title-small h4 {
        font-size: 9px;
    }
    .row-vn-trien-title .title-title-2 h2 {
        font-size: 14px;
    }
	
	.cot-titlt-dau-an .title-title h2 {
		font-size: 35px;
	}
	.cot-titlt-dau-an .title-min-dauan h3 {
		font-size: 15.5px;
	}



}

    
@media only screen and (max-width: 360px) {
    .button-contact a {
        font-size: 9px;
    }
    .row-entertainment .title-mosh h2 {
        font-size: 11px;
    }
	.cot-titlt-dau-an .title-min-dauan h3 {
        font-size: 14.8px;
    }
	.row-video .name-video h4 {
		font-size: 14px;
	}
}