/* Begin Common */
html,
body {
    overflow-x: hidden;
}

body {
    width: 100vw;
    font-family: 'Exo 2';
    font-size: 16px;
    box-sizing: border-box;
}

h1 {
    font-weight: bolder;
}



span,
p {
    color: #545859;
}

section.blue {
    background: #3db5e7;
    background-color: #3db5e7 !important;
}

section.lightblue {
    background: #f1f9fc;
    background-color: #f1f9fc !important;
}

/* End Common */


/* Begin Colors */
.title-bg-dark {
    color: #3db7e9 !important;
}


.bg-primary {
    background: #f07637 !important;
}

#title-politica {
    word-break: break-word !important;
}

/* End Colors */



.navbar-icon {
    background: url(../images/svg/hamburger.svg);
    display: block;
    width: 2em;
    height: 2em;
    background-size: 2em;
}

.floating {
    background-color: #f16227;

    z-index: 999;
    position: relative;
}

.floating-right {
    float: right;
}

.floating-left {
    float: left;
}

.carousel-text {
    position: absolute;
    display: block;
    color: #ffffff;
    text-shadow: 3px 3px #7a8389;
}

@media (min-width: 768px) {
    .toscroll {
        font-size: calc(0.875rem + ((1vw - 7.68px) * 0.3299));
        min-height: 0vw;
    }

    h1 {
        font-size: calc(0.0625rem + ((1.4vw - 7.68px) * 6.8576));
        min-height: 0vw;

    }

    h2 {
        font-size: 3.9rem;
    }

    h3 {
        font-size: 2.8rem;
    }

    h4 {
        font-size: 2.5rem;
    }

    h5 {
        font-size: 1.2rem;
    }

    p {
        font-size: calc(0.0625rem + ((1.3vw - 7.68px) * 1.967));
        min-height: 0vw;
    }


    #empresas {
        justify-content: center;
    }
}

/* Prevent scaling beyond this breakpoint */
@media (min-width: 1920px) {
    .toscroll {
        font-size: 17.8px;
    }

    h1 {
        font-size: 70px;
    }

    p {
        font-size: 23.66px;
    }
}


/*  Responsive */

@media (max-width: 576px) {

    #productos {

        background: url(../images/background/Fondo-4.png);
        padding: 10px;
    }


    h1 {
        font-size: 2.5rem;

    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.7rem;
    }


    header {
        height: auto;
        min-height: 170px;
    }

    section {
        height: auto;
        min-height: 30vh;
        padding: 0em 0em 2em;
    }

    .carousel-responsive {
        height: 212px;
    }

    #fotos {
        height: 30vh;
    }

    .floating {
        width: 100%;
        height: 20vh;


    }

    .floating h5 {
        font-size: 1.2em !important;
    }

    #slider-one {
        font-size: 1em;
    }

    #empresas {
        padding: 2em;
        background-size: auto !important;
        min-height: 60vh !important;
    }

    #calidad {
        padding: 2em;
    }

    .body-responsive {
        text-align: center;
    }

    .order-reverse-responsive {
        display: flex;
        flex-direction: column-reverse;
    }

    .section-col {
        padding: 2em !important;
    }

    .redes {
        width: 30px;
    }

    .contacto {
        font-size: 0.65em;
    }
}

@media (min-width: 576px) {

    #productos {

        background: url(../images/background/Fondo-4.png);
        padding: 10px;
        height: 60vh;
    }




    header {
        height: 130px;
    }

    section {
        height: auto;
        min-height: 30vh;
        padding: 3em;
    }

    .carousel-responsive {
        height: 267px;
    }

    #fotos {
        height: 40vh;
    }

    #slider-one {
        font-size: 2em;
    }

    .redes {
        width: 50px;
    }

    .floating {
        top: -60px;
    }


}

@media (min-width: 720px) {
    section {
        min-height: 60vh;
        height: auto;
    }

    .contacto {
        font-size: 0.55em;
    }

    /* .carousel-responsive {
        height: 337px ;
    }
 */

    .carousel-container {
        height: 40vh;
        overflow-y: hidden;
    }

    .carousel-responsive {
        height: auto;
        width: 100%;
    }

    #calidad img {
        padding: 4em;
    }

    .floating-right {
        border-radius: 15px 0px 0px 15px;
        padding: 10px;
    }

    .floating-left {
        border-radius: 0px 15px 15px 0px;
        padding: 10px;
    }

    #slider-one {
        font-size: 4em;
    }
}




@media (min-width: 960px) {

    .contacto {
        font-size: 0.67em;
    }

    #productos_responsive {
        height: 80vh;

    }

    section {
        min-height: 60vh;
        height: auto;
    }

    .carousel-container {
        height: 60vh;
        overflow-y: hidden;
    }

    .carousel-responsive {
        height: 60vh;
        width: 100%;
    }


    #fotos {
        height: 50vh;
    }

    #empresas {
        justify-content: left;
    }


    .body-responsive {
        text-align: left;
    }

    #slider-one {
        font-size: 5em;
    }


}


@media (min-width: 1024px) {
    #productos {
        height: 80vh;
        background: url(../images/products/Fondo-2.png);
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}


.owl-dots {
    display: none;
}

/* Nosotros */
#nosotros {
    background: url(../images/background/Fondo-3.png);
    background-repeat: repeat;
    padding: 0px;
    /* display: flex;
    flex-direction: row;
    align-items: center; */
}

/* End Nosotros */

/* Productos */

#productos_bk {
    background: url(../images/background/Fondo-3.png);
    background-repeat: repeat;
    background-size: cover;
}


#fotos div {
    background: url(../images/slider/Slider-2.png) no-repeat;
    background-size: 100%;
    height: 100%;
    width: 100%;
}

/* End Productos */

#empresas {
    background: url(..//images/slider/Slider-4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: auto !important;
    display: flex;
    align-items: center;
}

#calidad {
    background: url(../images/background/Fondo-1.png);
    background-repeat: repeat;
    /* display: flex;
    flex-direction: row; */
    align-items: center;
}



#contacto {
    background: url(../images/background/Fondo-4.png);
    background-repeat: repeat;
}

.contacto-body {
    color: white;
}



.section-col {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 2em;
}

/* Begin Bootstrap */
.form-control {
    border-radius: 0 !important;
    color: #3db7e9 !important;
    font-weight: bolder !important;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #3db7e9 !important;
    opacity: 1;
    /* Firefox */
    font-weight: bolder;
}

/* End Bootstrap */


.polygon-border {
    transition: stroke 500ms ease-in;
    cursor: pointer;
}

.polygon-bk {
    transition: fill 500ms ease-in;
    cursor: pointer;
}


.polygon-border:active,
.polygon-border:focus {
    stroke: #3cb3e4;
}

.polygon-bk:active,
.polygon-bk:focus {
    fill: #6bd9fd;
}


path {
    pointer-events: none !important;
}

.redes {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 0;
    z-index: 999999;

}

.calidad-text {

    display: flex;
    flex-direction: column;
    justify-content: center;

}