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


/*************** ADD CUSTOM CSS HERE.   ***************/
#comments {display:none;}
.button.is-outline {    border: 1px solid currentColor;    padding: 0px 40px;    line-height: 2.4em;}

.header-main {
    border-bottom: 10px solid #03b1e6;
}
#mega-menu-wrap-primary {background:none}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { color:#404040; font-weight:bold;text-transform:uppercase}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {color:#03b1e6; font-weight:bold;background:none;text-transform:uppercase;top:0}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover { background:none;color: #03b1e6;font-weight: bold;text-transform:uppercase;}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {margin-top:35px; width: 230px; box-shadow: inset 2px 3px 6px -4px rgba(0,0,0,0.16), 2px 3px 6px rgba(0,0,0,0.23);top:0px;}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu >li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {margin-top:0px; width: 230px; box-shadow: inset 2px 3px 6px -4px rgba(0,0,0,0.16), 2px 3px 6px rgba(0,0,0,0.23);top:0px;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link 

{
	background:#fff;border-bottom: 1px solid #eaeaea;    padding: 5px 15px;top:0px;

}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
	background:#fff;
	color:#03b1e6;
	top:0px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    left: 102%;
    top: 0px;
	width:300px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item {
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {background:#fff;color:#404040;font-weight:bold;}
/* MENU *****************/
.header:not(.transparent) .header-nav.nav > li > a {
    font-size: 15px;
}
.slider-nav-outside .flickity-prev-next-button.previous {
    left: -100px;
}
.slider-nav-outside .flickity-prev-next-button.next { left:105%;}
.flickity-prev-next-button {width:30px}
.lineduantc .is-divider {max-width: 100px;height: 1px;background: #fff;text-shadow:none}
.box-shade.dark {text-shadow:0 !important;}
.absolute-footer.dark {border-top:1px solid #565656}
.duan .flickity-prev-next-button.next { }
.duan .flickity-prev-next-button.previous {
    right: 6%;
	left:unset;
}
.duan .flickity-prev-next-button {
	top: -22%;
bottom:120%}
.box-blog-post .is-divider {    background-color: rgb(255, 255, 255);height:1px; max-width:100px}
.logos .col-inner{border-radius:15px}

/** CUSTOM LOGO ******/
.rt-wpls .single-logo img {
    box-shadow: inset 2px 3px 6px -4px rgba(0,0,0,0.16), 2px 3px 6px rgba(0,0,0,0.23);
    border-radius: 15px;
    padding: 20px 30px;
    height:120px;
}
.row-sanpham .box  {
	    box-shadow: inset 2px 5px 8px -4px rgba(0, 0, 0, 0.12), 2px 5px 8px rgba(0, 0, 0, 0.11);
    padding: 25px 70px;
}
.row-sanpham .box-text a {
    font-weight: bold;
    color: black;
    font-size: 15px;
}
.product-tabs {display:none}
.tab-panels {padding:0}
.motasanpham .product-title {font-size:35px; text-transform:uppercase; color:black}
 .product_meta>span {border:0; font-size:15px;}
.product_meta>span a {color:#03b1e6;text-transform: capitalize;}

.related .box , .woocommerce .box {    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    padding: 5px 5px;}
.op-8 {
	color: #03b1e6; }
.tintuctrangchu .box-text p {font-size:14px}
.box-text p {
    font-size: 18px;
    text-transform: capitalize;
}
.box-text h3.name.product-title{ font-size: 18px;
    text-transform: capitalize;}

.box-text p a {color:black;font-weight:bold}
.box-text h3.name.product-title a {color:black;font-weight:bold}
.hoatdong .box-text.text-center {
    background: #f1f1f1;
	padding:12px 0px;
}
#header-contact span {text-transform:initial}
#header-contact i{color:#03b1e6}

.tabsanpham .tabbed-content a {     font-size: 14px;}
.tabsanpham .nav>li.active>a {    color: rgb(3, 177, 230);}
.tabsanpham .nav > li > a {color:black}
.tabsanpham .nav>li {    margin: 0 15px;}
.scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner {
    background-color: #03b1e6 !important;
}
.secondary.is-outline {    background: #ffffff94;}
.row-sanpham .slider-nav-push:not(.slider-nav-simple) .flickity-prev-next-button svg {margin-top:0}
.row-sanpham .flickity-prev-next-button {    bottom: -12%;    top: unset;}
.row-sanpham .flickity-prev-next-button.next {right:47%}
.row-sanpham .flickity-prev-next-button.previous {left:47%;}
.product-section-title {display:none}
.slidetc .flickity-page-dots .dot  {    width: 8px;height: 8px; border: 1px solid #111;}
.wpcf7 .wpcf7-response-output {
 background: #fff;
}
.stuck #logo img{
	height: 50px;	
}
.stuck .header-main .nav#header-contact > li > a, .stuck .header-main .nav > li.header-search > a{
	line-height: 1.3;
	padding: 2px 0;
}
.stuck #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
	line-height: 30px;
	height: 30px;
}



.dvls_maps_wrap .dvls_result_infor h3 {font-size:16px !important; }
.dvls_result_item h3:hover {
	color:#03b1e6;
}
.rc_wc_rvp_product_list_widget li {width:30%;float:left;list-style:none;     box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);padding: 30px 40px; margin-left:0px !important; margin-right:18px;text-align:Center;}
.rc_wc_rvp_product_list_widget li img {width:100%;}
.rc_wc_rvp_product_list_widget li a {    color: black;font-weight: bold;}
.flickity-prev-next-button{
	opacity: 1;
}
.slider-show-nav .flickity-prev-next-button, .slider .flickity-prev-next-button{
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
}
.flickity-prev-next-button:disabled, button.flickity-prev-next-button[disabled]{
	opacity: 0.5 !important;
}
.home-featured .section-title{
	text-align: center;
	margin-bottom: 0;
}
.home-featured .section-title b{
	display: none;
}
.home-featured .section-title span{
	padding: 0;
	border: 0;
	display: block;
	width: 100%;
	text-align: center;
	color: #000;
}
.home-featured .large-3 h3{
    color: #000;
    font-weight: 600;
	margin-bottom: 35px;
}

.home-featured .large-3 ul{
	list-style: none;
}
.home-featured .large-3 ul ul{
	padding-left: 10px;
	list-style: none;
}
.home-featured .large-3 ul li{
	margin-left: 0px;
	font-size: 14px;
	margin-bottom: 10px;
}
.home-featured .large-3 ul li a{
	display: inline-block;
	padding-bottom: 6px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #000;
	border-bottom: 2px solid #FFF;
	-webkit-transition: ease all .4s;
	-o-transition: ease all .4s;
	transition: ease all .4s;
}
.home-featured .large-3 ul li a:hover{
	color: #03b1e6;
	border-bottom: 2px solid #03b1e6;
}
.home-featured .product-small.box{
    box-shadow: inset 2px 5px 8px -4px rgba(0, 0, 0, 0.12), 2px 5px 8px rgba(0, 0, 0, 0.11);
    padding: 5px 5px;
}
.home-featured .box-image{
	text-align: center;
	padding: 10px;
}
.home-featured .box-image img{max-height: 200px;}

.home-featured .box-text h3{
	font-size: 14px;
	color: #000;
	font-weight: bold;
}
.product-small .box-image img{
	position: static;
}
@media(max-width: 767px){

}
@media(max-width: 549px){
	#logo img{
		max-width: 100px !important;
		height: auto !important;
	}
	.home-featured .section-title-container{
		margin-bottom: 0px;
	}
	.home-featured .large-3 h3{
		margin-bottom: 8px;
	}
	.home-featured .large-3 ul{
		margin-bottom: 0;
	}
	.home-featured .large-3 ul li{
		margin-bottom: 5px;
	}
	.home-featured .large-3 ul li a{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.home-featured .product-small.box{
		padding: 15px 7px;
	}
	.product-small.box .box-text.text-center{
		padding-left: 0;
		padding-right: 0;
	}
	.viewmore-project{
		padding-bottom: 0;
	}
	.viewmore-project > div{
		margin: 0 !important;
		text-align: left !important;
	}
	.viewmore-project > div a{
		margin: 0 !important;
	}
	.duan .flickity-prev-next-button{
		top: -20%;
	}
	.row-sanpham .box{
		padding: 10px 7px;
	}
	.tabsanpham .nav>li{
		margin: 0;
	}
	.tabsanpham p > span{
		font-size: 20px !important;
	}
	.tabsanpham .nav > li > a{
		padding: 5px 0;
	}
	.woocommerce .box{
		padding: 10px 7px;
	}
	.woocommerce .box .box-text p{
		font-size: 14px;
	}
	.rc_wc_rvp_product_list_widget li{
		width: 47%;
	}
	.rc_wc_rvp_product_list_widget li{
		padding: 10px 7px;
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.pagination{
	
	    text-align: center;
}