/*
Theme Name: Chido theme
Description: 
Author: Le Van Toan
Template: flatsome
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body{
    font-size: 16px !important;
}
h1.h1_logo {
    height: 0;
    overflow: hidden;
    width: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}
.devvn_lanbanh_wrap, .devvn_lanbanh_wrap *, div#lich_tra_khoanvay {
    font-family: "Quicksand", sans-serif;
}
#top-bar .nav>li>a {
    color: #333;
}
#top-bar .nav>li>a:hover {
    color: #231f20 !important;
}
div#top-bar {
    box-shadow: #3e3d3d 0 2px 5px -2px;
    background: linear-gradient(#FBFBFB,#e0e0e0);
}
.nav-small.nav>li.html {
    font-size: 100%;
}
.nav>li>a {
    font-size: 95%;
}
#top-bar .nav>li>a {
    font-size: 14px;
    text-transform: none;
    letter-spacing: normal;
}
.header-main .nav-box>li.active>a, .header-main .nav-pills>li.active>a {
    color: #fff;
}
.header-main .nav > li > a {
    color: #144686;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin: 0 0 20px 0;
}
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section-title.section-title-center > b {
    background: transparent;
}
.section-title.section-title-center > b {
    background: transparent;
}
.section-title.section-title-center {
    background: url(images/icon-title.png) no-repeat center bottom;
    padding-bottom: 30px;
}
.col.post-item .box.box-normal .post-title {
    line-height: 1.3 !important;
    max-height: 42px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
/*.row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover, .box-shadow-1, .box-shadow-1-hover:hover {
    border-top: 1px solid rgb(0 0 0 / 12%);
}*/
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {
    color: #fff !important;
}
.bg-cover .bg.section-bg {
    background-size: cover !important;
    background-position: center top;
}
a.hotline_footer {
    background: url(images/bg-hotline.png) no-repeat right top;
    display: block;
    text-align: right;
    color: #fff !important;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 50px 10px 10px;
    background-size: 100% 100%;
    height: 92px;
    max-width: 270px;
}
a.hotline_footer strong {
    font-size: 30px;
}
.footer-widgets.footer.footer-1 {
    padding-top: 20px;
}
.footer-widgets.footer.footer-1 a.hotline_footer {
    margin-top: -40px;
}
.footer-widgets.footer.footer-1 .is-divider {
    display: none;
}
.footer-widgets.footer.footer-1 span.widget-title {
    font-size: 17px;
}

.footer-widgets.footer.footer-1 .widget {
    margin-bottom: 15px;
}

footer#footer {
    overflow: hidden;
}

.footer-widgets.footer.footer-2 span.widget-title {
    font-size: 17px;
}
.footer-widgets.footer.footer-2 li:before {
    font-family: 'fl-icons' !important;
    font-display: block;
    speak: none !important;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    position: relative;
    line-height: 1.2;
    content: "\f105";
    color: #004b8e;
    background: #fff;
    font-weight: 700;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 0;
}
.footer-widgets.footer.footer-2 li {
    position: relative;
    padding-left: 25px;
}

header.single-page-header a {
    color: #333;
}
header.single-page-header {
    background-color: #f5f5f5;
    padding: 8px 0;
}
header.single-page-header .col, header.single-page-header .col p {
    min-height: auto;
    margin: 0;
    padding-bottom: 0;
}
header.single-page-header strong {
    font-weight: 400;
}
h1.entry-title,
.archive h1.page-title{
    letter-spacing: normal;
    font-size: 24px;
    background: url(images/icon-title.png) no-repeat center bottom;
    padding-bottom: 30px;
    text-align: center;
}
.block_chaomung img {
    margin: 0 !important;
}
.block_chaomung p {
    margin-bottom: 5px;
}
div#content > .page-inner {
    text-align: justify;
}
.sidebarInfo_box {
    background: #d9d9d9;
    border: 1px solid #878787;
    padding: 10px;
}
ul.sidebarListInfo {
    margin: 0 0  10px;
    padding: 0;
    list-style: none;
}
ul.sidebarListInfo li {
    position: relative;
    margin: 0;
    padding: 0 0 0 26px;
    font-size: 15px;
}
ul.sidebarListInfo li:before {
    width: 18px;
    height: 18px;
    border: 1px solid red;
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 3px;
}
ul.sidebarListInfo li:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 4px;
    width: 20px;
    height: 10px;
    background: transparent;
    border: 2px solid red;
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg);
}
.sidebarInfo {
    margin-bottom: 10px;
}
.sidebarBtns a {
    width: 100%;
    display: block;
    text-align: center;
    background: #ff0000;
    color: #fff !important;
    font-weight: 700;
    padding: 6px 5px;
    border-radius: 3px;
}
.sidebarBtns a:nth-child(1) {
    margin-bottom: 10px;
}

div#secondary .widget .is-divider {
    display: none;
}
div#secondary span.widget-title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    display: block;
}
div#secondary span.widget-title span {
    margin: 0;
    display: inline-block;
    font-size: 17px;
    color: #fff;
    width: auto;
    padding: 10px;
    background: #004b8e;
    font-weight: 700;
    letter-spacing: normal;
}
.box.box-vertical .box-text {
    font-size: 1em;
}
.box.box-vertical .box-text h3.post-title {
    color: #334862;
    margin: 0 0 10px;
}
.box.box-vertical .box-text .is-divider {
    display: none;
}
.post-meta {
    padding: 0 0 4px 0;
    font-size: 13px;
    color: #afafaf;
    margin-bottom: 5px;
}
.post-meta > span {
    position: relative;
    display: flex;
    align-items: center;
}
.post-meta > span > i {
    margin-right: 5px;
}
.single-post .entry-content {
    padding-top: 0;
}
.single-post .entry-header-text {
    padding-bottom: 0;
}
.page-header-wrapper .page-title-inner.align-center .title-wrapper {
    width: 100%;
    display: block;
}
.page-template-page-blank-title-center header.entry-header .is-divider {
    display: none;
}

.product_tab_content h1.section-title {
    border-bottom: 0;
}
.product_tab_content h1.section-title span.section-title-main {
    padding: 0;
    margin: 0;
    border-bottom: 0;
    text-transform: initial;
}
.product_tab_content h1.section-title {
    border-bottom: 0;
    margin-bottom: 5px;
}
.product_tab_content p {
    margin-bottom: 5px;
}
.product_tab_content ul li {
    margin-bottom: 0;
}
.product_tab_content ul {
    margin-left: 20px;
}
.devvn_product_tabs .icon-box-center .icon-box-img {
    margin-bottom: 5px;
}

span.mau_xe_item_color {
    width: 50px;
    display: block;
    height: 30px;
    border: 1px solid #ddd;
}
.devvn_car_list_color {
    font-size: 0;
}
.devvn_car_list_color > span, .devvn_car_list_color a {
    font-size: 16px;
}
.devvn_car_list_color span {
    margin-right: 2.5px;
}
a.mau_xe_item {
    display: inline-block !important;
    margin: 0 2.5px 5px 2.5px;
    vertical-align: middle;
}
.devvn_car_list_color > span {
    margin-right: 2.5px;
    line-height: 30px;
    display: inline-block;
}
.mau_xe_main {
    margin-bottom: 10px !important;
}
body:not(.ux-builder-iframe) .product_tab_content:not(.active) {
    display: none !important;
}
.product-menu-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 0 20px;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    overflow: hidden;
}
.product-menu-content a {
    min-height: inherit;
    display: block;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #334862;
    font-size: 14px;
}
.product-menu-content a:hover{
    color: red !important;
}
.stick_product_menu .product-menu-content a.active {
    color: #fff !important;
    background: #fa2244 !important;
}
.devvn_title_style .section-title-bold span.section-title-main {
    background: #0071bc;
    color: #fff;
    border: 0;
    font-size: 16px;
    padding: .4em 1em;
}
.devvn_title_style .section-title-bold {
    border-bottom: 2px solid #0071bc;
}
.devvn_title_style .section-title-bold b {
    background: transparent;
}
.entry-content.single-page p {
    margin-bottom: 10px;
}
.gallery-col.col .box-text {
    font-size: 100%;
}
.gallery-col.col a {
    color: #000;
}
.gallery-col.col .box-image {
    border: 2px solid #ccc;
}

.stick_product_menu .product-menu-content {
    position: fixed;
    top: 0;
    z-index: 99999;
    background: #fff;
}
.stick_product_menu.admin-bar .product-menu-content {
    top: 32px;
}

.category-165 .col.post-item .image-cover {
    padding-top: 46% !important;
}

.footer-widgets.footer.footer-2 li {
    border-top: 0;
    margin-bottom: 8px;
}
.footer-widgets.footer.footer-2 li a {
    opacity: 1;
    padding: 0;
}
.footer-widgets.footer.footer-2 li:before {
    opacity: 1;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    color: #333 !important;
}

.popup_style {
    background: #fff;
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    position: relative;
    min-height: 50px;
}

@media screen and (min-width: 550px){
    .box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text {
        vertical-align: top;
    }
    .box.box-vertical .box-text {
        padding-top: 0;
    }
}
@media only screen and (min-width: 850px) {
    .footer-widgets.footer.footer-1 .widget:nth-child(2) {
        max-width: 27%;
        -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
        padding-left: 50px;
    }
    .footer-widgets.footer.footer-1 .widget:nth-child(4) {
        max-width: 18%;
        -ms-flex-preferred-size: 18%;
        flex-basis: 18%;
    }
    .footer-widgets.footer.footer-1 .widget:nth-child(1) {
        max-width: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    }
    .footer-widgets.footer.footer-1 .row {
        position: relative;
    }

    /*.footer-widgets.footer.footer-1 .row:before {
        content: "";
        position: absolute;
        top: -40px;
        left: -1000%;
        left: calc(-1000% - 30px);
        left: -webkit-calc(-1000% - 30px);
        left: -moz-calc(-1000% - 30px);
        width: 1000%;
        height: 92px;
        background: #c80303;
        border-bottom-right-radius: 40px;
    }*/
    .footer-widgets.footer.footer-2 .widget:nth-child(1) {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .footer-widgets.footer.footer-2 .widget:nth-child(2), .footer-widgets.footer.footer-2 .widget:nth-child(3) {
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
    div#content.col-divided {
        border-right: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 1060px){
    .nav > li > a {
        font-size: 80%;
    }
    #logo {
        width: 156px !important;
    }
}
@media screen and (max-width: 849px){
    .stick_product_menu.admin-bar .product-menu-content {
        top: 0;
    }
    .stick_product_menu .product-menu-content {
        left: 0;
        right: 0;
        width: 100% !important;
    }
    .product-menu-content a {
        padding: 5px 8px;
        font-size: 13px;
        text-align: center;
        text-transform: none;
    }
}
@media screen and (max-width: 767px){
    .devvn_car_list_color > span {
        display: block;
    }
    .stack_tab_item .icon-box-text {
        font-size: 13px;
    }
}

@media screen and (max-width: 450px){
    div#top-bar li.html.custom.html_topbar_left {
        font-size: 79%;
    }
}