@import url(fonts.css);

/* Generales */

body{font-family: 'KiaL', sans-serif;}
.fonts-loaded body, input, textarea, select, btn, table {font-family: 'KiaR', sans-serif;}
.gnb_area .gnb_nav .dth_pip .car_grid .grid_box:hover .g_txt{font-family: 'KiaR', sans-serif;!important}

:root{
    --midnightBlack:#05141f;
    --gris80:#37434c;
    --gris60:#697279;
    --gris40:#9ba1a5;
    --gris20:#cdd0d2;
    --gris3:#f8f8f8;
    --blanco:#ffffff;
}


#container{
    background: url(../img/kia/common/bg_container.png) repeat;
}

.home-main{padding-top: 0!important;}
.generic-main{padding-top: 112px!important;}
.header_in{background-color: #ffffff;}
.gnb_nav{margin-bottom: 0;}
/* Home */
/* .Main_par{overflow: hidden;} */



/* Menu */

.wsg_main#wrap, .wsg_main #header, .wsg_main .snb_wrap{background-color:var(--blanco);}
.wsg_main .gnb_area .gnb_nav .dth1_a{color: var(--midnightBlack);}
.wsg_main #header .go_build .btnType1{color: var(--midnightBlack);}
.gnb_area .gnb_nav.gnb_right{margin-right: 150px;}
.wsg_main #header .spr_menu{background-position-y: -16px;}

/* Modelos */

.btnType1{background-color: var(--midnightBlack);}
.pipLayout .textArea h2{position: relative; background: none;}
.pipLayout .textArea h2:before{
    content: "";
    display: block;
    height: 2px;
    background-color: var(--midnightBlack);
    top: 0;
    position: absolute;
    width: 35px;
}

.pipContents .popup_wrap{
    border-top: 2px solid var(--midnightBlack)
}

.pipLayout h4{font-family: 'KiaB', sans-serif;}
.pipContents .popup .pop_con .img_more dt:before {
    border-top: 2px solid var(--midnightBlack);
}

/* .keyVisualWrap .keyVisual02 .textArea{margin-top: 60px;} */
.indicator .indicator_inner ul li.on .indicatorNum{
    background: url(../img/kia/showroom/bg_indicator_on.png)!important;
}
.indicator .indicator_inner ul li.on .indicatorNum {
    background-image: url(../img/kia/showroom/bg_indicator_on.png) !important;
}

.indicator .indicator_inner ul li .indicatorNum {
    background-image: url(../img/kia/showroom/bg_indicator_off.png) !important;
}

.indicator .indicator_inner ul li.on .indicatorTxt {
    background-image: url(../img/kia/showroom/bg_indicatortxt_on.png) !important;
}

.indicator .indicator_inner ul li .indicatorTxt {
    background-image: url(../img/kia/showroom/bg_indicatortxt_off.png) !important;
}

.pip_build .build_link .link_li {
    background-image: url(../img/kia/showroom/icon_feature_buildlink.webp) !important;
}

.cmm_spr, .cmm_tspr:before, .cmm_tspr:after, .util_a:before, .dth1_a:after, [class*=bl_type]:before, [class*=bl_type]:after, .pg_arrow, .pg_btn, .pg_btn_on {
    background-image: url(../img/kia/common/spr_common.webp);
}

.pipContents .popup .pop_con{
    max-height: none;
}
/* .pip_wrap #container {
    padding-top: 0 !important;
} */

.bbs_img{display: block!important;}

.legal-promociones ol{list-style: auto; padding-left: 1.5rem;}

/* Footer */

.info_map{background-color: var(--midnightBlack);}
.site_info a{color: var(--gris20);}

/* Fixed */

.keyVisualWrap .bgInner {
    width: 175%;
}

.legal-promociones p a{
    color: #EA0029;
    font-family: "kiaB";
}


/* Mediaqueries */

@media (min-width: 767px){ 
    .pip_wrap #container, .pip_wrap.fe_pip_wrap #container, #container{
        padding-top: 60px!important;
    }
}

@media (min-width: 959px){ 
    .keyVisualWrap .bgInner {
        width: 150%;
    }
}

@media (min-width: 1100px){ 
    .keyVisualWrap .bgInner {
        width: 120%;
    }
    .pip_wrap #container, .pip_wrap.fe_pip_wrap #container, #container{
        padding-top: 110px!important;
    }
}

@media (min-width: 1260px){ 
    .keyVisualWrap .bgInner {
        width: 110%;
    }
}

@media (min-width: 1359px){ 
    .keyVisualWrap .bgInner {
        width: 105%;
    }
}

@media (min-width: 1400px){ 
    .keyVisualWrap .bgInner {
        width: 130%;
    }
}


@media (min-width: 1700px){ 
    .keyVisualWrap .bgInner {
        width: 110%;
    }
}


@media (min-width: 1900px){ 
    .keyVisualWrap .bgInner {
        width: 100%;
    }
}


@media (max-width: 767px){ 
    .wsg_main #header .logo_h1 {
        width: 200px;
        height: auto;
    }
    .wsg_main #header:hover .logo_h1 .lg_a{
        width: 100%!important;
        height: auto;
    }
    .wsg_main #header .logo_h1{
        top: 10px;
    }
    .pip_wrap #container, .pip_wrap.fe_pip_wrap #container, #container{
        padding-top: 60px!important;
    }

}