/* Add here all your css styles (customizations) */
.ms-thumb-list{
    height: 10px!important;
    width: 100%!important;
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}

.ms-wk{
    margin-bottom: 0px!important;
    padding-bottom: 0!important;
}

.master-slider{
    height: 610px!important;
    margin-bottom: 0px!important;
}

.g-bg2colors-primary-black-v1{
    margin-top: 0px!important;
}

.ms-thumb-list{
    width: 100%!important;
}
.ms-thumbs-cont{
    width: 100%!important;
}

.ms-thumb-frame{
    width: 50%!important;
}

.ms-thumb-frame-selected{
    width: 50%!important;
}

.botonidioma{
    background-color: transparent;
    border-style: none;
    margin: 0;
}

.botonidioma:hover{
    background-color: transparent;
    border-style: none;
    margin: 0;
}
.submenu{
    background-color: rgba(49, 53, 62, 0.8) !important;
    color: white!important;
    position: absolute!important;
    right: -20px!important;
    left: auto!important;
    min-width: 9rem!important;
}
.idioma{
    color: white!important;
}

.customselect{
    width: 100% !important;
    height: 41px!important;
}
.select2-choice{
    width: 100% !important;
    background-image: none !important;
    background: transparent !important;
    color: black !important;
    border-radius: 0px!important;
    border-style: none !important;
    height: 41px!important;
    /*border-style: none !important;*/	
}
.select2-chosen{
    padding: 10px!important;
    height: 41px!important;
}
.select2-drop-active{
    border: 0px !important;
}
.select2-choice:active{
    border-color: #fff !important;
    height: 41px!important;		
}
.select2-container-active{
    padding-top: 0px !important;
    border-radius: 0px!important;
    border-color: black !important;	
}

.infoImage > img{
    width: 100%!important;
}

@media (max-width: 767px){
    .nav-fill {
        display: inline!important;
    }
    .master-slider{
        height: 180px!important;

    }
    .menu1{
        background-color: rgba(49, 53, 62, 0.8) !important;
    }
    .submenu{
        background-color: rgba(49, 53, 62, 0.8) !important;
        color: white!important;
        position: absolute!important;
        right: auto!important;
        left: 0!important;
        min-width: 9rem!important;
    }
}

@media (max-width: 991px){
    .menu1{
        background-color: rgba(49, 53, 62, 0.8) !important;
    }
    .submenu{
        background-color: rgba(49, 53, 62, 0.8) !important;
        color: white!important;
        position: absolute!important;
        right: auto!important;
        left: 0!important;
        min-width: 9rem!important;
    }
}

.g-bg-black {
    background-color: rgba(25, 25, 25, 0.8) !important;
}

.u-nav-v2-1 .nav-link.active, .u-nav-v2-1 .cbp-filter-item-active .nav-link {
    background-color: #31353e;
    color: white;
}


/*
 Custom drive4you
 * */
.g-color-primary {
    color:  var(--secondary-bg-color) !important;
}
.g-bg-primary {
    background-color: var(--main-bg-color) !important;
    color: var(--main-color) !important;
}
.g-bg2colors-primary-black-v1::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #31353e;
    border-right: 50vw solid var(--main-bg-color) !important;
}
.g-brd-primary {
    border-color: var(--secondary-bg-color) !important;
}
.g-bg-primary-dark-v1 {
    background-color: white !important;
    color: #333 !important;
}
.navbar-nav .nav-item .nav-link {
    color: #fff;
    font-size: 16px;
}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item.active .nav-link {
    color: var(--secondary-bg-color);
}
a {
    color: var(--secondary-bg-color);
    outline: none;
}
a:focus, a:hover {
    color: var(--secondary-bg-color);
    outline: none;
}
::selection {
    color: #fff; 
    background-color: var(--secondary-bg-color); 
}
.dzsparallaxer:not(.mode-oneelement) {
    background-color: var(--main-bg-color) !important;
}
.u-btn-primary {
    color: var(--secondary-color);
    background-color: var(--secondary-bg-color);
}
.u-btn-primary:hover, .u-btn-primary.active {
    border-color: var(--secondary-bg-color);
    background-color: var(--secondary-bg-color);
    color:black;
}
.form-control:focus, .custom-select:focus {
    border-color: #31353e;
}

.g-bg-primary--hover:hover {
    background-color: var(--main-bg-color) !important;
}

.g-parent:hover .g-bg-primary-dark-v2-opacity-0_8--parent-hover {
    background-color: rgb(38, 48, 77) !important;
}

.g-brd-primary--focus:focus, .g-brd-primary--focus.g-state-focus *, .g-brd-primary--focus.g-state-focus *:focus {
    border-color: var(--main-bg-color) !important;
}

#ui-datepicker-div {
    z-index: 101!important;
}

.busqueda11 {
    display: none!important;
}

.sinfact {
    display: none!important;
}

.footer-colors{
    background-color: var(--footer-bg-color) !important;
    color: var(--footer-color) !important;
}

.u-nav-v2-1.u-nav-light .nav-link.active, .u-nav-v2-1.u-nav-light .nav-link.cbp-filter-item-active {
    color: var(--main-bg-color) !important;
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}

[class*="u-nav-v2"].u-nav-light .nav-link {
    color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}

.g-bg-black-opacity-0_3 {
    background-color: var(--nav-bgcolor) !important;
}

.navbar-nav .nav-item .nav-link {
    color: var(--nav-color) !important;
    font-size: 16px;
}

.navbar-nav .nav-item .nav-link:hover {
    color: var(--secondary-bg-color) !important;
    font-size: 16px;
}

.u-go-to-v1:hover, .u-go-to-v1:focus:hover {
    text-decoration: none;
    color: var(--main-color) !important;
    background-color: var(--main-bg-color) !important;
}

.u-header--sticky-top, .u-header--sticky-bottom {
    position: var(--menu-position) !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: lightgrey!important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: lightgrey!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: lightgrey!important;
}

.oferta{
    padding: 4px;
    background-color: #ee4136;
    color: white;
    margin-right: 10px;
    border-radius: 3px;
}

.title-multicolor{
    text-align: center;
    text-transform: uppercase;
    font-size: 6rem;
    font-weight: bold;
    background: linear-gradient(to right, #0BBBEF 0%, #FCE278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-multicolor{
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background: linear-gradient(to right, #0BBBEF 0%, #FCE278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.title-bigger {
    font-size: 12rem;
}
.title-bigger22 {
    font-size: 22rem;
}
.micuenta::after {
    content: ""!important;
}
.micuenta {
    color: #0BBBEF!important;
}
@media (max-width: 900px){
    h1.title-multicolor{
        text-align: center;
        text-transform: uppercase;
        font-size: 2.5rem;
        font-weight: bold;
        background: linear-gradient(to right, #0BBBEF 0%, #FCE278 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    h1.title-bigger {
        font-size: 2.5rem;
    }
    
}

@media (max-width: 991px){
    .mobilemenu{
        display: initial!important;
    }
    h1.title-bigger22 {
        font-size: 2.5rem;
    }
}
.color-bluetxt {
    color: #0BBBEF!important;
}
.color-whitetxt {
    color: white!important;
}
.bg-black {
    background: black;
}
.btn-web{
    color: black;
    border-style: solid;
    border-width: 2px;
    border-color: black;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.btn-web-blue{
    color: white;
    background: #0BBBEF;
    border-style: solid;
    border-width: 2px;
    border-color: #0BBBEF;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.btn-web-yellow{
    color: #C54A37;
    background: #FCE278;
    border-style: solid;
    border-width: 2px;
    border-color: #FCE278;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.bg-web-lightblue{
    background-color: #e9f6fe;
}
.cartec{
    background: #e8e8e8;
}
table.cartec > tbody > tr{
    border-bottom-color: white;
    border-bottom-style: solid;
}
table.cartec > thead > tr{
    border-bottom-color: white;
    border-bottom-style: solid;
}
table.cartec > thead {
    background-color: #000;
}
table.cartec > thead > tr > th {
    color: white;
}

.u-slider-v1-2.ui-slider .ui-slider-handle, .u-slider-v1-3.ui-slider .ui-slider-handle {
    width: 15px;
    height: 15px;
    margin-top: -8px;
    margin-left: -8px;
    border-width: 2px;
    border-color: var(--secondary-bg-color);
}

.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover {
    color: var(--secondary-bg-color)!important;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4, .u-check input[type="radio"]:checked + .u-check-icon-radio-v4, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v4 {
    color: var(--secondary-bg-color);
    border-color: var(--secondary-bg-color);
}

.g-bg-primary--active.active, .active .g-bg-primary--active {
    background-color: var(--main-bg-color) !important;
}

.g-brd-primary--active.active, .active .g-brd-primary--active {
    border-color: var(--main-bg-color) !important;
}