/*
Theme Name: mayphatdiensg
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


#content {padding:10px!Important}
blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: 10px;
}
.home #content {padding:0px!Important}
html body #secondary .widget-title, html body #shop-sidebar .widget .widget-title,html body #product-sidebar .widget .widget-title {margin-top: 5px;color: #fff;text-shadow: 1px 0px 1px #777;font-size: 14px;text-transform: uppercase;height: 36px;line-height: 36px;margin: 0;padding: 0;text-indent: 10px;font-weight: 600;position: relative;padding-left: 25px;background: #0c336c !important;margin: -10px;margin-bottom: 10px;display: inline-block;width: 110%;color: #FFF;}html body #secondary .widget-title:after, html body #shop-sidebar .widget .widget-title:after,html body #product-sidebar .widget .widget-title:after {bottom: -2px;content: "";height: 2px;left: 0;position: absolute;width: 75px;}html body #secondary .widget-title span {color:#FFF}html body #secondary .widget-title:before,html body #shop-sidebar .widget .widget-title:before,html body #product-sidebar .widget .widget-title:before {position: absolute;z-index: 1;    content: '\e800';
    font-family: fl-icons !important;left:0;font-weight: normal;color: #FFF;}html body #secondary .widget ul.nav.nav-tabs {padding: 0;}html body .tab-content ul li {list-style: none;}html body #secondary .widget_archive ul li:before, html body #secondary .widget_categories ul li:before, html body #secondary .widget_recent_comments ul li:before {font-family: fontawesome;margin-right: 10px;}html body #secondary .widget_archive ul li:before {content: '\f073';}html body #secondary .widget_categories ul li:before {content: '\f115';}html body #secondary .widget_recent_comments ul li:before {content: '\f0e5';}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.sent .wpcf7-response-output {
    font-size: 13px;
    color: #fff;
    line-height: 30px;
    background: #aa2231;
    padding: 0 20px!important;
    border-radius: 0;
    margin: 5px auto!important;
    text-align: center;
    display: block!important;
    font-weight: 600;
    max-width: 100%;
    width: 100%;
    border: none
}

.wpcf7 form.sent .wpcf7-response-output {
    background: green
}
html body #spopup {border-radius: 10px !important;}
#wp-admin-bar-customize, #wp-admin-bar-flatsome_panel, #wp-admin-bar-new-content, #wp-admin-bar-site-name .ab-sub-wrapper, #wp-admin-bar-updates, #wp-admin-bar-wp-logo, #wp-admin-bar-wp-rocket, .htgloop .category.uppercase, .mobile-sidebar .header-search-form, .widget.woocommerce .is-divider, .wpcf7-form .wpcf7-not-valid-tip, html body .product .widget-temz h3:before, html body .tt-sp .goilai p:before, html body .widget-temz b, html body .widget-temz h3:after, html body .woocommerce-tabsz ul.wc-tabs li.active a:before, html body .woof_submit_search_form_container, html body .wpcf7-spinner {
    display: none!important;
}
html body .section-title b {display:none}
.section-title-center span:after {
    content: '';
    background-image: url(/lib/line-hor.png);
    position: absolute;
    height: 7px;
    width: 81px;
    background-repeat: no-repeat;
    /* transform: rotate(90deg); */
    bottom: 10px;
    left: calc(50% - 40px);
}
html body .section-title-container {margin-bottom:0}
.section-title-center span {
    text-align: center;
    margin: 10px 0;
    padding-bottom: 15px;
    font-size: 22px;
    color: #d7a71f;
    text-transform: uppercase;
    font-weight: 700;
    position:relative;
}
.single .entry-category.is-xsmall a{
  color: #777;
}
.section-title b{
	display:none;
}
h3.section-title.section-title-center {
    text-align: center;
    justify-content: center;
}
html body .bai-viet-lien-quan h3 {
	font-size:22px
}
html body .bai-viet-lien-quan h3 span {
	font-size:22px
}
h1.entry-title {
    font-size: 22px;
}
html body .banner.has-hover.has-parallax {
    padding-top: 200px !important;
}
.parallax-title .entry-header h1 {color:#FFF}
.parallax-title .entry-header{
    max-width: 500px;
    margin: 0 auto;
    background: #004266db;
    padding: 20px;
    border-radius: 10px;
    margin-top: 5%;
    color: #FFF;
    }

html body .rank-math-breadcrumb, html body .rank-math-breadcrumb a {
    color: #FFF;
    font-size: 85%;
    line-height: 1.3;
}
html body .page-title.blog-featured-title .rank-math-breadcrumb {}
html body .page-title.blog-featured-title .rank-math-breadcrumb p{
    font-size: 85%;
    color: #CCC;
}
html body .page-title.blog-featured-title .rank-math-breadcrumb p a{
    color: #CCC;
}
.blog-archive .large-9, .blog-single .large-9, .page-right-sidebar .large-9{padding-right:20px;}
.recent-blog-posts a:hover{color:#204a77}
.blog-archive .post-item .box-text{padding:15px}
.blog-archive .large-9 .badge{display:none}
html body .htgDuAn .image-cover {
    border-radius: 0!important;
}
html body .htgDuAn .box-text{padding: 15px;}
.htgDuAn .image-cover img {
    border-radius: 2px;
}
.blog-archive .post-item .box-image .image-cover{border-top-left-radius:10px; border-bottom-left-radius:10px}
.blog-archive .post-item .post-title,html body .htgDuAn .post-title{
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: none;
    font-size: 16px;
    }
html body .htgDuAn .post-title{
    min-height: 42px;
}
.mr-half {
    margin-right: 10px;
}
html body,.header-main .nav > li > a {}
html body footer {font-size:95%}
.blog-archive .large-3, .blog-single .large-3, .page-right-sidebar .large-3{padding-left:0px}
.recent-blog-posts a{margin-bottom: 0;
    font-size: 14px;
    color: black;    line-height: 18px;}

.widget>ul>li {
    border-top: 0 !important;
}.widget .current-cat>a {
    color: #204a77;
}
.widget_categories ul li a{color:black; font-size:15px; padding: 2px 0;}
.blog-archive .nav-pagination>li>a {
    border: none !important;
    background: #bdbdbd;
	color: white !important;}
.blog-archive .post-item:hover>.post-title{color:red}
.blog-archive .post-item a, html body .portfolio-box-title{color: #d7a71f;line-height:1.3;text-transform: none;}
.blog-archive .post-item a:hover{text-decoration:underline}

.blog-archive .post-item:hover>.post-title{color:#0b447d}

.blog-single #breadcrumbs{margin-bottom:10px; font-size:15px; }
.blog-single .entry-meta{font-size: 14px;
    text-transform: none;
    letter-spacing: 0;
    color: gray;}
.blog-single .entry-title{
    text-transform: none;
    color: #1f4e84;
    font-size: 25px;}.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}
.blog-single .the-tim-kiem a:hover{    background: #1f4e81;
    color: #a3cfff;}
.blog-single .the-tim-kiem a{background: #f2f2f2;
    color: #585858; padding:2px 10px}
.blog-single .the-tim-kiem{color:black}
.blog-single .danh-muc{margin-bottom:10px; color:black}
.blog-single footer.entry-meta{border-bottom: 1px solid #ececec;font-size:15px}
.blog-single .blog-share{text-align:left}.entry-header-text {
    padding: 0;
}
.blog-archive .tieu-de-bai-viet{display:none}
.wp-caption .wp-caption-text {
	background: white;}.bai-viet-lien-quan {
    margin-top: 20px;
}
.blog-single .meta-related ul li a{color:#eee}
.blog-single .meta-related ul li a:hover{color:#fff; text-decoration:underline}
.blog-single .meta-related ul li{margin-bottom:5px; color: #eee;}
.blog-single .meta-related ul{margin-bottom:0; font-size:15px;padding: 7px;}
.blog-single .meta-related{    background: #FFECB3;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 20px;}
.tieu-de-bai-viet .container{    padding-left: 7px;
    padding-right: 7px;}
.is-divider{display:none}
.duong-dan p, .entry-meta {font-size: 12px;margin: 5px 0}
.phone-mobile {display: none;}.lph-nav {position: fixed;left: 13px;background: #ffffffab;border-radius: 5px;width: auto;z-index: 150;bottom: 20px;padding: 10px 0;border: 1px solid #f2f2f2;}.lph-nav:hover {background: #ffffff;box-shadow: 0 0 7px #777;}.lph-nav ul {list-style: none;padding: 0;margin: 0;}.lph-nav ul li {list-style: none!important;}.lph-nav ul>li a {border: none;padding: 3px;display: block;border-radius: 5px;text-align: center;font-size: 10px;line-height: 15px;color: #515151;font-weight: 700;max-width: 72.19px;max-height: 54px;text-decoration: none;}.lph-nav ul>li .chat_animation {display: none}.lph-nav ul>li a i.ticon-heart {/* background: url(/file/baogia-icon.png) no-repeat; */background-size: 36px 36px;width: 36px;height: 36px;display: block;background-color: #0c336c;-webkit-mask-image: url(/file/baogia-icon.png);mask-image: url(/file/baogia-icon.png);-webkit-mask-size: 36px 36px;mask-size: 36px 36px;}.lph-nav ul>li a i.ticon-zalo-circle2 {/* background: url(/file/icon-zalo-circle2.png) no-repeat; */background-size: contain;width: 36px;height: 36px;display: block;background-color: #0c336c;-webkit-mask-image: url(/file/icon-zalo-circle2.png);mask-image: url(/file/icon-zalo-circle2.png);-webkit-mask-size: 36px 36px;mask-size: 36px 36px;}.lph-nav li .button {background: transparent;}.lph-nav ul>li a i.ticon-angle-up {background: url(/file/icon-angle-up.png) no-repeat;background-size: contain;width: 36px;height: 36px;display: block;}.lph-nav ul>li a i {width: 33px;height: 33px;display: block;margin: auto;}.lph-nav ul li .button .btn_phone_txt {position: relative;top: 35px;font-size: 10px;font-weight: bold;text-transform: none;}.lph-nav ul li .button .phone_animation i {display: inline-block;width: 27px;font-size: 26px;margin-top: 12px;-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;animation: phone-vr-circle-fill 1s infinite ease-in-out;}.lph-nav ul>li a.chat_animation svg {margin: -13px 0 -20px;}.lph-nav ul>li a i.ticon-messenger {/* background: url(/file/icon-messenger.png) no-repeat; */background-size: contain;width: 36px;height: 36px;display: block;background-color: #0c336c;-webkit-mask-image: url(/file/icon-messenger.png);mask-image: url(/file/icon-messenger.png);-webkit-mask-size: 36px 36px;mask-size: 36px 36px;}.lph-nav ul li .button .phone_animation i {display: inline-block;width: 27px;font-size: 26px;margin-top: 12px;}.lph-nav ul>li a i.ticon-chat-sms {background: url(/file/icon-sms-1.jpg) no-repeat;background-size: contain;width: 38px;height: 36px;display: block;}.lph-nav ul>li a i.icon-phone-w {background: url(/file/icon-phone-w.png) no-repeat;background-size: contain;}.lph-nav ul li .button .btn_phone_txt {position: relative;}.phone-mobile-dk {display: block !Important}.animation-shadow-dk {background: #0c336c;height: 36px;width: 36px;line-height: 36px;}.lph-nav li .button .phone_animation {box-shadow: none;width: 36px;height: 36px;border-radius: 100%;background: #0c336c;line-height: 36px;}@media only screen and (max-width: 600px) {.lph-nav li .chat_animation {display:block !Important}.lph-nav li .button .phone_animation {box-shadow: none;position: absolute;top: -16px;left: 50%;transform: translate(-50%,0);width: 50px;height: 50px;border-radius: 100%;background: #0c336c;line-height: 15px;border: 2px solid white;}.lph-nav ul>li a {padding: 0;margin: 0 auto}.lph-nav {background: white;width: 100%;border-radius: 0;color: #fff;height: 60px;line-height: 50px;position: fixed;bottom: 0;left: 0;z-index: 9999999;padding: 5px;margin: 0;box-shadow: 0 4px 10px 0 #000;}.lph-nav li {float: left;width: 20%;list-style: none;height: 50px;}.phone-mobile {display: block !important}}/*phone*/#button-contact-vr .button-contact {position: relative;}#button-contact-vr .button-contact .phone-vr {position: relative;visibility: visible;background-color: transparent;width: 90px;height: 90px;cursor: pointer;z-index: 11;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);transition: visibility .5s;left: 0;bottom: 0;display: block;}.phone-vr-circle-fill {width: 65px;height: 65px;position: absolute;box-shadow: 0 0 0 0 #c31d1d;background-color: rgba(230, 8, 8, 0.7);border-radius: 50%;border: 2px solid transparent;-webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;animation: phone-vr-circle-fill 2.3s infinite ease-in-out;transition: all .5s;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-animuiion: zoom 1.3s infinite;animation: zoom 1.3s infinite;}.phone-vr-img-circle {background-color: #0c336c;width: 36px;height: 36px;line-height: 36px;border-radius: 50%;display: flex;justify-content: center;-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;animation: phone-vr-circle-fill 1s infinite ease-in-out;margin-top: 5px;margin-left: 10px;}.phone-vr-img-circle a {display: block;line-height: 37px;}.phone-vr-img-circle img {max-width: 25px;}@-webkit-keyframes phone-vr-circle-fill {0% {-webkit-transform: rotate(0) scale(1) skew(1deg);}10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}}@-webkit-keyframes zoom {0% {transform: scale(.9)}70% {transform: scale(1);box-shadow: 0 0 0 15px transparent}100% {transform: scale(.9);box-shadow: 0 0 0 0 transparent}}@keyframes zoom {0% {transform: scale(.9)}70% {transform: scale(1);box-shadow: 0 0 0 15px transparent}100% {transform: scale(.9);box-shadow: 0 0 0 0 transparent}}.phone-bar a {position: fixed;z-index: -1;background: rgb(232, 58, 58);color: #fff;font-size: 16px;padding: 8px 15px 7px 50px;border-radius: 100px;white-space: nowrap;}.phone-bar a:hover {opacity: 0.8;color: #fff;}@media(max-width: 736px) {.phone-bar {display: none;}.phone-mobile-dk {display: none !Important}}/* Custom CSS Tablet */@media (max-width: 849px){.csshinh{display:block!important;}.cssbutton{font-size: 20px;}#section_222540323 .section-bg {background-position: 0% 44%; }#e_itexpress_left, #e_itexpress_right, #e_itexpress_footer, #e_itexpress_bottom_left {display: none;}.csstable tr, .csstable td {border: 1px solid;font-size: 3px;}.share {display: none;}.cssnone{display:block!important;}}

html body .htgcenter {text-align:center}
html body .gfngang {background-size: cover !important;background-position: bottom !important;position: relative; background-attachment: fixed !important;margin: 10px 0 15px 0}@media(min-width: 1100px) {html body .gfngang{/* width:100vw; *//* position:relative; *//* left:50%; *//* right:50%; *//* margin-left:-50vw; *//* margin-right:-50vw; */}}html body .gfngang .row {margin:0 auto!important}html body .gfngang .row .col {padding-bottom: 10px;background: none !important;}html body .gfngang .row .col .col-inner {}html body .gfngang .row .col .col-inner input {margin:0}html body .gfngang .row .col .col-inner:last-child {background: none !important;}html body .wpcf7-spinner {display:none !important}html body .wpcf7 .wpcf7-form .wpcf7-response-output {text-align:center;width:600px;max-width:100%;margin: 0 auto !important;}html body .wpcf7 .wpcf7-form {margin: 0;}/* Custom CSS Mobile */@media (max-width: 549px){html body ul li a.nav-top-link {width: 35px;height: 35px;overflow: hidden;display: block;margin: 0;padding: 0;line-height: 1;}html body ul li a.nav-top-link img {margin:0;padding:0;width: 35px;height: 35px;}html body .gfngang { padding-left: 5px !important;padding-right: 5px !important; }html body .gfngang .row .col{ padding: 0;}

html body ul.nav-dropdown-htg {
    list-style:none;
    background-color: #fff;
    color: #777;
    display: table;
    margin: 0;
    max-height: 0;
    min-width: 260px;
    opacity: 1;
    padding: 20px 0 !important;
    position: absolute;
    text-align: left;
    /* transition: opacity .25s, visibility .25s; */
    visibility: visible;
    z-index: 9;
}
html body .menu-item-has-block ul.nav-dropdown-htg li:first-child:not([class^=bullet-]) {
    margin-left: 0 !important;
}
html body ul.nav-dropdown-htg li {}
html body ul.nav-dropdown-htg li a {
    border-bottom: 1px solid #ececec;
    margin: 0 10px;
    padding-left: 0;
    padding-right: 0;
    color: hsla(0, 0%, 40%, .85);
    transition: all .2s;
    display: block;
    line-height: 1.3;
    padding: 10px 20px;
    width: auto;
}
html body ul.nav-dropdown-htg li a:hover {
    color: hsla(0, 0%, 7%, .85);}

@media screen and (min-width: 900px) {#logo:before {content: "";position: absolute;left: -665px;top: -460px;width: 250px;height: 15px;background-color: rgba(255,255,255,.5);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: searchLights 1.5s ease-out 1s infinite;-o-animation: searchLights 1.5s ease-out 1s infinite;animation: searchLights 1.5s ease-out 1s infinite;}}@-webkit-keyframes searchLights {0% {left: -100px;top: 0;}to {left: 250px;top: 0;}}@-o-keyframes searchLights {0% {left: -100px;top: 0;}to {left: 250px;top: 0;}}@-moz-keyframes searchLights {0% {left: -100px;top: 0;}to {left: 250px;top: 0;}}@keyframes searchLights {0% {left: -100px;top: 0;}to {left: 250px;top: 0;}}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.row-tin-tuc-slider .cot2{margin-top:20px}
.row-tin-tuc-slider .cot2 .post-item, .gioi-thieu-section .cot2 .post-item, .bai-viet-tin-tuc .cot1 .post-item, .html-before-comments .post-item{flex-basis:50% !important; max-width:100% !important}
.row-tin-tuc-slider .cot2 .section-title-normal, .bai-viet-tin-tuc .cot1 .section-title-normal{margin-bottom:15px}
.chi-phi-du-kien{position:inherit; margin-top:10px}
.chi-phi-du-kien .left, .chi-phi-du-kien .right {
    width: 100% !important;display:block; float:none; text-align:left
}.chi-phi-du-kien{display:inline-block; font-size:15px}
#spopup .col {
    padding-bottom: 0px;
}
html body #spopup .section-title-center span, .single .entry-category.is-xsmall {    margin-bottom: 0 !important;
    font-size: 17px!important;
    padding-bottom: 15px;
    line-height: 1.3;}
html body #spopup {padding:5px 15px !important}
html body #spopup form {margin-top:-10px}
html body #spopup .button, html body #spopup button, html body #spopup fieldset, html body #spopup input, html body #spopup select, html body #spopup textarea {margin-bottom:0!important}
html body #spopup .wpcf7 span.wpcf7-list-item {
    margin-right: 5px;
    font-size: 85%;
}
html body #spopup .section-title-container {
    margin: 5px 0 0 0 !important;
}

.blog-archive .large-9, .blog-single .large-9, .page-right-sidebar .large-9
 {
    padding: 0;
}
}