p, ul {
    font-size: .9em;
}

.bg-blanco {
    background-color: #fff;
}

.codigo {
    color: #d52641;
    font-family: 'Kanit', sans-serif;
}

.navbar-dark .navbar-nav .nav-link {
    font-size: 14px;
    color: #212529;
    font-weight: 500;
    font-family: 'Roboto';
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #c62127;
}

.navbar-dark .navbar-nav .nav-link:visited {
    color: #212529;
}

.dropdown-menu {
    background-color: inherit;
}

.navbar .dropdown-menu {
    border: none;
    border-radius: inherit;
    color: #212529 !important;
    z-index: 9999999;
    border-bottom: 1px solid #d52641;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.95) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0.95)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.95) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.95) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.paises-nav img {
    padding-top: 2px;
    margin-right: 5px;
}

.navbar .dropdown-2 .dropdown-menu {
    background: #1a427f !important;
    transition: all .2s;
}

.dropdown-menu .nav-item .nav-link {
    color: #212529;
    padding-bottom: 0px;
    padding-top: 0px;
}

.dropdown-menu .nav-item .nav-link:hover {
    color: #c62127;
    transition: all 1s;
}

.dropdown-menu a {
    color: #212529;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.dropdown-menu .btn-vespek {
    color: #fff;
    padding: 10px 20px 8px 20px;
    font-size: 18px;
    letter-spacing: 0px;
    margin-top: 46px;
    margin-bottom: 18px;
}

.dropdown-menu .btn-vespek:hover {
    background-color: #c62127 !important;
}

.dropdown-menu a:hover {
    color: #c62127;
}

.dropbtn {
    background-color: #c62127;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown2 {
    position: relative;
    display: inline-block;
}

.dropdown-content2 {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 360px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 999999999999;
    padding-top: 10px;
}

.dropdown-content2 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content2 a:hover {
    background-color: #ddd
}

.dropdown2:hover .dropdown-content2 {
    display: block;
}

.dropdown2:hover .dropbtn {
    background-color: #961724;
}

.dropdown-toggle::after {
    top: 2px;
    position: relative;
}

/*Escritorio*/
@media (min-width: 992px) {
    .carro-mobile a {
        display: none;
    }

    .ocultar-desktop {
        display: none;
    }

    .btn-login {
        margin-top: 10px;
    }

    .btn-login .fa-user {
        font-size: 1.2em;
        margin-right: 5px;
    }

    .navbar .nav-buscador {
        margin-top: 13px;
    }

    .pr-0 {
        padding-right: 0 !important;
    }

    .pl-0 {
        padding-left: 0 !important;
    }

    /* remove the padding from the navbar so the dropdown hover state is not broken */
    .navbar {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
    .navbar .nav-item {
        padding: 1rem 0;
    }

    .navbar .nav-division .nav-item {
        padding: .6em 0;
        max-width: 100px;
        text-align: center;
        line-height: 1.1em;
        display: flex;
        justify-content: center;
    }

    /* makes the dropdown full width  */
    .navbar .dropdown {
        position: static;
    }

    .navbar .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
        /*  height of nav-item  */
        top: 75px;

    }

    .navbar .dropdown-menu.nav-ambiental {
        border-top: 5px solid #6eb255;
        border-bottom: 3px solid #6eb255;
    }

    .navbar .dropdown-menu.nav-ambiental .portfolio_category {
        color: #6eb255;
    }

    .navbar .dropdown-menu.nav-ambiental .btn-vespek {
        background-color: #6eb255;
    }

    .navbar .dropdown-menu.nav-ambulancia {
        border-top: 5px solid #128499;
        border-bottom: 3px solid #128499;
    }

    .navbar .dropdown-menu.nav-ambulancia .portfolio_category {
        color: #128499;
    }

    .navbar .dropdown-menu.nav-ambulancia .portfolio_category.active {
        color: #d52741;
    }

    .navbar .dropdown-menu.nav-ambulancia .btn-vespek {
        background-color: #128499;
    }

    .navbar .dropdown-menu.nav-bomberos {
        border-top: 5px solid #d52641;
        border-bottom: 3px solid #d52641;
    }

    .navbar .dropdown-menu.nav-bomberos .portfolio_category {
        color: #d52641
    }

    .navbar .dropdown-menu.nav-bomberos .portfolio_category.active {
        color: #1a447f
    }

    .navbar .dropdown-menu.nav-bomberos .btn-vespek {
        background-color: #d52641
    }

    .navbar .dropdown-menu.nav-buses {
        border-top: 5px solid #a2aecb;
        border-bottom: 3px solid #a2aecb;
    }

    .navbar .dropdown-menu.nav-buses .portfolio_category {
        color: #a2aecb;
    }

    .navbar .dropdown-menu.nav-buses .portfolio_category.active {
        color: #d52741;
    }

    .navbar .dropdown-menu.nav-buses .btn-vespek {
        background-color: #a2aecb;
    }

    .navbar .dropdown-menu.nav-convenio {
        border-top: 5px solid #1a447f;
        border-bottom: 3px solid #1a447f
    }

    .navbar .dropdown-menu.nav-convenio .portfolio_category {
        color: #1a447f
    }

    .navbar .dropdown-menu.nav-convenio .portfolio_category.active {
        color: #d52741;
    }

    .navbar .dropdown-menu.nav-convenio .btn-vespek {
        background-color: #1a447f
    }

    .navbar .dropdown-menu.nav-especiales {
        border-top: 5px solid #ada8a9;
        border-bottom: 3px solid #ada8a9;
    }

    .navbar .dropdown-menu.nav-especiales .portfolio_category {
        color: #ada8a9;
    }

    .navbar .dropdown-menu.nav-especiales .portfolio_category.active {
        color: #d52741;
    }

    .navbar .dropdown-menu.nav-especiales .btn-vespek {
        background-color: #ada8a9;
    }

    .navbar .dropdown-menu.nav-minibus {
        border-top: 5px solid #0a204d;
        border-bottom: 3px solid #0a204d;
    }

    .navbar .dropdown-menu.nav-minibus .portfolio_category {
        color: #0a204d;
    }

    .navbar .dropdown-menu.nav-minibus .portfolio_category.active {
        color: #d52741;
    }

    .navbar .dropdown-menu.nav-minibus .btn-vespek {
        background-color: #0a204d;
    }

    .navbar .dropdown-menu.nav-pesados {
        border-top: 5px solid #c04020;
        border-bottom: 3px solid #c04020;
    }

    .navbar .dropdown-menu.nav-pesados .portfolio_category {
        color: #c04020;
    }

    .navbar .dropdown-menu.nav-pesados .portfolio_category.active {
        color: #1a447f
    }

    .navbar .dropdown-menu.nav-pesados .btn-vespek {
        background-color: #c04020;
    }

    .navbar .dropdown-menu.nav-seguridad {
        border-top: 5px solid #0e694f;
        border-bottom: 3px solid #0e694f;
    }

    .navbar .dropdown-menu.nav-seguridad .portfolio_category {
        color: #0e694f;
    }

    .navbar .dropdown-menu.nav-seguridad .portfolio_category.active {
        color: #d52741;
    }

    .navbar .dropdown-menu.nav-seguridad .btn-vespek {
        background-color: #0e694f;
    }

    .navbar .dropdown-2 .dropdown-menu {
        width: fit-content;
        width: -moz-max-content;
        left: inherit;
        right: inherit;
        top: 25px;
        padding-left: 5px;
        transition: all .2s ease-in-out;
    }

    /* shows the dropdown menu on hover */
    .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
        display: block !important;
    }

    .navbar .dropdown-menu {
        border-radius: 0px;
    }
}

/*Mobile*/
@media (max-width: 991px) {
    .ocultar-mobile {
        display: none;
    }

    .product-image {
        width: inherit !important;
    }

    .sticker-wrapper.top-right {
        width: inherit !important;
    }

    .navbar-dark .navbar-brand, .navbar-dark .nav-buscador {
        margin: auto;
    }

    .carro-mobile a {
        background-color: #c62127;
        color: #fff !important;
        padding: 16px;
        font-size: 16px;
        border: none;
        position: absolute;
        top: 15px;
        right: 10px;
        display: inherit;
    }

    .carro-desktop {
        display: none;
    }

    .navbar-dark .navbar-toggler {
        position: absolute;
        top: -105px;
        background-color: #c62127;
        padding: .55rem .5rem;
        border-radius: 0px;
    }

    .pr-0, .pl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .caja-carro {
        right: 19px;
    }
}

.nav-top {
    background-color: #1a437f;
    color: #fff;
}

.navbar-light.nav-top .navbar-nav .nav-item {
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    padding: 0 4px;
    display: block;
    font-weight: 500;
}

.navbar-light.nav-top .navbar-nav .nav-link {
    display: contents;
    color: #fff;
}

.navbar-light.nav-top .navbar-nav .nav-link:hover {
    color: #d52641;
}

.navbar-light.nav-top .navbar-nav .nav-item:after {
    content: "/";
    display: inline-block;
    transition: all .2s ease-in-out;
    opacity: .8;
    margin-left: .7em;
}

.navbar-light.nav-top .navbar-nav .nav-item.dropdown-2:after {
    content: "/";
    display: inline-block;
    transition: all .2s ease-in-out;
    opacity: .8;
    margin-left: .1em;
}

.navbar-light.nav-top .navbar-nav .nav-item.dropdown-2 .nav-item:after {
    content: "";
    display: block;
    width: 20%;
    height: 1px;
    background: #fff;
    bottom: 4px;
    z-index: -1;
    margin-left: 0px;
    margin-top: 5px;
}


.navbar-light.nav-top .navbar-nav .nav-item.dropdown-2 .nav-item {
    padding: 5px 0 5px 5px;
}

.navbar .icon-nav a {
    color: #fff;
}

.navbar .icon-nav a:hover {
    color: #d52641;
}

.icon-nav i:hover {
    color: #d52641;
}

@media (min-width: 992px) {
    .nav-top.navbar .nav-item {
        padding: 0;
    }
}

.navbar .img-convenio {
    left: 0px;
    width: fit-content;
    width: -moz-max-content;
    position: absolute;
    bottom: 0px;
    top: 5px;
}

.navbar .img-convenio img {
    float: left;
    width: 35px;
    height: auto;
    margin-right: 5px;
}

.navbar .img-convenio p {
    font-weight: 200;
    font-size: .8em !important;
    line-height: .8;
    padding-top: 8px;
    text-align: left;
    padding-left: 5px;

}

.icon-nav {
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    padding: 0 5px;
    display: block;
    font-weight: 500;
}

.icon-nav i {
    color: #fff;
    margin: 0 8px;
}

.telefono-nav i {
    color: #fff;
    margin: 0 1px;
}

.telefono-nav {
    margin-right: 15px;
}

/*Buscador*/
.form-search .input-text {
    background-color: transparent;
    border-color: #ddd;
    border: 1px solid #212529;
    color: #212529;
}

.form-search .button {
    color: #212529;
    background-color: transparent;
    border: none;
}

.form-search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #212529;
    font-size: 12px;
    padding-left: 5px;
}

.form-search ::-moz-placeholder { /* Firefox 19+ */
    color: #212529;
    font-size: 12px;
    padding-left: 5px;
}

.form-search :-ms-input-placeholder { /* IE 10+ */
    color: #212529;
    font-size: 12px;
    padding-left: 5px;
}

.form-search :-moz-placeholder { /* Firefox 18- */
    color: #212529;
    font-size: 12px;
    padding-left: 5px;
}

@media only screen and (max-width: 960px) {
    .form-search .button {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 560px !important;
    }
}

.modal-dialog button.close {
    color: white;
    opacity: 1;
}

.modal-content {
    border-radius: 0px;
}

.modal-header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.idiomas img {
    width: 25px;
    margin-left: 7px;
    border: 1px solid #fff;
    border-radius: 50%;
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all 0.5s ease;
}

.idiomas img:hover, .idiomas img.active {
    -webkit-filter: inherit;
    filter: inherit;
}

/*Body*/
.bg-vespek {
    background-color: #edeef3;
    background-image: url(../img/bg_pattern.png);
}

/*Camino Hormiga*/
.breadcrumb {
    background: none;
    font-family: "roboto", sans-serif;
    font-weight: 500;

    background-color: #d52641;
    color: #fff;
    padding: 1px 20px 2px 5px;
    font-size: 12px;
    -webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
    max-width: 630px;
    border-radius: 0px;
    top: -1px;
    position: relative;
    z-index: 11;
}

.breadcrumb a {
    text-decoration: none;
    color: #fff !important;
}

.breadcrumb a:hover {
    text-decoration: none;
    color: #1a447f !important;
}

.breadcrumb-item.active {
    color: #fff
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: #fff;
}

.video-bg .breadcrumb {
    top: -3px;
}

.btn-vespek {
    background-color: #d52741;
    margin-top: 10px;
    text-align: center;
    font-family: "Teko", serif;
    letter-spacing: 1px;
    color: #fff !important;
    font-size: 24px;
    padding: 3px 22px 2px;
    text-transform: uppercase;

}

a.btn-vespek:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: .6rem;
    display: inline-block;
    transition: all .2s ease-in-out;
}

.btn-vespek:hover {
    background-color: #1a447f;
    color: #fff;
}

/*VESPEK*/
#myCarousel h2 {
    color: #d52641;
    text-transform: uppercase;
    font-size: 52px;
    letter-spacing: 1px;
    line-height: 50px
}

#myCarousel h4 {
    font-size: 24px;
    font-weight: 600;
    color: #454e5e;
}

#myCarousel p {
    font-family: 'Kanit', sans-serif;
    color: #454e5e;
}

#myCarousel .btn-vespek {

}

.sliders-textos {
    z-index: 9999999999;
    position: absolute;
    padding: 90px 80px 80px;
    top: -200px;
    text-align: center;
    margin-left: 35px;
    width: 600px;
}

.img-sliders img {
    position: relative;
    z-index: 999999999;
    width: 800px !important;
    left: -180px;
}

.sliders-1 {
    background-image: url(../img/sliders/fondo-slider-1.jpg)

}

.sliders-2 {
    background-image: url(../img/sliders/fondo-slider-2.jpg)

}

.sliders-3 {
    background-image: url(../img/sliders/fondo-slider-3.jpg)

}

.sliders-4 {
    background-image: url(../img/sliders/fondo-slider-4.jpg)

}

#myCarousel .carousel-item .mask img {
    max-width: fit-content !important;
    width: -moz-max-content !important;;
}

/* Productos Nav VESPEK*/
.mega-dropdown-menu .container-fluid .container {
    height: auto;
    max-height: 600px;
    overflow-x: hidden;
}


.mega-dropdown-menu .container-fluid .container::-webkit-scrollbar {
    width: 12px;
    background: #eee;
    cursor: pointer
}

.mega-dropdown-menu .container-fluid .container::-webkit-scrollbar-button {
    width: 12px;
    cursor: pointer

}

.mega-dropdown-menu .container-fluid .container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .5);
    cursor: pointer

}

.mega-dropdown-menu .container-fluid .container::-webkit-scrollbar-thumb {
    background: #ccc;
    cursor: pointer
}

.mega-dropdown-menu .container-fluid .container::-webkit-scrollbar-thumb:hover {
    background: #d52641;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer
}

/* Pseudo-clase */
.mega-dropdown-menu .container-fluid .container::-webkit-scrollbar-thumb:window-inactive {
    background: #d52641;
    cursor: pointer
}

.mega-dropdown-menu .nav-item {
    padding: 10px 0 !important;
}

.vista-producto {
    cursor: pointer;
    color: #454e5e !important;
    margin-top: 30px;
}

.vista-producto span {
    font-size: 1em;
    text-align: center;
    line-height: 1px;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;

}

.vista-producto p {
    font-size: 1em;
    text-align: center;
    line-height: 1.2em;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
}

.vista-producto:hover {
    color: #d52641 !important;
}


.vista-producto .img-convenio {
    left: 0px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    top: 5px;

}

.vista-producto .img-convenio img {
    float: left;
    width: 35px;
    height: auto;
    margin-right: 5px;
    margin-left: 20px;
}

.vista-producto .img-convenio p {
    font-weight: 200;
    font-size: .8em !important;
    line-height: .8;
    padding-top: 8px;
    text-align: left;
    padding-left: 5px;

}

/*h1.titulos{
    font-size: 54px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-bottom: 22px;
	text-transform: uppercase;
	text-align: center;
}
h1.titulos::after {
    content: "";
    display: block;
    width: 20%;
    height: 5px;
    background: #d52641;
    bottom: 4px;
    z-index: -1;
    top: 60px;
	margin: auto;
}
*/
.titulos {
    font-size: 54px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-bottom: 22px;
    text-transform: uppercase;
}

.titulos::after {
    content: "";
    display: block;
    width: 20%;
    height: 5px;
    background: #d52641;
    position: absolute;
    bottom: 4px;
    z-index: -1;
    top: 60px;
}

.titulos-2 {
    font-size: 54px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-bottom: 22px;
    text-transform: uppercase;
    text-align: center;
}

.titulos-2::after {
    content: "";
    display: block;
    width: 20%;
    height: 5px;
    background: #d52641;
    bottom: 4px;
    z-index: -1;
    top: 60px;
    margin: auto;
}

.titulos-3 {
    font-size: 38px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-bottom: 22px;
    text-transform: uppercase;
}

.titulos-3::after {
    content: "";
    display: block;
    width: 20%;
    height: 4px;
    background: #d52641;
    position: absolute;
    bottom: 4px;
    z-index: -1;
    top: 40px;
}

.titulos-4 {
    font-size: 38px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-bottom: 22px;
    text-transform: uppercase;
    text-align: center;
}

.titulos-4::after {
    content: "";
    display: block;
    width: 20%;
    height: 4px;
    background: #d52641;
    bottom: 4px;
    z-index: -1;
    top: 40px;
    margin: auto;
}

.titulos-5 {
    font-size: 38px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-bottom: 22px;
    text-transform: uppercase;
    font-family: "Teko", serif;
}

.titulos-5::after {
    content: "";
    display: block;
    width: 20%;
    height: 4px;
    background: #d52641;
    bottom: 4px;
    z-index: -1;
    top: 40px;
}

@media (min-width: 1250px) {
    #marcas .blog-slider .blog-slider__leftArrow {
        left: -5px;
        top: -50px;
        padding: 0 25px 3px 10px;
    }

    #marcas .blog-slider .blog-slider__rightArrow {
        right: -5px;
        top: -50px;
        padding: 0 25px 3px 20px;
    }
}

#productos-destacados {
    padding-bottom: 70px;
    margin-top: 0px;
}

/*********************************
Destacados
*********************************/
/*Escritorio*/
@media (min-width: 992px) {
    #destacados {
        margin: 0px;
        /* margin-top: -20px; */
        position: relative;
        top: -70px;
        z-index: 9;
    }

}

#destacados .ultimas-entregas {
    background-image: url(../img/blog/blog3.jpg);
    background-size: cover;
    width: 100%;
    height: 250px;
    background-position: center;
}

#destacados .single-recent-blog-post {
    margin-bottom: 0px;
}

#destacados .single-recent-blog-post.card-view .thumb-info {
    max-width: 100%;
    width: 100%;
    text-align: center;
    padding-top: 50px;
    cursor: pointer;
}

#destacados .single-recent-blog-post.card-view .thumb-info h2 {
    margin-bottom: 5px;
    color: #fff;
}

#destacados .ultimas-entregas h2::after {
    content: "";
    display: block;
    width: 20%;
    height: 2px;
    background: #d52641;
    bottom: 4px;
    z-index: -1;
    top: 60px;
    margin: auto;
}

#destacados .single-recent-blog-post.card-view .thumb-info h4 {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 5px;

}

#destacados .single-recent-blog-post .thumb-info {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}

#destacados .convenio {
    background-image: url(../img/blog/convenio.png);
    background-size: cover;
    width: 100%;
    height: 250px;
    background-position: center;
}

#destacados .convenio h2 {
    margin-bottom: 10px !important;
    line-height: .7;
}

#destacados .convenio h5 {
    margin-bottom: -2px;
    color: #fff;
    font-family: "Teko", serif;
    font-size: 1.8em;
    font-weight: 600;
}

#destacados .convenio h6 {
    margin-bottom: 15px;
    color: #fff;
    font-family: "Teko", serif;
    line-height: .7;
    font-size: 2em;
    font-weight: 600;
}

#destacados .single-recent-blog-post .convenio {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#destacados .single-recent-blog-post .ultimas-entregas {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#destacados .convenio, #destacados .ultimas-entregas {
    -webkit-transition: all .9s ease; /* Safari y Chrome */
    -moz-transition: all .9s ease; /* Firefox */
    -o-transition: all .9s ease; /* IE 9 */
    -ms-transition: all .9s ease; /* Opera */
    width: 100%;
}

#destacados .convenio:hover, #destacados .ultimas-entregas:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

#destacados .convenio, #destacados .ultimas-entregas { /*Ancho y altura son modificables al requerimiento de cada uno*/
    width: 100%;
    overflow: hidden;
}

#destacados .ultimas-entregas h3 {
    color: #fff;
    font-size: 2em;
    font-family: "Teko", serif;
}

#destacados .ultimas-entregas h3::after {
    content: "";
    display: block;
    width: 20%;
    height: 2px;
    background: #d52641;
    bottom: 4px;
    z-index: -1;
    top: 60px;
    margin: auto;
}

#destacados .thumb-franja {
    background-color: #d52641;
    color: #fff;
    padding: 3px 5px;
    font-size: 16px;
    -webkit-clip-path: polygon(0 0, 93% 0, 80% 100%, 0% 100%);
    clip-path: polygon(0 0, 93% 0, 80% 100%, 0% 100%);
    width: fit-content;
    width: -moz-max-content;
}

#destacados .thumb-franja h3 {
    color: #fff;
    font-size: 24px;
    font-family: "Teko", serif;
    margin-bottom: 0px;
    padding: 3px 30px 0px 5px;
}

/*********************************
Noticias
*********************************/
#noticias .container {
    background-color: #fff;
    padding: 30px 40px;
}

.banners {
    background-color: #fff;
    padding: 15px;
}

.banners .card-img {
    margin-bottom: 10px;
}

.banners .card-img:hover {
    opacity: .7;
}

.banners img {
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    width: 100%;
}

.banners img:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

#marcas ul {
    text-align: center;
}

#marcas ul.marcas-home li {
    list-style: none;
    display: inline-block;
    margin: 10px 0;
    padding: 0 10px 0 0;
    border-right: 1px solid #ffffff;
}

#marcas .marcas, #marcas .partners {
    background-color: #fff;
    padding: 20px 0;
}

@media (min-width: 1000px) {
    #marcas.section-margin {
        margin: 0;
        padding-bottom: 50px;
    }

}

#contacto-footer {
    background-color: #1a437f;
    padding: 30px 0;
    border-top: 3px solid #d52741;
}

#contacto-footer .newsletters {

}

#contacto-footer h3 {
    color: #fff;
    font-weight: 500;
    padding-top: 6px;
}

#contacto-footer .newsletters form .form-control {
    border-radius: 0px;

}

#contacto-footer .newsletters .ingreso-correo {
    color: #fff;
    margin-top: 0px;
    font-size: 20px;
    padding: 3px 22px 2px;
    cursor: pointer
}

#contacto-footer .newsletters .ingreso-correo:hover {
    color: #d52741 !important;
    background-color: #fff;

}

#contacto-footer .icon-nav {
    padding: 9px 5px 0;
}

#contacto-footer .icon-nav i {
    font-size: 20px;
}

#contacto-footer .icon-nav i:hover {
    color: #d52741;
}

.footer-area {
    background-image: linear-gradient(#204d8c, #031f3e);
    color: #fff;
    font-size: .7em;
    line-height: 1.4em;
}

.footer-area h4 {
    color: #fff;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 1.3em;
    margin-left: 50px;
}

.footer-area a {
    color: #fff;
}

.footer-area a:hover {
    color: #d52741;
}

.footer-area.section-padding {
    padding: 60px 0 0;
}

.creditos-footer p {
    font-size: 10px !important;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 10px;
}

.creditos-footer img {
    padding: 0 15px;
    margin-bottom: 30px;
}

.creditos-footer img:hover {
    opacity: .8;
}

.creditos-footer {
    text-align: center;
    font-size: 12px;
    line-height: 1.8em;
    border-top: 1px solid #ffffff2e;
    padding-top: 30px;
    color: #777;
    background-color: #16163c2b;
}

.certificado-footer p {
    margin-top: 10px;
    text-align: justify;
    margin-bottom: 0px;
}

.certificado-footer img {
    width: 140px;
    margin: auto;
    display: block;
}

.footer-area h4::after {
    content: "";
    display: block;
    width: 20%;
    height: 2px;
    background: #d52641;
    position: absolute;
    bottom: 4px;
    top: 25px;
}

.slogan-footer {
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 1.7em;
}

.direcciones {
    margin-bottom: 40px;
    padding-top: 50px;
}

.box-porque {
    background-image: url(../img/galpon.jpg);
    border-top: 5px solid #d52741;
    background-position: center;
}

.box-porque .titulos-2 {
    color: #fff;
    margin-top: 55px;
    margin-bottom: 55px;

}

#porque .trayectoria {
    background-image: url(../img/blog/convenio.jpg);
    background-size: cover;
    width: 100%;
    height: 300px;
    background-position: center;
}

#porque .tecnologia {
    background-image: url(../img/blog/convenio.jpg);
    background-size: cover;
    width: 100%;
    height: 300px;
    background-position: center;
}

#porque .biogelcoat {
    background-image: url(../img/blog/convenio.jpg);
    background-size: cover;
    width: 100%;
    height: 300px;
    background-position: center;
}

#porque .convenio {
    background-image: url(../img/blog/convenio.jpg);
    background-size: cover;
    width: 100%;
    height: 300px;
    background-position: center;
}

#porque .container-fluid {
    max-width: 1920px;
}

#porque .container-fluid .portfolio-box {
    position: relative;
    display: block;
    border-bottom: 5px solid #d52741;
}

#porque .container-fluid .portfolio-box .portfolio-box-caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: #fff;
    background: rgba(244, 98, 58, 0.1);
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(42%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.9) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.9) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

#porque .container-fluid .portfolio-box .portfolio-box-caption .project-category {
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
}

#porque .container-fluid .portfolio-box .portfolio-box-caption .project-name {
    font-size: 1.2rem;
}

#porque .container-fluid .portfolio-box .portfolio-box-caption {
    opacity: 1;
}

#porque .container-fluid .portfolio-box .portfolio-box-caption h2 {
    color: #fff;
}

#porque .container-fluid .portfolio-box:hover .portfolio-box-caption {
    background: rgba(0, 0, 0, 0.14);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.14) 21%, rgba(0, 0, 0, 0.57) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.14)), color-stop(21%, rgba(0, 0, 0, 0.14)), color-stop(100%, rgba(0, 0, 0, 0.57)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.14) 21%, rgba(0, 0, 0, 0.57) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.14) 21%, rgba(0, 0, 0, 0.57) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.14) 21%, rgba(0, 0, 0, 0.57) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.14) 21%, rgba(0, 0, 0, 0.57) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

/********
Producto
********/
#producto .breadcrumb {

}

/*breadcrumb-item
breadcrumb-item active*/

.ficha-producto {
    background-color: #fff;
}

.nav-item .nav-link,
.nav-tabs .nav-link {
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.ficha-producto a {
    -webkit-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    transition: all 150ms ease 0s;
}

[data-toggle="collapse"][data-parent="#accordion"] i {
    -webkit-transition: transform 150ms ease 0s;
    -moz-transition: transform 150ms ease 0s;
    -o-transition: transform 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    transition: transform 150ms ease 0s;
}

[data-toggle="collapse"][data-parent="#accordion"][aria-expanded="true"] i {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.nav-tabs {
    border: 0;
    padding: 0px;
}

.nav-tabs:not(.nav-tabs-neutral) > .nav-item > .nav-link.active {
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);
}

.card .nav-tabs {
    border-top-right-radius: 0.1875rem;
    border-top-left-radius: 0.1875rem;
}

.nav-tabs > .nav-item > .nav-link {
    color: #fff;
    margin: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0px;;
    font-size: 1.5em;
    padding: 5px 0px 3px;
    line-height: 1.5;
    font-family: "Teko", serif;
    text-align: center;
    background-color: #1a447f;
    border-bottom: 5px solid #d52641
}

.nav-tabs > .nav-item > .nav-link:hover {
    background-color: #d52641;
    border-radius: 0px;
    color: #FFF;
}

.nav-tabs > .nav-item > .nav-link.active {
    background-color: #d52641;
    border-radius: 0px;
    color: #FFF;

}

.nav-tabs > .nav-item > .nav-link i.now-ui-icons {
    font-size: 14px;
    position: relative;
    top: 1px;
    margin-right: 3px;
}

.nav-tabs.nav-tabs-neutral > .nav-item > .nav-link {
    color: #FFFFFF;
}

.nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
    background-color: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
}

.ficha-producto {
    border: 0;
    border-radius: 0.1875rem;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.ficha-producto .card-header {
    background-color: transparent;
    border-bottom: 0;
    border-radius: 0;
    padding: 0;
}

.ficha-producto[data-background-color="orange"] {
    background-color: #f96332;
}

.ficha-producto[data-background-color="red"] {
    background-color: #FF3636;
}

.ficha-producto[data-background-color="yellow"] {
    background-color: #FFB236;
}

.ficha-producto[data-background-color="blue"] {
    background-color: #2CA8FF;
}

.ficha-producto[data-background-color="green"] {
    background-color: #15b60d;
}

[data-background-color="orange"] {
    background-color: #e95e38;
}

[data-background-color="black"] {
    background-color: #2c2c2c;
}

[data-background-color]:not([data-background-color="gray"]) {
    color: #FFFFFF;
}

[data-background-color]:not([data-background-color="gray"]) p {
    color: #FFFFFF;
}

[data-background-color]:not([data-background-color="gray"]) a:not(.btn):not(.dropdown-item) {
    color: #FFFFFF;
}

[data-background-color]:not([data-background-color="gray"]) .nav-tabs > .nav-item > .nav-link i.now-ui-icons {
    color: #FFFFFF;
}

.now-ui-icons {
    display: inline-block;
    font: normal normal normal 14px/1 'Nucleo Outline';
    font-size: inherit;
    speak: none;
    text-transform: none;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 768px) {
    .nav-tabs {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .nav-tabs .nav-item > .nav-link {
        margin-bottom: 5px;
    }
}

.display-left {
    position: absolute;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    top: 50%;
    padding-top: 2px;
    padding-left: 9px;
    left: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(-0%, -50%);
    background-color: #d52741;
}

.display-right {
    position: absolute;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    top: 50%;
    padding-top: 2px;
    padding-left: 9px;
    right: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(-0%, -50%);
    background-color: #d52741;
}

.display-left:hover, .display-right:hover {
    background-color: #1a447f;
}

#producto .caja-color {
    height: 46px;
}

#header-producto .breadcrumb a {
    color: #fff !important;
}

#header-producto .breadcrumb a:hover {
    color: #1a447f !important;
}

#producto .galeria-interior, #producto .galeria-exterior {
    padding: 3rem 0px
}

/* Position the image container (needed to position the left and right arrows) */
.galeria-interior .container {
    position: relative;
}

.cursor {
    cursor: pointer;
}

.galeria-interior .active, .galeria-interior .demo:hover, .galeria-exterior .active, .galeria-exterior .demo-exterior:hover {
    opacity: 1;
}

.galeria-360 {
    padding: 1rem 0px 3rem 0px;
    position: relative
}

#producto #descripcion {
    padding: 3rem 1rem

}

#producto .titulo-producto {
    position: relative;
    bottom: 0px;
    top: 135px;
    left: 0px;
    height: 90px;
    padding: 15px 50px 15px 15px;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    width: fit-content;
    width: -moz-max-content;
    background: rgba(0, 0, 0, 1);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

#producto .titulo-producto h3 {
    color: #fff !important;
    line-height: 40px;
    margin-bottom: 0px;
    font-size: 45px;
    font-weight: 700;
    font-family: "Teko", serif;
}

#producto .titulo-producto h4 {
    color: #fff !important;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.333;
}

#producto .galeria-interior, #producto .galeria-exterior {
    padding: 3rem 0px
}

.box-convenio-marco {
    position: relative;
    width: 100%;
    bottom: 40px;
}

.box-convenio-marco img {
    position: absolute;
    right: 20px;
    border: 20px;
    width: 150px;
}

/* Position the image container (needed to position the left and right arrows) */
.galeria-interior .container {
    position: relative;
}

/* Hide the images by default */
.galeria-interior .SlidesInterior, .galeria-exterior .SlidesExterior {
    display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
    cursor: pointer;
}

/* Next & previous buttons */
.galeria-interior .prev, .galeria-interior .next, .galeria-exterior .prev, .galeria-exterior .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white !important;
    font-weight: bold;
    font-size: 20px;
    user-select: none;
    -webkit-user-select: none;
    background-color: #1a447f;
    border-radius: 0px;
}

/* Position the "next button" to the right */
.galeria-interior .next, .galeria-exterior .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.galeria-interior .prev, .galeria-exterior .prev {
    left: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: #d52641;
}

.galeria-interior .row:after, .galeria-exterior .row:after {
    content: "";
    display: table;
    clear: both;
}

/* Six columns side by side */
.galeria-interior .column, .galeria-exterior .column {
    float: left;
    width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.galeria-interior .demo, .galeria-exterior .demo-exterior {
    opacity: 0.5;
}

.galeria-interior .active, .galeria-interior .demo:hover, .galeria-exterior .active, .galeria-exterior .demo-exterior:hover {
    opacity: 1;
}

#nombre .descripcion-nombre {
    padding: 35px 15px 25px 15px;
}

#nombre .descripcion-nombre h3 {
    line-height: 1em;
    font-size: 1.5em

}

#nombre .descripcion-nombre h4 {
    font-size: .7;

}

#nombre .descripcion-nombre h4::after {
    content: "";
    display: block;
    width: 10%;
    height: 4px;
    background: #d52641;
    bottom: 4px;
    z-index: -1;
    top: 40px;
}

#nombre .descripcion-nombre p {

}

#nombre .descarga-pdf {

}

#nombre .box-descargable {
    padding: 5px 15px 25px 15px;
}

#nombre .box-descargable h6:hover {
    background-color: #c62127;
    color: #fff;
}

#nombre .box-descargable h6 {
    float: right;
    border: 1px solid #c62127;
    padding: 8.5px 9px;
    margin-bottom: 0px;
    color: #c62127;
}

.dimensiones span {
    font-size: .7em;

}

.dimensiones .alto {
    background-image: url(../img/icon-vehiculo-29.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 90px;
}

.dimensiones .ancho {
    background-image: url(../img/icon-vehiculo-30.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 90px;
}

.dimensiones .peso {
    background-image: url(../img/icon-vehiculo-28.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 90px;
}

.dimensiones img {
    margin: auto;
    display: block

}

.dimensiones h3 {
    text-align: center;
    position: relative;
    top: 50px;

}

.dimensiones h3:before {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background: #d52641;
    bottom: 4px;
    z-index: -1;
    top: 60px;
    margin: 3px auto;
}

.dimensiones .peso h4 {
    top: 30px;
}

.dimensiones h4 {
    position: relative;
    top: 26px;
    text-align: center;
    font-family: "Teko", serif;
    font-size: 2.1em;
    padding-left: 4px;
}

.dimensiones {
    padding: 0px 0px 5em;
    overflow: hidden;
}

#descripcion td {
    padding: 7px;
    font-size: .9em;

}


/****** Equipamiento ******/
#equipamiento {
    padding: 5px 15px 45px 15px;
}

#equipamiento .thumb {
    background-size: cover;
    width: 100%;
    height: 250px;
    background-position: center;
    position: relative;
    -webkit-transition: height 2s ease-out;
    -moz-transition: height 2s ease-out;
    -o-transition: height 2s ease-out;
    transition: height 2s ease-out;

}

#equipamiento .thumb-franja {
    max-width: 100%;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #102950ba;
    -webkit-transition: height 2s ease-out;
    -moz-transition: height 2s ease-out;
    -o-transition: height 2s ease-out;
    transition: height 2s ease-out;
}

#equipamiento .thumb:hover {
    -webkit-transition: height 2s ease-out;
    -moz-transition: height 2s ease-out;
    -o-transition: height 2s ease-out;
    transition: height 2s ease-out;
}

#equipamiento .thumb:hover > .thumb-franja {
    height: 100%;
    padding-top: 30%

}

#equipamiento h3 {
    z-index: 1;
    color: #fff;
    padding-bottom: 10px;
    font-size: 1.5em;
    font-family: "Teko", serif;
    text-transform: uppercase;
    font-weight: 400;
}

#equipamiento h3::after {
    content: "";
    display: block;
    width: 10%;
    height: 2px;
    background: #d52641;
    bottom: 4px;
    z-index: -1;
    top: 60px;
    margin: auto;
}

#equipamiento .logo-equipo {
    width: 120px;
    float: right;
    background-color: #fff;
    padding: 5px;

}


.modal-body {
    border: 1px solid #212529;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 370px;
    padding: 5px;
}

.modal-header {
    border-bottom: none;
}

.modal-footer .btn-primary {
    color: #fff !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
    padding: 5px 25px;
    font-weight: 700;
    border-radius: 0px;
}

.modal-footer .btn-primary:hover, .modal-footer .btn-primary:active {
    opacity: .8;
    color: #fff !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-dialog h6 {
    color: #212529;
    margin-bottom: 0px;

}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 800px !important;
    }
}

.video-cabecera {
    height: 550px !important;

}

.video-youtube-bg .background-video {
    /*	z-index: -1;*/
    width: 100%;
    height: 100%;
    position: relative;

}

#producto .video-youtube-bg .titulo-producto {
    top: 470px;
}

.tabla-convenio {
    border-color: #1a427f
}

.tabla-convenio td {
    padding: 2px 5px;
    border-color: #1a427f
}

.tabla-convenio .tabla-convenio-titulo td {
    background-color: #1a427f;
    color: #fff;

}

.caja-fixed {
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 999;
}

.contratar-fijo {
    font-family: 'Kanit', sans-serif;
    padding: 5px 10px;
    font-size: 1.3em;
    z-index: 999;
    color: #fff !important;
    border-radius: 5px 5px 0px 0px;
    float: right;
    background-color: #d52641;
    border: 1px solid #d52641;
}

.contratar-fijo:hover {
    background-color: #1a447f;
    border: 1px solid #1a447f;
}

.light-box-cotizacion {
    background-color: #1a447f;
    padding: 20px 10px 5px 10px;
}

.light-box-cotizacion h2 {
    line-height: .9em;
    color: #fff;
}

.light-box-cotizacion h4 {
    margin-bottom: 20px;
    color: #fff;
}

.light-box-cotizacion h4::after {
    content: "";
    display: block;
    width: 20%;
    height: 4px;
    background: #d52641;
    position: absolute;
    bottom: 15px;
}

.lg-cotizacion .modal-content {
    background-color: #d52641;
}

.lg-cotizacion .modal-content h5 {
    color: #fff;
    margin-bottom: 0px;
}

.box-form-lg {
    background-color: #fff;
    padding: 20px 10px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mitadymitad {
    height: 600px;
    position: relative;
    margin-bottom: 150px;
}


.orden {
    display: flow-root;
}

@media (min-width: 768px) {
    .orden select {
        width: 200px;
    }
}

.orden select {
    background-color: #fff;
    border: 1px solid #00376f;
    float: right;
    margin-bottom: 20px;
    color: #00376f;
}

.orden select {
    border: 0px;
    border-color: inherit;
    background-color: #ffffffbf;
    border: 1px solid #1a437f;
    float: right;
    margin-bottom: 20px;
    padding: 3px;
}

#instalacion {


}

#instalacion .container {
    background-color: #fff;
    padding-top: 30px;

}

#instalacion .container p {
    margin-bottom: 0px;
}

.instalacion-cabecera {
    background: url(../img/planta.jpg) left center no-repeat;
    position: relative;
    background-size: 100%;
    height: 600px;
    z-index: 0;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #fff;
}

#instalacion .linea {
    background: url(../img/img-instalaciones/linea.png);
    position: absolute;
    bottom: 0px;
    top: 220px;
    left: 400px;
    height: 70px;
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

#instalacion .metalica {
    background: url(../img/img-instalaciones/metalicas.png);
    position: absolute;
    bottom: 0px;
    top: 300px;
    left: 810px;
    height: 70px;
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

#instalacion .muebleria {
    background: url(../img/img-instalaciones/muebleria.png);
    position: absolute;
    bottom: 0px;
    top: 140px;
    left: 380px;
    height: 70px;
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

#instalacion .vidrios {
    background: url(../img/img-instalaciones/vidrios.png);
    position: absolute;
    bottom: 0px;
    top: 420px;
    left: 600px;
    height: 70px;
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

#instalacion .pintura {
    background: url(../img/img-instalaciones/pintura.png);
    position: absolute;
    bottom: 0px;
    top: 420px;
    left: 820px;
    height: 70px;
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

#instalacion .almacenamiento {
    background: url(../img/img-instalaciones/almacenamiento.png);
    position: absolute;
    bottom: 0px;
    top: 70px;
    left: 480px;
    height: 70px;
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

#instalacion .tapiceria {
    background: url(../img/img-instalaciones/tapiceria.png);
    position: absolute;
    bottom: 0px;
    top: 140px;
    left: 600px;
    height: 70px;
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

#instalacion .fibra {
    background: url(../img/img-instalaciones/fibra.png);
    position: absolute;
    bottom: 0px;
    top: 220px;
    /* left: 600px; */
    right: 0px;
    height: 70px;
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;


}

#instalacion .armado {
    background: url(../img/img-instalaciones/armado.png);
    position: absolute;
    bottom: 0px;
    top: 300px;
    left: 400px;
    height: 70px;
    width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

#instalacion .electricidad {
    background: url(../img/img-instalaciones/electricidad.png);
    position: absolute;
    bottom: 0px;
    top: 300px;
    left: 605px;
    height: 70px;
    width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

#instalacion .bodega {
    background: url(../img/img-instalaciones/bodega.png);
    position: absolute;
    bottom: 0px;
    top: 420px;
    left: 380px;
    height: 70px;
    width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

#instalacion .estacionamiento {
    background: url(../img/img-instalaciones/estacionamiento.png);
    position: absolute;
    bottom: 0px;
    top: 270px;
    left: 30px;
    height: 70px;
    width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

#instalacion .comerciales {
    background: url(../img/img-instalaciones/comerciales.png);
    position: absolute;
    bottom: 0px;
    top: 365px;
    left: 280px;
    height: 70px;
    width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
}

.descripcion-instalaciones {
    margin-top: 50px;
    padding-top: 10px;
    color: #fff !important;
    background-color: #1a427f;
    border: 1px solid #d52641;
    z-index: 9;
    top: 25px;
    box-shadow: 1px 2px 5px #eee;
}

.descripcion-instalaciones h2 {
    color: #fff !important;
}

.contact-info {
    margin-bottom: 15px;
}

/***********Noticia********/
.date {
    display: inline-block;
    background: #d52641;
    padding: 6px 20px;
    text-align: center;
    bottom: calc(100% - 10px);
    -webkit-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    transform: skewX(-8deg);
    font-size: 13px;
    color: #828bb2;
    font-weight: 500;
    line-height: 28px;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-right: 10px;
    margin-top: 10px;
    text-transform: uppercase;
    float: left;
    margin-left: 10px;
    /* margin-top: -2px; */
    position: relative;
    top: -8px;

}

.date span {
    color: #ffffff;
    display: block;
    font-family: 'Kanit', sans-serif;
    line-height: 1.3;
    bottom: calc(100% - 10px);
    -webkit-transform: skewX(8deg);
    -ms-transform: skewX(8deg);
    transform: skewX(8deg);
}

#noticia {
    background-color: #edeef3;
    background-image: url(../img/bg_pattern.png);
}

#noticia .bg-light {
    background-color: #fff !important;
}

#noticia .widget-wrap .single-sidebar-widget__title::after {
    top: 30px;
}

#noticia .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0px;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: inherit;
    margin-right: 0;
    margin-left: 0px;
    list-style: none;
    background-color: #fff;
    width: fit-content;
    height: 30px;
    margin-bottom: 0px;
    padding: 0 10px;
    width: -moz-fit-content;
}

#noticia .widget-wrap .single-sidebar-widget {
    padding: 20px 20px;
    background: #fff;
    margin-bottom: 20px;
}

#noticia .carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    /* height: 10px; */
    height: 10px;
    /* padding: 10px; */
    margin-top: 10px;
    border-radius: 50%;
    border: 1px solid #d526418c;
    background-color: #d5264196;
}

#noticia .carousel-indicators .active {
    background-color: #d52641;
}

#noticia .carousel-control-next, #noticia .carousel-control-prev {
    height: 40px;
    width: 40px;
    padding: 12px;
    top: inherit;
    bottom: -20px;
}

#noticia .carousel-control-prev {
    left: inherit;
    right: 40px;
}

#noticia .carousel-control-next-icon {
    background-image: url(../img/home/right-arrow.png)
}

#noticia .carousel-control-prev-icon {
    background-image: url(../img/home/left-arrow.png)
}

#noticia .carousel-control-next, #noticia .carousel-control-prev {
    background-color: #fff;
    opacity: 1;
}

#noticia .carousel-control-next:focus, #noticia .carousel-control-next:hover, #noticia .carousel-control-prev:focus, #noticia .carousel-control-prev:hover {
    opacity: .7;
}

#noticia .widget-wrap .post-category-widget .cat-list li {
    padding: 10px 20px;
    background: #d52741;
}

#noticia .widget-wrap .post-category-widget .cat-list li:hover {
    padding: 10px 20px;
    background: #1a437f;
}

#noticia .widget-wrap .post-category-widget .cat-list li h4 {
    line-height: 1;
    color: #fff;
    margin-bottom: 0px;
    font-size: 1.4em;
}

#todas-noticias .widget-wrap .popular-post-widget .popular-post-list {
    margin-top: 0px;
}

#todas-noticias .widget-wrap .single-sidebar-widget {
    padding: 10px 10px;
    background: #5050ab;
    margin-bottom: 30px;
}

#todas-noticias .bg-light {
    background-color: #fff !important;
}

#todas-noticias {
    padding-bottom: 70px;
    margin-top: 0px;
}

@media (min-width: 430px) {
    #todas-noticias .single-recent-blog-post .thumb-info li a {
        padding: 5px 0;
        font-size: 15px;
    }
}

.pagination {
    padding-bottom: 2.5em;
}

.page-link {
    padding: .2rem .7rem .01rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #1a447f;
    background: transparent;
    border-color: #1a427f;
    font-family: "Teko", serif;
    background-color: transparent;
    z-index: 1;
    border-radius: 0;
    border: 1px solid #fff0;
    font-size: 2em;

}

.page-item.active .page-link {
    background: transparent;
    border: 1px solid #1a427f;
    color: #fff;
    font-family: "Teko", serif;
    background-color: #d52741;
}

.pagination .fa {
    font-size: 15px;
    padding-bottom: 2px;
}

.pagination .page-link:hover {
    color: #fff;
    text-decoration: none;
    border: 1px solid #1a427f;
    background-color: #1a447f;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.page-item:last-child .page-link {
    margin-left: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.h1-producto {
    line-height: 1em;
    font-size: 1.5em;
    font-weight: 800;
    font-family: 'Kanit', sans-serif;
    color: #3a414e;
}

#folletos .btn-vespek {
    letter-spacing: 0px;
    font-size: 18px;
    padding: 3px 12px 1px;
    margin: 10px auto;
    text-align: center;
    display: table;

}

#folletos .nombre-destacado {
    margin-bottom: 0px;
    font-size: 1em;
    text-align: center;
    line-height: 1.2em;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
}

#folletos .marca-destacado {
    margin-bottom: 0px;
    font-size: .8em;
    text-align: center;
    line-height: 1.2em;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
}

#contacto {
    padding-bottom: 2.5em
}

#folletos .blog__slide {
    margin-bottom: 2em;
}

/*Historia*/
.titulo-historia {
    position: relative;
    bottom: 0px;
    left: 0px;
    height: 110px;
    padding: 15px 50px 15px 15px;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    width: fit-content;
    width: -moz-max-content;
    background: rgba(0, 0, 0, 1);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

.titulo-historia h1 {
    color: #fff !important;
    line-height: 40px;
    margin-bottom: 0px;
    font-size: 45px;
    font-weight: 700;
    font-family: "Teko", serif;
}

.titulo-historia h2 {
    color: #fff !important;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 800;
    line-height: 2;
}

.slide-historia {
    background: url(../img/slide_historia.jpg) top center no-repeat;
    position: relative;
    background-size: cover;
    height: 400px;
    z-index: 1;
    border-bottom: 5px solid #d52641
}

#historia .box-historia {
    background-color: #fff;
    padding: 20px 0px;
}

#historia p {
    text-align: justify;
}

#historia p br {
    display: block;
    margin: 10px 0;
}

#sucursal .row {
    margin-top: 10px;
}

.box-corporativo {
    background-color: #fff;
    padding: 20px 0px;
}


/*Garantias*/
.slide-garantias {
    position: relative;
    background-size: cover;
    height: 400px;
    z-index: 1;
    border-bottom: 5px solid #d52641
}

.titulo-garantiasa {
    position: relative;
    bottom: 0px;
    left: 0px;
    height: 110px;
    padding: 15px 50px 15px 15px;
    width: fit-content;
    width: -moz-max-content;

}

.titulo-garantias h1 {
    color: #fff !important;
    line-height: 46px;
    margin-bottom: 0px;
    font-size: 64px;
    font-weight: 700;
    font-family: "Teko", serif;
    letter-spacing: 2px;
}


/*Normas*/
.slide-normas {
    background: url(../img/slide_normas.jpg) top center no-repeat;
    position: relative;
    background-size: cover;
    height: 400px;
    z-index: 1;
    border-bottom: 5px solid #d52641
}

.titulo-normas {
    position: relative;
    bottom: 0px;
    left: 0px;
    height: 90px;
    padding: 15px 50px 15px 15px;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    width: fit-content;
    width: -moz-max-content;
    background: rgba(0, 0, 0, 1);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

.titulo-normas h1 {
    color: #fff !important;
    line-height: 65px;
    margin-bottom: 0px;
    font-size: 64px;
    font-weight: 700;
    font-family: "Teko", serif;
    letter-spacing: 2px;
}

.box-post-venta {
    background-color: #fff;
    padding: 20px 0px;
}

.box-post-venta ul {
    list-style-type: square;
    margin-left: 15px;
}

.box-post-venta ul li {
    margin-bottom: 10px;
}

#post-venta .card-header {
    background-color: #d52641;
}

#post-venta .card-header h2 {
    color: #fff;
    float: left;
}

#post-venta .card-header .fa {
    color: #fff;
    margin-top: 10px;
}

#post-venta .card-header:hover, #post-venta .card-header:active {
    background-color: #1a437f;
}

#post-venta .accordion .card-body {
    padding: 0px;
}

#post-venta .accordion .card-body .box-apoyo-postventa-1 {
    padding: 10px;

}

#post-venta .accordion .card-body .box-apoyo-postventa-2 {
    padding: 10px;
    background-color: #dcdee4;
}

/*Innovación*/
.slide-innovacion {
    background: url(../img/slide_innovacion.jpg) top center no-repeat;
    position: relative;
    background-size: cover;
    height: 400px;
    z-index: 1;
    border-bottom: 5px solid #d52641
}

/*Diseño*/
.titulo-diseno {
    position: relative;
    bottom: 0px;
    left: 0px;
    height: 90px;
    padding: 15px 50px 15px 15px;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    width: fit-content;
    width: -moz-max-content;
    background: rgba(0, 0, 0, 1);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

.titulo-diseno h1 {
    color: #fff !important;
    line-height: 65px;
    margin-bottom: 0px;
    font-size: 64px;
    font-weight: 700;
    font-family: "Teko", serif;
    letter-spacing: 2px;
}


/*biogelcoat*/
.nav-biogelcoat {
    background-color: #f26223;
}

.navbar-biogelcoat {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
}

.navbar-biogelcoat .nav-item a {
    color: #fff;
    font-family: 'Kanit', sans-serif;
}

.navbar-biogelcoat .nav-item a:hover {
    color: #008ea1;
}

.slide-biogelcoat {
    background: url(../img/slide_biogelcoat.jpg) top center no-repeat;
    position: relative;
    background-size: cover;
    height: 550px;
    z-index: 1;
    border-bottom: 5px solid #ff5e18;
}

.logo-biogelcoat {
    width: 360px;
    display: block;
    margin: auto;
}

#header-biogelcoat h2 {
    margin-top: 1em;
    font-family: 'Kanit', sans-serif;
    color: #008ea1;
    font-size: 1.3em;
    line-height: 1.5em;
}

#quees {
    background-color: #ff5e18;
    padding-top: 150px;
    height: 600px;
    background: url(../img/fondo-que-es.jpg) top center no-repeat;
    background-size: cover;
}

#quees .titulos-2 {
    color: #fff !important;
}

#quees p {
    color: #fff;
}

#quees .titulos-2::after {
    background: #008ea1;
}

#paraque {
    background-color: #ff5e18;
    padding-top: 100px;
    height: 680px;
    background: url(../img/fondo-para-que.jpg) center center no-repeat;
    background-size: cover;
}

#paraque .titulos-2 {
    color: #fff !important;
}

#paraque p {
    color: #fff;
}

#paraque .titulos-2::after {
    background: #ff5e18
}

#paraque .carousel-control-next, #paraque .carousel-control-prev {
    background-color: #ff5e18;
    opacity: .8;
}

#paraque .carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ff5d18;
}

#donde {
    background-color: #ff5e18;
    padding-top: 100px;
    height: 680px;
    background: url(../img/donde-es.jpg) center center no-repeat;
    background-size: cover;
}

#donde .titulos-2 {
    color: #fff !important;
}

#donde p {
    color: #fff;
}

#donde .box-donde {
    position: relative;
    bottom: 0px;
    top: 135px;
    left: 0px;
    padding: 25px 50px 25px 20px;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    width: fit-content;
    width: -moz-max-content;
    background: rgba(0, 0, 0, 1);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

#aparicion-diarios {
    padding: 5em 0px;
}

#aparicion-diarios img {
    margin-top: 2em;
}

/* Sustentabilidad */
.slide-sustentabilidad {
    background: url(../img/slide_sustentabilidad.jpg) top center no-repeat;
    position: relative;
    background-size: cover;
    height: 400px;
    z-index: 1;
    border-bottom: 5px solid #d52641
}

.titulo-sustentabilidad {
    position: relative;
    bottom: 0px;
    left: 0px;
    height: 90px;
    padding: 15px 50px 15px 15px;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    width: fit-content;
    width: -moz-max-content;
    background: rgba(0, 0, 0, 1);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

.titulo-sustentabilidad h1 {
    color: #fff !important;
    line-height: 65px;
    margin-bottom: 0px;
    font-size: 64px;
    font-weight: 700;
    font-family: "Teko", serif;
    letter-spacing: 2px;
}

/* Toyota Partners */
.slide-toyota-partners {
    background: url(../img/slide_sustentabilidad.jpg) top center no-repeat;
    position: relative;
    background-size: cover;
    height: 400px;
    z-index: 1;
    border-bottom: 5px solid #d52641
}

.titulo-toyota-partners {
    position: relative;
    bottom: 0px;
    left: 0px;
    height: 90px;
    padding: 15px 50px 15px 15px;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    width: fit-content;
    width: -moz-max-content;
    background: rgba(0, 0, 0, 1);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

.titulo-toyota-partners h1 {
    color: #fff !important;
    line-height: 65px;
    margin-bottom: 0px;
    font-size: 64px;
    font-weight: 700;
    font-family: "Teko", serif;
    letter-spacing: 2px;
}

.color-bar h4 {
    color: #fff;
    margin-bottom: 0px;
}

.btn-vespek-cerrar {
    background-color: #6f6f6f
}

.lightbox-white {
    background-color: #fff;
}

/*Escritorio*/
@media (min-width: 992px) {
    .navbar-light.nav-top .navbar-nav .nav-item:after {
        content: "/";
        display: inline-block;
        transition: all .2s ease-in-out;
        opacity: .8;
        margin-left: .7em;
    }

    .navbar-light.nav-top .navbar-nav .nav-item.dropdown-2:after {
        content: "/";
        display: inline-block;
        transition: all .2s ease-in-out;
        opacity: .8;
        margin-left: .1em;
    }

    .navbar-light.nav-top .navbar-nav .nav-item.dropdown-2 .nav-item:after {
        content: "";
        display: block;
        width: 20%;
        height: 1px;
        background: #fff;
        bottom: 4px;
        z-index: -1;
        margin-left: 0px;
        margin-top: 5px;
    }

    .nav-top {
        padding: 5px 0px;
    }

    .oculto-escritorio {
        display: none;
    }

    #marcas .marcas {
        border-right: 10px solid #edeef3
    }

    #marcas .partners {
        border-left: 10px solid #edeef3
    }

    .banners {
        margin-top: -12px;
    }

    .btn-big {
        font-size: 26px !important;
        font-weight: bold;
    }

    .fondo-textos {
        -webkit-clip-path: polygon(8% 0, 100% 0%, 95% 100%, 0% 100%);
        clip-path: polygon(8% 0, 100% 0%, 95% 100%, 0% 100%);
        margin-left: 50px;
        background: hsla(0, 0%, 100%, .8);
        z-index: 9;
        height: 35vh;
        width: 870px;
        position: absolute;
    }

    #caja-color {
        height: 80px;
    }

    .caja-color {
        /*	background-image: url(../img/blue-texture-light.png);*/
        background-repeat: repeat;
        height: 285px;
        width: 100%;
        /* z-index: 1; */
        top: 0px;
        position: absolute;
        border-top: 5px solid #d52741;
        background: rgb(2, 0, 36);
        background: linear-gradient(180deg, rgba(2, 0, 36, 0.2) 0%, rgba(0, 212, 255, 0) 100%);
    }

    #caja-color.vehiculo {
        height: 0px !important;
    }

    .vehiculo .caja-color {
        background-image: url(../img/blue-texture-light.png);
        background-repeat: repeat;
        height: 185px;
        width: 100%;
        border-top: none;
        top: 0px;
        position: absolute;
        border-bottom: 5px solid #d52741;
    }

    #caja-color {
        position: relative;
    }

    #caja-color .container-fluid {
        padding: 0px;
    }

    #nombre .box-descargable {
        float: right;
        margin-top: 50px;
        margin: auto;
        display: block;
    }

    .titulo-producto {
        margin-left: 15px;
    }

    .breadcrumb {
        margin-left: 15px;
    }

    .modal-content {
        padding: 10px;
    }

    .display-left {
        left: 3%;
    }

    .display-right {
        right: 3%;
    }

    .dimensiones {
        padding: 30px 0px 5em;
    }

    .escritorio-ml-2 {
        margin-left: 2em;
    }

    .fl-left {
        float: left;
    }

    #historia .img-historia-1 {
        float: left;
        margin: 10px 25px 10px 0px;
        clip-path: polygon(0% 0, 100% 0%, 90% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0, 100% 0%, 90% 100%, 0% 100%);
    }

    #historia .img-historia-2 {
        float: right;
        margin: 10px 0px 10px 25px;
        -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
    }

    .content-mapa {
        width: 600px;
    }

    .slide-garantias {
        background: url(../img/slide_garantias.jpg) center no-repeat;
    }

    .titulo-biogelcoat {
        margin-top: -100px;
    }

    .caja-biogelcoat {
        position: relative;
        top: -97px;

        z-index: 1;
    }

    #caja-biogelcoat {
        background-color: #ff5e18;
        height: 120px;
    }

    #sucursal hr {
        margin-top: 1rem;
        margin-bottom: 1.3rem;
    }

}

/*Notebook*/
@media screen and (min-width: 992px) and (max-width: 1350px) {
    .img-sliders img {
        width: 650px !important;
    }

    .fondo-textos {
        -webkit-clip-path: polygon(8% 0, 100% 0%, 95% 100%, 0% 100%);
        clip-path: polygon(8% 0, 100% 0%, 95% 100%, 0% 100%);
        margin-left: 50px;
        background: hsla(0, 0%, 100%, .8);
        z-index: 9;
        height: 35vh;
        width: 700px;
        position: absolute;
    }

    #destacados {
        top: -20px;
    }

    .idiomas {
        margin-left: 5px;
        padding: 5px 5px 5px 15px;
        border-left: .5px solid #ffffffe8
    }

    #destacados {
        top: -20px;
    }

}

/*Mobile*/
@media (max-width: 991px) {
    .navbar-light.nav-top .navbar-nav .nav-item {
        max-width: 120px;
        width: 120px;
    }

    .nav-bar .paises-nav .dropdown-menu {
        max-width: 120px;
        width: 120px;
    }

    .oculto-mobile {
        display: none !important;
    }

    .header_area .navbar .nav .nav-item:hover .nav-link, .header_area .navbar .nav .nav-item.active .nav-link {
        color: #ffffff;
    }

    #destacados .col {
        padding: 0px !important;
    }

    .titulos-2 {
        font-size: 32px;
        line-height: 1em;
        margin-bottom: 20px;
    }

    .vista-producto {
        margin-top: 0px;
    }

    .titulos {
        font-size: 32px;
    }

    .titulos::after {
        top: 40px;
    }

    .single-recent-blog-post .details a.principal-home {
        font-size: 18px;
    }

    .single-recent-blog-post .details a.news-home {
        line-height: 1.1;
    }

    .btn-vespek {
        font-size: 20px;
    }

    #contacto-footer .newsletters .ingreso-correo {
        font-size: 20px;
        padding: 2px 5px 2px;
    }

    .siguenos {
        margin-top: 20px;
    }

    .img-sliders img {
        width: 250px !important;
        left: inherit;
        right: -20px;
        top: -50px;
    }

    #myCarousel .carousel-item .mask {
        background-attachment: inherit;
    }

    .sliders-textos {
        z-index: 9999999999;
        position: absolute;
        padding: 15px 0px;
        top: -145px;
        text-align: center;
        margin-left: inherit;
        width: inherit;
        background-color: #fff;
    }

    #myCarousel h4 {
        font-size: 18px;
        margin-bottom: 0px;
    }

    #myCarousel h2 {
        margin-bottom: 0px;
        font-size: 36px;
    }

    #myCarousel p {
        font-size: 16px;
        margin-bottom: 0px;
        line-height: 1em;
    }

    .carousel-control-next, .carousel-control-prev {
        top: auto;
        bottom: -10px;
    }

    #myCarousel {
        background: #fff;
    }

    .carousel-indicators li {
        background-color: rgb(235, 147, 161);
    }

    .carousel-indicators .active {
        background-color: #d52741
    }

    #destacados {
        margin-top: 0px !important;
    }

    .icon-nav {
        float: left;
    }

    .seleccion-pais {
        float: left;
        margin-top: 6px;
        margin-right: 5px;
    }

    .contacto-nav i {
        font-size: 20px;
        margin-top: 5px;
    }

    .idiomas {
        margin-top: 3px;
    }

    .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
        padding: 0px 15px 0px 25px;
        line-height: 30px;
    }

    .header_area .navbar .nav .nav-item.submenu ul .nav-item {
        border-bottom: none;
    }

    .header_area .navbar .nav .nav-item.submenu ul .nav-item .titulo-nav {
        padding: 0px 15px 0px 15px;
        border-top: 1px solid #fff;
    }

    .header_area .navbar .nav .nav-item.submenu ul .nav-item .fa {
        margin-right: 5px;
        font-size: .6em;
    }

    .nav-top {
        padding: 2px;
    }

    .header_area .navbar .nav .nav-item .nav-link .fa {
        margin-left: 5px;
        font-size: .7em;
    }

    .btn-vespek.btn-small {
        background-color: #d52741;
        text-align: center;
        font-family: "Teko", serif;
        letter-spacing: 1px;
        color: #fff !important;
        padding: 1px 15px 1px;
        font-size: 12px;
        width: fit-content;
        width: -moz-max-content;
        margin: auto;
        display: block;
        overflow: hidden;
        position: relative;
        top: 3px;
    }

    #nombre .descarga-pdf {
        text-align: center;
    }

    .dimensiones h3 {
        top: 40px;
    }

    .dimensiones .ancho, .dimensiones .alto, .dimensiones .peso {
        margin-bottom: 60px;
    }

    .dimensiones {
        padding: 0px 0px 1em;
    }

    .Slides360 {
        padding: 0px 30px 0px 50px;
    }

    .galeria-360 .display-left {
        left: initial;
    }

    .galeria-360 .display-right {
        right: 15px;
    }

    .galeria-interior .prev, .galeria-interior .next, .galeria-exterior .prev, .galeria-exterior .next {
        top: 60%;
    }

    #producto .titulo-producto {
        top: 125px;
        height: 50px;
        padding: 11px 5px 10px 10px;
        clip-path: inherit;
    }

    .p-0-mobile {
        padding: 0px !important;
    }

    .footer-area.section-padding {
        padding: 20px 0 0;
    }

    .direcciones {
        padding-top: 0px;
    }

    .banner-breadcrumb {
        display: none;
    }

    .breadcrumb {
        display: none;
    }

    #producto .titulo-producto h1 {
        margin-bottom: -10px;
    }

    .blog__slide {
        padding-bottom: 20px;
        border-bottom: 1px solid #1a437f;
    }

    #categoria, #equipamientos, #folletos, #todas-noticias, #contacto, #sucursal, #post-venta {
        padding: 20px;
    }

    #equipamiento {
        padding: 0px !important;
    }

    #folletos .nav-tabs .nav-item {
        width: 50%;
        float: left;
    }

    .box-convenio-marco img {
        width: 80px;
    }

    .box-convenio-marco {
        bottom: 5px;
    }

    #producto .titulo-producto h3 {
        line-height: 15px;
        font-size: 28px;
        font-weight: 500;
    }

    #producto .titulo-producto h4 {
        font-weight: 500;
    }

    /*	.video-youtube-bg{
            margin-top: 82px;
        }*/
    .video-cabecera {
        height: 250px !important;
    }

    .modal-producto .modal-content {
        padding: 20px 10px 10px;
    }

    #noticia .main_blog_details {
        padding-top: 10px;
    }

    #equipamientos .orden {
        text-align: center;
    }

    #equipamientos .orden select {
        float: inherit;
        text-align: center;
        width: 100%
    }

    #historia .img-historia-2, #historia .img-historia-1 {
        max-width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .titulo-historia {
        top: 125px;
        height: 150px;
    }

    #sucursal .titulos-3 {
        font-size: 30px;
    }

    #sucursal {
        padding-bottom: 30px;
        padding-top: 10px;
    }

    #sucursal .row {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .slide-garantias {
        background: url(../img/slide_garantias_mobile.jpg) center right no-repeat;
    }

    .titulo-garantias h1 {
        padding-left: 10px;
    }

    .slide-normas {
        background: url(../img/slide_normas.jpg) top right no-repeat;
        height: 200px;
        background-size: cover;
    }

    #instalacion-mobile {
        background-color: #fff;
    }

    #instalacion-mobile .nav-tabs .nav-item {
        width: 50%;
        float: left;
    }

    #instalacion-mobile .nav-tabs > .nav-item > .nav-link {
        text-align: left;
        padding-left: 10px;
        font-size: 1.2em;
    }

    .logo-biogelcoat {
        width: 100%;
    }

    #quees {
        padding-top: 50px;
    }

    #donde .box-donde {
        top: 0px;
    }

    #sucursal .titulos-3::after {
        top: inherit;
        bottom: -5px;
    }

    .titulo-sustentabilidad h1 {
        font-size: 42px;
    }

    .titulo-toyota-partners h1 {
        font-size: 42px;
    }

    #corporativo .carousel-control-next, #corporativo .carousel-control-prev {
        top: 50%;
    }

    .caja-fixed .col-md-12 {
        padding: 0px;
    }

    .contratar-fijo {
        width: 100%;
        border-radius: 0px;
    }

    #categoria .orden {
        text-align: center;
    }

    #categoria .orden select {
        float: inherit;
    }

    .light-box-cotizacion h4, .color-bar h4 {
        display: none;
    }

    .light-box-cotizacion {
        padding: 8px 10px 5px 10px;
    }

    .light-box-cotizacion h2 {
        font-size: 1.5em;
    }


}

/** 06-08-2019 **/
.slide-diseno {
    background: url(../img/slide_diseno.png) top center no-repeat;
    position: relative;
    background-size: cover;
    height: 400px;
    z-index: 1;
    border-bottom: 5px solid #d52641
}

.caja-toyota-partners {
    position: relative;
    height: 100%;
}

.slide-toyota-partners {
    background: url(../img/img-06-08-2019/slide_toyota_partners.jpg) top center no-repeat;
    background-size: inherit;
    background-color: #25292f;
}

.titulo-toyota-partners {
    position: absolute;
}

/*Mobile*/
@media (max-width: 991px) {
    .slide-toyota-partners {
        background-size: cover;
        height: 200px;
    }

    .titulo-toyota-partners h1 {
        line-height: 50px;
    }

    .titulo-toyota-partners {
        height: 50px;
        padding: 5px 50px 5px 15px;
    }
}

#contacto .form-group #division {
    width: 100%;
    padding: 10px;
    height: 40px;
    border-radius: 0px;
    border: 1px solid #111;
    border-top-left-radius: 0px;
    background-color: #fff;
    font-size: 14px;
    color: #909090;
    padding-left: 10px;
}

.slide-sustentabilidad {
    background: url(../img/sustentabilidad.jpg) top center no-repeat;
    position: relative;
    background-size: cover;
}

/*Escritorio*/
@media (min-width: 992px) {
    .modal-dialog.instalaciones {
        max-width: 900px !important;
        width: 900px;
    }
}

@media screen and (min-width: 992px) and (max-height: 950px) {
    .img-sliders img {
        width: 600px !important;
    }

    #myCarousel h4 {
        font-size: 20px;
    }

    #myCarousel h2 {
        font-size: 48px;
        margin-bottom: 0px;
    }

    #myCarousel p {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #myCarousel .carousel-item a {
        margin-top: 0px;
    }

    .fondo-textos {
        height: 30vh;
        margin-top: -30px;
        width: 670px;
    }

    #myCarousel .carousel-item .mask {
        background-position: center bottom;
        background-size: cover;
    }
}


/******************************************/
/*********** Sliders 12/09/2019 ***********/
/******************************************/
/*Versión Mobile*/
@media (max-width: 767px) {
    .versiones-fondo-sliders {
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top !important;
    }
}

/*Versión Notebook*/
@media screen and (min-width: 768px) and (max-height: 1919px) {
    .versiones-fondo-sliders {
        background-size: inherit;
        background-repeat: no-repeat;
        background-position: center !important;
    }
}

/*Versión Pantalla Grande*/
@media (min-width: 1920px) {
    .versiones-fondo-sliders {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom !important;
    }
}


/******************************************/
/*********** Sliders 13/04/2020 ***********/
/************ Botón de Spencer ************/
/******************************************/

@media (max-width: 991px) {
    .menu-spencer-mobile {
        background-color: #004f9f;
        padding: 0 10px;
        border: 2px solid #ffffff;
        width: 100%
    }

    .menu-spencer-mobile:hover {
        background-color: #e09b1b;
    }

    .menu-spencer-mobile a {
        color: #fff;
        font-family: 'Kanit', sans-serif;
        font-size: 14px;
        padding: 5px 0px 3px;
    }

    .menu-spencer-mobile .ver-producto {
        border: .5px solid #fff;
        float: right;
        padding: 0px 5px;
        border-radius: 25px;
    }
}

/*Escritorio*/
@media (min-width: 992px) {
    .menu-spencer-mobile {
        display: none;
    }
}

@media (max-width: 330px) {
    .menu-spencer-mobile .ver-producto {
        display: none
    }
}


.header_area .navbar .nav .nav-item.menu-spencer {
    background-color: #004f9f;
    padding: 0 50px;
    border: 3px solid #ffffff;
}

.header_area .navbar .nav .nav-item.menu-spencer a {
    color: #fff;
}

.header_area .navbar .nav .nav-item.menu-spencer:hover {
    background-color: #e09b1b;
}


/******************************************/
/********** Light-box 17/04/2020 **********/
/******************************************/

.modal-covid .modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem 0px;
    color: #fff
}

.modal-covid h4 {
    text-align: center;

}

.modal-covid .icon-nav, .modal-covid h2, .modal-covid h4 {
    color: #fff;
}

.modal-covid h3 {
    font-size: 32px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    color: #fff;
    margin-bottom: 20px;
}


.modal-covid .icon-nav li {
    margin-right: 20px;
}

.modal-covid .modal-body {
    border: none;
    max-height: inherit;
}

.modal-covid .modal-dialog {
    background-color: #fff;
}

.modal-covid .modal-content {
    background: url(../img-light-box/fondo-light-box.png) top no-repeat;
    background-clip: #fff;
    border: none;
}

.precio-mascarilla {
    font-size: 38px;
    font-weight: bolder;
}


/*Versión Mobile*/
@media (max-width: 767px) {
    .modal-covid:before {
        height: auto !important;
    }

    .modal-covid h3 {
        font-size: 24px;
    }

    .modal-covid h2 {
        font-size: 32px;
    }

}


/*************************************/
/*********** botón cotizar ***********/
/*********** 12 mayo 2020  ***********/
/*************************************/
#informacion .contratar-fijo {
    border-radius: 0px;
    width: 300px;
    font-family: "Teko", serif;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#informacion .caja-fixed {
    background-color: #1b447f47;
    height: 60px;
}

#informacion .open-button {
    cursor: pointer;
    position: fixed;
    bottom: 0px;
}

#informacion .cabecera-form {
    background-color: #1a447f;
    border-radius: 0px;
    padding: 10px;
}

#informacion .cabecera-form h2 {
    font-size: 1.3em;
    color: #fff;
    margin-bottom: 0px;
    font-weight: 400;
}

#informacion .cabecera-form h4 {
    font-size: .8em;
    color: #fff;
    margin-bottom: 0px;
}

/* The popup form - hidden by default */
#informacion .form-popup {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    border-radius: 0px;
}

/* Add styles to the form container */
#informacion .form-container {
    background-color: white;
    border-radius: 0px;
    padding-bottom: 10px;
    position: relative;
    border: 5px solid #d52841;
}

@media (min-width: 991px) {
    #informacion .form-container {
        max-width: 340px;
    }
}

@media (max-width: 991px) {
    #informacion .contratar-fijo {
        float: left;
    }
}

@media (max-width: 576px) {
    #informacion .contratar-fijo {
        width: 100%
    }
}

/* Full-width input fields */
#informacion .form-container input[type=text], #informacion .form-container input[type=tel], #informacion .form-container input[type=email] {
    width: 100%;
    padding: 10px;
    margin: 5px 0 0px 0;
}

/* When the inputs get focus, do something */
#informacion .form-container input[type=text]:focus, #informacion .form-container input[type=tel]:focus, #informacion .form-container input[type=email]:focus {
    background-color: #eee;
    outline: none;
}

/* Set a style for the submit/login button */
#informacion .form-container .btn {
    border-radius: 0px;
    cursor: pointer;
    width: 95%;
    margin-bottom: 10px;
    margin: auto;
    text-align: center;
    display: block;
    margin-top: 15px;
}

/* Add a red background color to the cancel button */
#informacion .form-container .cancel {
    color: #fff !important;
    float: right;
    margin-top: -45px;
    position: relative;
    font-size: 1.5em;
    cursor: pointer;
}

#informacion .form-container .form-group {
    margin-bottom: .5rem;
}

/* Add some hover effects to buttons */
.robot {
    margin: auto
}


/*************************************/
/*********** botón cotizar 2 ***********/
/*********** 09 junio 2020  ***********/
/*************************************/

.select-cotizar {
    padding: 8px;
    border-radius: 5px;
    border-color: #ced4da;
    color: #5c6f82;
}

textarea.form-control#comentario-2 {
    height: 40px;
}


/*Escritorio*/
@media (min-width: 992px) {
    .select-cotizar {
        margin: 5px 0 5px 0;
    }

}

/*Mobile*/
@media (max-width: 991px) {
    .select-cotizar {
        margin-bottom: 1rem;
    }

}

/******************************************/
/**************  12 junio 2020 **************/
/************ Botón Rosenbauer************/
/******************************************/

/*Escritorio*/
@media (min-width: 992px) {
    header .box_1620 {
        padding: 0px !important;
    }
}

.navbar-brand.logo_h {
    margin-right: 0px;
}

.datos-obligatorios {
    font-size: .65em;
    color: #7d7d7d;
    margin-left: 5px;
    margin-bottom: 5px !important;
}