/*
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  ***************/
/*body, h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif;}*/
header#header{background-color: rgba(0,0,0,.8);position: absolute;top: 0;z-index: 101;width: 100%;}
#header .header-main .header-left {padding: 10px 0;}
#header.sticky-header .header-main.sticky{background-color: rgba(0,0,0,.8);}
#header .header-top {font-size: 15px;padding: 5px 0;}
#header .searchform-popup .search-toggle {margin-right: 0;}
.wrap_commit .porto-sicon-box {box-shadow: 1px 1px 5px 0px #919191;padding: 10px;border-radius: 5px;}
html .wrap_commit .top-icon .porto-just-icon-wrapper {margin-bottom: 0;    filter: hue-rotate(157deg);}
html .wrap_commit  .top-icon h3.porto-sicon-title {text-transform: uppercase;font-size: 15px;font-weight: 500;}
#banner-wrapper .flex-direction-nav a{width: 50px;height: 50px;border-radius: 50%;background-color: rgb(0 0 0 / 40%);text-shadow: none;cursor: pointer;}
#banner-wrapper .flex-direction-nav a:before{color: #fff;}
#banner-wrapper .porto-carousel-wrapper {margin-bottom: 0;}
#banner-wrapper .porto-block > p {display: none;}
#banner-wrapper .flexslider {border: none;box-shadow: none;border-radius: 0;margin-bottom: 0;}
body #banner-wrapper .wpb_gallery .wpb_flexslider .flex-control-nav {display: none;}
#banner-wrapper .flex-direction-nav a {opacity: 0.7;color: transparent;text-align: center;line-height: 58px;}
#banner-wrapper .flex-direction-nav a:hover {background-color: rgb(0 0 0 / 60%)}
#banner-wrapper .flex-direction-nav a:before {font-size: 24px;text-shadow:none;}
#banner-wrapper .flex-direction-nav .flex-next {right: 0;}
#banner-wrapper .flex-direction-nav .flex-prev {left: 0;}
.custom_heading:after{content: '';width: 45px;height: 2px;background-color: #4f81db;display: block;}
.custom_heading.heading_center:after{margin: 0 auto;}
.wrap_col_pad h3.porto-sicon-title{font-size: 30px;font-weight: bold;color: #999;}
.wrap_col_pad .porto-sicon-header > p{font-size: 16px;color: #000;font-weight: bold;}
.wrap_col_pad .porto-sicon-header{margin-bottom: 0;}
.wrap_col_pad .porto-sicon-box {box-shadow: 1px 1px 3px 0px #bbb;border-radius: 5px;padding: 15px;transition: 0.4s all ease-in-out;background-color: #fff;}
.wrap_col_pad .porto-sicon-box:hover {background-color: #4f81db;cursor: pointer;}
.wrap_col_pad .porto-sicon-box:hover h3.porto-sicon-title{color: #444;}
.wrap_col_pad .top-icon .porto-sicon-header + .porto-sicon-description{color: #444;}
.page-top:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.6);}
.page-top .page-title{text-transform: uppercase;font-size: 28px;}
.page-top .page-sub-title{font-size: 17px;font-weight: normal;}
.product-layout-transparent .product-summary-wrap,.product-layout-transparent .product-summary-wrap::before, .product-layout-transparent .product-summary-wrap::after{background-color: transparent;}
.single-product .product_title{font-size: 28px;color: #444;font-weight: 500;border-bottom: 1px dashed #999;padding-bottom: 15px;}
.single-product .variations tr td{padding-bottom: 0;padding-top: 0;display: -webkit-box;}
.single-product .variations .label{vertical-align: top;}
.single-product .product_meta span {font-weight: bold;}
.single-product .variations .label label{text-transform: inherit;}
.product-image-slider.owl-carousel .img-thumbnail{padding: 0;}
button.btn_order {background-color: #fec60d;color: #444;padding: 8px 30px;font-size: 17px;border-radius: 5px;text-transform: uppercase;border: none;transition: all 0.4s ease-in-out;}
button.btn_order:hover,a.btn_call:hover{background-color: #444;color: #fec60d;}
.btn_zalo:before{content: '';background-image: url('imgs/icon-zalo.png');width: 45px;display: inline-block;height: 24px;background-repeat: no-repeat;vertical-align: middle;background-size: 100%;}
.btn_zalo span{color: #fff;font-size: 20px;text-transform: uppercase;}
.btn_zalo,a.btn_call{background-color: #228ac6;padding: 6px 15px;border-radius: 5px;display: inline-block;vertical-align: top;}
a.btn_call{background-color: #fec60d;color: #444;font-size: 18px;display: inline-block;vertical-align: top;padding: 7px 15px;transition: all 0.4s ease-in-out;}
.btn_zalo,.btn_call{margin-left: 15px;}
.woocommerce-tabs .resp-tabs-list li.resp-tab-active{background-color: #fec60d !important;border-color: #b8b8b8!important;}
.woocommerce-tabs .resp-tabs-list li{padding: 7px 20px !important;}
.product .resp-tabs-container{border-top: 1px solid #b8b8b8;}
.woocommerce-tabs .resp-tabs-list li{color: #444!important;}
ul.products li.product-col .woocommerce-loop-product__title{font-family: Arial,Helvetica,sans-serif,sans-serif;}
ul.products li.product-category .thumb-info h3 {letter-spacing: 0;color: #4f81db;font-size: 17px;}
ul.products.category-pos-outside li.product-category .thumb-info-title {padding: 15px 0 0;}
.product-image .inner{border-radius: 7px;}
.section-title, .slider-title{font-size: 20px;font-weight: normal;}
.wrap_col_pad .porto-sicon-description p{font-size: 16px;}
.wrap_cate .wpb_single_image{position: relative;margin-bottom: 50px;}
.wrap_cate .wpb_single_image h2{position: absolute;bottom: -70px;left: 50%;transform: translateX(-50%);width: 100%;font-size: 20px;}
.wrap_cate .wpb_single_image img{border-radius: 7px;transition: 0.4s all ease-in-out;}
.wrap_cate .wpb_single_image img:hover {transform: scale(1.05);}
.wrap_video::before {content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.7);display: block;}
.wrap_video .wpb_text_column p{color: #fff;text-transform: uppercase;font-weight: 500;}
.wrap_video.wrap_why .wpb_text_column p{text-transform: inherit;font-weight: normal;}
.porto-modal-trigger{margin-bottom: 5px;}
.wrap_video{background-attachment: fixed;}
.wrap_cate_two .porto-sicon-box {padding: 30px;display: block;position: relative;overflow: hidden;margin: 0 10px;}
.wrap_cate_two .porto-sicon-box::after {content: '';position: absolute;left: 15px;top: 0;right: 15px;bottom: 0;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10, 10, 10, 0.64)), color-stop(100%,transparent));background: -webkit-linear-gradient(top,rgba(10, 10, 10, 0.64) 0%, transparent 100%);background: linear-gradient(to top, rgba(10, 10, 10, 0.64) 0%,transparent 100%);z-index: 1;}
.wrap_cate_two .porto-sicon-box .porto-sicon-header h3,.wrap_cate_two .porto-sicon-box .porto-sicon-header p,.wrap_cate_two .porto-sicon-header+.porto-sicon-description{color: #fff;}
.wrap_cate_two .porto-sicon-box .porto-sicon-header h3{text-transform: uppercase;font-size: 17px;}
.wrap_cate_two .porto-sicon-box .porto-sicon-header p{text-transform: uppercase;font-size: 22px;font-weight: 600;color: #fff;}
.wrap_cate_two .porto-sicon-box .porto-sicon-header{z-index: 2;}
.wrap_cate_two a.porto-sicon-read.xx {color: #000;text-transform: uppercase;}
.wrap_cate_two a.porto-sicon-read.xx:hover{color: #fff200;}
.porto-carousel-wrapper .slick-next, .porto-carousel-wrapper .slick-prev{width: 30px;height: 30px;border-radius: 50%;background-color: #f5f5f5 !important;}
.porto-carousel-wrapper .slick-prev{left: -40px;}
.porto-carousel-wrapper .slick-next{right: -40px;}
html .wrap_cate_two .top-icon .porto-just-icon-wrapper{display: none;}
.wrap_video .custom_heading::after{background-color: #fff;}
html .wrap_video.wrap_why .top-icon h3.porto-sicon-title,.wrap_video.wrap_why .porto-sicon-description p{color:#fff; }
.wrap_video.wrap_why .porto-sicon-box.top-icon {margin: 0px 15px;}
html .wrap_why .top-icon .porto-just-icon-wrapper {filter: hue-rotate(157deg);}
.inner_largepost{position: relative;margin-bottom: 16px;}
.inner_largepost .post_info {position: absolute;left: 0;z-index: 11;bottom: 0;padding: 20px;width: 375px;background-color: rgba(42, 179, 231,0.5);}
.inner_largepost .post_title a,.inner_largepost .post_date{color: #fff;}
.inner_mediumpost .post_title{color: #444;font-size: 17px;line-height: 1.4;margin-top: 10px;}
.inner_mediumpost .post_title a{color: #444;transition: all .4s ease-in-out;}
.wp-post-image{transition: 0.5s all ease-in-out;}
.wp-post-image:hover {transform: scale(1.03);}
#footer .footer-bottom {padding: 0;}
#footer .widget-title{font-size: 18px;}
#footer .widget > div > ul li, #footer .widget > div > ul{border: none;}
#footer .widget_nav_menu > div > ul li::before{content: "\f111";font-weight: normal;}
#footer .widget.widget_media_image {margin-bottom: 0;}
#footer .widget{margin-top: 15px;}
#footer .footer-main > .container {padding-top: 30px;}
html #topcontrol{background: rgb(156, 202, 59);width: 40px;height: 40px;border-radius: 50%;bottom: 50px!important;}
html #topcontrol .fa-chevron-up::before{content:  "\f062";}
.wrap-button-fixed{position: fixed;right: -10px;bottom: 230px;z-index: 10;}
.call-phone{visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:1000;}
.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:#d95352;opacity:.5}
.call-circle-fill{width:60px;height:60px;top:28px;left:28px;position:absolute;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .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(223 59 59 / 55%);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 .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .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;border-radius:5px;color: #fff;background-color: #d95352;display: inline-block;position: absolute;right: -100px;top: 43px;font-weight: 400;position: relative;width: 150px;}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.sendemail,.facebookmes{position: absolute;bottom: 0;left: 32px;z-index: 99;}
.facebookmes{bottom: -118px;}
.sendemail:hover{cursor: pointer;}
.sendemail:hover{text-decoration: none;}
.sendemail:before,.facebookmes:before {font-family: "porto";content: "\e82e"; width: 50px;height: 50px;border-radius: 50%;border: 2px solid #fff;background-color: #0180c7;color: #fff;text-align: center;line-height: 46px;font-size: 20px;display: block;position: relative;z-index: 2;}
.facebookmes:before {content: "\f09a";background-color: #2ab3e7;}
.sendemail span{position: absolute;top: 8px;background-color: #d6b02c;color: #fff;padding: 7px 15px;border-radius: 5px;left: 0;display: inline-block;font-size: 14px;line-height: 20px;transition:0.2s ease-in-out;opacity: 0;visibility: hidden;z-index: 1;}
.sendemail:hover span{left: 65px;opacity: 1;visibility: visible;}
.wrap-button-fixed .widget.widget_text li{list-style: none;}
.call-phone span:before,.sendemail span:after{content: ''; border-bottom:5px solid transparent;border-top:5px solid transparent;border-right: 5px solid #d95352;position: absolute;left: -5px;top: 50%;transform: translateY(-50%);}
.sendemail span:after{border-right: 5px solid #d6b02c;}
.icon-map:before,.icon-phone:before,.icon-email:before{content: '';background-image:url('imgs/item-map.png');width: 30px;height: 30px;display: inline-block;background-size: 100%;vertical-align: middle;}
.icon-phone:before{background-image:url('imgs/item-phone.png');}
.icon-email:before{background-image:url('imgs/item-email.png');}
.widget .fb_zalo a{background-image: url('imgs/zalo.png');width: 50px;height: 50px;display: block;background-size: 100%;border-radius: 50%;border: 2px solid #FFF;}
.fb_zalo {position: absolute;bottom: -60px;left: 32px;z-index: 99;}
html #topcontrol{right: 20px;}
.ntb_table_wrapper table tbody{box-shadow: 0 10px 12px -6px #888;}
.sendemail:before{font-family: "Font Awesome 5 Free";content: "\f044";background-color: #2ab3e7;}
textarea.form-control{height: 170px;}
.btn-submit input{width: 100%;border-radius: 5px;color: #333;}
.icon-map:before,.icon-phone:before,.icon-email:before,.icon-hour:before,.icon-call:before{content: '';background-image:url('imgs/item-map.png');width: 30px;height: 30px;display: inline-block;background-size: 100%;vertical-align: middle;}
.icon-phone:before{background-image:url('imgs/item-phone.png');}
.icon-email:before{background-image:url('imgs/item-email.png');}
.icon-hour:before{background-image:url('imgs/icon-hour.png');}
.icon-call:before{background-image:url('imgs/icon-call.png');}
span.btn_map:before{content: "\f279";font-family: "Font Awesome 5 Free";padding-right: 10px;font-size: 11px;font-weight: bold;}
.btn_map {margin-left: 35px;background-color: #fec60d;padding: 3px 10px;border-radius: 15px;}
.product-image {border: 0;}
.product-inner .add-links-wrap {display: none;}
.wrap_maps .wpb_content_element{margin-bottom: 0;}
#footer .modal-title{color: #444;text-transform: uppercase;font-size: 18px;}
#footer .wrap-contact p{color: #444;margin-bottom: 0;}
#footer .widget_text .textwidget ul li {margin-bottom: 7px;}
.blog-posts .post .entry-title {font-size: 18px;}
.wpcf7  .form-group p {margin-bottom: 0;}
.wpcf7  .form-group input[type="submit"] {color: #fff;font-size: 16px;font-weight: 600;}
#header .mobile-toggle {border-radius: 3px;font-size: 18px;}
@media(min-width: 992px){
	.wrap_col_pad .porto-sicon-box{min-height: 190px;}
	.woocommerce-tabs h2.resp-accordion {display: none;}
	.woocommerce-tabs .resp-tabs-list {display: block;}
	.page-top > .container {padding-top: 180px;padding-bottom: 180px;}
	.wrap_cate .wpb_single_image{margin-bottom: 70px;}
	.wrap_video .vc_column_container:first-child{padding-top: 50px;padding-bottom: 50px;}
	.wrap_cate_two .porto-sicon-box{min-height: 350px;margin-bottom: 30px;}
	.wrap_cate_two .porto-sicon-box .porto-sicon-header,.wrap_cate_two .porto-sicon-box .porto-sicon-header+.porto-sicon-description,.wrap_cate_two .porto-sicon-box:after{position: absolute;left: 0;right: 0;transition: all .4s ease-in-out;}	
    .wrap_cate_two .porto-sicon-box .porto-sicon-header,.wrap_cate_two .porto-sicon-box .porto-sicon-header+.porto-sicon-description{left: 45px;right: 45px;}
    .wrap_cate_two .porto-sicon-box .porto-sicon-header{bottom: 0;}
    .wrap_cate_two .porto-sicon-box .porto-sicon-header+.porto-sicon-description{bottom: -180px;width: auto;z-index: 2;max-height: 90px;}
	.wrap_cate_two .porto-sicon-box:hover .porto-sicon-header{bottom: 230px;}
	.wrap_cate_two .porto-sicon-box:hover .porto-sicon-header p,.wrap_cate_two .porto-sicon-box:hover .porto-sicon-header h3{color: #fff;}
	.wrap_cate_two .porto-sicon-box:hover .porto-sicon-header+.porto-sicon-description{bottom: 110px;color: #fff;max-height: 100px;}
	.wrap_cate_two .porto-sicon-box:hover:after{bottom: 0;}
	.wrap_cate_two .porto-sicon-box:after{content: '';width: auto;bottom: 0;z-index: 1;}
	.wrap_cate_two .porto-sicon-box:hover:before{content: ''; position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.5);display: block;z-index: 1;transition: all .4s ease-in-out;}
	.page-top .page-sub-title{width: 600px;}
	.order_col > .vc_column_container:first-child {order: 2;}
}
@media(max-width: 767px){
	header#header{position: relative;}
	.slick-slider .slick-next, .slick-slider .slick-prev {display: block !important;}
	.porto-carousel-wrapper .slick-next{right: 0;}
	.porto-carousel-wrapper .slick-prev{left: 0;}
	.wrap_cate_two .slick-slide{height: 185px;}
	.wrap_cate_two .porto-sicon-box::after{left: 0;right: 0;}
}