/*
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  ***************/
.main-content {padding-bottom: 0;}

#header .header-main .header-left, #header .header-main .header-center, #header .header-main .header-right { padding-top: 8px; padding-bottom: 8px; }
#header.sticky-header .header-contact {display: inline-block;}
#header .header-main .header-contact {margin-left: 15px; margin-right: 0;}
#header .header-main .header-contact .btn_dangky { border-radius: 30px; font-weight: 700;padding: 10px 25px; font-size: 16px;}
#header .mobile-toggle {
    font-size: 18px;
    margin-left: 10px;
}

#side-nav-panel .accordion-menu > li.menu-item > a {
    font-size: 17px;
    letter-spacing: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

#side-nav-panel .accordion-menu ul.sub-menu li a {
    font-size: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
}

#side-nav-panel .accordion-menu .arrow {
    height: 46px;
    line-height: 46px;
}

.wrap_banner {background-size: cover;background-position: center;background-repeat: no-repeat;padding: 50px 0;}
.wrap_banner > .vc_column_container {max-width: 1600px;margin-left: auto;margin-right: auto;}
.wrap_banner .chuongtrinh_summary {text-align: center; margin-top: 30px;margin-bottom: 50px;}
.wrap_banner .chuongtrinh_summary > .wpb_wrapper {display: inline-block; padding: 8px 20px; background-color: #1fe0ec; font-weight: 600; font-size: 22px;border-radius: 50px;border: 1px solid #fff;}
.wrap_banner > .vc_column_container > .vc_column-inner { padding:0 30px; }
.wrap_banner .banner_info .porto-sicon-box .porto-sicon-title, .wrap_banner .banner_info .porto-sicon-box .porto-sicon-header p, .wrap_banner .banner_info .porto-sicon-box .porto-sicon-description {font-family: 'Infinite Energy'; font-style: italic;color: #fff;text-shadow: 2px 2px 3px #000000;}
.wrap_banner .banner_info .porto-sicon-box .porto-sicon-title { font-size:90px; line-height:70px; }
.wrap_banner .banner_info .porto-sicon-box .porto-sicon-header p {font-size: 115px;line-height: 95px;}
.wrap_banner .banner_info .porto-sicon-box .porto-sicon-description {font-size: 115px;line-height: 95px;margin-top: 0;}
.wrap_banner .banner_info h4.vc_custom_heading {color: #fff;text-transform: uppercase;font-size: 24px;line-height: 32px;font-style: italic;margin-bottom: 35px;text-align: center;text-shadow: 2px 2px 3px #000000;}
.wrap_banner .banner_info .porto_countdown {text-align: center;margin-bottom: 25px;}
.wrap_banner .banner_info .porto_countdown.porto-cd-s2 .porto_countdown-section { padding: 0 20px; }
.wrap_banner .banner_info .porto_countdown .porto_countdown-amount {font-size: 85px;text-shadow: 1px 1px 0px #000;color: #fff;font-weight: 600;}
.wrap_banner .banner_info .porto_countdown .porto_countdown-period {color: #fff;font-size: 25px;text-align: center;}
.wrap_banner .banner_info .btn_dangkyngay a { text-transform:uppercase;padding: 15px 30px;font-size:60px;color:#fff;background: linear-gradient(to bottom, #092975, #668ae9);border:7px solid #fff;transition: 0.3s ease-in-out; border-radius: 50px;font-weight: 600;}  
.wrap_banner .banner_info .btn_dangkyngay a:hover {color: #ea8159;}  
#header.sticky-header .header-main.sticky {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}

.wrap_intro { padding:90px 0 70px; background-size: cover;background-position: center;background-repeat: no-repeat;margin-top: -20px;}
.wrap_intro .wpb_text_column {background: linear-gradient(to right, #030208 0%, #3431c4 100%);color: #fff; border:5px solid #fff;border-radius:10px; padding:30px 20px; text-align: justify;}
.wrap_intro .wpb_text_column:first-child {margin-bottom: 50px;}
.wrap_intro .wpb_text_column h3 {color: #fff;}
.wrap_vitrimophong { padding:80px 0 80px; background-size: cover;background-position: center;background-repeat: no-repeat;}
.wrap_vitrimophong .vc_row > .vc_column_container > .vc_column-inner {display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;width: auto;}
.wrap_vitrimophong .wpb_text_column {width: calc((100%/3) - 30px);margin-left: 15px;margin-right: 15px;background: linear-gradient(to right, #030208 0%, #3431c4 100%);color: #fff; border:5px solid #fff;border-radius:10px; padding:80px 60px;font-size: 30px;line-height: 38px; font-weight: 600;text-transform: uppercase;text-align: center;display: grid;place-items: center;}
.wrap_quyenloithamgia { padding:90px 0 70px; background-size: cover;background-position: left bottom;background-repeat: no-repeat;}
.wrap_quyenloithamgia .porto-sicon-box {justify-content: center;}
.wrap_quyenloithamgia  .porto-sicon-header {display: flex;justify-content: space-between;width: 100%;flex-wrap: wrap;}
.wrap_quyenloithamgia  h3.porto-sicon-title, .wrap_quyenloithamgia .porto-sicon-header p { height: 80px;border-radius: 50px;display:grid;place-items:center; text-align: center;color: #fff;}
.wrap_quyenloithamgia h3.porto-sicon-title { width:20%;margin-right: 20px;font-size: 20px;background-color: #0097b2;font-weight: 700; }
.wrap_quyenloithamgia .porto-sicon-header p {width: 75%;padding-left: 20px;padding-right: 20px;background-color: #0b3c5c;line-height: 22px;}
.wrap_timeline { padding:90px 0 30px; background-size: cover;background-position: left bottom;background-repeat: no-repeat;}
.wrap_timeline .wpb_text_column {color: #fff;background-color: #0b3c5c;padding:40px 20px;border-radius: 30px;margin-bottom: 60px;text-align: justify;}
.wrap_timeline .wpb_text_column ul {padding-left: 20px;}
.wrap_timeline .wpb_text_column h3 {color: #fff;text-transform: uppercase;margin-bottom: 8px;font-size: 25px;}
.wrap_timeline .wpb_text_column h4 {color: #fff;}
.wrap_ctrinhxuyensuot { padding:90px 0 70px; background-size: cover;background-position: left bottom;background-repeat: no-repeat;}
.wrap_ctrinhxuyensuot .vc_row > .vc_column_container > .vc_column-inner {display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;width: auto;}
.wrap_ctrinhxuyensuot .wpb_text_column {color: #fff;background-color: #0b3c5c;padding:60px 30px;border-radius: 30px;width: calc((100%/2) - 30px);margin-left: 15px;margin-right: 15px;text-align: justify;}
.wrap_ctrinhxuyensuot .wpb_text_column h3 {color: #fff;text-transform: uppercase;font-size: 25px;}
.wrap_intro_ftu { padding:90px 0 70px; background-size: cover;background-position: left bottom;background-repeat: no-repeat; }
.wrap_intro_ftu .dynamic_ftu > .vc_column-inner { display:flex;flex-direction:column;justify-content:space-between;height:100%; }
.wrap_intro_ftu .dynamic_ftu > .vc_column-inner:before,.wrap_intro_ftu .dynamic_ftu > .vc_column-inner:after {display: none;}
.wrap_intro_ftu .dynamic_ftu h2.vc_custom_heading { background-color:#0b3c5c;padding:50px;border-radius:50px; }
.wrap_intro_ftu .dynamic_ftu .porto-sicon-box {background-color:#0b3c5c;padding: 35px;border-radius: 70px;display: flex;flex-direction: column-reverse; margin-bottom:0; }
.wrap_intro_ftu .dynamic_ftu .porto-sicon-img {border-radius: 20px;overflow: hidden;margin-bottom: 0;}
.wrap_intro_ftu .dynamic_ftu .porto-sicon-description {color: #fff;text-align: justify;margin-bottom: 20px;margin-top: 0;}
.wrap_intro_ftu .up_vietnam > .vc_column_container > .vc_column-inner, .wrap_intro_ftu .product_findings > .vc_column_container > .vc_column-inner{background-color:#0b3c5c;padding: 35px;border-radius: 70px;}
.wrap_intro_ftu .up_vietnam {margin-bottom: 30px;}
.wrap_intro_ftu .up_vietnam .wpb_text_column {color: #fff;text-transform: uppercase;font-weight: 600;font-size: 20px;line-height: 28px;}
.wrap_intro_ftu h2.vc_custom_heading {color: #fff;}
.wrap_intro_ftu .wpb_single_image {margin-bottom: 0;}
.wrap_intro_ftu .product_findings .porto-sicon-box {margin-bottom: 0;}
.wrap_intro_ftu .product_findings .porto-sicon-description ul {padding-left: 0;}
.wrap_intro_ftu .product_findings .porto-sicon-description ul li strong {color: #fff;font-size: 40px;line-height: 40px; font-weight: 600;display: block;text-align: center;}
.wrap_intro_ftu .product_findings .porto-sicon-description ul li {color: #fff;font-size: 20px;list-style: none;text-align: center;margin-bottom: 10px;}
.wrap_intro_ftu .product_findings .porto-sicon-body {width: 50%;}
.wrap_intro_ftu .product_findings .porto-sicon-right {width: 50%;text-align: center;}


.wrap_donvidonghanh { padding:80px 0 35px; background-size: cover;background-position: left bottom;background-repeat: no-repeat;}
.wrap_donvidonghanh .wpb_single_image {margin-bottom: 0;}
.wrap_donvidonghanh .vc_row.wpb_row {margin-bottom: 80px;}
.wrap_donvidonghanh h3.vc_custom_heading {color: #fff;font-size: 32px;margin-bottom: 40px;text-shadow: 2px 2px 3px #000000;}
.wrap_donvidonghanh .vc_single_image-wrapper {background-color: rgba(255, 255, 255, 0.85);width: 100%;padding: 40px 0;}
.wrap_taitrodong_donghanh .vc_row.wpb_row.row_heading {margin-bottom: 0;}
.wrap_taitrodong_donghanh .row_logo > .vc_column_container { background-color: rgba(255, 255, 255, 0.85); }
.wrap_taitrodong_donghanh .row_logo .vc_single_image-wrapper {background-color: transparent;}
.wrap_taitrodong_donghanh h2.wpb_singleimage_heading {color: #fff;font-size: 32px;margin-bottom: 40px;text-shadow: 2px 2px 3px #000000;display: none;}
.wrap_nhataitronentang .column_logo > .vc_column-inner {display: flex;justify-content: center;background-color: rgba(255, 255, 255, 0.85);}
.wrap_nhataitronentang .column_logo .wpb_single_image {width: 15%;margin-right: 40px;}
.wrap_nhataitronentang .column_logo .vc_single_image-wrapper {background-color: transparent;}


h2.heading_style {color: #fff;text-shadow: 2px 2px 3px #000000;text-transform: uppercase;font-size: 35px;margin-bottom: 50px;}



#footer .footer-main h3.widget-title {font-size: 24px;font-weight: 600;margin-bottom: 15px;}
#footer .footer-main .row > div .textwidget {font-size: 20px;}
#footer .footer-main .row > div .textwidget ul li {font-size: 18px;list-style: none;position: relative;margin-left: 10px;margin-bottom: 5px;}
#footer .footer-bottom {padding: 0;}
#footer .footer-bottom .footer-center {border-top: 1px solid #fff;}

.grecaptcha-badge {  display: none !important;}

@media(max-width:1229px){
    .wrap_banner .chuongtrinh_summary > .wpb_wrapper {font-size: 20px;}
    .wrap_banner .banner_info h4.vc_custom_heading {margin-bottom: 25px;}
    .wrap_banner .banner_info .porto_countdown.porto-cd-s2 .porto_countdown-section {padding: 0 15px;}
    .wrap_banner .banner_info .porto_countdown .porto_countdown-amount {font-size: 55px;}
    .wrap_banner .banner_info .btn_dangkyngay a {font-size: 35px;}
    h2.heading_style {font-size: 30px;}
    .wrap_vitrimophong .wpb_text_column {font-size: 26px;line-height: 34px;}
    .wrap_timeline .wpb_text_column h3 {font-size: 22px;margin-bottom: 2px;}
    .wrap_timeline .wpb_text_column h4 {font-size: 20px;line-height: 26px;}
    .wrap_ctrinhxuyensuot .wpb_text_column h3{font-size: 22px;}
    .wrap_intro_ftu h2.vc_custom_heading {font-size: 26px;margin-bottom: 20px;}
    .wrap_intro_ftu .up_vietnam .wpb_text_column {font-size: 18px;line-height: 26px;}
    .wrap_intro_ftu .product_findings .porto-sicon-description ul li {font-size: 17px;line-height: 23px;}
    .wrap_intro_ftu .product_findings .porto-sicon-description ul li strong {font-size: 35px;line-height: 35px;}
    .wrap_donvidonghanh h3.vc_custom_heading{font-size: 30px;}
   
}

@media(max-width:991px){
    .wrap_banner {padding: 20px 0;}
    .wrap_banner .chuongtrinh_summary > .wpb_wrapper {font-size: 18px;line-height: 24px;}
    .wrap_banner .banner_info > .vc_column_container {width: 100%;}

    
    h2.heading_style {font-size: 26px;margin-bottom: 40px;}
    .wrap_vitrimophong .wpb_text_column {font-size: 24px;line-height: 32px;padding: 50px 40px;}
    .wrap_quyenloithamgia h3.porto-sicon-title, .wrap_quyenloithamgia .porto-sicon-header p {height: 90px;}
    .wrap_ctrinhxuyensuot .wpb_text_column {padding: 50px 30px;}
    .wrap_ctrinhxuyensuot .wpb_text_column h3{font-size: 20px;margin-bottom: 10px;}
    .wrap_intro_ftu {padding: 65px 0 60px;}
    .wrap_intro_ftu > .vc_column_container {width: 100%;}
    .wrap_intro_ftu .dynamic_ftu .porto-sicon-box {margin-bottom: 30px;}
    .wrap_donvidonghanh h3.vc_custom_heading {font-size: 28px;margin-bottom: 35px;}
    .wrap_nhataitronentang .column_logo .wpb_single_image {width: 35%;}
    #footer .footer-bottom .container>div{text-align: center;}
}

@media(max-width:767px){
    .wrap_intro {padding: 65px 0 30px;}
    .wrap_intro .wpb_text_column h3 {font-size: 22px;}
    h2.heading_style {font-size: 24px;margin-bottom: 35px;}
    .wrap_vitrimophong {padding: 60px 0 50px;}
    .wrap_vitrimophong .wpb_text_column {font-size: 18px;line-height: 26px;padding: 40px 15px;border-width: 3px;}
    .wrap_quyenloithamgia {padding: 60px 0 40px;}
    .wrap_quyenloithamgia h3.porto-sicon-title, .wrap_quyenloithamgia .porto-sicon-header p {height: 130px;}
    .wrap_quyenloithamgia h3.porto-sicon-title {font-size: 18px;}
    .wrap_timeline {padding: 60px 0 10px;}
    .wrap_timeline .wpb_text_column h3 {font-size: 20px;margin-bottom: 0px;}
    .wrap_timeline .wpb_text_column h4 {font-size: 18px;line-height: 24px;}
    .wrap_ctrinhxuyensuot {padding: 50px 0 35px;}
    .wrap_ctrinhxuyensuot .wpb_text_column {width: calc(100% - 30px);}
    .wrap_intro_ftu h2.vc_custom_heading {font-size: 24px;}
    .wrap_intro_ftu .dynamic_ftu h2.vc_custom_heading {padding: 35px;}
    .wrap_intro_ftu .product_findings .porto-sicon-description ul li strong {font-size: 30px;line-height: 32px;}
    .wrap_intro_ftu .up_vietnam .wpb_text_column {font-size: 16px;line-height: 22px;}
    .wrap_donvidonghanh {padding: 40px 0 0px;}
    .wrap_donvidonghanh h3.vc_custom_heading,.wrap_taitrodong_donghanh h2.wpb_singleimage_heading {font-size: 26px;margin-bottom: 32px;}
    .wrap_taitrodong_donghanh .row_heading h3.vc_custom_heading {display: none;}
    .wrap_taitrodong_donghanh h2.wpb_singleimage_heading {display: block;}
    .wrap_taitrodong_donghanh .row_logo > .vc_column_container {background-color: transparent;}
    .wrap_taitrodong_donghanh .row_logo .vc_single_image-wrapper {background-color: rgba(255, 255, 255, 0.85);}
    .wrap_donvidonghanh .vc_row.wpb_row, .wrap_taitrodong_donghanh .row_logo > .vc_column_container:first-child {margin-bottom: 60px;}
    #footer .footer-main>.container {padding-top: 30px;padding-bottom: 0px;}
    #footer .footer-main h3.widget-title {font-size: 20px;}
    #footer .footer-main .row > div .textwidget {font-size: 18px;}
    #footer .footer-main .row > div .textwidget ul li {font-size: 16px;}

}

@media(max-width:576px){
    h2.heading_style {font-size: 22px; line-height: 28px;margin-bottom: 30px;}
    .wrap_banner .chuongtrinh_summary {margin-bottom: 35px;}
    .wrap_banner .chuongtrinh_summary > .wpb_wrapper {font-size: 16px;line-height: 22px;}
    .wrap_banner .banner_info .porto_countdown.porto-cd-s2 .porto_countdown-section {padding: 0 10px;}
    .wrap_banner .banner_info .porto_countdown .porto_countdown-amount {font-size: 35px;}
    .wrap_banner .banner_info h4.vc_custom_heading {font-size: 22px;line-height: 30px;}
    .wrap_vitrimophong .wpb_text_column {font-size: 16px;line-height: 22px;padding: 30px 10px;}
    .wrap_quyenloithamgia h3.porto-sicon-title, .wrap_quyenloithamgia .porto-sicon-header p {width: 100%;height: unset;background-color: transparent;}
    .wrap_quyenloithamgia h3.porto-sicon-title {font-size: 22px;margin-bottom: 10px!important;}
    .wrap_quyenloithamgia .porto-sicon-header p {text-align: justify;}
    .wrap_quyenloithamgia .porto-sicon-box {background-color: #0b3c5c;border-radius: 20px;padding: 30px 20px;}
    .wrap_intro_ftu h2.vc_custom_heading {font-size: 22px;}
    .wrap_donvidonghanh h3.vc_custom_heading,.wrap_taitrodong_donghanh h2.wpb_singleimage_heading {font-size: 24px;margin-bottom: 28px;}
    

}

@media(max-width:480px){
    .wrap_banner .chuongtrinh_summary > .wpb_wrapper {font-size: 15px;line-height: 21px;}
    .wrap_banner .banner_info h4.vc_custom_heading {font-size: 20px;line-height: 28px;}
    .wrap_banner .banner_info .porto_countdown.porto-cd-s2 .porto_countdown-section {padding: 0 5px;}
    .wrap_banner .banner_info .porto_countdown .porto_countdown-period {font-size: 22px;}
    .wrap_banner .banner_info .btn_dangkyngay a{font-size: 26px;border-width: 5px;}
    .wrap_vitrimophong .wpb_text_column {width: calc(100% - 30px);font-size: 20px;line-height: 22px;padding: 50px 10px;}
    .wrap_timeline .wpb_text_column h3 {font-size: 18px;line-height: 24px;}
    .wrap_intro_ftu h2.vc_custom_heading {font-size: 20px;}
    .wrap_donvidonghanh h3.vc_custom_heading,.wrap_taitrodong_donghanh h2.wpb_singleimage_heading {font-size: 22px;margin-bottom: 25px;}

}