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

/*************** ADD CUSTOM CSS HERE.   ***************/
.h2_title_section h3.section-title b{
    height: 0 !important;
}
.h2_title_section h3.section-title{
    color: #e2873e;
}
.h2_title_section_left h2{
    text-transform: capitalize;
    font-size: 30px;
    padding-right: 10%;
    color: #333333;
}
.h2_title_section h2{
    color: #333333;
}
.h2_title_section h2{
    text-transform: capitalize;
    padding-left: 20%;
    padding-right: 20%;
    font-size: 30px;
}
.h2_title_section h2 strong{
    color: #086ad8;
}
.h2_title_section_left h2 strong{
    color: #086ad8;
}
.home_icon_box h2{
    text-align: left !important;
    font-size: 20px ;
}
.home_title_section_1 h2.heading{font-size: 60px;}
.col5-fix-about h3 strong{font-size: 100px; color: #e2873e;}
.col5-fix-about h3 {font-size: 18px;line-height: 60px;}
.col5-fix-about h4.heading{
    font-size: 28px;
}
.col5-fix-about h4 strong {
    color: #086ad8;
}
.accordion_about a.accordion-title{
    background: #e2873e;
    color: white;
    border-top: #e2873e;
    border-top: #e2873e;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 700;
}
.accordion_about .accordion-item{
    background: #F8F8F8;
    margin-bottom: 20px;
    border-radius: 5px;

}
.primary{
    background-color: #086ad8 !important;
    color: white;
    border-radius: 5px;
}
.title_about_none{margin-bottom: 0}
.title_about_none h4.section-title-normal {
    border-bottom: none;margin-bottom: 0;
    margin-top: 100px;
}
.title_about_none h4.section-title-normal span{
    border-bottom: none;    color: #313131;    font-size: 15px;
}
.left_10_about{padding-left: 5%;}
.left_10_about h2{
    font-size: 55px;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #e2873e;
}
.left_10_about h2:hover{
    color: #086ad8;
    cursor: pointer;
}
.about_sec_form:after{
    content: '';
    background: url(../flatsome/assets/img/word.png);
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    left: 55%;
    top: 55px;
}
.box_services{
    padding-top: 30px;
    padding-bottom: 50px;
    margin-bottom: 70px;
}
.box_services:after{
    content: '>';
    width: 65px;
    height: 65px;
    background: #e2873e;
    position: absolute;
    background-repeat: no-repeat;
    border-radius: 50%;
    bottom: -30px;
    left: 42%;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    color: white;
    font-size: 26px;
}
.box_services:hover:after{
    background: #096AD8;
}
.box_services h3{
    font-size: 20px;
    margin-bottom: 15px;
}
.box_services p{
    font-size: 16px;
}
.page_title_header_cus h1.entry-title{
    font-size: 60px;
    color: #e2873e;;
}
.page_title_header_cus div.page-title-sub p{
    font-size: 24px;
    font-weight: 500;
    line-height: 1.67;
    color: #333;
}
.til_service h2 b{
    background-color: unset;
}
.til_service h2 span{
    border: unset;
}
.til_service h2{
    font-size: 35px;
    color: #333;
    line-height: 0;
    margin-bottom: 0;
    margin-top: 30px;
}
.star-rating span:before{
    color: #fb0;
}
.star-rating{
    font-size: 30px;
}
.icon_services{padding-left: 15%;}
.icon_services h5{color: #333}
.icon_services h2{
    font-size: 40px;
    color: #086ad8;
}
/*.page_title_header_cus h1.entry-title:before{*/
    /*content: '';*/
    /*background: url(../flatsome/assets/img/bg-ww.png);*/
    /*height: 470px;*/
    /*width: 100%;*/
    /*position: absolute;*/
    /*background-repeat: no-repeat;*/
/*}*/
.box_solution h2{font-size: 22px;color: #333;text-transform: capitalize;}
.box_solution{height: 270px;}
.solution_t1 h3{
    border-bottom: unset;
}
.solution_t1 h3 span{
    border-bottom: unset;color: #e2873e;
}
.solution_t1{
    margin-top: 75px;
    margin-bottom: 25px;
}
.solution_t2{
    padding-bottom: 0px;
    font-size: 14px;
    padding-right: 15%;
}
.solution_t3{
    color: #096ad8;
    font-size: 30px;
    text-transform: uppercase;
}
.bg_solution:before{
    content: '';
    background: url(../flatsome/assets/img/word.png);
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    top: -150px;
    left: 50px;
}
.header-main ul.header-nav-main li a{
    font-size: 17px;
    color: #333;
}
.header-main ul.header-nav-main li.active a{
    color: #e2873e;
    border-bottom: 2px solid #e2873e;
}
.header-main ul.header-nav-main li a:hover{
    color: #e2873e;
    cursor: pointer;
    border-bottom: 2px solid #e2873e;
}
.header-main ul.header-nav-main li{
    padding-right: 20px;
}
.archive-page-header-dev{
    text-align: center;
    margin-bottom: 50px;
    background-image: url(../flatsome/assets/img/title-bar-02-bg.jpg);
    padding-top: 80px;
    padding-bottom: 30px;
    width: 100%;
    min-height: 191px;
    font-size: 40px;
    margin-top: -30px;
    background-position: center;
}
.archive-page-header-dev h1.page-title{
    font-size: 60px;
    color: #e2873e;
}
/*.archive-page-header-dev h1.page-title:before{*/
    /*content: '';*/
    /*background: url(../flatsome/assets/img/title-bar-02-bg.jpg);*/
    /*height: 403px;*/
    /*width: 100%;*/
    /*position: absolute;*/
    /*background-repeat: no-repeat;*/
    /*left: -346px;*/
    /*top: -178px;*/
/*}*/
.tab_du_an ul.nav-line-bottom li{
    font-size: 24px;
    margin-right: 50px;
    margin-bottom: 40px;
    text-transform: capitalize;
}
.tab_du_an ul.nav-line-bottom li.active a{
    color: #096ad8;
}
.tab_du_an ul.nav-line-bottom li.active a:before{
    background-color: #096ad8;
}
.category-tin-tuc header.entry-header .entry-header-text{padding-bottom: 0px;}
.category-tin-tuc header.entry-header .entry-header-text h6 a{font-size: 16px;color: #e67214;}
#block_widget-2{
    width: 27%;
    max-width: 27%;
    flex-basis: 27%;
}
#block_widget-2 .social-icons{
    margin-top: 20px;
    display: block;
    text-align: center;
}
#block_widget-5{
    line-height: 40px;
    font-size: 18px;
    padding: 0px;
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
}
#block_widget-5 ul{
    margin-top: 0px;
}
#block_widget-5 h3{
    text-align: center;
    margin-top: 4px;
    color: #e2873e;
    font-size: 26px;
}
#block_widget-7{
    width: 21%;
    max-width: 21%;
    flex-basis: 21%;
}
#block_widget-7 ul{
    margin-left: 20%;
    font-size: 18px;
    margin-top: 20px;
    line-height: 24px;
}
#block_widget-7 ul li{
    list-style: disc;
}
#block_widget-7 ul li a{
    color: #333;
}
#block_widget-7 ul li a:hover{
    color: #e2873e;
    cursor: pointer;
}
.shade{
    opacity: 1 !important;
}
.header_slide{
    color: #333;
}
.header_slide .slide_banner_home h4,.header_slide .slide_banner_home h5,.header_slide .slide_banner_home h6,.header_slide .slide_banner_home h3,.header_slide .slide_banner_home p{
    color: #333;
    font-weight: 500;
}
.header_slide .slide_banner_home h1,.header_slide .slide_banner_home h2{
    color: #072b83;
}
#header #top-bar{
    background: #e2873e;
}
.absolute-footer{
    background-color: #e2873e !important;
    color: white !important;
}
.absolute-footer a{
    color: white !important;
}
.absolute-footer a:hover{
    color: #333 !important;
    cursor: pointer;
}
.header-main{
    height: 105px !important;
}
.wpcf7-submit{
    background: #e2873e !important;
    width: 100%;
    padding: 5px;
}
.next-prev-nav .nav-previous a{font-weight: bold;}
.next-prev-nav a:hover{
    color: #e2873e;
}
.next-prev-nav .nav-next {
    padding: 5px 10px;
    font-weight: bold;
}
.blog-share a{font-size: 16px;margin-right: 5px !important;}
.op-7{opacity: 1 !important;}
.bbbox_home .box-text-inner{
    background: #e2873ec7;
    padding: 20px 10px;
    border-radius: 5px;
}
.tab_du_an ul.nav-line-bottom li.active a{
    color: #e2873e;
}
.tab_du_an ul.nav-line-bottom li.active a:before {
    background-color: #e2873e;
}
.maps_page_contact{
    margin-bottom: -36px;
}
.info_content_contact{    padding-right: 5%;}
.info_content_contact img{
    width: 150px;
    margin: 0 auto;
    display: block;
    margin-bottom: 5px;
}
.info_content_contact h3{
    font-size: 32px;
    text-transform: capitalize;
    text-align: center;
    color: #e2873e;
}
.info_content_contact ul{margin-top: 25px;    margin-bottom: 30px;}
.info_content_contact h5{
    font-style: italic;
    color: #086ad8;
}



@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    /*************** ADD Tablet ONLY CSS HERE  ***************/
    .h2_title_section h2{padding-left: 0;padding-right: 0;}
    .home_title_section_1 h2.heading {
        font-size: 38px;
    }
    .til_service h2 {
        font-size: 20px;
        color: #333;
        line-height: 0;
        margin-bottom: 0;
        margin-top: 0px;
    }
    .icon_services {
        padding-left: 0%;
    }
    .icon_services h2 {
        font-size: 26px;
        color: #086ad8;
    }
    .solution_t1 {
        margin-top: -25px;
        margin-bottom: 0;
    }
    .box_solution {
        height: 350px;
        overflow: hidden;
    }
    .tab_du_an ul.nav-line-bottom li {
        font-size: 20px;
        margin-right: 30px;
        margin-bottom: 40px;
        text-transform: capitalize;
    }

}

@media (min-width: 481px) and (max-width: 768px) {
    .h2_title_section h2{padding-left: 0;padding-right: 0;}
    .home_title_section_1 h2.heading {
        font-size: 38px;
    }
    .til_service h2 {
        font-size: 20px;
        color: #333;
        line-height: 0;
        margin-bottom: 0;
        margin-top: 0px;
    }
    .icon_services {
        padding-left: 0%;
    }
    .icon_services h2 {
        font-size: 26px;
        color: #086ad8;
    }
    .solution_t1 {
        margin-top: -25px;
        margin-bottom: 0;
    }
    .box_solution {
        height: 350px;
        overflow: hidden;
    }
    .tab_du_an ul.nav-line-bottom li {
        font-size: 20px;
        margin-right: 30px;
        margin-bottom: 40px;
        text-transform: capitalize;
    }

}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .header_slide .slide_banner_home h1, .header_slide .slide_banner_home h2{font-size: 26px;}
    .h2_title_section h2{padding-left: 0;padding-right: 0;font-size: 20px;}
    .h2_title_section h3.section-title {
        font-size: 16px;
    }
    .home_icon_box img{
        max-width: 50%;
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .home_icon_box h2 {
        text-align: center !important;
        font-size: 20px;
    }
    .home_title_section_1 h2.heading {
        font-size: 20px;
    }
    #block_widget-2 {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }
    #block_widget-2 img{display: block;margin: 0 auto;}
    #block_widget-5 {
        line-height: 40px;
        font-size: 18px;
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    #block_widget-7 {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }
    #block_widget-7 ul {
        margin-left: 15%;
        font-size: 18px;
        margin-top: 0px;
        line-height: 24px;
    }
    .page_title_header_cus h1.entry-title {
        font-size: 26px;
    }
    .page_title_header_cus div.page-title-sub p {
        font-size: 20px;
    }
    .col5-fix-about h3 {
        font-size: 12px;
    }
    .col5-fix-about h4.heading {
        font-size: 22px;
    }
    .h2_title_section_left h2{
        font-size: 24px;
        text-align: center;
        padding-right: 0;
    }
    .h2_title_section_left a{margin: 0 auto;display: block}
    .title_about_none h4.section-title-normal{margin-top: 0px;}
    .left_10_about h2 {
        font-size: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }
    .left_10_about{padding-bottom: 0px !important;}
    .til_service h2 {
        font-size: 20px;
        margin-top: 60px;
    }
    .icon_services {
        padding-left: 10%;
    }
    .icon_services h2 {
        font-size: 22px;
    }
    .solution_t3 {
        font-size: 22px;
    }
    .solution_t2 {
        padding-bottom: 10px;
        font-size: 12px;
        padding-right: 10%;
    }
    .solution_t1 {
        margin-top: 50px;
        margin-bottom: 10px;
    }
    .page-title.simple-title .page-title-inner h1.entry-title{    font-size: 26px;}
    .tab_du_an ul{
        margin-bottom: 20px;
    }
    .tab_du_an ul.nav-line-bottom li{
        font-size: 22px;
        margin-right: 0px;
        margin-bottom: 0px;
        text-transform: capitalize;
        width: 100%;
        float: left;
        background: #f7f4ee;
        padding-left: 10%;
    }
    .tab_du_an ul.nav-line-bottom li.active a{
        color:  #e2873e;
    }
    .tab_du_an ul.nav-line-bottom li.active a:before {
        background-color: #e2873e;
        opacity: 0.7;
    }
    .blog-share a {
        font-size: 14px;
        margin-right: 5px !important;
    }
    .next-prev-nav .nav-previous{
        padding: 5px 10px;
        font-weight: bold;
    }
    .archive-page-header-dev h1.page-title {
        font-size: 26px;
    }
    .info_content_contact{
        margin-top: 0px;
    }
    .info_content_contact img{
        display: none !important;
    }
    .info_content_contact h3 {
        font-size: 24px;
    }

}