/*
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  ***************/
#header.sticky-header .header-main.sticky {box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);}
#header .header-main .header-left, #header .header-main .header-center, #header .header-main .header-right {padding-top: 10px;padding-bottom: 10px;}
#header .header-main .header-right {padding-left: 5px;}
#header .header-contact {border-right: none;margin-right: 0;padding-right: 15px;}
#header .header-contact h3 {display: inline-block;margin-right: 20px;font-size: 20px;line-height: 24px;color: #1464F4;margin-bottom: 0;vertical-align: middle;margin-top: 5px;}
#header .header-contact button {padding: 8px 20px 5px;font-size: 16px;font-weight: 600;border-radius: 30px;text-transform: uppercase;}
#header .searchform-popup .search-toggle {font-size: 20px;}
#header .header-right-bottom {margin: 0;}
#header .main-menu>li.menu-item:last-child > a {padding-right: 0;}
@media(max-width: 1229px){
	#header .main-menu > li.menu-item > a {font-size: 16px;}
}
body .porto-carousel-wrapper {margin-left: -15px;margin-right: -15px;}
.porto-carousel-wrapper .slick-next, .porto-carousel-wrapper .slick-prev{width: 36px;height: 50px;background-color: rgb(0 0 0 / 40%);text-shadow: none;cursor: pointer;}
.porto-carousel-wrapper .slick-next:hover, .porto-carousel-wrapper .slick-prev:hover, .porto-carousel-wrapper .slick-next:active, .porto-carousel-wrapper .slick-prev:active {background-color: rgb(0 0 0 / 60%)}
.porto-carousel-wrapper .slick-next i, .porto-carousel-wrapper .slick-prev i{color: #fff;}
.vc_row-no-padding .porto-carousel-wrapper .slick-next{right: 0px;border-radius: 5px 0 0 5px;}
.vc_row-no-padding .porto-carousel-wrapper .slick-prev {left: 0px;border-radius: 0 5px 5px 0;}
.porto-carousel-wrapper ul.slick-dots {z-index: 5;}
#banner-wrapper .porto-carousel-wrapper {margin-bottom: 0;margin-left: 0;margin-right: 0;}
#banner-wrapper .porto-carousel-wrapper ul.slick-dots {position: absolute;bottom: 10px;}
body.home .no-breadcrumbs .main-content {padding-top: 0;padding-bottom: 0;}
.line_bottom:after {content: '';display: block;width: 60px;height: 3px;background-color: #1464F4;margin: 5px auto 0;}
.wrap_menuphu {background-color:#f2f2f2; }
.wrap_menuphu > .vc_column_container {border-right: 1px solid #ccc;}
.wrap_menuphu > .vc_column_container:last-child {border-right: none;}
.wrap_menuphu .porto-sicon-box {margin-top: 15px;margin-bottom: 10px;}
.wrap_menuphu .porto-sicon-box .porto-sicon-left .porto-sicon-img {filter: hue-rotate(234deg);}
.wrap_menuphu .porto-sicon-box .porto-sicon-header .porto-sicon-title, .wrap_menuphu .porto-sicon-box .porto-sicon-header p {font-size: 16px;font-weight: 600;line-height: 24px;color: #000;margin: 0;}
.wrap_menuphu .porto-sicon-box-link:hover .porto-sicon-box .porto-sicon-title, .wrap_menuphu .porto-sicon-box-link:hover .porto-sicon-box .porto-sicon-header p {color:#1464F4; }
.wrap_sanpham {padding-top: 40px;}
ul.products li.product-col .woocommerce-loop-product__title {font-size: 20px;font-weight: 600;}
.add-links-wrap {display: none;}
ul.products li.product-default .price, .single-product .product-summary-wrap .price {color: #1464F4;}
.post-carousel h4, .post-carousel h5 {font-size: 18px;line-height: 25px;}
.wrap_tuvan {padding-top: 30px;padding-bottom: 20px;}
.wrap_tuvan .wpcf7 .form-group {margin-bottom: 8px;}
.wpcf7 .form-group p {margin-bottom: 0;}
.wpcf7 .wpcf7-spinner {display: block;margin: 0 auto;}
.wpcf7 textarea {height: 90px;}
.wpcf7 input[type="submit"] {font-weight: 600;font-size: 15px;padding: 8px 25px 6px;border-radius: 30px;}
.owl-carousel .owl-dots .owl-dot span {width: 14px;height: 14px;margin: 5px 6px;}
#footer {font-weight: 400;}
#footer:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;z-index: 1;background-color: rgba(0,0,0,0.7);}
#footer .footer-main, #footer .footer-bottom {position: relative;z-index: 3;}
#footer .widget-title {font-size: 20px;}
#footer .widget-title:after {content: '';width: 60px;height: 2px;background-color: #fff;margin: 5px 0 0;display: block;}
#footer .post-item-small {padding-top: 10px;padding-bottom: 10px;border-top-style: solid;}
#footer .widget_text h4 {font-size: 17px;line-height: 24px;margin-bottom: 10px;}
#footer .widget_text ul {margin:  0 0 20px;}
#footer .widget_text ul li {margin-bottom: 7px;}
#footer .widget_text ul li strong{font-weight: 500;}
#footer .footer-bottom {border-top: 1px solid rgba(255,255,255,0.3);padding: 5px 0;font-size: 15px;}
.wrap_lienhe .vc_custom_heading {font-size: 26px;line-height: 32px;}
.wrap_lienhe .wpb_text_column ul {padding: 0;margin: 0;list-style: none;}
.wrap_lienhe .wpb_text_column ul li { margin-bottom: 7px;}
.wrap_lienhe .wpb_text_column ul li i {width: 20px;margin-right: 5px;}
.wrap_lienhe .wpcf7 input[type="submit"] {font-size: 15px;font-weight: 500;border-radius: 4px;}
#header .mobile-toggle {font-size: 18px;border-radius: 0;margin-right: 0;margin-left: 10px;}
#side-nav-panel .accordion-menu .arrow {right: 0;top: 0;bottom: 0;height: auto;width: 50px;line-height: 34px;}
.wrap_hotline .widget {margin: 0;}
.call-phone {
position: fixed;
visibility: visible;
background-color: transparent;
width: 110px;
height: 110px;
cursor: pointer;
z-index: 1000;    
right: -10px;
bottom: 155px;
}
.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: #ed1d24;
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(237 29 36 / 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: #ed1d24;
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: #ed1d24;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;right: 17px;bottom: 55px;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;}
#topcontrol {right: 15px;border-radius: 7px 7px 0 0;}
.sidebar_tuvan {position: fixed;left: 0;bottom: -10px;z-index: 10;width: 200px;background-color: #fff;border-right: 1px solid #eaeaea;transform: translateY(0%);transition:0.3s ease-in-out;}
.sidebar_tuvan.active {transform: translateY(100%);bottom: 40px;}
.sidebar_tuvan .textwidget {padding: 0 10px;}
.sidebar_tuvan .widget {margin: 0;}
.sidebar_tuvan .widget .widget-title {font-size: 17px;color: #fff;padding: 8px 5px;background-color: #1464F4;cursor: pointer;position: relative;transition:0.3s ease-in-out;text-align: center;}
.sidebar_tuvan .widget .widget-title:hover {background-color: #9b0208;}
.sidebar_tuvan .widget .widget-title:after {font-family: "Font Awesome 5 Free";content: "\f358";position: absolute;right: 10px;top: 8px;font-weight: 700;}
.sidebar_tuvan.active .widget .widget-title:after {content: "\f35b";}
.sidebar_tuvan .wpcf7 .form-group {margin-bottom: 5px;}
.sidebar_tuvan .wpcf7 input[type="submit"] {font-size: 14px;font-weight: 500;padding: 6px 25px 4px;}
.sidebar_tuvan .wpcf7 form .wpcf7-response-output {margin: 5px 0 0;padding: 0 6px;}
.page-top .yoast-breadcrumbs {font-size: 15px;}
.shop-loop-before {display: none !important;}
.single-product .product_title {color: #000;margin-bottom: 15px;letter-spacing: 0;}
.single-product .variations .label {vertical-align: middle;}
.single-product .variations .label label {font-size: 16px;}
.single-product .filter-item-list .filter-item {font-size: 15px;padding: 5px 20px;border-color:#1464F4;background-color: #fff;color: #1464F4;border-radius: 20px; }
.single-product .filter-item-list .filter-item:hover, .single-product .filter-item-list .active .filter-item {background-color: #1464F4;color:#fff; }
.product-summary-wrap .description {font-size: 16px;}
.product-summary-wrap .description table th, .product-summary-wrap .description table td {border: 1px solid #ccc;}
.product-summary-wrap .description ul, .product-summary-wrap .description ol, .woocommerce-tabs .tab-content ul, .woocommerce-tabs .tab-content ol, .project_short ul, .project_short ol, .entry-content ul, .entry-content ol {padding-left: 20px;}
.product-summary-wrap .description ul li, .product-summary-wrap .description ol li, .woocommerce-tabs .tab-content ul li, .woocommerce-tabs .tab-content ol li, .project_short ul li,.project_short ol li, .entry-content ul li, .entry-content ol li {margin-bottom: 7px;}
.product-summary-wrap .description p, .woocommerce-tabs .tab-content p, .single-product .product-summary-wrap .description p{font-size: 16px;line-height: 26px;}
.single-product .entry-summary .product_meta {display: none;}
.product-summary-wrap .filter-item-list .filter-color {border: 1px solid #ddd;}
.wrap_bangiaxe {margin-bottom: 15px;}
.wrap_bangiaxe table {margin-bottom: 20px;font-size: 18px;}
.wrap_bangiaxe ul {padding-left: 20px;}
.wrap_bangiaxe ul li {margin-bottom: 8px;}
.woocommerce-tabs .tab-content {text-align: justify;}
#product-tab .tab-content h2 {font-size: 30px;font-weight: 600;line-height: 1.3;}
.woocommerce-tabs .tab-content table th, .woocommerce-tabs .tab-content table td, .single-post .entry-content table th, .single-post .entry-content table td, .wrap_bangiaxe table th, .wrap_bangiaxe table td {border: 1px solid #ddd;}
.lienhe_ctsp {padding-top: 10px;}
.lienhe_ctsp .porto-block > p {margin-bottom: 0;}
.lienhe_ctsp .btn_lienhe.vc_btn3-container button, .lienhe_ctsp .btn_lienhe.vc_btn3-container a {background-color: #1464F4;border-radius: 5px !important;border-color: #1464F4;font-weight: 600;}
.lienhe_ctsp .btn_lienhe.vc_btn3-container button:hover, .lienhe_ctsp .btn_lienhe.vc_btn3-container a:hover {background-color: #fff;color: #1464F4;}
.lienhe_ctsp .btn_lienhe.vc_btn3-container.btn_baogia button {background-color: transparent;border: 1px solid #1464F4; color: #1464F4; }
.lienhe_ctsp .btn_lienhe.vc_btn3-container.btn_baogia button:hover {background-color: #1464F4;color: #fff;}
.lienhe_ctsp .porto-sicon-box {display: block;text-align: center;padding:7px 5px;background-color: #f5f5f5;border:1px dashed #1464F4;border-radius: 5px;}
.lienhe_ctsp .porto-sicon-box .porto-sicon-left, .lienhe_ctsp .porto-sicon-box .porto-sicon-body{display: inline-block;vertical-align: middle;}
.lienhe_ctsp .porto-sicon-box .porto-icon {color: #1464F4;}
.lienhe_ctsp .porto-sicon-box h3.porto-sicon-title {font-size: 16px;font-weight: 600;}
.lienhe_ctsp .porto-sicon-box .porto-sicon-header p {font-weight: 600;color: #1464F4;font-size: 20px;}
.woocommerce-tabs .resp-tabs-list li {font-size: 17px;}
.wrap_khuyenmai {padding-top: 40px;background-color: #f2f2f2}
.wrap_nhanxe, .wrap_sukien {padding-top: 40px;}
.blog-posts .post .entry-title {font-size: 20px;margin-bottom: 8px;}
#side-nav-panel .accordion-menu li.menu-item > a, #side-nav-panel .menu-custom-block a {font-weight: 600;}
.page_gthieu h2.vc_custom_heading {font-size: 28px;}
.gthieu_diachi h3.porto-sicon-title {font-size: 19px;font-weight: 600;}
.gthieu_diachi .porto-sicon-description {margin-top: 5px;}
.gthieu_diachi .wpb_single_image img {border: 1px solid #ddd;}
.gthieu_camket ul {margin: 0 0 20px;padding: 0;list-style: none;}
.gthieu_camket ul li {margin-bottom: 8px;}
.gthieu_camket ul li:before {font-family: "Font Awesome 5 Free";font-weight: 600;content: "\f14a";color: #3bb900;margin-right: 5px;font-size: 18px;}
@media(max-width: 991px){
	#header .header-main #main-menu {display: none;}
	.wrap_menuphu > .vc_column_container {-webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
	.wrap_menuphu > .vc_column_container:nth-child(2) {border-right: none;}
    .wrap_menuphu > .vc_column_container:nth-child(-n+2) {border-bottom: 1px solid#ccc;}
    #footer .footer-bottom .container>div {text-align: center;}
}
@media(max-width: 991px) and (min-width: 577px){
	#footer .footer-main > .container > .row > div:first-child {text-align: center;}
	#footer .widget.contact-info i {float: none;margin-bottom: 0;}
	#footer .contact-info .widget-title:after {margin: 5px auto 0;}
	#footer .footer-main > .container > .row > div:nth-child(n+2) {width: 50%;}
}
@media(max-width: 576px){
	#footer {background-size: cover;}
}
@media(max-width: 420px){
	.wrap_tintuc .vc_custom_heading {font-size: 26px;line-height: 32px;}
}