/*
Theme Name: Themify Ultra Child
Description: A child theme of Themify Ultra
Template: themify-ultra
Author: quan-ly-website (cskh.htms.vn@gmail.com)
*/

/* Woohoo! Let's customize! */


/*---------------------
CSS-LAYOUT
--------------------*/
#pagewrap {
    background-image: url();
}

.sidebar-none #content {
    padding: 0;
}
body .pagewidth {
	width: 100%;
	max-width: 100%;
}
body .row_inner {
	width:100%;
    max-width: 1100px;
	margin:0px auto;
}



body .fullwidth .row_inner {
	width:100%;
	max-width: 100%;
}
body .full-col .row_inner {
	width:100%;
	max-width: 100%;
}


/*layout part*/
body .module-layout-part .row_inner{
	width:100%;
    max-width: 1100px;
	margin:0px auto;
}
body .module-layout-part .fullwidth  .row_inner{
	width:100%;
	max-width: 100%;
}
body .module-layout-part .full-col  .row_inner{
	width:100%;
	max-width: 100%;
}


@media screen and (max-width: 1100px){
    body .pagewidth {width: 100%;max-width: 100%;}
    body .row_inner{width: 100%;max-width: 100%; padding:0px 2%;}
	body .full-inner .row_inner{width: 100%;max-width: 100%; padding:0px 0%;}
	
	/*layout-part*/
    body .module-layout-part .row_inner{width: 100%;max-width: 100%; padding:0px 2%;}
    body .module-layout-part .full-inner .row_inner{width: 100%;max-width: 100%; padding:0px 0%;}	

}

/*---------------------
end of CSS-LAYOUT

/*---------------------
CSS-FIX_THEMIFY
--------------------*/


/*
 * fix-button active 
 * lên 35px;
*/
body  .themify_builder_content  
.module_subrow .active_module .tb_action_wrap{
	bottom:-50px !important;
}

body  .themify_builder_content  
.module_subrow .active_module .tb_action_wrap{
	bottom:-50px !important;
}



/* fix-index-99
 * tăng zindex chomodule
* đặt class module
 * */
.themify_builder_active .themify_builder_content 
.fix-index-99{
	z-index:99;
}
.themify_builder_active  .themify_builder_content 
.fix-index-999{
	z-index:999;
}



.themify_builder_active  .themify_builder_content 
.fix-row-builder-padding-top{
	padding-top:20px;
}

.themify_builder_active  .themify_builder_content 
.fix-subrow-builder-padding-top{
	padding-top:20px;
}




/* fix-subrow-inline-one-line
 * fix-subrow-inline-one-line-center
 * fix-subrow-inline-one-line-end
 * subrow-flex-wrap(xuống hàng ngay từ desktop)
 * làm cho subrow inline trên 1 hàng
 * đặt class cho module_row
 * */
body.themify_builder_active .themify_builder_content  .fix-subrow-inline-one-line .module_subrow{
	min-width:60px;
  	min-height:50px;
}
body .themify_builder_content  .fix-subrow-inline-one-line .tb_holder,
body .themify_builder_content  .fix-subrow-inline-one-line{
    display: flex;
    justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	flex-grow:1;
}
body .themify_builder_content  .fix-subrow-inline-one-line .tb_holder .active_module,
body .themify_builder_content  .fix-subrow-inline-one-line .module_subrow{
	width:auto;
}


body .themify_builder_content  .fix-subrow-inline-one-line .tb_holder .tb_holder .active_module{ 
    width: 100%;
    display: block;
    flex-grow: 1;
}


body .themify_builder_content  .fix-subrow-inline-one-line .module_subrow .module_column{
	flex-grow:1;
	display:flex;
}



/*width-100% xuống hàng*/
body .themify_builder_content  .fix-subrow-inline-one-line .tb_holder .active_module:has(> .subrow-w-100),
body .themify_builder_content  .fix-subrow-inline-one-line .module_subrow.subrow-w-100{
	width: 100%;
    display: flex;
    flex-grow: 1;
}




/*subrow-flex*/
body .themify_builder_content  .fix-subrow-inline-one-line.subow-j-between .tb_holder,
body .themify_builder_content  .fix-subrow-inline-one-line.subow-j-between{
    justify-content:space-between;
	width: 100%;
}

body .themify_builder_content  .fix-subrow-inline-one-line.subow-j-start .tb_holder,
body .themify_builder_content  .fix-subrow-inline-one-line.subow-j-start{
    justify-content:flex-start;
	width: 100%;
}

body .themify_builder_content  .fix-subrow-inline-one-line.subow-a-end .tb_holder,
body .themify_builder_content  .fix-subrow-inline-one-line.subow-a-end{
    justify-content:flex-end;
	width: 100%;
}
body .themify_builder_content  .fix-subrow-inline-one-line.subow-a-center .tb_holder,
body .themify_builder_content  .fix-subrow-inline-one-line.subow-a-center{
    justify-content:center;
	width: 100%;
}
body .themify_builder_content  .fix-subrow-inline-one-line.subow-a-between .tb_holder,
body .themify_builder_content  .fix-subrow-inline-one-line.subow-a-between{
    align-items:space-between;
	width: 100%;
}

body .themify_builder_content  .fix-subrow-inline-one-line.subow-a-start .tb_holder,
body .themify_builder_content  .fix-subrow-inline-one-line.subow-a-start{
    align-items:flex-start;
	width: 100%;
}

body .themify_builder_content  .fix-subrow-inline-one-line.subow-a-end .tb_holder,
body .themify_builder_content  .fix-subrow-inline-one-line.subow-a-end{
    align-items:flex-end;
	width: 100%;
}
body .themify_builder_content  .fix-subrow-inline-one-line.subow-a-center .tb_holder,
body .themify_builder_content  .fix-subrow-inline-one-line.subow-a-center{
    align-items:center;
	width: 100%;
}
body .themify_builder_content  .fix-subrow-inline-one-line.subrow-grow-1 .tb_holder .active_module {
	flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
}

body .themify_builder_content  .fix-subrow-inline-one-line.subrow-grow-1 .tb_holder .module_subrow{
	width:100%;
}


body .themify_builder_content  .fix-subrow-inline-one-line.subrow-nowrap .tb_holder,
body .themify_builder_content  .fix-subrow-inline-one-line.subrow-nowrap{
	flex-wrap: nowrap;
}





/* fix-module-inline-one-line
 * fix-module-inline-one-line-center
 * fix-module-inline-one-line-end
 * flex-wrap(xuống hàng ngay từ desktop)
 * làm cho module inline trên 1 hàng
 * đặt class cho module sub-col
 * */

body.themify_builder_active .themify_builder_content .module_subrow .fix-module-inline-one-line .module{
	min-width:50px;
  	min-height:50px;
}

body .themify_builder_content .module_subrow .fix-module-inline-one-line .tb_holder,
body .themify_builder_content .module_subrow .fix-module-inline-one-line{
    display: flex;
    justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	flex-grow:1;
}

body .themify_builder_content .module_subrow .fix-module-inline-one-line .tb_holder .active_module,
body .themify_builder_content .module_subrow .fix-module-inline-one-line .module {
	width:auto;
}

body .themify_builder_content .module_subrow .fix-module-inline-one-line .tb_holder .active_module {
    width: auto;
    display: flex;
    flex-grow:0;
}



/*width-100% xuống hàng*/
body .themify_builder_content  .module_subrow .fix-module-inline-one-line .tb_holder .active_module:has(> .m-w-100),
body .themify_builder_content .module_subrow .fix-module-inline-one-line .module.m-w-100{
	width: 100%;
    display: block;
    flex-grow: 1;
}


/*module-flex*/
body .themify_builder_content  .fix-module-inline-one-line.m-j-between .tb_holder,
body .themify_builder_content  .fix-module-inline-one-line.m-j-between{
    justify-content:space-between;
	width: 100%;
}

body .themify_builder_content  .fix-module-inline-one-line.m-j-start .tb_holder,
body .themify_builder_content  .fix-module-inline-one-line.m-j-start{
    justify-content:flex-start;
	width: 100%;
}

body .themify_builder_content  .fix-module-inline-one-line.m-a-end .tb_holder,
body .themify_builder_content  .fix-module-inline-one-line.m-a-end{
    justify-content:flex-end;
	width: 100%;
}
body .themify_builder_content  .fix-module-inline-one-line.m-a-center .tb_holder,
body .themify_builder_content  .fix-module-inline-one-line.m-a-center{
    justify-content:center;
	width: 100%;
}
body .themify_builder_content  .fix-module-inline-one-line.m-a-between .tb_holder,
body .themify_builder_content  .fix-module-inline-one-line.m-a-between{
    align-items:space-between;
	width: 100%;
}

body .themify_builder_content  .fix-module-inline-one-line.m-a-start .tb_holder,
body .themify_builder_content  .fix-module-inline-one-line.m-a-start{
    align-items:flex-start;
	width: 100%;
}

body .themify_builder_content  .fix-module-inline-one-line.m-a-end .tb_holder,
body .themify_builder_content  .fix-module-inline-one-line.m-a-end{
    align-items:flex-end;
	width: 100%;
}
body .themify_builder_content  .fix-module-inline-one-line.m-a-center .tb_holder,
body .themify_builder_content  .fix-module-inline-one-line.m-a-center{
    align-items:center;
	width: 100%;
}
body .themify_builder_content  .fix-module-inline-one-line.m-grow-1 .tb_holder .active_module{
	flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
}
body .themify_builder_content  .fix-module-inline-one-line.m-grow-1 .tb_holder .module{
	width:100%;
}



body .themify_builder_content  .fix-subrow-inline-one-line.m-nowrap{
    flex-wrap:nowrap;
}




/* fix-module-feature-for-image
 * làm cho width auto
* đặt class cho subrow
 * */
body .themify_builder_content 
.fix-module-feature-for-image .module-feature-chart-html5{
	display:none;
}





/* fix-subrow-inline
 * làm cho width auto
 * sub-row inline
* đặt class cho subrow
 * */
body .themify_builder_content 
.fix-subrow-inline{
    display: inline-flex;
    width: auto;
    margin: 0px auto;
}
.themify_builder_active .themify_builder_content 
.fix-subrow-inline{
	min-width:100px;
}



/* fix-subrow-absolute
 * làm cho wi auto
* đặt class cho subrow
 * */



/* fix-module-icon
 * làm ảnh trong cho module icon xêp thẳng hàng
* đặt class cho module
 * */
body .themify_builder_content 
.fix-module-icon{
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
body .themify_builder_content 
.fix-module-icon .module-icon-item{
    display: inline-flex;
    align-items: center;
}

body .themify_builder_content 
.fix-module-icon img{
	display: block;
    padding: 0px;
    margin-left: 5px;
}


body .themify_builder_content 
.fix-module-icon em{
	align-self: center !important;
}


body .themify_builder_content 
.fix-module-icon span{
	display:inline-block;
	margin:0px 10px;
}


body .themify_builder_content 
.fix-module-icon a{
    display: inline-flex;
    align-items: center;
}





/* fix-module-icon-radius 
 * làm cho ảnh iconkhông có  radius
* làm cho image icon kích thước auto
* đặt class cho module
 * */
body .themify_builder_content 
.fix-module-icon-radius img{
    border-radius: 0;
    max-width: none;
    width: auto;
    height: auto;
}

/* fix-module-icon-link
* làm cho module-icon hover
* đặt class cho module
 * */
body .themify_builder_content 
.fix-module-icon-link a{
	position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

body .themify_builder_content 
.fix-module-icon-link .module-icon-item{
	position:relative;
}



@media screen and (max-width: 768px){
body .themify_builder_content  .fix-subrow-inline-one-line.subrow-wrap-768 .tb_holder,
body .themify_builder_content  .fix-subrow-inline-one-line.subrow-wrap-768{
	flex-wrap: wrap;
}
	
body .themify_builder_content .module_subrow .fix-module-inline-one-line.m-wrap-768 .tb_holder,
body .themify_builder_content .module_subrow .fix-module-inline-one-line.m-wrap-768{
	flex-wrap: wrap;
}	
	
	
}/*@media-768*/


@media screen and (max-width: 680px){
body .themify_builder_content  .fix-subrow-inline-one-line.subrow-wrap-680 .tb_holder,
body .themify_builder_content  .fix-subrow-inline-one-line.subrow-wrap-680{
	flex-wrap: wrap;
}
	
body .themify_builder_content .module_subrow .fix-module-inline-one-line.m-wrap-680 .tb_holder,
body .themify_builder_content .module_subrow .fix-module-inline-one-line.m-wrap-680{
	flex-wrap: wrap;
}		
	
	
	
}/*@media-680





/*---------------------
end of CSS-FIX_THEMIFY
--------------------*/



/*---------------------
css-share
--------------------*/
body .themify_builder_content .w-100{
  	width:100%;
}
/* languae-wrap*/
.languae-wrap ul{
	display:flex;
	align-items:center;
}
.languae-wrap ul li {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.languae-wrap ul li a{
	display:flex;
}
.languae-wrap ul li a img{
	display:block;
    width: 20px !important;
    height: 20px !important;
    margin: 0px 5px;
}




/*---------------------
end of css-share
--------------------*/







/*---------------------
css-page
--------------------*/


#header-hide{
	display:none;
}


/*---------------------
end of css-page
--------------------*/



/*@939*/
@media screen and (max-width: 939px){
	
#header-hide{
	display:flex;
	clear:both;
}
	/*
body .header-bar{
	display:none;
}
*/	
	
#site-logo {
    display: none !important;
}	
	
	
	
}/*939*/







