/*
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 .header-main .header-left, #header .header-main .header-center, #header .header-main .header-right {padding-top: 10px;padding-bottom: 10px;}
#header.sticky-header .header-main.sticky {box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);}
#header.sticky-header .logo {max-width: 90px;}
#header .header-main .header-right {padding-left: 0;}
#header .main-menu > li.menu-item > a:before{background-color: #e31a14;content: '';position: absolute;left: 50%;right: 50%;height: 3px;transition: 0.3s ease-in-out;bottom: 0;}
#header .main-menu > li.menu-item:hover > a:before, #header .main-menu > li.menu-item.active > a:before{left: 20px;right: 20px;}
#header .searchform-popup .search-toggle {font-size: 20px;}
.porto-carousel-wrapper .slick-next, .porto-carousel-wrapper .slick-prev{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{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;}
.porto-carousel-wrapper .slick-dots li i {opacity: 1;}
.owl-carousel .owl-dots .owl-dot span {width: 16px;height: 16px;margin: 5px 6px;}
.wpcf7 .form-group > p {margin-bottom: 0;}
.wrap_lienhe .wpb_text_column h2 {font-size: 24px;line-height: 30px;margin-bottom: 15px;}
.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 textarea {height: 145px;}
.wpcf7 textarea {height: 90px;}
.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: #e31a14;border-radius: 30px;padding: 10px 25px;border-color: #e31a14;}
.wpcf7 .form-group input[type="submit"]:hover {color: #e31a14;background-color:transparent;}
.wpcf7 .form-group p > br {display: none;}
#banner-wrapper .porto-block > p {display: none;}
.btn_style.vc_btn3-container .vc_general.vc_btn3 {color: #fff;border-color: #e31a14;background-color: #e31a14;padding-left: 20px;padding-right: 20px;font-size: 15px;font-weight: 500;}
.btn_style.vc_btn3-container .vc_general.vc_btn3:hover {background-color: transparent;color: #e31a14;}
.padleft > .vc_column_container:first-child > .wpb_wrapper {padding: 30px 50px 10px;}
#banner-wrapper .porto-carousel-wrapper ul.slick-dots {position: absolute;bottom: 10px;}
#banner-wrapper .porto-carousel-wrapper ul.slick-dots li {margin: 0 3px;}
.wrap_banner .wpb_single_image .wpb_singleimage_heading {display: none;}
.wrap_banner .wpb_single_image .vc_figure {position: relative;width: 100%;}
.wrap_banner .wpb_single_image .vc_figure img {filter: brightness(50%);position: relative;z-index: 1;}
.wrap_banner .wpb_single_image .vc_figure .vc_figure-caption {margin: 0;position: absolute;z-index: 3;top: 50%;left: 20px;color: #fff;text-align: left;width: 40%;font-size: 20px;line-height: 30px;transform:translateY(-50%);text-shadow: 1px 1px 1px #000;}
.wrap_banner .wpb_single_image .vc_figure .vc_figure-caption h2 {margin-bottom: 10px;color: #dfb04b;}
.wrap_gthieu .wpb_text_column {background-size: contain;background-position: center;background-repeat: no-repeat;}
.wrap_gthieu .wpb_text_column h1 {margin-bottom: 15px;}
.wrap_gthieu .wpb_single_image > .wpb_wrapper {position: relative;padding-top: 50px;padding-bottom: 50px;}
.wrap_gthieu .wpb_single_image > .wpb_wrapper:before {position: absolute;content: '';z-index: 1;top: 0;left: 50px;right: 0;bottom: 0;background: rgb(227,26,20);background: linear-gradient(-90deg, rgba(227,26,20,1) 0%, rgba(227,197,20,1) 100%);}
.wrap_gthieu .wpb_single_image .wpb_singleimage_heading {position: absolute;z-index: 3;transform:translate(-50%,50%) rotate(270deg);top: 50%;left: 0;color: #fff;padding: 5px 35px;border-radius: 5px;font-weight: 500;background-color: #e31a14;font-size: 24px;margin: 0;}
.wrap_gthieu .wpb_single_image .vc_single_image-wrapper {position: relative;z-index: 2;}
.wrap_khachang {background-position: center bottom;background-repeat: no-repeat;background-size: 100% auto;padding-top: 40px;}
.wrap_khachang > .vc_column_container > .wpb_wrapper > * {position: relative;z-index: 3;}
.wrap_khachang .vc_column_container > .wpb_wrapper .wpb_single_image {position: absolute;z-index: 1;bottom: 0;margin: 0;width: 100%;}
.wrap_khachang .wpb_single_image .vc_single_image-wrapper {position: relative;}
.wrap_khachang .wpb_single_image .vc_single_image-wrapper:before, .wrap_khachang .wpb_single_image .vc_single_image-wrapper:after{content: '';position: absolute;top: 0;bottom: 0;background-color: #282828;z-index: 1;display: block;width: 100%;}
.wrap_khachang .wpb_single_image .vc_single_image-wrapper:before{left: 1px;transform:translateX(-100%);}
.wrap_khachang .wpb_single_image .vc_single_image-wrapper:after {right: 1px;transform:translateX(100%);}
.wrap_khachang .portfolio-item .portfolio-title{margin-bottom: 0;font-size: 16px;padding: 8px 5px;color: #e31a14;background-color: rgba(255,255,255,0.6);}
.wrap_khachang .portfolio-item:hover .portfolio-title {background-color: rgba(255,255,255,1);}
.wrap_khachang .vc_btn3-container.btn_style {margin-bottom: 40px;}
.wrap_chuongtrinh {padding-top: 40px;}
.wrap_chuongtrinh .owl-carousel .owl-stage {padding-top: 15px;padding-bottom: 15px;}
.wrap_chuongtrinh .post-item {box-shadow: 0 1px 15px rgba(0,0,0,0.2);background-color: #fff;transition:0.3s ease-in-out;}
.wrap_chuongtrinh .post-item:hover{background-color: #282828;}
.wrap_chuongtrinh .post-item .post-recent-main {padding: 0 15px 1px;}
.wrap_chuongtrinh .post-item:hover .post-excerpt{color: #ffff;}
.post-carousel h4, .post-carousel h5 {font-size: 17px;line-height: 24px;height: 48px;overflow: hidden;}
.wrap_chuongtrinh .post-carousel h4 a, .wrap_chuongtrinh .post-carousel h5 a {color: #e31a14;}
.wrap_cuocsong {padding-top: 30px;padding-bottom: 30px;background-position: center bottom;background-repeat: repeat-x;}
.wrap_cuocsong .post-item {position: relative;overflow: hidden;padding-bottom: 45px;}
.wrap_cuocsong .post-item .post-image{margin-bottom: 0;}
.wrap_cuocsong .post-item  > a {position: relative;z-index: 1;}
.wrap_cuocsong .post-item .post-recent-main {position: absolute;z-index: 3;bottom: 65px;left: 0;right: 0;padding: 8px 10px 1px;transform:translateY(100%);background-color: #fff;transition:0.3s ease-in-out;}
.wrap_cuocsong .post-item:hover .post-recent-main {background-color: #282828;color: #fff;transform:translateY(0);bottom: 0;}
.wrap_cuocsong .post-carousel .post-item.style-2 .post-excerpt {font-size: 14px;line-height: 22px;margin-bottom: 0;}
.wrap_tuvan .wpb_text_column {border-radius: 20px;background-color: #282828;background-repeat: no-repeat;background-size: cover;background-position: center;padding: 30px;color: #fff;}
.wrap_tuvan .wpb_text_column h3 {color: #fff;}
.wrap_tuvan .wpb_text_column .form-group {margin-bottom: 10px;}
#footer .footer-main>.container {padding-top: 40px;padding-bottom: 0;}
#footer .widget-title {font-size: 18px;}
#footer .widget_text ul li {margin-bottom: 7px;}
#footer .widget_text ul li i {width: 20px;}
.follow-us .share-links a {width: 36px;height: 36px;border-radius: 4px;font-size: 18px;}
#footer .footer-bottom {padding: 0;font-size: 14px;}
.single-post .entry-title {font-size: 24px;margin-bottom: 10px;}
.entry-content {text-align: justify;}
.entry-content ul, .entry-content ol, .product-summary-wrap .description ul, .product-summary-wrap .description ol, .woocommerce-tabs .tab-content ul, .woocommerce-tabs .tab-content ol{padding-left: 20px;}
.entry-content ul li, .entry-content ol li, .product-summary-wrap .description ul li,.product-summary-wrap .description ol li, .woocommerce-tabs .tab-content ul li, .woocommerce-tabs .tab-content ol li{margin-bottom: 7px;}
.entry-content table, .entry-content iframe, .woocommerce-tabs .tab-content table, .woocommerce-tabs .tab-content iframe {margin-bottom: 20px;}
.entry-content table th, .entry-content table td, .woocommerce-tabs .tab-content table th, .woocommerce-tabs .tab-content table td {border: 1px solid #ccc;}
body.single-post .page-top ul.breadcrumb>li:last-child, body.single-product .page-top ul.breadcrumb>li:last-child{display: none;}
body.single-post .page-top ul.breadcrumb>li:nth-last-child(2) .delimiter, body.single-product .page-top ul.breadcrumb>li:nth-last-child(2) .delimiter {display: none;}
.wp-caption .wp-caption-text, .wp-caption-dd {font-size: 15px;text-align: center;color: #000;}
.wp-caption.aligncenter, .wp-caption {margin-bottom: 15px;}
#header .mobile-toggle {font-size: 18px;border-radius: 0;margin-right: 0;}
#side-nav-panel .accordion-menu>li.menu-item a{padding-top: 10px;padding-bottom: 10px;letter-spacing: 0;font-size: 16px;}
#side-nav-panel .accordion-menu .arrow {height: 45px;line-height: 45px;}
.blog-posts .post .entry-title, .post-carousel h4, .post-carousel h5 {font-size: 17px;}
.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;
}
.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;}
.page-top {padding-top: 80px;padding-bottom: 80px;}
.page-top: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);}
.page-top > .container {position: relative;z-index: 3;}
.page-portfolios.portfolios-grid .portfolio-title, .related-portfolios .portfolio-title{margin: 12px 0 0;font-size: 17px;line-height: 24px;}
.page-portfolios.portfolios-grid .portfolio-title a {color: #000;}
.page-portfolios.portfolios-grid .portfolio-title a:hover{color: #e31a14;}
.page-portfolios.portfolios-grid .portfolio-brief-content {font-size: 14px;line-height: 22px;margin-top: 5px;}
.khachang_row {margin-bottom: 30px;}
article.portfolio .portfolio-image.single, article.portfolio .portfolio-slideshow {margin-bottom: 0;}
.khachang_info {display:flex;align-items:center; }
.khachang_innerinfo{width: calc(100% + 30px);margin-left: -30px;background-image: url(images/thongtin-kh.jpg);background-size: 100% 100%;background-position: center;color: #fff;padding: 50px 20px 30px 30px;}
.khachang_innerinfo .entry-title {margin-bottom: 15px;}
.single-portfolio .related-portfolios .portfolio-carousel {margin: 0 -10px;}
.single-portfolio .related-portfolios .portfolio-item.outimage {margin: 0 10px;}
.blog-posts article.post-grid .post-excerpt, .post-carousel .post-item.style-2 .post-excerpt {font-size: 15px;}
.blog-posts .post .entry-title {margin-bottom: 7px;}
.chuongtrinh_gthieu {padding-top: 40px;padding-bottom: 10px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.chuongtrinh_gthieu .vc_custom_heading {color: #dbad4a;margin-bottom: 15px;}
.chuongtrinh_gthieu .wpb_text_column {color: #fff;}
.chuongtrinh_mucluc {padding-top: 20px;padding-bottom: 20px;}
.chuongtrinh_mucluc #ez-toc-container {border: 3px solid #b38d3b;border-radius: 10px;}
.chuongtrinh_uudiem {padding-top: 40px;background-position: center top;background-repeat: repeat-x;padding-bottom: 20px;}
.chuongtrinh_uudiem h3.porto-sicon-title {font-size: 15px;line-height: 20px;font-weight: 500;}
.chuongtrinh_uudiem .porto-sicon-box {border: 2px solid #b38d3b;border-radius: 10px;padding-right: 5px;margin-bottom: 50px;margin-left: 15px;}
.chuongtrinh_icon .porto-sicon-box {cursor: pointer;}
.chuongtrinh_icon .porto-sicon-box .porto-just-icon-wrapper {width: 60px;height: 60px;background-color: #b38d3b;box-shadow: 0 0 10px rgba(0,0,0,0.1);border: 10px solid #fff;border-radius: 50%;transition:0.3s ease-in-out;padding: 15px;}
.chuongtrinh_icon .porto-sicon-box:hover .porto-just-icon-wrapper{background-color: #e31a14;}
.chuongtrinh_uudiem .porto-sicon-box .porto-just-icon-wrapper {margin: -15px 10px -15px -15px;}
.chuongtrinh_dieukien .porto-sicon-box {border: 3px solid #b38d3b;border-radius: 15px;padding: 0 20px 10px;margin-top: 60px;}
.chuongtrinh_dieukien .porto-sicon-box .porto-just-icon-wrapper {margin-top:-60px; }
.chuongtrinh_dieukien .top-icon h3.porto-sicon-title {font-size: 18px;font-weight: 600;color: #e31a14;}
.chuongtrinh_dieukien .top-icon .porto-sicon-header p {height: 52px;}
.chuongtrinh_hoso {padding-top: 50px;padding-bottom: 10px;background-position: center bottom;background-repeat: repeat-x;}
.chuongtrinh_hoso .wpb_single_image > .wpb_wrapper {position: relative;}
.chuongtrinh_hoso .wpb_single_image .wpb_singleimage_heading {position: absolute;top: 50%;left: 30px;right: 15%;transform:translateY(-50%);margin: 0;z-index: 3;color: #dbad4a;}
.chuongtrinh_hoso .wpb_single_image .vc_single_image-wrapper {position: relative;z-index: 1;}
.chuongtrinh_hoso .porto-sicon-box {border: 4px solid #895e00;border-radius: 50px;margin-bottom: 40px;}
.chuongtrinh_hoso .porto-sicon-box .porto-sicon-title {display: inline-block; width: 60px;height: 60px;background-color: #e31a14;color: #fff;font-size: 24px;font-weight: 700;text-align: center;line-height: 60px;border-radius: 50%;margin: -4px 10px -4px -4px;vertical-align: middle;}
.chuongtrinh_hoso .porto-sicon-box .porto-sicon-header>p:last-child {display: inline-block;font-size: 18px;vertical-align: middle;}
.grecaptcha-badge{display: none !important;}
@media(max-width: 1229px){
	#header .main-menu > li.menu-item > a {font-size: 16px;}
	#header .main-menu > li.menu-item:hover > a:before, #header .main-menu > li.menu-item.active > a:before {left: 14px;right: 14px;}
}
@media(max-width: 991px){
	#header.sticky-header .logo {max-width: 85px;}
	#header .logo img {transform-origin: center;}
	#header .header-main .container {min-height: 86px;}
	#header.sticky-header .header-main .container {min-height: 65px;}
	#header .header-main.header-body .container .header-left {position: initial;}
	#header .logo {margin: auto;position: absolute;top: 2px;left: 50%;transform:translateX(-50%);z-index: 3;}
	#header.sticky-header .logo {top: 0;}
	.wrap_banner .wpb_single_image .vc_figure .vc_figure-caption {width: 70%;}	
	.wrap_gthieu .wpb_text_column h1 {font-size: 26px;line-height: 32px;margin-bottom: 10px;}
	.padleft > .vc_column_container:first-child > .wpb_wrapper{padding-left: 30px;padding-right: 30px;}
	.wrap_khachang .vc_column_container > .wpb_wrapper .wpb_single_image {width: 150%;}
	.wrap_cuocsong {background-size: 150% auto;}
	.wrap_tuvan .wpb_text_column {padding: 20px;font-size: 15px;}
	.wrap_tuvan .wpb_text_column h3 {font-size: 20px;margin-bottom: 10px;}
	.chuongtrinh_gthieu .vc_custom_heading {font-size: 26px;line-height: 32px;margin-bottom: 10px;}
	.chuongtrinh_mucluc > .vc_column_container {width: 100%;}
	.chuongtrinh_mucluc .wpb_text_column {margin-bottom: 0;}
	.chuongtrinh_icon .vc_inner > .vc_column_container {width: 100%;}
	.chuongtrinh_hoso .wpb_single_image {margin-left: -30px;}
	.chuongtrinh_hoso .wpb_single_image .wpb_singleimage_heading {font-size: 24px;line-height: 30px;left: 20px;right: 20px;}
}
@media(max-width: 767px){
	.wrap_banner .wpb_single_image .vc_figure .vc_figure-caption {width: 80%;font-size: 16px;line-height: 24px;}
	.wrap_banner .wpb_single_image .vc_figure .vc_figure-caption h2 {font-size: 20px;line-height: 24px;margin-bottom: 5px;}
	.wrap_gthieu .wpb_single_image > .wpb_wrapper {padding: 10px;}
	.wrap_gthieu .wpb_single_image > .wpb_wrapper:before {top: 0;left: 0;right: 0;bottom: 0;}
	.wrap_gthieu .wpb_single_image .wpb_singleimage_heading {display: none;}
	.wrap_gthieu .wpb_text_column {text-align: justify;}
	.wrap_khachang .porto-recent-portfolios {margin-bottom: 5px;}
	.khachang_innerinfo {margin-left: 0;width: 100%;}
	.khachang_content {text-align: justify;}
	body.single-post .page-top .page-title {display: none;}
	html #topcontrol {display: block;right: 0;}
	.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;}
}
@media(max-width: 575px){
	#header .searchform-popup {display: inline-block;}
	.padleft > .vc_column_container:first-child > .wpb_wrapper {padding-left: 20px;padding-right: 20px;}
}
@media(max-width: 480px){
	.wrap_khachang .vc_custom_heading, .wrap_chuongtrinh .vc_custom_heading, .chuongtrinh_uudiem .vc_custom_heading, .chuongtrinh_dieukien .vc_custom_heading {font-size: 22px;line-height: 28px;}
}