/*
Theme Name:        Custom PageBuilder Theme
Theme URI:         
Author:            
Author URI:        
Description:       Multi-Purpose Responsive WooCommerce Theme
Version:           3.12.2
Requires at least: 4.7.0
Requires PHP:      5.6.20
Text Domain:       
License:           
License URI:       
*/


/***************
All custom CSS should be added to Theme Settings > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
body {
/* 	background: url('/wp-content/uploads/2020/10/body_bg.png') repeat-x scroll top center #f2f2f2; */
	background: #f2f2f2;
}
#wide-nav {
/* 	background: #c6c6c6; */
	background: #02D3C9;
	min-height: 0;
}
#wide-nav > .flex-row {
/* 	background: white; */
	padding: 10px 0 10px;
/* 	border-bottom: 1px solid #28619f; */
}
#wide-nav .flex-col {
	flex: 1 0 100%;
}
#wide-nav .header-nav {
	justify-content: center;
}
#wide-nav .menu-item {
	padding: 0 5px;
}
#wide-nav .menu-item a {
	text-align: center;
	text-transform: uppercase;
	background: #02D3C9;
	color: #fff;
	z-index: 999;
	text-shadow: 0 0 3px #02D3C9;
	border-radius: 5px;
}
#wide-nav .menu-item a:hover {
	background: #dd492c;
	text-shadow: 0 0 3px #dd492d;
}
#wrapper {
	background: transparent;
}
#masthead {
/* 	background: #c6c6c6; */
	background: white;
}
#main {
	background-color: transparent !important;
}
#main .row {
	background: white;
	padding-top: 25px;
}
.entry-content {
	padding-top: 0;
}
.page-wrapper {
	padding-top: 0;
}
.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
	color: white !important;
}
.top_search_box .search-field {
	background-color: #28619f !important;
/* 	color: white !important; */
}
.icon-search {
	color: white;
}
.widget {
	border: 1px solid #339933;
	padding: 0 10px 10px;
	border-radius: 5px;
	font-size: 14px;
}
.widget-title {
/* 	background: url('/wp-content/uploads/2020/10/icon_logo.png') no-repeat 5px 7px #339933; */
	background: #02D3C9;
padding: 10px 0 10px 35px;
color: white;
font-size: 13px;
text-align: left;
margin: 0 -10px 15px;
display: block;
}
.widget li {
	margin: 5px 0 !important;
}
.widget .is-divider  {display: none;}
.header-inner {
	background: white;
	border-radius: 10px 10px 0 0;
/* 	margin-top: 40px; */
}
.my_product_list {
	border: 1px solid #02D3C9 ;
	padding: 15px 5px;
}
.my_product_list .col{
	padding: 10px 7px;
}
.my_product_list .col-inner {
	box-shadow: 2px 2px 3px rgba(0,0,0,.3);	
}
.product-title {
	font-weight: bold;
}
/* .my_product_list .quick-view {
	display: none !important;
} */
.right_widget_area > .widget, .post-sidebar .widget, .footer-widgets .widget {
	border: none !important;
}
.hotros {
 margin-bottom:15px;
 padding:10px;
 border:1px #f30 solid;
 border-radius:5px;
 position:relative
}
.hotros h3 {
 font-size:13px;
 font-weight:bold;
 color:#f30;
 float:left;
 position:absolute;
 top:-7px;
 left:10px;
 background:#fff;
 margin-bottom:10px;
 padding:0 5px;
	 width: auto;
}
.hotros p {
	margin: 0;
}
.support {
 padding:10px 0
}
.support .avatar {
 float:left;
 margin-right:15px;
 width:64px;
 height:67px
}
.support .info_support a {
 color:#236aa7;
 font-size:12px;
 font-weight:bold
}

#xtvccount {display:none;}
.footer-widgets {
	background: #339933;
	padding: 0;
}
.footer_menus {
	background: #339933 !important;
	border-radius: 5px;
	margin: 20px auto;
}
.page-title-inner {
	background: white;
}
.container .section, .row .section {
	padding-left: 0;
	padding-right: 0;
}
.product-main {
	padding-top: 0px;
}
.row.row-large {
	max-width: 1170px !important;
}
.post-sidebar {
	padding: 0 10px !important;
}
.product-categories {
	font-size: 14px;
}
.woocommerce-breadcrumb {
	font-size: 14px;
}
.age-title-inner {
	font-size: 14px;
}
.article-inner {
	font-size: 14px;
}
.product-main, .product-footer {
	font-size: 14px;
}
.eaw-weather-component > div:last-child{display:none;}
.eapps-widget-toolbar {display:none !important;opacity:0 !important;}
.cat-item {font-weight:bold;}
.weatherwidget-io-frame {border-radius:5px;}
.widget_icl_lang_sel_widget {border:none;padding:0;font-size:13px;margin:0;}
.wpml-ls-legacy-list-horizontal {padding:0;}
/******************************style số điện thoại*********************************/
@keyframes ring-alo-circle-anim {
	0% {
	    opacity: 0.1;
	    transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
	    opacity: 0.5;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
	    opacity: 0.6;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@keyframes ring-alo-circle-img-anim {
	0% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes ring-alo-circle-fill-anim {
	0% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
.fone {
    font-size: 22px;
    color: #f00;
    line-height: 40px;
    font-weight: bold;
    padding-left: 45px;
    margin: 0 0;
}
.fone a { color: red; }
.fix_tel { position:fixed; bottom:15px; left:20px; z-index:999;}
.fix_tel a {text-decoration: none; display:block;}
.tel { background: #eee;width:205px; height:40px; position:relative; overflow:hidden;background-size:40px;border-radius:28px;border:solid 1px #ccc;}
.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
}
.ring-alo-phone.ring-alo-show {
    visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
    opacity: 1;
}
.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: 0.1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
	background-color: rgba(255, 0, 0, 0.5);
}
.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 0.1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;		    
    opacity: 1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    width: 30px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: #f00;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #75eb50;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #f00;
}
.ring-alo-ph-img-circle a img {
	    padding: 1px 0 0 1px;
	    width: 30px;
	    position: relative;
	    top: -1px;
	}