/*
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");
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap');

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

body,#header .main-menu > li.menu-item > a,h1,h2,h3,h4,h5,h6, #header .main-menu .narrow li.menu-item a{font-family: 'Lexend', sans-serif;}
.text3d {text-shadow: 1px 1px 1px white, 0 0 25px #cbcbcb, 2px 1px 3px #585858;color: #666;text-transform: uppercase;font-style: italic;font-size: 25px;}
a:focus,a:hover{text-decoration: none;}
.text3d strong{font-style: normal;color: #f3ae22;text-transform: none;font-size: 35px;}
.header-right-top{position: relative;}
@media(min-width: 992px){
	#header .main-menu{display: inline-block;vertical-align: middle;}	
}
#header .header-contact{margin: 0;}
#header .header-contact h3 {color: #f3ae22;margin-bottom: 1px;}
#header .header-main .container>div{padding-bottom: 0;vertical-align: bottom;padding-top: 5px;}
#header .header-right-bottom{margin-bottom: 0;}
#header .header-main .header-left{z-index: 1;}
#header .logo{margin-bottom: -30px;}
#header.sticky-header .header-main .container {min-height: 50px;}
#header.sticky-header .header-right-bottom {margin-top: 0;}
#header.sticky-header .header-main.sticky .header-right{padding-bottom: 0;}
#header.sticky-header .header-main.sticky .header-left{padding-top: 15px;padding-bottom: 0;}
#header.sticky-header .mobile-toggle{margin-bottom: 1rem;}
#header .searchform-popup .search-toggle{color: #fff;font-size: 18px;}
#header .searchform-popup .search-toggle:hover{color: #000;}
#header .main-menu .popup {left: 0;}
#header .main-menu .narrow ul.sub-menu:before{position:absolute;top:0;left:25%;transform:translate(-50%,-50%);display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:'';z-index:30}
#header .main-menu .narrow li.menu-item:not(:last-child) > a {border-bottom: 1px solid #f3f3f3;}
#header .main-menu .narrow li.menu-item>a{color: #000;}
#header .main-menu .narrow li.menu-item:hover>a{color: #f3ae22;}
.wpcf7 .form-group > p {margin-bottom: 0;}
.wpcf7 .form-group > p > label {font-weight: 600;}
.wpcf7 textarea {height: 120px;}
.align-center .wpcf7-spinner {display: block;margin: 5px auto 0;}
.wpcf7 .form-group input[type="submit"] {font-weight: 700;font-size: 16px;transition:0.3s ease-in-out;background-color: #4da6fb;border-radius: 30px;padding: 10px 25px;border-color: #4da6fb;}
.wpcf7 .form-group input[type="submit"]:hover {color: #fff;background-color: #15459e;border-color: #15459e;}
.porto-carousel-wrapper .slick-next, .porto-carousel-wrapper .slick-prev, #banner-wrapper .flex-direction-nav a{width: 36px;height: 50px;background-color: rgb(255 255 255 / 80%);text-shadow: none;cursor: pointer;}
.porto-carousel-wrapper .slick-next i, .porto-carousel-wrapper .slick-prev i, #banner-wrapper .flex-direction-nav a:before{color: #000;}
.vc_row-no-padding .porto-carousel-wrapper .slick-next{right: 5px;}
.vc_row-no-padding .porto-carousel-wrapper .slick-prev {left: 5px;}
.porto-carousel-wrapper ul.slick-dots {z-index: 5;}
#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;position: relative;}
#banner-wrapper .porto-carousel-wrapper ul.slick-dots {position: absolute;bottom: 10px;}
#banner-wrapper .porto-carousel-wrapper ul.slick-dots li {margin: 0 3px;}
#banner-wrapper .porto-carousel-wrapper ul.slick-dots li i {opacity: 0.7}
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: 54px;}
#banner-wrapper .flex-direction-nav a:hover {background-color: #15459e;}
#banner-wrapper .flex-direction-nav a:hover:before {color: #fff;}
#banner-wrapper .flex-direction-nav a:before {font-size: 18px;text-shadow:none;}
#banner-wrapper .flex-direction-nav .flex-next, #banner-wrapper .vc_row-no-padding .porto-carousel-wrapper .slick-next {right: 0;border-radius: 5px 0 0 5px;}
#banner-wrapper .flex-direction-nav .flex-prev, #banner-wrapper .vc_row-no-padding .porto-carousel-wrapper .slick-prev {left: 0;border-radius: 0 5px 5px 0;}
#banner-wrapper .wpb_single_image > .wpb_wrapper, #banner-wrapper .wpb_raw_code > .wpb_wrapper {position: relative;}
#banner-wrapper .wpb_single_image .wpb_heading, #banner-wrapper .wpb_raw_code h3 {position: absolute;background-color: rgba(0, 0, 0, 0.5);color: #fff;margin: 0;width: 50%;left: 50%;top: 50%;transform:translate(-50%,-50%);font-size: 26px;z-index: 3;padding: 40px;letter-spacing: 2px;text-transform: uppercase;text-shadow:1px 1px 1px rgba(0,0,0,0.5);transition:1s;opacity: 0;transition-delay: 300ms;text-align: center;}
#banner-wrapper .wpb_single_image .vc_single_image-wrapper, #banner-wrapper .wpb_raw_code video {position: relative;z-index: 1;}
#banner-wrapper .wpb_single_image.left .wpb_heading, #banner-wrapper .wpb_raw_code.left h3 {left: 45%;}
#banner-wrapper .wpb_single_image.right .wpb_heading, #banner-wrapper .wpb_raw_code.right h3 {left: 55%;}
#banner-wrapper .wpb_single_image.up .wpb_heading, #banner-wrapper .wpb_raw_code.up h3 {top: 60%;}
#banner-wrapper .wpb_single_image.flip .wpb_heading, #banner-wrapper .wpb_raw_code.flip h3 {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg) translate(-50%,-50%);transform: perspective(400px) rotate3d(0, 1, 0, -90deg) translate(-50%,-50%);-webkit-backface-visibility: visible;backface-visibility: visible;}
#banner-wrapper .slick-active .wpb_single_image.left .wpb_heading, #banner-wrapper .slick-active .wpb_single_image.right .wpb_heading, #banner-wrapper .slick-active .wpb_raw_code.left h3, #banner-wrapper .slick-active .wpb_raw_code.right h3 {left: 50%;opacity: 1;}
#banner-wrapper .slick-active .wpb_single_image.up .wpb_heading, #banner-wrapper .slick-active .wpb_raw_code.up h3 {top: 50%;opacity: 1;}
#banner-wrapper .slick-active .wpb_single_image.flip .wpb_heading, #banner-wrapper .slick-active .wpb_raw_code.flip h3 {-webkit-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);opacity: 1;}
#banner-wrapper .wpb_raw_code h3 span {display: block;margin-top: 7px;}
#banner-wrapper .wpb_raw_code {margin-top: -110px;margin-bottom: -110px !important;}
.custom_heading:after{content: '';width: 40px;height: 2px;background-color: #999;display: block;margin: 0 auto;}
.wrap_commit{box-shadow: 1px 1px 5px 0px #919191;border-radius: 5px;}
.wrap_commit>.vc_column_container{transition: 0.3s ease-in-out;}
.wrap_commit>.vc_column_container:hover{background-color: #f3ae22;-webkit-transform: scale(1, 1.2);transform: scale(1.2, 1.3);border-radius: 5px;}
html .wrap_commit>.vc_column_container:hover .top-icon .porto-sicon-header h3.porto-sicon-title{color: #fff;}
.wrap_commit>.vc_column_container:hover .porto-sicon-box .img-icon {filter: brightness(0) invert(1);}
html .wrap_commit>.vc_column_container .top-icon .porto-sicon-header h3.porto-sicon-title{text-transform: uppercase;font-size: 16px;}
.wrap_linhvuc .vc_column_container:last-child{padding-left: 20px !important;}
html .wrap_linhvuc .porto-sicon-header h3.porto-sicon-title, html .wrap_bgspr .porto-sicon-header h3.porto-sicon-title {font-size: 24px;font-weight: 600;color: #f3ae22;text-transform: uppercase;}
a.porto-sicon-read.xx {display:block;text-decoration: none;}
a.porto-sicon-read.xx span{display: none;}
a.porto-sicon-read.xx strong{display: inline-block;background-color: #f3ae22;padding: 5px 15px;border-radius: 5px;color: #fff;}
a.porto-sicon-read.xx strong:hover{background-color: #af7500;}
.wrap_linhvuc .porto-sicon-description ul, .wrap_bgspr .porto-sicon-description ul, .wrap_linhvuc .porto-sicon-description ul{padding-left: 0;list-style: none;}
.wrap_linhvuc .porto-sicon-description ul li, .wrap_bgspr .porto-sicon-description ul li, .wrap_linhvuc .porto-sicon-description ul li {margin-bottom: 5px;}
.wrap_linhvuc .porto-sicon-description ul li:before, .wrap_bgspr .porto-sicon-description ul li:before, .wrap_linhvuc .porto-sicon-description ul li:before {font-family: 'Font Awesome 5 Free';content: "\f058";margin-right: 10px;color: #4bbb05;font-size: 18px;}
.btn_custom a{background-image:linear-gradient(to right, #de0084 , #9f005d)!important; transition: 0.3s ease-in-out;color: #fff!important;background-color:transparent!important;}
.btn_custom:hover a{background-image: linear-gradient(to right, #9f005d , #de0084) !important;}
.wrap_linhvuc .wpb_single_image img{border-radius: 0 25px 25px 0;}
html .wrap_bgspr .porto-sicon-header h3.porto-sicon-title,html .wrap_bgspr .porto-sicon-description {color: #fff;}
html #footer .top-icon .porto-just-icon-wrapper {margin-bottom: 0;}
#footer .footer-main>.container {padding-top: 50px;padding-bottom: 0;}
#footer{background-image: url('imgs/bg-spr-2.jpg');background-repeat: no-repeat;background-size: cover; }
.img_btom_none{margin-bottom: 0;}
#footer .vc_custom_heading  {color: #f3ae22;}
#footer .wpb_text_column,#footer .widget p {margin-bottom: 0;}
#footer .footer-bottom {padding: 5px 0;}
.footer_info .top-icon .porto-sicon-header h3.porto-sicon-title {font-size: 18px;line-height: 26px;}
.page-top ul.breadcrumb>li{display: inline-block;}
.page-top ul.breadcrumb{background-color: rgb(207 0 122 / 75%);display: inline-block;padding: 0 20px;}
.wpb_text_column ul{padding-left: 15px;}
.woocommerce-tabs li.description_tab,.product-thumbs-slider.owl-carousel {display: none;}
.woocommerce-tabs .tab-content{padding: 0;border: 0;}
.product-summary-wrap .summary-before, .product-summary-wrap .summary {margin-bottom: 0;}
.product-summary-wrap .description ul{padding-left: 15px;}
.single-product .product_title {font-size: 26px;color: #f3ae22;font-weight: 600;}
.wrap_btn_contact {text-align: center;margin-top: 20px;}
span.price_on_inquiry {text-align: center;background-image:linear-gradient(to right, #de0084 , #9f005d);color: #fff;padding: 5px 20px;border-radius: 5px;text-transform: uppercase;}
span.price_on_inquiry:hover{background-image: linear-gradient(to right, #9f005d , #de0084);text-decoration: none;}
.wrap_maps .wpb_gmaps_widget.wpb_content_element{margin-bottom: 0;}
.header-right-top{text-align: center;}
#footer .top-icon .porto-sicon-header {margin-bottom: 10px;}
.wrap_linhvuc.pad_btom{margin-top: 0;}
.footer-bottom .vc_column_container{text-align: center;}
#footer p {font-size: 14px;}

.wrap_commit>.vc_column_container:not(:last-child) .porto-sicon-box:after{content:"";border-right: 1px solid #ebebeb;position: absolute;right: -10px;height: 100px;top: 30px;}
.wrap_commit>.vc_column_container:hover .porto-sicon-box:after{display: none;}
.wrap_commit>.vc_column_container:nth-child(2):hover{background-color: #0e9747;}
.wrap_commit>.vc_column_container:nth-child(3):hover{background-color: #eedb05;}
.wrap_commit>.vc_column_container:nth-child(4):hover{background-color: #55adff;}
.btn_custom a.vc_btn3.vc_btn3-size-md{font-size: 16px;padding: 5px 10px;}
.wrap_cate_btn .slick-initialized .slick-slide{width: auto !important;}
.wrap_cate_btn .vc_btn3-container.vc_btn3-inline{margin-right: 15px;}
#header .main-menu > li.menu-item.lang-item > a{padding-left: 5px;padding-right: 5px;}
#header .mobile-toggle {border-radius: 0;font-size: 18px;}
#side-nav-panel .accordion-menu>li.menu-item>a {padding-top: 7px;padding-bottom: 7px;}
.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: 80px;
height: 80px;
top: -16px;
left: -16px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgb(0 167 216 / 50%);
}
.call-circle-fill {
width: 60px;
height: 60px;
top: -5px;
left: -5px;
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 / 20%);
}
.call-img-circle {
width: 50px;
height: 50px;
-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;
font-size: 22px;
line-height: 46px;
text-align: center;
}
.call-img-circle i {color: #fff;}
.call-img-circle:hover {background-color: #b70208;}
.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: 10px;bottom: 50px;z-index: 99;}
.fb_zalo ul {margin: 0;padding: 0;list-style: none;}
.widget .fb_zalo ul li {margin-bottom: 10px;}
.widget .fb_zalo ul li img {width: 54px;}
html #topcontrol {border-radius: 5px 5px 0 0;}
@media(min-width: 992px){
	#header .header-right-bottom{background-color: #f3ae22;position: relative;}
	#header .header-right-bottom:before{content: '';position: absolute;left: -1000px;top: 0;right: 100%;bottom: 0;z-index: 0;display: block;background-color: #f3ae22;}
	#header .header-right-bottom:after{content: '';position: absolute;left: 100%;top: 0;right: -400px;bottom: 0;z-index: 0;display: block;background-color: #f3ae22;}
	.wrap_linhvuc .vc_column_container:last-child{padding-top: 50px;}
	.wrap_linhvuc.vc_row.wpb_row{overflow: visible !important;}
	.martop.vc_row.wpb_row{margin-top: 100px;}
	.wrap_linhvuc.pad_btom{margin-bottom: 50px;}
	.wrap_linhvuc .wpb_single_image{margin-top: -50px;}
	.wrap_linhvuc.pad_btom .wpb_single_image{margin-top: 0;margin-bottom: -50px;}
	/* history track */
	.track-record .featured-box{ background: none; border: none; box-shadow: none; position: relative; margin-left: 0;margin-bottom: 0;transition: 0.4s all ease-in-out;margin-top: 0;}
	.track-record .featured-box .box-content{ border: none; padding: 0;}
	.track-record .featured-box .box-content h5{ color: white; font-size: 16px;line-height: 1.5;font-weight: 500;}
	.track-record .porto-history{ position: relative; margin: 0; }
	.track-record .vc_column_container .wpb_wrapper:after{ content: ''; position: absolute; width: 1px; height: 580px;top: -20px; left: 50%; transform: translate(-50%); background:rgb(62 62 62);}
	.track-record .featured-box h2{ color: black; font-weight: 500;}
	.track-record .porto-history:nth-child(2n+1){ margin-left: 53%; }
	.track-record .porto-history:nth-child(2n){ margin-right: 53%;}
	.track-record .featured-box h4.heading-primary{ font-size: 10.9375em; color: #e1ddd5 !important;}
	.track-record  .porto-history p{ margin: 0; }
	.track-record .porto-history:nth-child(2n) .featured-box:before{ right: -40px; }
	.track-record .porto-history:nth-child(2n+1) .featured-box:before{ right: auto;left: -40px; }
	.track-record .featured-box h4.heading-primary{ position: absolute;transform: translateX(-50%);font-size: 18px;text-align: center;top: -30px;}
	.track-record .porto-history:nth-child(2n) .featured-box h4.heading-primary{ right: -20px; }
	.track-record .porto-history:nth-child(2n+1) .featured-box h4.heading-primary{ left: 20px; }
	.track-record .porto-history .featured-box h4.heading-primary strong{ transition: 0.4s all ease-in-out;color: #000;font-weight: normal;border-bottom: 1px solid #999;}
	.scroll_text {height: 1000px;}
	.track-record .featured-box:hover{ color: #cf007a;}
	.track-record .featured-box:hover h4.heading-primary strong{ color: #cf007a; }
	.featured-box .box-content{position: inherit;}
	.track-record .porto-history .featured-box:before{content: '';width: 14px;height: 14px;border-radius: 50%;position: absolute;top: -24px;background-color: #f3ae22;}
	.track-record .porto-history .featured-box:after{content: '';border: 1px solid #e87ebe;width:18px;height:18px;position: absolute;top: -26px;border-radius: 50%;}
	.track-record .porto-history:nth-child(2n) .featured-box{text-align: right;}
	.track-record .porto-history:nth-child(2n) .featured-box:after{right: -42px;}
	.track-record .porto-history:nth-child(2n+1) .featured-box:after{right: auto;left: -42px;}
	.wrap_bgspr .vc_column_container:first-child {padding: 50px 15px;}
}
@media(max-width: 991px){
	#header.sticky-header .header-main.sticky .header-right .header-contact {display: none;}
	#header.sticky-header .header-right-top {text-align: right;}
	#header .header-main .container>div {vertical-align: middle;}
	#header .header-contact{margin-right: 0;padding-right: 0;display: inline-block;}
	#header .header-main #main-menu {display: none;}
	#header.sticky-header .mobile-toggle {margin-bottom: 0;}
	#banner-wrapper .wpb_single_image .wpb_heading {width: 70%;padding: 30px;}
	.wrap_commit{margin: 10px 20px;}
	.wrap_linhvuc{margin-top: 20px;}
	.fb_zalo {right: 2px;}
}
@media(max-width: 767px){
	#header .header-main #main-menu {display: none;}
	.wrap_bgspr{padding: 15px;}
 	#header .header-right-bottom{display: none;}
 	#header .logo {max-width: 160px;}
 	#header.sticky-header .logo{max-width: 200px;}
 	#banner-wrapper .wpb_single_image .wpb_heading, #banner-wrapper .wpb_raw_code h3 {font-size: 22px;line-height: 1.3;padding: 20px;}
 	.wrap_commit > .vc_column_container {width: 50%;}
 	.wrap_linhvuc .wpb_single_image {text-align: center;}
 	.wrap_linhvuc .wpb_single_image img {border-radius: 0;}
 	.porto-history p {margin-left: 85px;}
 	.btn_custom a.vc_btn3.vc_btn3-size-md{background-position: unset;}
 	.wrap_commit>.vc_column_container:not(:last-child) .porto-sicon-box:after{display: none;}
 	.wrap_bgspr .vc_column_container:first-child {padding: 5px 15px;}
 	.img_ft.vc_row>.vc_column_container>.vc_column-inner,.wrap_linhvuc.vc_row>.vc_column_container>.vc_column-inner{padding-top: 0!important;}
 	.fb_zalo {right: 0;}
	.widget .fb_zalo ul li {margin-bottom: 5px;}
	.widget .fb_zalo ul li:first-child {margin-bottom: 10px;}
	.widget .fb_zalo ul li img {width: 44px;}
	.call-circle-fill {width: 52px;height: 52px;}
	.call-img-circle {width: 42px;height: 42px;font-size: 16px;line-height: 40px;}
	html #topcontrol {display: block;}
}
@media(max-width: 576px){
	#header .header-contact {display: none;}
	#banner-wrapper .wpb_single_image .wpb_heading {font-size: 20px;padding: 10px 5px;width: 80%;}	
}
@media(max-width: 480px){
	#banner-wrapper .wpb_single_image .wpb_heading{width: 90%;font-size: 18px;}
}