/*
Theme Name: Mypage Child
Theme URI: https://www.mypage.vn/
Author: MYPAGE
Author URI: https://www.mypage.vn/
Description: MyPage Theme.
Version: 1.1
Template: mypage
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: mypage-child
*/
@import url("../mypage/style.css");
/*************** ADD YOUR CUSTOM CSS HERE  ***************/
@media (min-width: 1160px){
	#header-boxed,#main.main-boxed,#breadcrumbs-boxed,#footer-boxed {max-width: 1140px;}
}
#header-boxed,#main.main-boxed,#breadcrumbs-boxed,#footer-boxed {background-color: #fff;}}
h1, h2, h3, h4, h5, h6{letter-spacing: 0;}
#footer-boxed{margin-top: 0;}
#main-menu ul.main-menu li {margin: 0;}
#main-menu ul.main-menu li:after {content: '|';color: #fff;}
#main-menu ul.main-menu li:last-child:after {display: none;}
#main-menu ul.main-menu li:first-child a {padding: 7px 8px 5px 0;vertical-align: middle;}
#main-menu ul.main-menu li:first-child a i{font-size: 22px;}
#header .header-top .top-links > li.menu-item > a, #header .header-top .top-links > li.menu-item > h5{font-size: 13px;}
#header .header-top .top-links>li.menu-item > a:hover, #header .header-top .top-links>li.menu-item > h5:hover{color: #99cee8;}
.default-icon .aio-icon-default .aio-icon, .default-icon .aio-icon-default .aio-icon-img{margin-right: 5px;margin-top: 5px;}
.wpb_wrapper .aio-icon-header h3.aio-icon-title {font-size: 16px;line-height: 22px;}
.wpb_wrapper .aio-icon-header h3.aio-icon-title strong{font-weight: normal;display: block;}
.header-right-bottom .aio-icon-box{margin-bottom: 0;}
.header-right-bottom .porto-block {margin-top: 7px;}
#header .header-main .header-contact{color: #fff;padding: 10px 15px 10px 60px;background-color: #ea0000;background-image: url(images/icon-phone-book.png);background-repeat: no-repeat;background-position: 10px center;line-height: 18px;}
#header.header-10 .header-main .container .header-right-bottom{margin-top: 3px;}
@media(min-width: 992px){
	#header .logo {min-width: 260px;}
	#header.header-10 .header-main .container .header-left, #header.header-10 .header-main .container .header-center, #header.header-10 .header-main .container .header-right{padding-top: 5px;padding-bottom: 5px;}
	#header.header-10 .searchform {width: 800px;margin-left: 0;	}
	#header.header-corporate .searchform input{width: 758px;}
	#header .header-main .container,#header .header-main .container > div{display: block;}
	#header .header-main .container .header-left {width: 25%;float: left;}
	#header.header-corporate .header-main .container .header-right{width: 75%;float: left;}	
	.widget_product_categories ul ul.children {display: block;position: absolute;top: 20px;left: 100%;background-color: #faf8f8;z-index: 99;width: 250px;border: 1px solid #bbb;border-left: none;transition:0.2s ease-in-out all;opacity: 0;visibility: hidden;}
	.widget_product_categories ul.product-categories > li:hover> ul.children {top: -1px;opacity: 1;visibility: visible;}
	.widget_product_categories ul li .toggle:before{content: "\f0da";}
}
.widget_product_categories ul.product-categories {padding: 0}
.widget_product_categories ul.product-categories li {position: relative;padding: 0 15px;border-bottom: 1px solid #ccc;}
.widget_product_categories ul ul.children {padding: 0;border-bottom: none;}
.widget_product_categories, .widget_price_filter, .widget_layered_nav, .widget_layered_nav_filters, .widget_rating_filter {background-color: #faf8f8;border-color: #bbb;}
.widget_product_categories .widget-title, .widget_price_filter .widget-title, .widget_layered_nav .widget-title, .widget_layered_nav_filters .widget-title, .widget_rating_filter .widget-title{background-color: #ea0000;color: #fff;padding: 9px 10px 8px;font-size: 15px;}
.widget_product_categories .widget-title:before{font-family: FontAwesome;content: "\f0c9";margin-right: 5px;}
.widget_product_categories ul li > a, .widget_price_filter ul li > a, .widget_layered_nav ul li > a, .widget_layered_nav_filters ul li > a, .widget_rating_filter ul li > a, .widget_product_categories ol li > a, .widget_price_filter ol li > a, .widget_layered_nav ol li > a, .widget_layered_nav_filters ol li > a, .widget_rating_filter ol li > a {font-size: 15px;padding: 7px 0;font-weight: 500;}
#header .header-main {border-bottom: 2px solid #ea0000;}
.wrap_block_banner > .vc_col-sm-3{padding-left: 0;}
.wrap_banner_menu{background-color: #ea0000;}
.wrap_banner_menu .vc_wp_custommenu, .wrap_banner_menu .widget_nav_menu,.wrap_logo_partner .wpb_single_image, body .ult-carousel-wrapper{margin-bottom: 0;}
.wrap_banner_menu .vc_custom_heading{font-size: 14px;color: #fff;margin: 0;line-height: 40px;}
.wrap_banner_menu .vc_custom_heading:before{font-family: 'FontAwesome';content: "\f00c";margin-right: 3px;}
.wrap_banner_menu ul.menu {margin: 0;border: none;text-align: right;}
.wrap_banner_menu ul.menu li {display: inline-block;float: none;font-size: 15px;border: none;}
.wrap_banner_menu ul.menu li:before{display: none;}
.wrap_banner_menu ul.menu li a{color: #fff;}
.wrap_banner_menu ul.menu li a:hover{color: #99cee8;}
body.home .main-content {padding-top: 5px;}
.wrap_banner_img .vc_col-sm-8{padding-left: 0;padding-right: 4px;}
.wrap_banner_img .vc_col-sm-4{padding-right: 0;padding-left: 4px;}
.wrap_banner_img .vc_col-sm-4 .wpb_single_image{margin-bottom: 8px;	}
.wrap_logo_partner{border-top: 1px solid #bbb;border-bottom: 1px solid #bbb}
.wrap_top_sanpham{margin-top: 20px;}
.wrap_top_sanpham .vc_custom_heading{font-size: 20px;line-height: 26px;margin-bottom: 0;position: relative;border-bottom: 1px solid #ccc}
.wrap_top_sanpham .vc_custom_heading strong {display: inline-block;border-bottom: 3px solid #ea0000;font-weight: 500;margin-bottom: -2px;}
.wrap_top_sanpham .vc_tta-tabs.vc_tta-o-no-fill .vc_tta-tabs-list {margin-right: 60px;}
.wrap_top_sanpham .vc_tta.vc_general .vc_tta-panel-body {overflow: visible;}
.vc_tta-controls-align-right.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container {position: relative;z-index: 1;}
.vc_tta.vc_general .vc_tta-panels-container {z-index: 2;}
.wrap_top_sanpham .products-slider.show-nav-title .owl-nav{}
.wrap_top_sanpham .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a{background-color: transparent;padding: 5px 10px;color: #000;border-color: #ccc;}
.wrap_top_sanpham .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a{background-color: transparent;border-color: #ccc;border-bottom-color:#fff;border-top: 2px solid #ea0000; margin-top: -1px; }
.vc_tta-container{margin-top: -37px;}
.inner_product {border: 1px solid #ddd;}
ul.products li.product .product-loop-title h2, ul.products li.product-category .product-loop-title h2{font-size: 15px;font-weight: normal;margin-bottom: 10px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;padding: 0 5px;}
ul.products li.product .price, ul.products li.product-category .price{font-size: 15px;}
.wrap_block_danhmuc .vc_custom_heading{font-size: 15px;text-transform: uppercase;line-height: 22px;margin-bottom: 5px;border-bottom: 1px solid #ea0000;}
.wrap_block_danhmuc .vc_custom_heading a{background-color: #ea0000;display: inline-block;color: #fff;padding: 5px 10px 3px;position: relative;}
.wrap_block_danhmuc .vc_custom_heading a:after{content: '';border-top: 30px solid transparent;border-left: 30px solid #ea0000;border-bottom: 0px solid transparent;position: absolute;top: 0;right: -30px;}
.wrap_block_danhmuc .vc_col-sm-3 ul.products {background-color: #faf8f8;}
.wrap_block_danhmuc .vc_col-sm-3 ul.products li {border-bottom: 1px solid #ccc;}
.wrap_block_danhmuc .vc_col-sm-3 ul.products li h3 {font-size: 14px;font-weight: 400;margin: 0;}
.wrap_block_danhmuc .vc_col-sm-3 ul.products li h3 a {display: inline-block;padding: 5px 10px 4px;color: #000;}
.wrap_banner_bottom .wpb_single_image {margin-bottom: 20px;}
.wrap_banner_bottom .wpb_single_image a {position: relative;display: block;}
.wrap_banner_bottom .wpb_single_image a:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;background-color: rgba(0,0,0,0.3);opacity: 0;visibility: hidden;transition:0.2s ease-in-out all;}
.wrap_banner_bottom .wpb_single_image:hover a:after{opacity: 1;visibility: visible;}
.footer-top{background-color: #ea0000;padding: 10px 0;margin-bottom: 20px;}
.footer-top .widget {margin: 0;display: inline-block;width: 50%;float: left;}
.footer-top .widget .widget-title, .widget_wysija_cont{display: inline-block;vertical-align: top;}
.widget.widget_wysija h3 {margin-right: 10px;margin-bottom: 0;color: #fff;line-height: 33px;}
form.widget_wysija{width: 320px;position: relative;}
.widget_wysija_cont .wysija-submit{margin: 0;position: absolute;top: 0;right: 0;}
.widget.widget_wysija p{margin: 0;}
.footer-top .widget.follow-us{text-align: right;}
#footer .footer-bottom{padding: 0;}
.content-bottom-wrapper .widget {margin-bottom: 10px;}
#footer .footer-main > .container {padding-top: 10px;}
article.post-title-simple h2.entry-title{font-size: 20px;margin-bottom: 5px;line-height: 22px;}
.woocommerce-billing-fields:after{content: '';display: block;clear: both;}
.left-sidebar, .right-sidebar,.main-content{padding-top: 10px;}
.gridlist-toggle, .shop-loop-before .page-numbers{display: none;}
#dropdown_layered_nav_product_brand li.hidden{display: block !important;}
.woocommerce .widget_layered_nav ul li a {padding: 8px 0 8px 28px;background-image: url(images/check.jpg);background-repeat: no-repeat;background-position: left 5px;}
.woocommerce .widget_layered_nav ul li[selected="selected"] a {background-image: url(images/checked.jpg);	}
.wrap_hotline .widget {margin: 0;}
.call-phone {
position: fixed;
visibility: visible;
background-color: transparent;
width: 110px;
height: 110px;
cursor: pointer;
z-index: 1000;    
left: -10px;
bottom: -10px;
}
.call-circle {
width: 90px;
height: 90px;
top: 12px;
left: 12px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(30, 30, 30, 0.4);
opacity: .1;
border-color: #ea0000;
opacity: .5;
}
.call-circle-fill {
width: 60px;
height: 60px;
top: 28px;
left: 28px;
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background-color: rgb(217 83 82 / 60%);
opacity: .75 !important;
}
.call-img-circle {
width: 40px;
height: 40px;
top: 38px;
left: 38px;
position: absolute;
background: rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background-color: #ea0000;
background-size: 70%;
z-index: 3;
}
.call-phone span {font-size: 17px;padding: 4px 15px 4px 30px;border-radius: 0 20px 20px 0;color: #fff;background-color: #ea0000;display: inline-block;position: absolute;right: -110px;top: 43px;    font-weight: 700;}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.sendemail {position: fixed;bottom: 90px;left: 22px;z-index: 99;}
.sendemail:hover{text-decoration: none;}
.sendemail:before {font-family: 'FontAwesome';content: "\f0e0"; width: 50px;height: 50px;border-radius: 50%;border: 2px solid #fff;background-color: #4285f4;color: #fff;text-align: center;line-height: 46px;font-size: 20px;display: block;position: relative;z-index: 2;}
.sendemail span{position: absolute;top: 8px;background-color: #4285f4;color: #fff;padding: 7px 15px;border-radius: 0 20px 20px 0;left: -175px;display: inline-block;font-size: 14px;line-height: 20px;transition:0.2s ease-in-out;opacity: 0;visibility: hidden;border: 2px solid #fff;z-index: 1;}
.sendemail:hover span{left: 38px;opacity: 1;visibility: visible;}
.fb_zalo {position: fixed;left: 23px;bottom: 85px;z-index: 99;}
.fb_zalo ul {margin: 0;padding: 0;list-style: none;}
.widget .fb_zalo ul li {margin-bottom: 5px;}
.widget .fb_zalo ul li img {width: 48px;}
@media(max-width: 991px){
	.header-right-bottom .porto-block{display: none;}
	.widget_product_categories ul li .toggle, .widget_price_filter ul li .toggle, .widget_layered_nav ul li .toggle, .widget_layered_nav_filters ul li .toggle, .widget_rating_filter ul li .toggle, .widget_product_categories ol li .toggle, .widget_price_filter ol li .toggle, .widget_layered_nav ol li .toggle, .widget_layered_nav_filters ol li .toggle, .widget_rating_filter ol li .toggle {right: 0;}
	#footer .footer-bottom .container .footer-center{text-align: center;}
}
@media(max-width: 767px){	
	.wrap_banner_menu .vc_custom_heading {text-align: center !important;}
	.wrap_banner_menu ul.menu {text-align: center;}
	.vc_tta.vc_general .vc_tta-panel-title {text-align: left;border: 1px solid #bbb;}
	.wrap_block_danhmuc .vc_col-sm-9 .porto-products {margin-top: 30px;}
	.shop-loop-before .woocommerce-ordering, .column2 .shop-loop-before .woocommerce-ordering{float: left;}
}
@media(max-width: 480px){
	.designby{display: block;}
	.footer-top .widget{width: 100%;float: none;}
	.footer-top .widget.widget_wysija{margin-bottom: 10px;}
	.footer-top .widget.follow-us{text-align: center;}
	.footer-top .widget .widget-title{display: block;text-align: center;}
	.shop-loop-before .woocommerce-ordering, .column2 .shop-loop-before .woocommerce-ordering {float: none;}
	.column2 .shop-loop-before .woocommerce-viewing{position: relative;top: 0;margin: 0;}
	.shop-loop-before .woocommerce-pagination, .column2 .shop-loop-before .woocommerce-pagination {margin-bottom: 10px;}
	ul.pcols-xs-2, .column2 ul.pcols-xs-2{margin: 0 -5px;}
	ul.pcols-xs-2 li.product, .column2 ul.pcols-xs-2 li.product, ul.pcols-xs-2 li.product-category, .column2 ul.pcols-xs-2 li.product-category {width: 50%;padding: 0 5px;float: left;}
}