/*
Theme Name: Web2s.vn
Description: W2s Team developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.9
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.blog-archive .box:hover .box-text{
	background:#002e5b;
	color:white;
	transition:all 0.3s ease;
}
.blog-archive .box:hover .box-text h5{
	color:white;
	transition:all 0.3s ease;
}
.blog-archive .box .box-text{
	vertical-align: top!important;
}
.blog-archive .box:hover .box-text .is-divider{
	transition:all 0.3s ease;
	background:#fde428;
}
.tba_logo img{
	border:1.5px solid #f0f0f0;
	border-radius:5px;
	padding:5px
}
.tba_footer a:hover{
	color:white;
	transition:all 0.3s ease;
}
.widget-area{
	padding: 20px;
    background: #f0f6ff;
    margin: -20px 0px -20px -20px;
}

.tab_slide_text h5{
	position:relative;
}
.tab_slide_text h5:after {
    content: '';
    position: absolute;
    display: inline-block;
    height: 5px;
    width: 0px;
    background: yellow;
    top: 45%;
    margin-left: 5px;
	transition:all 0.3s ease;
	border-radius:10px;
}
.tab_slide_text:hover h5:after {
	width: 50px;
	transition:all 0.3s ease;
}
.top-bar-nav .header-contact i {
    color: #fde428;
}
.tab_title_cmt{
	font-size:26px;
	font-weight:600;
	color:#002e5b;
}
.tab_slide_1 .flickity-slider > * {
    max-width: 33.333%!important;
}
.tab_slide_2 .flickity-slider > * {
    max-width: 20%!important;
}
.back-to-top i{	
	font-weight:600!important;
}
.back-to-top{
    color: #888888!important;
	border: 2px solid #888888!important;
	transition:all 0.3s ease;
}
.back-to-top:hover{
    background: #6c98e1!important;
    border: 2px solid #6c98e1!important;
	transition:all 0.3s ease;
	color: white!important;
}
.tab_footer_title{
	font-size:26px;
	color:white;
	padding-bottom:23px;
	border-bottom:1px solid white;
}
.tab_footer_post .post-meta:before {
    content: '\f017';
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
    color: #fde428;
    top: 2px;
    font-size: 16px;
    padding-right: 2px;
}
.tab_footer_post .box-text-inner{
	margin-left: -22px;
}
.tab_footer_post .is-divider {
    visibility: hidden;
}
.tab_form_1 input.wpcf7-form-control.wpcf7-text.tab_form_col{
	padding:20px!important;
}
.tab_form_1 span.wpcf7-form-control-wrap {
    padding-bottom: 20px;
}
.tab-submit_2{
	border:1.5px solid #fde428!important;
	background:#fde428!important;
	color:#002e5b!important;
	transition:all 0.3s ease;
}
.tab-submit_1{
	border-radius:5px!important;
	padding: 4px 20px!important;
    margin-top: -2px!important;
	background:#fde428!important;
	border:2px solid #fde428!important;
	color:#002e5b!important;
}
.tab-submit_1:after{
	content: '\f061';
    font-family: fontAwesome;
    position: relative;
    display: inline-block;
    top: 0;
    right: 0;
    font-size: 12px;
    color: blue;
    width: 5px;
    height: 5px;
    background: blue;
    z-index: 9999;
	
}
.tab-submit_1:hover{
	background:#6c98e1!important;
	border:2px solid #6c98e1!important;
	color:white!important;
}
.tab_callaction .tab_callaction_col .col-inner{
	z-index:9999;
}
/* form lien he */
#responsive-form{ 
	max-width:600px margin:0 auto; width:100%; 
} 
.form-row{ 
	width: 100%; 
} 
.column-half, .column-full{ 
	float: left; 
	position: relative; 
	padding: 0.65rem; 
	width:50%; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box 
} 
.clearfix:after { 
	content: ""; 
	display: table; 
	clear: both; }

/* ket thuc form */
.tab_best_col div.col:hover{
	background: white;
	transition:all 0.1s ease;
}
.tab_best_1 .icon:before {
    content: '';
    display: block;
    position: relative;
    left: 29px;
    width: 6px;
    background: #fde428;
    height: 0;
	opacity: 0;
    transition: all .3s ease;
}
.tab_best_1 .icon:after {
    content: '';
    display: block;
    position: relative;
    left: 29px;
    width: 6px;
    background: #fde428;
    height: 0;
	opacity: 0;
    transition: all .3s ease;
}
.tab_best_1:hover .icon:before,.tab_best_1:hover .icon:after{
	height:20px;
	transition:all 0.3s ease;
	opacity: 1;
}
.tab_best_1 .icon-inner{
    background: url(/wp-content/uploads/2020/07/hexagon.svg) center/100% no-repeat;
    width: 60px;
    height: 60px;
    z-index: 99999;
}
.tab_best_1 svg{
	padding: 15px;}
.is-divider {
	border-radius: 10px;}
.button{
	font-size: 14px;
}
h2{
	font-size:2.5em;
	line-height:2em;
}
h3{
	font-size:2em;
}

.weblentop a{ color: #FF4D00;}
.weblentop {padding-left: 5px;margin-left: 5px;border-left: 1px solid;}
.nav-size-large>li>a {
    font-size: 1.3em;
}
.tab_button_1{
	background:#fde428!important;
	border-radius:5px;
	color:#002e5b!important;
	border:2px solid #fde428!important;
	transition:all 0.1s ease;
	padding: 0px 30px;
}
.tab_button_1:hover{
	background:white!important;
	border:2px solid white!important;
	transition:all 0.1s ease;
}
.tab_button_2{
	padding: 15px 27px 13px;
	border:1px solid #6c98e1!important;
}
.tab_button_2:hover{
	background:#002e5b!important;
	border:1px solid #002e5b!important;
	color:white!important;
	transition:all 0.1s ease;
}
.tab_button_3{
	background:#002e5b!important;
	border:2px solid #002e5b!important;
	color:white!important;
	transition:all 0.1s ease;
	z-index:9999;
}
.tab_button_3:hover{
	background:transparent!important;
	border:2px solid white!important;
	transition:all 0.1s ease;
	color:#002e5b!important;
}
.tab_button_3 i{
	color:#fde428;
	font-size: 20px;
    font-weight: bold!important;
}
.tab_button_3:hover i{
	color:#002e5b;
}
.tab_button_4{
	border:2px solide white!important;
	color:white!important;
}
.tab_button_4:hover{
	background:#6c98e1!important;
	border:2px solid #6c98e1!important;
	color:white!important;
}
.tab_button_5{
	background:#fde428!important;
	border-radius:5px;
	color:#002e5b!important;
	border:2px solid #fde428!important;
	transition:all 0.1s ease;
	padding: 0px 20px;
}
.tab_button_5:hover{
	background:transparent!important;
	border:2px solid #002e5b!important;
	transition:all 0.1s ease;
}
.tab_post h5{
	font-size:18px
}
.tab_post p{
	font-size:13px;
	color:#333;
	transition:all 0.3s ease;
}
.tab_post .box .is-divider{
	visibility:hidden;
}
.tab_post .box:hover .box-text {
    background: #002e5b!important;
	transition:all 0.3s ease;
}
.tab_post .box:hover .box-text h5,.tab_post .box:hover .box-text p,.tab_post .box:hover .box-text .button{
	color:white!important;
	transition:all 0.3s ease;
}
.tab_post .box:hover .box-image img{
	background:black;
	transition:all 0.3s ease;
}
.tab_post .box .box-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000063;
    top: 0;
    opacity: 0;
	transition:all 0.3s ease;
}
.tab_post .box:hover .box-image:after,.tab_post .box:hover .box-image:before{
	opacity:1;
	transition:all 0.3s ease;
}
.tab_post .button:after{
	content: "\f105";
	position:relative;
	display:inline-block;
	font-family:fontAwesome;
	color:#fde428;
}
.tab_post .box .box-image:before{
    content: "\f0c1";
    font-family: fontAwesome;
    font-weight: 400;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    transition: all .3s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    color: #fff;
    font-size: 30px;
    opacity: 0;
	z-index:1;
}
.tab_news .post-meta{
	color:#333;
	position:relative;
}
.tab_news .post-meta:hover{
	color:#333;
}
.tab_news .post-meta:before{
	content:'\f017';
	position:relative;
	font:normal normal normal 14px/1 FontAwesome;
	color:#fde428;
	top:2px;
	font-size: 16px;
    padding-right: 2px;
}
.tab_news .is-divider {
    visibility: hidden;
}
.tab_news .box-text:before {
    content: '';
    height: 5px;
    width: 30px;
    background: #fde428;
    top: 10px;
    border-radius: 5px;
    left: 0;
    position: absolute;
		transition:all 0.6s ease;
}
.tab_news .box:hover .box-text:before{
	width: 100%;
	background: #6c98e1;
	transition:all 0.6s ease;
}
.tab_news .box .box-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000063;
    top: 0;
    opacity: 0;
	transition:all 0.3s ease;
}
.tab_news .box:hover .box-image:after,.tab_news .box:hover .box-image:before{
	opacity:1;
}
.tab_news .box .box-image:before{
    content: "\f0c1";
    font-family: fontAwesome;
    font-weight: 400;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    transition: all .3s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    color: #fff;
    font-size: 30px;
    opacity: 0;
	z-index:1;
}
.tba_product .box-text p a {
    color: #002e5b;
    font-weight: 600;
    font-size: 1.3em;
}
.col .col:hover .tba_product .box-text{
	background:#002e5b;
	color:white;
}
.col .col:hover .tba_product .box-text p a{
	color:white;
}
.col .col:hover .tba_product .box-text:before{
	width: 100%;
	background: #6c98e1;
	transition:all 0.6s ease;
}
/*.col .col .tba_product .box-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000063;
    top: 0;
	left: 0;
    opacity: 0;
	transition:all 0.6s ease;
}
.col .col:hover .tba_product .box-image:after,.col .col:hover .tba_product .box-image:before{
	opacity:1;
	transition:all 0.6s ease;
}
.tba_product .box .box-image:before{
    content: "\f0c1";
    font-family: fontAwesome;
    font-weight: 400;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    color: #fff;
    font-size: 30px;
    opacity: 0;
	z-index:1;
	transition:all 0.6s ease;
}*/
.col .col .tba_product .box-text p a:after {
    content: "\f105";
    position: relative;
    display: inline-block;
    font-family: fontAwesome;
    color: #fde428;
	left:0px;
	opacity:0;
	transition:all 0.6s ease;
}
.col .col:hover .tba_product .box-text p a:after{
	left:6px;
	opacity:1;
	transition:all 0.6s ease;
}
span.select2-selection.select2-selection--single {
    display: none;
}
.box-text-products.text-center {
    text-align: left;
}
.shop-container .box-text-products p a {
    color: #002e5b;
    font-weight: 600;
    font-size: 1.3em;
}
.sub-menu.nav-dropdown-simple ul li a:after {
	content: "\f105";
    position: relative;
    display: inline-block;
    font-family: fontAwesome;
    color: #fde428;
	left:0px;
	opacity:0;
	transition:all 0.6s ease;
}
.sub-menu.nav-dropdown-simple ul li:hover a:after {
	left:5px;
	opacity:1;
	transition:all 0.6s ease;
}
.sub-menu.nav-dropdown-simple ul li a{
	font-weight:500;
	border-right:3px solid transparent;
	color:#002e5b;
}
.sub-menu.nav-dropdown-simple ul li:hover a{
	background:#002e5b;
	color:white;
	border-right:3px solid #fde428;
	transition:all 0.3s ease;
}
.shop-container .products .box:hover .box-text.box-text-products.text-center {
    background: #002e5b;
    color: white;
	transition:all 0.6s ease;
}
.shop-container .products .box:hover .box-text.box-text-products.text-center p a{
	color:white!important;
	transition:all 0.6s ease;
}
.shop-container .products .box .box-text.box-text-products.text-center p a:after {
	content: "\f105";
    position: relative;
    display: inline-block;
    font-family: fontAwesome;
    color: #fde428;
	left:0px;
	opacity:0;
	transition:all 0.6s ease;
}
.shop-container .products .box:hover .box-text.box-text-products.text-center p a:after{
	left:5px;
	opacity:1;
	transition:all 0.6s ease;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.weblentop {display: block;border-left: 0;}
	.tab_footer_post .box-text-inner{
	margin-left: 0px;
}
	.tab_slide_1 .flickity-slider > * {
    max-width: 100%!important;
}
	.tab_slide_2 .flickity-slider > * {
    max-width: 50%!important;
}
	.tba_product_detail .related h3{
		font-size:1.5em;
	}

}

@media screen and (max-width:1366px) and (min-width:768px){
	.tab_slide_1 .flickity-slider > * {
    max-width: 50%!important;
}
	.tab_slide_2 .flickity-slider > * {
    max-width: 33.33333%!important;
}
	
}