*{outline: none !Important;}
html,body{
    overflow-x: hidden;   
}
p{margin-bottom: 10px;}
body {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 27px;
    color: #000;
    overflow-x: hidden;
}
.clear{clear: both;}
li.menu-item-has-children:hover > ul.mega-menu, 
li.menu-item-has-children:hover > ul.dropdown-menu, 
li.menu-item-has-children:hover > ul.drop-down-multilevel {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    z-index: 100;
    display: block;
    visibility: visible;
}
.page-title{
    background: url(images/page-title.jpg) center center no-repeat;
    background-size: cover;
}
.iq-sidebar-widget{float: left;width: 100%;}
#breadcrumbs a{color: #fff;}
#detail-post-box img{max-width: 100%;height: auto;}
#detail-post-box h1{font-size: 27px;line-height: 40px;margin-bottom: 20px;margin-top: 0px;text-transform: uppercase;font-weight: bold;color: #133b74;}
#detail-post-box h2{margin-top: 10px;font-size: 22px;line-height: 30px; font-weight: bold;margin-bottom: 10px;}
#detail-post-box h3{margin-top: 10px;font-size: 20px;line-height: 25px; font-weight: bold;margin-bottom: 10px;}
#detail-post-box h4{margin-top: 10px;font-size: 18px;line-height: 23px; font-weight: bold;margin-bottom: 10px;}
.detail-post-content{border-top:1px solid #ccc;padding-top: 10px;margin-top: 20px;}
#recent-post{margin: 0px;}
#recent-post li{list-style: none;width: 100%;float: left;margin-bottom: 20px;}
#recent-post img{width: 100px;height: auto;float: left;margin-right: 10px;}
.wpcf7 .wpcf7-submit{
    background: #133b74;
    font-size: 16px;
    color: #fff!important;
    padding: 10px 20px;
    margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    border: 1px solid #133b74;
    cursor: pointer;
    width: 100%;
}
div.wpcf7-response-output{color: red;border: none;padding: 0px;margin: 0px;}
.wpcf7 textarea{height: 100px;}
.portfolio-meta p{margin-bottom: 0px;font-style: italic;}
.footer-top .overview-block-ptb4{padding-bottom: 0px;}
.item-search{border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 10px;}
.iq-port-single .portfolio-meta li:last-child{border-bottom: none;}
.mega-menu .menu-links>li:hover .drop-down-multilevel{display: block !Important;}
.iq-footer3 .logo{text-align: center;}
.mobileTopFixed .menu-list-items{background: #333;}
.item-why .icon{float: left;width: 50px;margin-right: 10px;margin-bottom: 10px;}
.item-why .icon img{max-width: 100%;height: auto;}
.mega-menu.desktopTopFixed .menu-logo{
    top:0px;
    margin: 0px;
}
.header-01 .mega-menu.desktopTopFixed .menu-list-items{
    background: #fff;
}
.mega-menu.desktopTopFixed .menu-logo img{
    height: 66px;
    padding: 5px 0px;
}
.mega-menu.desktopTopFixed .menu-links>li>a{
    color: #133b74;
}
.mega-menu .menu-links>li>a{
    font-weight: 500;
    font-size: 15px;
    font-family: "Oswald", sans-serif;
}
.slide-action a{
    margin: 0px 10px;
}
.btn--red {
    background-color: #f01a24;
    color: #fff;
}
.btn--red:hover{
    background: #133b74;
    color: #fff;
}
#conso{
    background: url("images/bg_conso.jpg") center center no-repeat;
    background-size: contain;
}
.name-title{
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    color: #133b74;
    display: inline-block;
    font-size: 18px;
    line-height: 25px;
}
.hwp-title{
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}
#main-menu .menu-item-has-children > a:after {
    content: "\f107";
    float: right;
    font-size: 14px;
    position: relative;
    top: 0px;
    left: 4px;
    font-family: "FontAwesome";
}
img{max-width: 100%;height: auto;}
.heading-title .title{
    color: #133b74;
    position: relative;
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 30px;
    font-weight: 500;
    font-family: "Oswald", sans-serif;
}
.item-services img{
    width: 100%;
    height:auto;
}
.arrow-1 .owl-prev{
    left: -20px !Important;
}
.arrow-1 .owl-next{
    right: -20px !Important;
}
.arrow-1 .owl-nav i{
    background: rgba(255,255,255, 0.7) !Important;
    height: 40px;
    width: 40px;
    padding: 0px !Important;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    color: #333 !Important;
    box-shadow: 0 6px 20px -5px rgba(0,0,0,.2);
}
.arrow-1 .owl-nav i:hover{
    background: #fff !Important;
}
.mb-50{
    margin-bottom: 50px;
}
#services-home{
    padding: 40px 0px;
    background: url("img/bg_service.jpg") center center no-repeat;
    background-size: cover;
}
#services-home .heading-title .title{
    color: #fff;
}
#services-home .heading-title .title:before{
    background: #fff;
}
#services-home .item-services{
    text-align: center;
    background: #fff;
}
#services-home .item-services .title{
    padding: 15px 10px;
    margin: 0px;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
}
#services-home .item-services:hover img{
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#services-home .item-services .img{
    overflow: hidden;
}
#services-home .item-services img{
    transition: all 0.5s ease 0s;
}
#services-home img{
    width: 100%;
    height: auto;
}
.iq-footer3 .small-title{text-transform: uppercase;}
.overview-block-ptb ul{
    margin-left: 10px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}
#contact-page p i{font-size: 20px;}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
    float: left;
    width: 100%;
    background: antiquewhite;
    color: red;
    margin: 0px;
    font-size: 14px;
    text-align: center;
    margin-bottom: 15px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
    margin: 0px;
    color: #fff;
    text-align: center;
}
h1.small-title{font-size: 22px;}
#news-home{padding: 60px 0px;}
.name-news{
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 25px;
}
table{
    width: 100% !Important;
    margin: 10px 0px;
}
table tr td{
    padding: 10px;
}
#news-home .iq-blog-detail{
    background: #fff;
}
.margin-auto{
    margin: auto;
}
.wp-caption-text{
    text-align: center;
    padding: 5px 0px;
    color: #888;
    font-style: italic;
}
.aligncenter{
    margin: auto;
}
.detail-post-content .title-hwp{
    text-transform: uppercase;
    color: #f01a24;
    font-weight: bold;
    margin: 30px 0px 10px 0px;
    font-size: 20px;
}
.wp-caption{
    max-width: 100%;
}
#giatri_cotloi .title{
    font-size: 40px;
    line-height: 55px;
}
#giatri_cotloi .desc{
    font-size: 19px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 10px;
}
#giatri_cotloi h3{
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
}
h1#intro{font-size: 35px;font-family: "Oswald", sans-serif;}
.title_why{
    font-size: 19px;
    font-weight: bold;
    line-height: 25px;
    display: table;
    position: relative;
    text-transform: none;
    transition: all .3s ease-out 0s;
    padding-top: 5px;
}
.title-call-to-action{
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 10px;
}
.icon-baogia{
    position: fixed;
    z-index: 999;
    bottom: 0px;
    right: 15px;
}
.icon-baogia img{height: 50px;}
#hiti_phone_div{ display:block;position:fixed;  width:160px; height:160px; }
.hiti-phone.hiti-static{opacity: 1;}
.hiti-ph-img-circle {
    background-image: url(img/phone_mobi.png);
    animation: 1s ease-in-out 0s normal none infinite running hiti-circle-img-anim;
    background-color: rgba(30, 30, 30, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 70px;
    left: 65px;
    opacity: 0.7;
    position: absolute;
    top: 65px;
    transform-origin: 50% 50% 0;
    width: 70px;
}
.hiti-phone.hiti-hover {opacity: 1;}
.hiti-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim;
    -webkit-animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim;
    -moz-animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim;
    -ms-animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim;
    -o-animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim;
    background-color: transparent;
    border: 2px solid #f9cb9e;
    border-radius: 100%;
    height: 160px;
    left: 25px;
    opacity: 0.1;
    position: absolute;
    top: 25px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 160px;
}

.hiti-phone.hiti-active .hiti-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running hiti-circle-anim !important;
    -webkit-animation: 1.1s ease-in-out 0s normal none infinite running hiti-circle-anim !important;
    -moz-animation: 1.1s ease-in-out 0s normal none infinite running hiti-circle-anim !important;
    -ms-animation: 1.1s ease-in-out 0s normal none infinite running hiti-circle-anim !important;
    -o-animation: 1.1s ease-in-out 0s normal none infinite running hiti-circle-anim !important;
}

.hiti-phone.hiti-static .hiti-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important;
    -webkit-animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important;
    -moz-animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important;
    -ms-animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important;
    -o-animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important;
}

.hiti-phone.hiti-hover .hiti-ph-circle {
    border-color: rgba(0, 175, 242, 1);
    opacity: 0.5;
}

.hiti-phone.hiti-green.hiti-hover .hiti-ph-circle {
    border-color: rgba(117, 235, 80, 1);
    opacity: 0.5;
}

.hiti-phone.hiti-green .hiti-ph-circle {

    opacity: 0.5;
}

.hiti-phone.hiti-gray.hiti-hover .hiti-ph-circle {
    border-color: rgba(204, 204, 204, 1);
    opacity: 0.5;
}

.hiti-phone.hiti-gray .hiti-ph-circle {
    border-color: rgba(117, 235, 80, 1);
    opacity: 0.5;
}

.hiti-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running hiti-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 100px;
    left: 50px;
    opacity: 0.1;
    position: absolute;
    top: 50px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 100px;
}

.hiti-phone.hiti-active .hiti-ph-circle-fill {
    animation: 1.7s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;
    -webkit-animation: 1.7s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;
    -moz-animation: 1.7s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;
    -ms-animation: 1.7s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;
    -o-animation: 1.7s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;
}

.hiti-phone.hiti-static .hiti-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;
    -webkit-animation:2.3s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;
    -moz-animation:2.3s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;
    -ms-animation:2.3s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;
    -o-animation:2.3s ease-in-out 0s normal none infinite running hiti-circle-fill-anim !important;
    opacity: 0 !important;
}


.hiti-phone.hiti-hover .hiti-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}

.hiti-phone.hiti-green.hiti-hover .hiti-ph-circle-fill {
    background-color: rgba(117, 238, 35, 0.5);
    opacity: 0.75 !important;
}

.hiti-phone.hiti-green .hiti-ph-circle-fill {
    background-color: rgba(245,128,32,0.4);
    opacity: 1 !important;
}

.hiti-phone.hiti-gray.hiti-hover .hiti-ph-circle-fill {
    background-color: rgba(204, 204, 204, 0.5);
    opacity: 0.75 !important;
}

.hiti-phone.hiti-gray .hiti-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: 0.75 !important;
}

.hiti-phone.hiti-active .hiti-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;
    -webkit-animation:  1s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;
    -moz-animation: 1s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;
    -ms-animation:  1s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;
    -o-animation:  1s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important; 
}

.hiti-phone.hiti-static .hiti-ph-img-circle {
    animation: 0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;
    -webkit-animation:0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;
    -moz-animation:0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;
    -ms-animation:0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;
    -o-animation:0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important;
}

.hiti-phone.hiti-hover .hiti-ph-img-circle {
    background-color: rgb(245, 119, 12);
}

.hiti-phone.hiti-green.hiti-hover .hiti-ph-img-circle {
    background-color: rgba(117, 235, 80, 1);
} 

.hiti-phone.hiti-green .hiti-ph-img-circle {
    background-color: red;
}
.hiti-phone.hiti-gray.hiti-hover .hiti-ph-img-circle {
    background-color: rgba(204, 204, 204, 1);
}  
.hiti-phone.hiti-gray .hiti-ph-img-circle {
    background-color: rgba(117, 235, 80, 1);
} 
.hiti-phone {
    background-color: transparent;
    cursor: pointer;
    height: 200px;
    position:absolute;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: 999;
}

.hiti-phone.hiti-show {
    visibility: visible;
}   

@keyframes hiti-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }
    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
} 
@keyframes hiti-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}  
@keyframes hiti-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1)  skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
.hiti-ph-circle { 
    width: 120px; 
    height: 120px;

}
.hiti-ph-circle-fill {
    height: 70px;
    width: 70px;
}
.hiti-ph-img-circle {
    height: 40px;
    width: 40px;
} 
.hiti-phone {
    height: 150px;
    width: 150px;
}
.hiti-phone.hiti-green .hiti-ph-img-circle{z-index: 999;}
.showphone{
    background: #eee;
    width: 190px;
    border: 1px solid #ccc;
    border-radius: 40px;
    font-size: 20px;
    color: red;
    height: 40px;
    line-height: 40px;
    padding-left: 45px;
    position: absolute;
    top: 65px;
    left: 64px;
    font-weight: bold;
}
.chat-zalo{
    position: fixed;
    left: 5px;
    bottom: 60px;
    z-index: 99;
    color: #fff;
    background-color: #1ebbf0;
    background: #1ebbf0;
    background: -webkit-linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    background: linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    border-radius: 99px;
    padding: 7px 10px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16);
    font-weight: bold;
}
.chat-zalo:hover{color: yellow;}
.chat-zalo img{height: 30px;vertical-align: middle;}
.editor ul{margin-left: 20px;margin-bottom: 10px;}
.form_baogia{background: #ffcb08;}
.form_baogia button{width: 100%;}
.form_baogia .form-group:last-child{margin-bottom: 0px;}
.cat-desc a{color: #fff;}
.wpcf7 .ajax-loader{position: absolute;}
.wpcf7-not-valid-tip{color: red;}
.iq-footer3 .form-group .form-control{
    text-align: left;
}
.iq-footer3 .form-group textarea{
    height: 70px !Important;
}

.item_lichtrinh{
    background: #faf1d5;
    border-radius: 15px;
    padding-bottom: 30px;
}
.item_lichtrinh img{
    border-radius: 15px;
}
.item_lichtrinh .from-to {
    bottom: 0px;
    color: rgb(112, 112, 112);
    text-align: left;
    height: 50px;
    position: relative;
    padding-left: 33px;
    margin-left: 15px;
    line-height: 23px;
}
.item_lichtrinh .from-to div{
    margin: 5px 0px;
}
.item_lichtrinh .from-to svg{
    position: absolute;
    height: 100%;
    left: 0px;
}
.item_lichtrinh .price {
    background-image: radial-gradient(circle 597px at 93% 9.8%, #ff3d59 1.7%, #fcfb2c 97%);
    border-radius: 5px;
    color: #fff;
    right: -10px;
    top: 15px;
    line-height: 1.5;
    padding: 5px 15px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 0 40px 8px #fff;
}
.item_lichtrinh h4{
    font-weight: 500;
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    color: #133b74;
    text-transform: uppercase;
    margin-top: 15px;
}
.item_lichtrinh p{
    padding: 0px 15px;
    text-align: justify;
    margin-bottom: 15px;
}
#lichtrinh_box{
    background: #f6f7f7;
    padding: 60px 0px;
}
.mt-20{
    margin-top: 20px;
}
.is-divider {
    height: 3px;
    display: block;
    background-color: rgba(0, 0, 0, .1);
    margin: 1em 0 1em;
    width: 100%;
    max-width: 30px;
}
.text-center>div, .text-center>div>div, .text-center .is-divider, .text-center .star-rating, .text-center .is-star-rating {
    margin-left: auto;
    margin-right: auto;
}
.wpcf7-spinner{
    position: absolute;
}
.editor ul{
    margin-left: 30px;
}
.slide--headline{
    margin-bottom: 20px;
}

.form-contact label {
    font-weight: 700;
}
.form-group label {
    display: block;
    color: #383838;
    font-size: 15px;
    margin-bottom: 0px;
    line-height: 22px;
}
.form-contact input[type="text"],
.form-contact input[type="tel"],
.form-contact input[type="email"],
.form-contact input[type="date"],
.form-contact select,
.form-contact textarea{
    background: #fafbfc;
    background-color: #F0F0F0;
    border-width: 0 0 0 0;
    border-radius: 10px 10px 10px 10px;
    color: #000;
    font-weight: 500;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
}
.footer-bottom{
    background: #eee;
    padding: 20px 0px;
}
.iq-footer3 .footer-top{
    margin-bottom: 20px;
    float: left;
    width: 100%;
    background: #fff;
    padding-bottom: 30px;
}
.item_lichtrinh{
    margin-bottom: 30px;
}
.slide-action a{
    color: #fff !Important;
}