/*
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");
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/muli/v22/7Auwp_0qiz-afT3GLRrX.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/muli/v22/7Auwp_0qiz-afTzGLRrX.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/muli/v22/7Auwp_0qiz-afTLGLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/muli/v22/7Auwp_0qiz-afT3GLRrX.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/muli/v22/7Auwp_0qiz-afTzGLRrX.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/muli/v22/7Auwp_0qiz-afTLGLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/muli/v22/7Auwp_0qiz-afT3GLRrX.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/muli/v22/7Auwp_0qiz-afTzGLRrX.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/muli/v22/7Auwp_0qiz-afTLGLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
body, h1, h2, h3, h4, h5, h6, #main-menu .mega-menu > li.menu-item a {font-family: 'Arial', Helvetica, sans-serif !important}
#header.header-corporate .searchform{box-shadow: none;border: none;border-bottom: 1px solid #ddd;margin-right: 20px;}
#header.header-corporate .searchform input{padding: 0;height: 26px;line-height: 26px;}
#header.header-corporate .searchform button{line-height: 26px;height: 26px;}
#header .header-top .top-links > li.menu-item > a{line-height: 22px;padding-top: 2px;padding-bottom: 0px;border: 1px solid #008fe6;color:#008fe6; }
#header .header-top .top-links > li.menu-item.active > a,#header .header-top .top-links > li.menu-item > a:hover{text-decoration: none;color: #fff;background-color: #008fe6;}
#header .top-links>li.menu-item{margin-right: 5px;}
#header .top-links>li.menu-item:last-child{margin-right: 0;}
#header.header-corporate .block-inline{line-height: 40px;margin-bottom: 0;}
#main-menu .mega-menu > li.menu-item > a{position: relative;transition:0.3s ease-in-out all;}
#main-menu .mega-menu > li.menu-item > a:before{content: '';position: absolute;left: 50%;right: 50%;bottom: 0;height: 2px;background-color: #008fe6;transition:0.3s ease-in-out all;}
#main-menu .mega-menu > li.menu-item:hover > a:before,#main-menu .mega-menu > li.menu-item.active > a:before{left: 12px;right: 12px;}
#header .header-main .header-left,#header .header-main .header-right{padding: 16px 0;}
.main-content{padding-bottom: 10px;}
.border_bottom{margin-bottom: 20px;}
.border_bottom:after{content: '';width: 40px;height: 2px;background-color: #008fe6;display: block;margin-top: 5px;}
.border_bottom.border_center:after{margin: 5px auto;}
.wrap_dhhq{margin-top: 20px;}
.wrap_dhhq .wpb_wrapper > .wpb_text_column {text-align: center;margin-bottom: 20px;}
.wrap_dhhq .vc_tta-panel-body{position: relative;}
.wrap_dhhq .vc_tta-panel-body .wpb_single_image{margin-bottom: 0;}
.wrap_dhhq .vc_tta-panel-body .wpb_text_column{position: absolute;left: 30px;bottom: 40px;margin: 0;right: 20px;z-index: 3;color: #fff;}
.wrap_dhhq .vc_tta-panel-body .wpb_text_column h3 {color: #fff;font-weight: 400;margin-bottom: 10px;}
.wrap_dhhq .vc_tta-panel-body .wpb_text_column a {display: inline-block;padding: 5px 15px 3px;background-color: #fff;border-radius: 3px;color: #008fe6;text-transform: uppercase;margin-top: 5px;transition:0.2s ease-in-out;}
.wrap_dhhq .vc_tta-panel-body .wpb_text_column a:after{font-family: 'FontAwesome';content: "\f101";margin-left: 5px;}
.wrap_dhhq .vc_tta-panel-body .wpb_text_column a:hover{text-decoration: none;background-color: rgba(255,255,255,0.8);}
.wpb-js-composer .wrap_dhhq .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body:after{content: '';position: absolute;display: block;left: 0;bottom: 14px;width: 100%; height: 300px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(100%,rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,0.9) 100%);
    background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.9) 100%);z-index: 2;}
.wpb-js-composer .wrap_dhhq .vc_tta.vc_general .vc_tta-tab>a{padding: 8px 20px 5px;font-weight: 600;color: #333;}
.wpb-js-composer .wrap_dhhq .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a{background-color: #008fe6;border-color: #008fe6;color: #fff;}
.wpb-js-composer .wrap_dhhq .vc_tta.vc_tta-spacing-1 .vc_tta-tabs-list{margin-bottom: 10px}
.wpb-js-composer .wrap_dhhq .vc_tta-container{margin-bottom: 10px;}
.wrap_block_lotrinh > .vc_column_container > .wpb_wrapper{margin-left: -10px;margin-right: -10px;width: auto;}
.wrap_block_lotrinh .porto-sicon-wrapper{width: 20%;float: left;padding-left: 10px;padding-right: 10px;}
.wrap_block_lotrinh .porto-sicon-wrapper .porto-sicon-box-link{border: 1px solid #ddd;transition:0.3s ease-in-out all;padding-top: 20px;}
.wrap_block_lotrinh .porto-sicon-wrapper .porto-sicon-box-link:hover{background-color: #008fe6;}
.wrap_block_lotrinh .top-icon .porto-sicon-header h3.porto-sicon-title{transition:0.3s ease-in-out all;font-size: 16px;text-transform: uppercase;}
.wrap_block_lotrinh .porto-sicon-box-link:hover .top-icon .porto-sicon-header h3.porto-sicon-title{color: #fff;}
.wrap_block_lotrinh .porto-sicon-wrapper .porto-sicon-box-link:hover .img-icon{    filter: brightness(200%);-webkit-filter:brightness(200%);}
.wrap_block_lts{margin-top: 40px;}
.wrap_block_lts .porto-sicon-wrapper{position: relative;padding-left: 80px;background-color: #f8f8f8;margin-bottom: 15px;}
.wrap_block_lts .porto-sicon-box.left-icon{margin-bottom: 0;}
.wrap_block_lts .porto-sicon-wrapper:before{width: 2px;height: 100%;position: absolute;content: '';left: 70px;top: 0;background-color: #ddd;}
.wrap_block_lts .left-icon .porto-sicon-header p {position: absolute;top: 30px;left: 12px;font-size: 18px;color: #008fe6;}
.wrap_block_lts .left-icon .porto-sicon-header p strong{display: block;border-top: 1px solid #008fe6;}
.wrap_block_lts .wpb_wrapper .porto-sicon-header h3.porto-sicon-title{font-size: 15px;font-weight: 600;margin-top: 15px;}
.wrap_block_lts .wpb_wrapper .porto-sicon-header h3.porto-sicon-title:hover{color: #008fe6;}
.wrap_block_lts .wpb_wrapper .porto-sicon-header h3.porto-sicon-title strong{color: #ff0000;margin-right: 5px;}
.wrap_block_lts .wpb_wrapper .porto-sicon-header h3.porto-sicon-title strong:before{font-family: 'FontAwesome';content: "\f017";margin-right: 5px;font-weight: normal;}
.wrap_block_lts .wpb_wrapper .porto-sicon-header h3.porto-sicon-title strong:after{font-family: 'FontAwesome';content: "\f041";margin-left: 15px;color: #333;font-weight: normal;}
.wrap_block_lts .porto-sicon-header+.porto-sicon-description{margin-top: 5px;line-height: 18px;}
.wrap_block_camnhan{margin-top: 20px;}
.wrap_block_camnhan:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 80px;background-color: #008fe6;display: block;}
.wrap_block_camnhan .porto-wrap-container{position: relative;}
.wrap_block_camnhan .porto-wrap-container:before{content: '';position: absolute;top: 0;left: 10px;right: 10px;bottom: 1px;display: block;background-color: #fff;box-shadow: 0 0 3px rgba(0,0,0,0.4);border-top: 1px solid rgba(0,0,0,0.152);}
.wrap_block_camnhan.vc_row .col-md-4.vc_column_container > .wpb_wrapper.vc_column-inner {background-color:#008fe6;padding: 30px 20px 5px; }
.wrap_block_camnhan .form-control option{color: #333;}
.wrap_block_camnhan .form-control{background-color: transparent;border-radius: 4px;border: 1px solid #fff;color: #fff;}
.wrap_block_camnhan .form-control::placeholder{color: #fff;}
.wrap_block_camnhan textarea{height: 90px;}
.wrap_block_camnhan .wpcf7-submit{background-color: #fff;color: #008fe6;float: right;border-radius: 20px;font-size: 16px;padding: 10px  20px 7px;text-transform: uppercase;}
.wrap_block_camnhan .wpcf7-submit:hover{background-color: #004975;}
.wrap_block_camnhan .col-md-4 .vc_custom_heading{color: #fff;}
.wrap_block_camnhan.vc_row .col-md-8.vc_column_container > .wpb_wrapper.vc_column-inner{padding: 30px 20px 10px;}
.wrap_block_camnhan .testimonial.testimonial-style-2 .testimonial-author{margin-top: 10px;}
.wrap_block_camnhan .testimonial .testimonial-author img{max-width: 120px;}
.wrap_block_tintuc{margin-top: 40px;}
.post-carousel .post-item {background-color: #fafafa;transition:0.3s ease-in-out all;}
.post-carousel .post-item:hover{background-color: #008fe6;}
.post-carousel .post-item h5{max-height: 44px;overflow: hidden;}
.post-carousel .post-item h5 a{color: #000;}
.post-carousel .post-item:hover h5 a, .post-carousel .post-item:hover .post-meta, .post-carousel .post-item:hover .post-excerpt{color: #fff;}
.post-recent-main {padding: 0px 15px 1px;}
.footer-wrapper {border-top: 1px solid #ddd;}
#footer{font-size: 15px;}
#footer .footer-main{background-position: left 50px top 30px;}
#footer .widget_text{margin-bottom: 10px;}
#footer .widget_text .textwidget img{margin-bottom: 10px;}
#footer .widget_text .textwidget p{font-size: 15px;margin-bottom: 0;}
#footer .contact-info{margin-top: 10px;}
#footer .widget-title{font-size: 18px;line-height: 22px;font-weight: 600;}
#footer .widget-title:after{content: '';display: block;width: 40px;height: 2px;margin-top: 5px;background-color: #008fe6;}
#footer .widget_nav_menu ul.menu{border: none;}
#footer .widget_nav_menu ul.menu li {border: none;padding: 7px 0;display: inline-block;width: 48%;}
#footer .widget_nav_menu ul.menu li:before{display: none;}
#footer .widget_nav_menu ul.menu li a:before{font-family: 'FontAwesome';content: "\f105";margin-right: 10px;}
#footer .widget_nav_menu ul.menu li a:hover{font-weight: 600;text-decoration: none;}
#footer .widget.follow-us .share-links a{width: 40px;height: 40px;box-shadow: none;border-radius: 5px;border: 1px solid #ddd;font-size: 20px;}
#footer .widget_wysija_cont form{max-width: 100%;display: block;}
#footer .widget_wysija_cont .wysija-paragraph{display: block;}
#footer .widget_wysija_cont .wysija-input{display: block;border-radius: 20px;width: 100%;padding: 8px 14px;}
#footer .widget_wysija_cont .wysija-submit{position: absolute;top: 1px;right: 1px;border-radius: 50%;height: 35px;width: 35px;background-color: #008fe6;line-height: 35px;text-align: center;padding: 0;background-image: url(images/icon_submit.png);background-position: center center;background-repeat: no-repeat;color: transparent;}
#footer .widget_wysija_cont .wysija-submit:hover{background-color: #005c95;}
#footer .footer-bottom{padding: 5px 0 0;}
#footer .footer-bottom .footer-left{white-space: nowrap;}
.blog-posts article.post-grid .entry-title{font-size: 16px;line-height: 20px;}
.blog-posts article.post-grid .entry-title a{color: #333;}
.blog-posts article.post-grid .entry-title a:hover{color: #008fe6;}
.post_date{font-size: 14px;color: #666;}
.single-post article .entry-title{margin-bottom: 5px;}
.wrap_lienhe .wpb_text_column ul{padding: 0;list-style: none;}
.wrap_lienhe .wpb_text_column ul li {margin-bottom: 8px;}
.wrap_lienhe .wpb_text_column ul li i{margin-right: 10px;}
.wrap_block_form_cat .vc_custom_heading, .sidebar .vc_custom_heading, .sidebar .widget-title{background-color: #008fe6;color: #fff;font-size: 17px;padding: 8px 5px 3px;margin: 0 0 5px;font-weight: 400;text-align: center;}
.wrap_block_form_cat .vc_custom_heading:before, .sidebar .vc_custom_heading:before, .sidebar .widget-title:before{content: "\f0f6";font-family: 'FontAwesome';margin-right: 10px;}
.wrap_block_form_cat .wpb_text_column, .sidebar .wpb_text_column{text-align: center;margin-bottom: 10px;font-size: 14px;}
.wrap_block_form_cat .wpb_text_column p, .sidebar .wpb_text_column p{margin-bottom: 5px;}
.wrap_block_form_cat .wpb_text_column h3, .sidebar .wpb_text_column h3 {color: #008fe6;margin-bottom: 5px;}
.wrap_block_form_cat .wpcf7-form .form-control, .sidebar .wpcf7-form .form-control{padding: 5px 0;border: none;border-bottom: 1px solid #ddd;box-shadow: none;}
.wrap_block_form_cat .form-group, .sidebar .form-group{margin-bottom: 10px;}
.wrap_block_form_cat .wpcf7-form .col-md-12>p, .sidebar .wpcf7-form .col-md-12>p{display: none;}
.wrap_block_form_cat .wpcf7-form textarea, .sidebar .wpcf7-form textarea{height: 90px;}
.wrap_block_form_cat .entry-title{font-size: 20px;line-height: 25px;margin-bottom: 10px;}
.wrap_block_form_cat .entry-title a{color: #000;}
.wrap_block_form_cat .entry-title a:hover{color:#008fe6 }
.wrap_block_form_cat .post-excerpt{text-align: justify;margin-top: 20px;line-height: 26px;}
.wrap_block_form_cat .blog-posts article {border: none;margin-bottom: 10px;}
.wrap_block_form_cat article.post .post-image.single{margin-bottom: 10px;}
.wrap_block_form_cat .porto-blog{margin-bottom: 0;}
.blog-posts.posts-grid .grid {height: auto !important;}
.blog-posts.posts-grid article.post-grid{position: relative !important;left: auto !important;top: auto !important;}
body:not(.paged-2) .blog-posts.posts-grid article.post-grid:first-child,body:not(.paged-3) .blog-posts.posts-grid article.post-grid:first-child, body:not(.paged-4) .blog-posts.posts-grid article.post-grid:first-child{}
.post-item-small .post-image img{width: auto;}
.left-sidebar, .right-sidebar{margin-top: 10px;}
.wrap_block_form_cat .wpcf7, .sidebar .wpcf7{border: 1px solid #ddd;padding: 10px;}
.wrap_block_form_cat .wpcf7 .vc_custom_heading, .sidebar .wpcf7 .vc_custom_heading{margin: -10px -10px 5px;}
.testimonial-author-thumbnail img{width:120px!important; height:120px!important;}
@media(max-width: 991px){
	.wrap_block_camnhan.vc_row .col-md-4.vc_column_container > .wpb_wrapper.vc_column-inner{padding-left: 10px;padding-right: 10px;}
	.wrap_block_camnhan .testimonial.testimonial-style-2 .testimonial-author{margin-top: 0;}
	#footer .footer-bottom .footer-right{padding-top: 0;}
	#header.header-corporate .header-top .header-right > .top-links{display: inline-block;}
	#header.header-corporate .searchform{background-color: #f2f2f2;border: 1px solid #ddd;}
	#header.header-corporate .searchform input{height: 34px;padding: 6px 8px;}
	#header.header-corporate .searchform button{line-height: 34px;height: 34px;}
}
@media(max-width: 767px){
	#header .header-top{display: block;}
	.wrap_block_lotrinh .porto-sicon-wrapper{width: 50%;margin-bottom: 20px;}
	.wrap_block_logo > .vc_column_container{width: 50%;float: left;}
}


.mobile-hotline{display:none}
 
.hotline {position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 9000;
    display: block;
    background: #008fe5;
    color: white;
    padding-top: 5px;padding-bottom:5px; padding-left:12px; padding-right: 12px;
    border-radius: 99px;}
.hotline .hotline-number{font-size:20px; color: #ffffff; font-weight: bold}
 
@media  (max-width: 767px) {
 
    .hotline{
 
        display :none;
 
    }
.mobile-hotline{display: block; bottom: 0; width: 100%; background:rgba(0,0,0,0.5); height: 60px; position: fixed; z-index:9999999}
.mobile-hotline .mobile-hotline-left{width: 45%; float: left; text-align: center; background: #00e2d1; margin-left: 10px; margin-right:5px; margin-top: 7px; height: 45px; border-radius: 4px}
.mobile-hotline .mobile-hotline-left a{color: white; line-height: 46px; font-size:16px; font-weight: bold}
 
.mobile-hotline .mobile-hotline-right{width: 45%; float: right; text-align: center; background: #008fe5; margin-left: 5px; margin-right: 10px; margin-top: 7px; height: 45px; border-radius: 4px}
.mobile-hotline .mobile-hotline-right a{color: white; line-height: 46px; font-size: 16px; font-weight: bold}
}