/*
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  ***************/
.grecaptcha-badge{display: none !important;}
a:hover{text-decoration: none;}
h1, h2, h3, h4, h5, h6 {letter-spacing: 0;}
#header .header-main .header-left, #header .header-main .header-center, #header .header-main .header-right {padding-top: 0;padding-bottom: 0;}
#header.sticky-header .header-right-bottom {margin-top: 0;}
#header .header-top .top-links > li.menu-item > a {font-size: 14px;font-weight: 500;}
#header .searchform {height: 32px;margin: 0;}
#header .searchform-popup {margin-right: 20px;}
#header .searchform input {height: 30px;}
#header .searchform button {height: 30px;line-height: 30px;}
#header .logo {margin: -67px 0 -32px;}
#header.sticky-header .logo {margin: -12px 0 -22px;}
#header .header-main .container, #header.sticky-header .header-main .container {min-height: 52px;}
#header.header-loaded .header-main{position: relative;z-index: 1002;}
#header .header-top .header-contact {font-size: 20px;font-weight: 600;color: #ec1c24;}
#header .header-top .header-contact a {color: #ec1c24;}
#header .header-right-bottom {margin: 0;}
#header .main-menu>li.menu-item {margin: 0;}
#header .main-menu>li.menu-item:after{content: '';position: absolute;right: 0;top: 16px;height: 14px;width: 1px;background-color: rgba(255,255,255,0.3);}
#header .main-menu > li.menu-item:last-child:after{display: none;}
#header .main-menu > li.menu-item:last-child > a {padding-right: 0;}
#header .main-menu > li.menu-item > a {position: relative;}
#header .main-menu > li.menu-item > a:before{content: '';display: block;position: absolute;left: 21px;right: calc(100% - 21px);bottom: 5px;height: 2px;background-color: #fff;transition:0.3s ease-in-out;}
#header .main-menu > li.menu-item.active > a:before, #header .main-menu > li.menu-item:hover > a:before{right:21px;}
#header .main-menu > li.menu-item.active:last-child > a:before, #header .main-menu > li.menu-item:last-child:hover > a:before{right:0px;}
#header.sticky-header .main-menu-wrap, #header.sticky-header .header-main.sticky .header-left, #header.sticky-header .header-main.sticky .header-right {padding-top: 0;padding-bottom: 0;}
@media(min-width: 992px){
    #header .header-main .header-right {padding-left: 0;}
}
#banner-wrapper .porto-carousel-wrapper {margin-bottom: 0;}
#banner-wrapper .porto-block  > p {display: none;}
body #banner-wrapper .porto-carousel-wrapper ul.slick-dots {position: absolute;bottom: 10px;width: auto;left: 50%;transform:translateX(-50%);}
.owl-carousel .owl-dots .owl-dot span {width: 16px;height: 16px;margin: 5px 6px;}
.porto-carousel-wrapper .slick-dots li i {opacity: 1;}
.single-post .entry-title {font-size: 24px;margin-bottom: 10px;}
.entry-content {padding-top: 20px;border-top: 1px solid #ccc;}
.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, .duan_short ul, .duan_short ol, .wpb_text_column ul {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, .duan_short ul li, .duan_short ol li, .wpb_text_column ul li {margin-bottom: 7px;}
.entry-content table, .entry-content iframe, .woocommerce-tabs .tab-content table, .woocommerce-tabs .tab-content iframe, .duan_short table, .duan_short iframe {margin-bottom: 20px;}
.entry-content table th, .entry-content table td, .woocommerce-tabs .tab-content table th, .woocommerce-tabs .tab-content table td, .duan_short table th, .duan_short 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;}
.post-carousel h4, .post-carousel h5, .blog-posts .post .entry-title {font-size: 18px;margin-bottom: 8px;}
.play_video .vc_single_image-wrapper{position: relative;}
.play_video .vc_single_image-wrapper img {position: relative;z-index: 1;transition:0.2s ease-in-out;}
.play_video .vc_single_image-wrapper:hover img{filter:brightness(60%);-webkit-filter: brightness(60%);}
.play_video .vc_single_image-wrapper:before{content: '';width: 80px;height: 80px;background-image: url(images/btn-play.png);background-position: center;transition:0.2s ease-in-out;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);z-index: 3;box-shadow: 0 0 5px rgb(0 0 0 / 50%);border-radius: 50%;}
.play_video .vc_single_image-wrapper:hover:before{opacity: 0.6;}
.block_gt  {padding-top: 50px;padding-bottom: 30px;background-repeat: no-repeat;background-position: left bottom;}
.block_gt .vc_column_container:first-child > .wpb_wrapper {border: 15px solid #ebebeb;padding: 20px;}
.block_gt .vc_custom_heading, .block_gt .wpb_text_column p  {margin-bottom: 10px;}
.block_gt .wpb_text_column {text-align: justify;margin-bottom: 0;}
.block_gt .wpb_text_column a {font-size: 18px;font-weight: 500;text-decoration: underline;}
.block_gt .wpb_single_image {margin-bottom: 0;}
.line_bottom:after{content: '';display: block;margin:5px auto 0;width: 80px;height: 2px;background-color: #ec1c24;}
.line_bottom.align-left:after {margin: 5px 0 0;}
.wpcf7 .form-group > p {margin-bottom: 0;}
.block_linhvuc {padding-top: 100px;padding-bottom: 150px;}
.block_linhvuc:before, .block_dichvu:before{content: '';display: block;background-color: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.block_linhvuc > .vc_column_container, .block_dichvu > .vc_column_container{z-index: 3;}
.block_linhvuc .vc_custom_heading, .block_dichvu .vc_custom_heading{color: #fff;}
.block_linhvuc .line_bottom:after, .block_dichvu .line_bottom:after{background-color: #fff;}
.block_lvitem {margin-top: -150px;position: relative;z-index: 3;}
.block_lvitem .porto-sicon-box {border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.25);overflow: hidden;}
.block_lvitem .top-icon .porto-just-icon-wrapper {margin-bottom: 0;}
.block_lvitem .top-icon .porto-just-icon-wrapper img {transition:0.3s ease-in-out;}
.block_lvitem .porto-sicon-box:hover .porto-just-icon-wrapper img {filter:brightness(40%);-webkit-filter:brightness(40%);}
.block_lvitem .top-icon .porto-sicon-header {margin-bottom: 0;}
.block_lvitem .top-icon .porto-sicon-header h3.porto-sicon-title {padding: 15px 0;color: #333;font-size: 18px;}
.block_lvitem .porto-sicon-box:hover .porto-sicon-header h3.porto-sicon-title {color: #ec1c24;}
.block_duan {padding-top: 50px;background-color: #f2f2f2;}
.block_duan .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a {background-color: transparent;border: none;padding: 6px 15px;font-weight: 500;color: #999;}
.block_duan .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active>a {background-color: transparent;border: none;color: #ec1c24;}
.block_duan .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a:after{content: '';display: block;position: absolute;top: 13px;right: 0;width: 1px;height: 13px;background-color: #999;}
.block_duan .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active>a:after{display: block !important;width: 1px;height: 13px;}
.block_duan .vc_tta-container {margin-bottom: 0;}
.thumb-info .thumb-info-title {letter-spacing: 0;text-transform: uppercase;}
.thumb-info.thumb-info-lighten .thumb-info-wrapper:after {background-color: rgb(0 0 0 / 54%);}
.block_dichvu  {padding-top: 150px;padding-bottom: 120px;}
.block_dichvu .wpb_text_column {color: #fff;text-align: center;margin: 0 220px 50px;font-size: 18px;}
.block_dichvu .vc_btn3.vc_btn3-color-white {background-color: transparent;border-color: #fff;color: #fff;font-weight: 500;}
.block_tintuc {padding-top: 50px;}
.get_post_cat .post_title,.post-carousel .post-item h5{font-size: 19px;line-height: 25px;margin-bottom: 7px;margin-top: 15px;font-weight: 600;    font-family: Barlow,sans-serif;}
.get_post_cat .post_title a, .list_post h4 a,.blog-posts article.post-grid .entry-title a, .post-carousel .post-item h5 a{color: #000;}
.get_post_cat .post_title a:hover, .list_post h4 a:hover,.blog-posts article.post-grid .entry-title a:hover, .post-carousel .post-item h5 a:hover{text-decoration: none;color: #ec1c24;}
.get_post_cat .post_date{margin: 10px 0 5px;color: #666;display: block;}
.get_post_cat .post_date .post-excerpt {line-height: 22px;font-size: 14px;}
.get_post_cat .cat_thumb_link{display: block;text-align: center;position: relative;border: 1px solid #ddd;}
.get_post_cat .cat_thumb_link:before{content: "\f05a";position: absolute;top: 30%;left: 50%;transform:translate(-50%,-50%);display: block;transition:0.3s ease-in-out all;opacity: 0;visibility: hidden;z-index: 2;font-family: 'Font Awesome 6 Free';font-size: 30px;font-weight: 700;color: #fff;}
.get_post_cat .cat_thumb_link:hover:before{ opacity: 1;visibility: visible;top: 50%;}
.get_post_cat .cat_thumb_link img {position: relative;z-index: 1;transition:0.3s ease-in-out all;}
.get_post_cat .cat_thumb_link:hover img {-webkit-filter: brightness(30%); filter: brightness(30%);}
.list_post > .row {margin-bottom: 30px;}
.list_post h4{font-size: 17px;margin-bottom: 5px;line-height: 24px;    font-family: Barlow,sans-serif;}
.block_noibo {padding-top: 50px;background-color: #f2f2f2;}
.block_noibo .post-carousel .post-item h5 {height: 50px;overflow: hidden;}
.block_noibo .post-excerpt {height: 105px;overflow: hidden;text-align: justify;}
.block_noibo .post-item {background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.25);margin-bottom: 20px;}
.block_noibo .post-item .post-recent-main {padding: 0 15px 1px;}
.block_doitac {padding-top: 50px;}
.block_doitac .wpb_single_image .vc_single_image-wrapper {border: 1px solid #ddd;border-radius: 5px;overflow: hidden;}
.wrap_gioithieu_home .vc_column_container .wpb_text_column {overflow-y: scroll;height: 440px;}
.portfolio-large .entry-title {margin-bottom: 20px;}
.portfolio-large .portfolio-short ul {padding-left: 20px;}
.portfolio-large .portfolio-short ul li {margin-bottom: 7px;}
.portfolio-large .portfolio-short {margin-bottom: 30px;}
.footer-main {position: relative;}
.footer-main:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: rgb(0 0 0 / 85%);}
#footer .widget-title {font-size: 22px;}
#footer .footer-bottom {background-color: rgb(0 0 0 / 90%);}
#footer .footer-main>.container {z-index: 3;padding-top: 50px;padding-bottom: 0px;}
#footer .widget_block h3 {font-weight: 500;font-size: 22px;line-height: 1.5;margin-right: -100%;}
#footer .widget_block ul {border: none;}
#footer .widget_block ul li {position: relative;padding-left: 20px;border: none;}
#footer .widget_block ul li i {position: absolute;top: 12px;left: 0;}
#footer .widget_nav_menu ul.menu {border: none;}
#footer .widget_nav_menu ul.menu li {border: none;padding: 5px 0 5px 11px;}
#footer .widget_text h4 {font-size: 18px;line-height: 1.2;margin-bottom: 8px;font-weight: 500;}
#footer .widget_text ul {margin-bottom: 22px;}
#footer .widget_text ul li {margin-bottom: 5px;}
#footer form {opacity: 1;}
#footer .wpcf7 input[type="text"], #footer .wpcf7 input[type="tel"], #footer .wpcf7 input[type="email"], #footer .wpcf7 textarea {border-radius: 3px;background-color: rgb(255 255 255 / 10%);font-size: 15px;color: #fff;border-color: rgba(255 255 255 / 30%);}
#footer .wpcf7 input[type="text"], #footer .wpcf7 input[type="tel"], #footer .wpcf7 input[type="email"] {padding-left: 30px;}
#footer .wpcf7 textarea {height: 90px;}
#footer .wpcf7 .form-group {position: relative;margin-bottom: 4px;}
#footer .wpcf7 .form-group i {position: absolute;z-index: 3;top: 12px;left: 10px;color: #fff;}
#footer .wpcf7 input[type="submit"] {background-color: rgba(255 255 255 / 30%);border-radius: 3px;width: 100%;color: #fff;text-transform: uppercase;font-size: 16px;font-weight: 500;border-color: rgba(255 255 255 / 30%);transition:0.2s;}
#footer .wpcf7 input[type="submit"]:hover{background-color:rgba(255 255 255 / 60%); }
#footer .wpcf7 span.wpcf7-not-valid-tip{color: #c1af00;}

#footer .wpcf7 input[type="text"]::-webkit-input-placeholder, #footer .wpcf7 input[type="email"]::-webkit-input-placeholder, #footer .wpcf7 input[type="tel"]::-webkit-input-placeholder , #footer .wpcf7 textarea::-webkit-input-placeholder {color: #fff;}
#footer .wpcf7 input[type="text"]::-moz-placeholder, #footer .wpcf7 input[type="email"]::-moz-placeholder, #footer .wpcf7 input[type="tel"]a::-moz-placeholder, #footer .wpcf7 textarea::-moz-placeholder {color: #fff;}
#footer .wpcf7 input[type="text"]:-ms-input-placeholder, #footer .wpcf7 input[type="email"]:-ms-input-placeholder, #footer .wpcf7 input[type="tel"]:-ms-input-placeholder, #footer .wpcf7 textarea:-ms-input-placeholder {color: #fff;}
#footer .wpcf7 input[type="text"]:-moz-placeholder, #footer .wpcf7 input[type="email"]:-moz-placeholder, #footer .wpcf7 input[type="tel"]:-moz-placeholde, #footer .wpcf7 textarea:-moz-placeholder {color: #fff;}


#footer .footer-bottom {padding: 0;border-top: 1px solid rgba(255 255 255 / 20%);}
#header .mobile-toggle {font-size: 22px;}
.page_linhvuc.block_lvitem {margin-top: 30px;}
.wrap_tamnhin {padding-top: 120px;padding-bottom: 90px;background-size: cover;background-position: center;}
.wrap_tamnhin:before {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 1;}
.wrap_tamnhin > .vc_column_container {z-index: 3;}
.left_line {color: #fff;}
.left_line {position: relative;}
.left_line:before {content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #fff;margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.left_line:after {content: '';position: absolute;left: -50vw;top: 20px;height: 1px;background-color: #fff;width: 50vw;}
.tamnhin_text {padding-top: 10px;padding-bottom: 10px;}
.tamnhin_text .wpb_text_column {margin: 0 200px 30px;text-align: justify;}
.page-top.page-header-4 {padding-top: 250px;}
.page-top .page-title {padding: 8px 15px;background-color: rgba(0,0,0,0.5);letter-spacing: 0;font-size: 22px;text-transform: uppercase;
    border-left: 5px solid #ec1c24;}
.page-top ul.breadcrumb {display: none;}
.sidebar .widget-title {border-bottom: 2px solid #ec1c24;color: #ec1c24;padding: 5px 0;font-size: 20px;}
.sidebar .post-item-small h5 {font-size: 16px;font-weight: 500;line-height: 24px;}
.sidebar .post-item-small h5 a {color: #666;}
.sidebar .post-item-small h5 a:hover {color: #ec1c24;}
.blog-posts .post .entry-title {font-size: 20px;font-weight: 500;margin-bottom: 8px;}
.wrap_lienhe .wpb_text_column h4 {line-height: 1.2;margin-bottom: 5px;}
.wrap_lienhe .wpb_text_column  ul {padding: 0;margin: 0 0 20px;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;}
.wpcf7 textarea {height: 90px;}
.portfolio-carousel .portfolio-item .thumb-info-action {display: none;}
.wrap_hotline .widget {margin: 0;}
.fb_zalo {position: fixed;left: 23px;bottom: 10px;z-index: 99;}
.fb_zalo ul {margin: 0;padding: 0;list-style: none;}
.wrap_hotline .fb_zalo ul li {margin-bottom: 7px;}
.fb_zalo ul li img {width: 40px;}
.fb_zalo ul li a i.fa{  
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #53ac19;
    background-color: #4285f4;
    color: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 24px;
    display: block;
    position: relative;
    z-index: 2;}
.lienhe_ctsp .lienhe_btn {font-weight: 600;padding: 15px 25px;display: block;border: 1px solid #ec1c24;transition:0.2s ease-in-out;color: #ec1c24;width: 100%;background-color: #fff;cursor: pointer;border-radius: 4px;text-align: center;}
.lienhe_ctsp .lienhe_btn.btn_tuvan, .lienhe_ctsp .lienhe_btn:hover {background-color: #ec1c24;color: #fff;}
.lienhe_ctsp .lienhe_btn.btn_tuvan:hover{background-color: #fff;color:#ec1c24; }
#side-nav-panel .accordion-menu li.menu-item > a, #side-nav-panel .menu-custom-block a {font-size: 17px;padding: 8px 6px;font-weight: 500;}
.page-top .yoast-breadcrumbs {font-size: 16px;}   
.portfolio-row .portfolio .portfolio-title {font-size: 19px;margin-bottom: 0; margin-top: 5px;} 
.related-portfolios .owl-carousel {margin-left: -15px;margin-right: -15px;width: auto;}
.related-portfolios .portfolio-item.outimage {margin-left: 15px;margin-right: 15px;}
.modal-header .btn-close {cursor: pointer;padding: 2px 10px;}
@media(max-width: 1199px) {
	#header .main-menu > li.menu-item > a {font-size: 16px;}
	#header .main-menu > li.menu-item > a:after {left: 14px;right: calc(100% - 14px);}
	#header .main-menu > li.menu-item.active > a:after, #header .main-menu > li.menu-item:hover > a:after {right: 14px;}
	.block_dichvu .wpb_text_column {margin: 0 150px 50px;}
	.blog_thumb_large .post_excerpt {height: 83px;overflow: hidden;}
	.list_post h4 {max-height: 48px;overflow: hidden;}
	.list_post .post_excerpt {height: 80px;overflow: hidden;}
}
@media(max-width: 1199px) and (min-width: 768px){
	#header .logo {max-width: 200px;}
}
@media(max-width: 991px){
	#footer {background-size: cover;}
	.block_dichvu {padding-top: 100px;padding-bottom: 80px;}
	.block_dichvu .wpb_text_column {margin: 0 100px 50px;}
	.block_noibo .post-excerpt {height: 80px;}
	#footer .widget_block h3 {margin-right: 0;}
	#footer .widget_nav_menu {margin-top: 48px;}
	.tamnhin_text .wpb_text_column {margin: 0 100px 30px;}
}
@media(max-width: 991px) and (min-width: 550px){
	#footer .footer-main>.container .col-lg-4:nth-child(n+2) {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	}
}
@media(max-width: 767px){
	#header .logo {margin: 0 0 -14px;}
	.block_dichvu .wpb_text_column {margin: 0 0 30px;}
	.blog_thumb_large .post_excerpt {margin-bottom: 30px;}
	.tamnhin_text .wpb_text_column {margin: 0 0 30px;}
	.entry-content {text-align: justify;}
}
@media(max-width: 550px){
	.wrap_tamnhin {padding-top: 60px;padding-bottom: 30px;}
	.page-top.page-header-4 {padding-top: 100px;}
	.page-top .page-title {font-size: 18px;}
}