@charset "UTF-8";
/*--------------------Product Item--------------------*/
/*!
----------------------------------------------------------------------------------------------------
* Important! - To edit this CSS, you must use the SCSS source file.

* Resilient 3.4.2
* Iván López Luna [Re]
----------------------------------------------------------------------------------------------------
*/
@font-face {
    font-family: "Dosis";
    font-weight: 200;
    font-display: swap;
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-ExtraLight.eot");
    /* IE9 Compat Modes */
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-ExtraLight.eot?#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-ExtraLight.woff2") format("woff2"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-ExtraLight.woff") format("woff"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-ExtraLight.ttf") format("truetype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-ExtraLight.svg#") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "Dosis";
    font-weight: 300;
    font-display: swap;
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Light.eot");
    /* IE9 Compat Modes */
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Light.eot?#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Light.woff2") format("woff2"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Light.woff") format("woff"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Light.ttf") format("truetype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Light.svg#") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "Dosis";
    font-weight: 400;
    font-display: swap;
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Book.eot");
    /* IE9 Compat Modes */
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Book.eot?#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Book.woff2") format("woff2"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Book.woff") format("woff"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Book.ttf") format("truetype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Book.svg#") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "Dosis";
    font-weight: 500;
    font-display: swap;
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Medium.eot");
    /* IE9 Compat Modes */
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Medium.eot?#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Medium.woff2") format("woff2"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Medium.woff") format("woff"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Medium.ttf") format("truetype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Medium.svg#") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "Dosis";
    font-weight: 600;
    font-display: swap;
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-SemiBold.eot");
    /* IE9 Compat Modes */
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-SemiBold.eot?#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-SemiBold.woff2") format("woff2"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-SemiBold.woff") format("woff"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-SemiBold.ttf") format("truetype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-SemiBold.svg#") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "Dosis";
    font-weight: 700;
    font-display: swap;
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Bold.eot");
    /* IE9 Compat Modes */
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Bold.eot?#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Bold.woff2") format("woff2"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Bold.woff") format("woff"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Bold.ttf") format("truetype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-Bold.svg#") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "Dosis";
    font-weight: 800;
    font-display: swap;
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-ExtraBold.eot");
    /* IE9 Compat Modes */
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-ExtraBold.eot?#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-ExtraBold.woff2") format("woff2"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-ExtraBold.woff") format("woff"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-ExtraBold.ttf") format("truetype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Dosis-ExtraBold.svg#") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "AvantGarde Bk BT";
    font-weight: 400;
    font-display: swap;
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-Book.eot");
    /* IE9 Compat Modes */
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-Book.eot?#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-Book.woff2") format("woff2"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-Book.woff") format("woff"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-Book.ttf") format("truetype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-Book.svg#") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "AvantGarde Bk BT";
    font-weight: 700;
    font-display: swap;
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-Demi.eot");
    /* IE9 Compat Modes */
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-Demi.eot?#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-Demi.woff2") format("woff2"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-Demi.woff") format("woff"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-Demi.ttf") format("truetype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-Demi.svg#") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "AvantGarde Bk BT";
    font-weight: 700;
    font-style: oblique;
    font-display: swap;
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-DemiOblique.eot");
    /* IE9 Compat Modes */
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-DemiOblique.eot?#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-DemiOblique.woff2") format("woff2"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-DemiOblique.woff") format("woff"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-DemiOblique.ttf") format("truetype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/AvantGardeITCbyBT-DemiOblique.svg#") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "Tahoma";
    font-weight: 400;
    font-display: swap;
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Tahoma.eot");
    /* IE9 Compat Modes */
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Tahoma.eot?#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Tahoma.woff2") format("woff2"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Tahoma.woff") format("woff"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Tahoma.ttf") format("truetype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Tahoma.svg#") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: "Tahoma";
    font-weight: 700;
    font-display: swap;
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Tahoma-Bold.eot");
    /* IE9 Compat Modes */
    src: url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Tahoma-Bold.eot?#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Tahoma-Bold.woff2") format("woff2"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Tahoma-Bold.woff") format("woff"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Tahoma-Bold.ttf") format("truetype"), url("https://vicom.mx/demos/x-cloemx/arquivos/Fonts/Tahoma-Bold.svg#") format("svg");
    /* Legacy iOS */
}
/*--------------------[Re]set │ Iván Luna [Re]--------------------*/
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: 0;
    marker-offset: 0;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}

ul, ol {
    list-style: none;
    margin-bottom: 0;
}

li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*--------------------General Base--------------------*/
html {
    font-size: 16px;
}
@media screen and (min-width: 360px) {
    html {
        font-size: 16px;
    }
}
@media screen and (min-width: 768px) {
    html {
        font-size: 16px;
    }
}
@media screen and (min-width: 1024px) {
    html {
        font-size: 16px;
    }
}
@media screen and (min-width: 1280px) {
    html {
        font-size: 16px;
    }
}
@media screen and (min-width: 1440px) {
    html {
        font-size: 16px;
    }
}
@media screen and (min-width: 1920px) {
    html {
        font-size: 16px;
    }
}

body {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-family: "Avenir Next LT Pro", Arial, sans-serif;
    font-size: 12px;
    font-size: 1rem;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.3;
    color: #3f3f40;
    background-color: white;
    -webkit-transition: padding-top 0.2s;
    -o-transition: padding-top 0.2s;
    transition: padding-top 0.2s;
}

h1, h2, h3, h4, h5, h6 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 0em;
    margin-bottom: 0em;
    position: relative;
    font-family: "Avenir Next LT Pro", Arial, sans-serif;
    font-weight: 700;
    color: inherit;
    line-height: 1.1;
}
h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small {
    display: block;
    color: inherit;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: 800;
    color: inherit;
}

h1 {
    font-size: 25.2px;
    font-size: 2.1rem;
}
@media screen and (min-width: 1024px) {
    h1 {
        font-size: 30px;
        font-size: 2.5rem;
    }
}

h2 {
    font-size: 22.8px;
    font-size: 1.9rem;
}
@media screen and (min-width: 1024px) {
    h2 {
        font-size: 27.6px;
        font-size: 2.3rem;
    }
}

h3 {
    font-size: 20.4px;
    font-size: 1.7rem;
}
@media screen and (min-width: 1024px) {
    h3 {
        font-size: 24px;
        font-size: 2rem;
    }
}

h4 {
    font-size: 18px;
    font-size: 1.5rem;
}
@media screen and (min-width: 1024px) {
    h4 {
        font-size: 24px;
        font-size: 2rem;
    }
}

h5 {
    font-size: 15.6px;
    font-size: 1.3rem;
}
@media screen and (min-width: 1024px) {
    h5 {
        font-size: 18px;
        font-size: 1.5rem;
    }
}

h6 {
    font-size: 13.2px;
    font-size: 1.1rem;
}
@media screen and (min-width: 1024px) {
    h6 {
        font-size: 15.6px;
        font-size: 1.3rem;
    }
}

p {
    margin-bottom: 1em;
}
p:only-child, p:only-of-type, p:last-child {
    margin-bottom: 0;
}

a {
    text-decoration: none;
    -webkit-transition: color 0.2s ease, background-color 0.2s ease;
    -o-transition: color 0.2s ease, background-color 0.2s ease;
    transition: color 0.2s ease, background-color 0.2s ease;
}
a:hover, a:focus {
    outline: none;
    color: inherit;
    text-decoration: underline;
}

b,
strong,
mark {
    font-weight: 700;
    color: inherit;
    background: none;
}

i,
em {
    font-weight: 400;
    font-style: normal;
}

em {
    color: inherit;
}

blockquote {
    margin: 0.75em 2em;
    font-size: 14.4px;
    font-size: 1.2rem;
}

img {
    width: 100%;
    display: block;
}

input[type=submit],
button {
    border: 0;
    font-size: inherit;
    background-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*---------------------Sprite Icons Additional--------------------------------*/
.icons-additional {
    display: inline-block;
    vertical-align: middle;
    background-image: url(https://paylessec.vtexassets.com/arquivos/images_icons_icons-additional.png?v=200804);
    background-position: center top;
    background-size: 1000px auto;
    background-repeat: no-repeat;
}
.icons-additional[class^=icon-]:hover, .icons-additional[class*=" icon-"]:hover {
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
}
.icon-playstore {
    width: 40px;
    height: 40px;
    background-position: -100px -314px;
}

.icon-appstore {
    width: 32px;
    height: 40px;
    background-position: -100px -354px;
}

.icon-fedex, .icon-dhl, .icon-estafeta, .icon-amipci, .icon-norton, .icon-pagoseguro, .icon-firewall, .icon-amvo, .icon-socioamipci, .icon-ssl, .icon-seveneleven, .icon-oxxo, .icon-scotiabank, .icon-santander, .icon-bancomer, .icon-banamex, .icon-mercadopago, .icon-paypal, .icon-mastercard, .icon-visa, .icon-amex {
    background-size: 600px auto;
}
@media screen and (min-width: 768px) {
    .icon-fedex, .icon-dhl, .icon-estafeta, .icon-amipci, .icon-norton, .icon-pagoseguro, .icon-firewall, .icon-amvo, .icon-socioamipci, .icon-ssl, .icon-seveneleven, .icon-oxxo, .icon-scotiabank, .icon-santander, .icon-bancomer, .icon-banamex, .icon-mercadopago, .icon-paypal, .icon-mastercard, .icon-visa, .icon-amex {
        background-size: 700px auto;
    }
}
@media screen and (min-width: 1024px) {
    .icon-fedex, .icon-dhl, .icon-estafeta, .icon-amipci, .icon-norton, .icon-pagoseguro, .icon-firewall, .icon-amvo, .icon-socioamipci, .icon-ssl, .icon-seveneleven, .icon-oxxo, .icon-scotiabank, .icon-santander, .icon-bancomer, .icon-banamex, .icon-mercadopago, .icon-paypal, .icon-mastercard, .icon-visa, .icon-amex {
        background-size: 700px auto;
    }
}
@media screen and (min-width: 1440px) {
    .icon-fedex, .icon-dhl, .icon-estafeta, .icon-amipci, .icon-norton, .icon-pagoseguro, .icon-firewall, .icon-amvo, .icon-socioamipci, .icon-ssl, .icon-seveneleven, .icon-oxxo, .icon-scotiabank, .icon-santander, .icon-bancomer, .icon-banamex, .icon-mercadopago, .icon-paypal, .icon-mastercard, .icon-visa, .icon-amex {
        background-size: 800px auto;
    }
}

.icon-amex {
    width: 18px;
    height: 18px;
    background-position: -60px 0px;
}
@media screen and (min-width: 768px) {
    .icon-amex {
        width: 21px;
        height: 21px;
        background-position: -70px 0px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-amex {
        width: 21px;
        height: 21px;
        background-position: -70px 0px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-amex {
        width: 24px;
        height: 24px;
        background-position: -80px 0px;
    }
}

.icon-visa {
    width: 37.2px;
    height: 12px;
    background-position: -60px -21px;
}
@media screen and (min-width: 768px) {
    .icon-visa {
        width: 43.4px;
        height: 14px;
        background-position: -70px -24.5px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-visa {
        width: 43.4px;
        height: 14px;
        background-position: -70px -24.5px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-visa {
        width: 49.6px;
        height: 16px;
        background-position: -80px -28px;
    }
}

.icon-mastercard {
    width: 23.4px;
    height: 18px;
    background-position: -60px -36px;
}
@media screen and (min-width: 768px) {
    .icon-mastercard {
        width: 27.3px;
        height: 21px;
        background-position: -70px -42px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-mastercard {
        width: 27.3px;
        height: 21px;
        background-position: -70px -42px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-mastercard {
        width: 31.2px;
        height: 24px;
        background-position: -80px -48px;
    }
}

.icon-paypal {
    width: 53.4px;
    height: 13.8px;
    background-position: -60px -57px;
}
@media screen and (min-width: 768px) {
    .icon-paypal {
        width: 62.3px;
        height: 16.1px;
        background-position: -70px -66.5px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-paypal {
        width: 62.3px;
        height: 16.1px;
        background-position: -70px -66.5px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-paypal {
        width: 71.2px;
        height: 18.4px;
        background-position: -80px -76px;
    }
}

.icon-mercadopago {
    width: 60px;
    height: 15.6px;
    background-position: -60px -75px;
}
@media screen and (min-width: 768px) {
    .icon-mercadopago {
        width: 70px;
        height: 18.2px;
        background-position: -70px -87.5px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-mercadopago {
        width: 70px;
        height: 18.2px;
        background-position: -70px -87.5px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-mercadopago {
        width: 80px;
        height: 20.8px;
        background-position: -80px -100px;
    }
}

.icon-banamex {
    width: 57.6px;
    height: 12.6px;
    background-position: -60px -93px;
}
@media screen and (min-width: 768px) {
    .icon-banamex {
        width: 67.2px;
        height: 14.7px;
        background-position: -70px -108.5px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-banamex {
        width: 67.2px;
        height: 14.7px;
        background-position: -70px -108.5px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-banamex {
        width: 76.8px;
        height: 16.8px;
        background-position: -80px -124px;
    }
}

.icon-bancomer {
    width: 60px;
    height: 16.8px;
    background-position: -60px -108px;
}
@media screen and (min-width: 768px) {
    .icon-bancomer {
        width: 70px;
        height: 19.6px;
        background-position: -70px -126px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-bancomer {
        width: 70px;
        height: 19.6px;
        background-position: -70px -126px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-bancomer {
        width: 80px;
        height: 22.4px;
        background-position: -80px -144px;
    }
}

.icon-santander {
    width: 55.8px;
    height: 10.2px;
    background-position: -60px -129px;
}
@media screen and (min-width: 768px) {
    .icon-santander {
        width: 65.1px;
        height: 11.9px;
        background-position: -70px -150.5px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-santander {
        width: 65.1px;
        height: 11.9px;
        background-position: -70px -150.5px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-santander {
        width: 74.4px;
        height: 13.6px;
        background-position: -80px -172px;
    }
}

.icon-scotiabank {
    width: 60px;
    height: 10.8px;
    background-position: -60px -144px;
}
@media screen and (min-width: 768px) {
    .icon-scotiabank {
        width: 70px;
        height: 12.6px;
        background-position: -70px -168px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-scotiabank {
        width: 70px;
        height: 12.6px;
        background-position: -70px -168px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-scotiabank {
        width: 80px;
        height: 14.4px;
        background-position: -80px -192px;
    }
}

.icon-oxxo {
    width: 30px;
    height: 15px;
    background-position: -60px -159px;
}
@media screen and (min-width: 768px) {
    .icon-oxxo {
        width: 35px;
        height: 17.5px;
        background-position: -70px -185.5px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-oxxo {
        width: 35px;
        height: 17.5px;
        background-position: -70px -185.5px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-oxxo {
        width: 40px;
        height: 20px;
        background-position: -80px -212px;
    }
}

.icon-seveneleven {
    width: 17.4px;
    height: 18px;
    background-position: -60px -177px;
}
@media screen and (min-width: 768px) {
    .icon-seveneleven {
        width: 20.3px;
        height: 21px;
        background-position: -70px -206.5px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-seveneleven {
        width: 20.3px;
        height: 21px;
        background-position: -70px -206.5px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-seveneleven {
        width: 23.2px;
        height: 24px;
        background-position: -80px -236px;
    }
}

.icon-ssl {
    width: 20.4px;
    height: 20.4px;
    background-position: -120px -132px;
}
@media screen and (min-width: 768px) {
    .icon-ssl {
        width: 23.8px;
        height: 23.8px;
        background-position: -140px -154px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-ssl {
        width: 23.8px;
        height: 23.8px;
        background-position: -140px -154px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-ssl {
        width: 27.2px;
        height: 27.2px;
        background-position: -160px -176px;
    }
}

.icon-socioamipci {
    width: 39.6px;
    height: 20.4px;
    background-position: -180px -72px;
}
@media screen and (min-width: 768px) {
    .icon-socioamipci {
        width: 46.2px;
        height: 23.8px;
        background-position: -210px -84px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-socioamipci {
        width: 46.2px;
        height: 23.8px;
        background-position: -210px -84px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-socioamipci {
        width: 52.8px;
        height: 27.2px;
        background-position: -240px -96px;
    }
}

.icon-amvo {
    width: 39.6px;
    height: 12px;
    background-position: -180px -96px;
}
@media screen and (min-width: 768px) {
    .icon-amvo {
        width: 46.2px;
        height: 14px;
        background-position: -210px -112px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-amvo {
        width: 46.2px;
        height: 14px;
        background-position: -210px -112px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-amvo {
        width: 52.8px;
        height: 16px;
        background-position: -240px -128px;
    }
}

.icon-firewall {
    width: 39.6px;
    height: 15px;
    background-position: -120px -114px;
}
@media screen and (min-width: 768px) {
    .icon-firewall {
        width: 46.2px;
        height: 17.5px;
        background-position: -140px -133px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-firewall {
        width: 46.2px;
        height: 17.5px;
        background-position: -140px -133px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-firewall {
        width: 52.8px;
        height: 20px;
        background-position: -160px -152px;
    }
}

.icon-pagoseguro {
    width: 31.2px;
    height: 24px;
    background-position: -60px -104.4;
}
@media screen and (min-width: 768px) {
    .icon-pagoseguro {
        width: 36.4px;
        height: 28px;
        background-position: -70px -121.8;
    }
}
@media screen and (min-width: 1024px) {
    .icon-pagoseguro {
        width: 36.4px;
        height: 28px;
        background-position: -70px -121.8;
    }
}
@media screen and (min-width: 1440px) {
    .icon-pagoseguro {
        width: 41.6px;
        height: 32px;
        background-position: -80px -139.2;
    }
}

.icon-norton {
    width: 45.6px;
    height: 24px;
    background-position: -60px -128.4;
}
@media screen and (min-width: 768px) {
    .icon-norton {
        width: 53.2px;
        height: 28px;
        background-position: -70px -149.8;
    }
}
@media screen and (min-width: 1024px) {
    .icon-norton {
        width: 53.2px;
        height: 28px;
        background-position: -70px -149.8;
    }
}
@media screen and (min-width: 1440px) {
    .icon-norton {
        width: 60.8px;
        height: 32px;
        background-position: -80px -171.2;
    }
}

.icon-amipci {
    width: 36px;
    height: 22.8px;
    background-position: -60px -152.4;
}
@media screen and (min-width: 768px) {
    .icon-amipci {
        width: 42px;
        height: 26.6px;
        background-position: -70px -177.8;
    }
}
@media screen and (min-width: 1024px) {
    .icon-amipci {
        width: 42px;
        height: 26.6px;
        background-position: -70px -177.8;
    }
}
@media screen and (min-width: 1440px) {
    .icon-amipci {
        width: 48px;
        height: 30.4px;
        background-position: -80px -203.2;
    }
}

.icon-estafeta {
    width: 60px;
    height: 9px;
    background-position: -300px 0px;
}
@media screen and (min-width: 768px) {
    .icon-estafeta {
        width: 70px;
        height: 10.5px;
        background-position: -350px 0px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-estafeta {
        width: 70px;
        height: 10.5px;
        background-position: -350px 0px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-estafeta {
        width: 80px;
        height: 12px;
        background-position: -400px 0px;
    }
}

.icon-dhl {
    width: 43.2px;
    height: 6.6px;
    background-position: -300px -12px;
}
@media screen and (min-width: 768px) {
    .icon-dhl {
        width: 50.4px;
        height: 7.7px;
        background-position: -350px -14px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-dhl {
        width: 50.4px;
        height: 7.7px;
        background-position: -350px -14px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-dhl {
        width: 57.6px;
        height: 8.8px;
        background-position: -400px -16px;
    }
}

.icon-fedex {
    width: 34.8px;
    height: 9.6px;
    background-position: -300px -22.2px;
}
@media screen and (min-width: 768px) {
    .icon-fedex {
        width: 40.6px;
        height: 11.2px;
        background-position: -350px -25.9px;
    }
}
@media screen and (min-width: 1024px) {
    .icon-fedex {
        width: 40.6px;
        height: 11.2px;
        background-position: -350px -25.9px;
    }
}
@media screen and (min-width: 1440px) {
    .icon-fedex {
        width: 46.4px;
        height: 12.8px;
        background-position: -400px -29.6px;
    }
}

/*--------------------Forms--------------------*/
form {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    color: #3f3f40;
}

fieldset {
    margin-bottom: 1.5em;
}

legend {
    width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15.6px;
    font-size: 1.3rem;
    font-weight: 600;
    color: inherit;
    text-transform: uppercase;
}

.control-wrapper {
    width: 100%;
    position: relative;
    clear: both;
    margin-bottom: 0.75rem;
}
.control-wrapper--send {
    overflow: hidden;
    clear: both;
    margin-bottom: 0;
}
.control-wrapper--captcha {
    background: none;
}
.control-wrapper--captcha > input[type=text] {
    width: 50%;
    float: right;
    clear: none;
    border: 1px solid #000000;
    margin-top: 20px;
}
.control-wrapper--captcha > img {
    width: 45%;
    display: block;
    float: left;
}
.control-wrapper--captcha > a {
    position: absolute;
    top: 0;
    right: 65%;
    cursor: pointer;
}
@media screen and (min-width: 360px) {
    .control-wrapper.float-left, .control-wrapper.float-right {
        width: 48%;
        clear: none;
    }
}

label {
    border: none;
    font-size: 0.75rem;
    font-weight: 700;
    color: #3f3f40;
    line-height: 25px;
}
label span {
    height: 25px;
    margin-left: 2px;
    font-family: "Avenir Next LT Pro", Arial, sans-serif;
    font-weight: 300;
    color: #000000;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=search],
input[type=url],
input[type=password],
input[type=file],
input[type=number],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=time],
input[type=week],
input[type=month],
input[type=color],
select,
textarea {
    width: 100%;
    height: 30px;
    display: block;
    clear: both;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-width: 1px;
    border-style: solid;
    border-color: #dadada;
    font-size: 12px;
    font-size: 1rem;
    font-weight: 300;
    color: inherit;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: border-color 0.2s, color 0.2s;
    -o-transition: border-color 0.2s, color 0.2s;
    transition: border-color 0.2s, color 0.2s;
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=file]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=week]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=color]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #727273;
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=file]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=datetime]:-moz-placeholder,
input[type=datetime-local]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=week]:-moz-placeholder,
input[type=month]:-moz-placeholder,
input[type=color]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    color: #727273;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=file]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=color]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #727273;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=file]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=color]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #727273;
}
input[type=text].touched:invalid,
input[type=email].touched:invalid,
input[type=tel].touched:invalid,
input[type=search].touched:invalid,
input[type=url].touched:invalid,
input[type=password].touched:invalid,
input[type=file].touched:invalid,
input[type=number].touched:invalid,
input[type=date].touched:invalid,
input[type=datetime].touched:invalid,
input[type=datetime-local].touched:invalid,
input[type=time].touched:invalid,
input[type=week].touched:invalid,
input[type=month].touched:invalid,
input[type=color].touched:invalid,
select.touched:invalid,
textarea.touched:invalid {
    border: 1px dashed #cc0000;
    -webkit-box-shadow: none;
            box-shadow: none;
}

input[type=file] {
    height: 32px;
}

input[type=checkbox],
input[type=radio] {
    margin: 5px 5px 0 0;
}

input[type=submit] {
    border: none;
}

textarea {
    height: 80px;
}

.alert {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    font-size: 1rem;
    color: #262626;
    text-align: center;
    border-width: 1px;
    border-style: solid;
}
.alert.info {
    border-color: #3f3f40;
    color: #3f3f40;
    background-color: #cbcbcc;
}
.alert.success {
    color: #008000;
    border-color: #008000;
    background-color: #9aff9a;
}
.alert.error, .alert.danger {
    color: #cc0000;
    border-color: #cc0000;
    background-color: #ff9999;
}
.alert span {
    font-weight: 500;
}

.error {
    display: block;
    color: #cc0000;
}

label.error {
    font-size: 8.4px;
    font-size: 0.7rem;
    font-weight: 400;
    color: #cc0000;
}

input.error,
textarea.error {
    border-color: #ff4d4d !important;
}

.contact-form .control-wrapper {
    margin-bottom: 15px;
}

/*--------------------Debug--------------------*/
body.no-overflow {
    height: 100%;
    position: absolute;
    overflow: hidden;
}

/*--------------------Boxes--------------------*/
.box-reset {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.box-reset .row {
    margin-left: 0;
    margin-right: 0;
}
.box-reset .row > * {
    padding-left: 0;
    padding-right: 0;
}

.box-table {
    display: table;
}
.box-table > div {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.child-inline > * {
    display: inline-block;
    vertical-align: middle;
}

/*--------------------Hide Elements--------------------*/
.hide {
    display: none;
}

.hidden {
    display: none;
    visibility: hidden;
}

@media screen and (min-width: 0) and (max-width: 359px) {
    .hidden-bs {
        display: none !important;
    }
}
@media screen and (min-width: 0) {
    .hidden-bs-up {
        display: none !important;
    }
}
@media screen and (max-width: 359px) {
    .hidden-bs-down {
        display: none !important;
    }
}
@media screen and (min-width: 360px) and (max-width: 479px) {
    .hidden-xs {
        display: none !important;
    }
}
@media screen and (min-width: 360px) {
    .hidden-xs-up {
        display: none !important;
    }
}
@media screen and (max-width: 479px) {
    .hidden-xs-down {
        display: none !important;
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .hidden-sm {
        display: none !important;
    }
}
@media screen and (min-width: 480px) {
    .hidden-sm-up {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .hidden-sm-down {
        display: none !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .hidden-md {
        display: none !important;
    }
}
@media screen and (min-width: 768px) {
    .hidden-md-up {
        display: none !important;
    }
}
@media screen and (max-width: 1023px) {
    .hidden-md-down {
        display: none !important;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .hidden-lg {
        display: none !important;
    }
}
@media screen and (min-width: 1024px) {
    .hidden-lg-up {
        display: none !important;
    }
}
@media screen and (max-width: 1279px) {
    .hidden-lg-down {
        display: none !important;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hidden-xl {
        display: none !important;
    }
}
@media screen and (min-width: 1280px) {
    .hidden-xl-up {
        display: none !important;
    }
}
@media screen and (max-width: 1439px) {
    .hidden-xl-down {
        display: none !important;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
    .hidden-xxl {
        display: none !important;
    }
}
@media screen and (min-width: 1440px) {
    .hidden-xxl-up {
        display: none !important;
    }
}
@media screen and (max-width: 1919px) {
    .hidden-xxl-down {
        display: none !important;
    }
}
@media screen and (min-width: 1920px) and (max-width: 10000px) {
    .hidden-hd {
        display: none !important;
    }
}
@media screen and (min-width: 1920px) {
    .hidden-hd-up {
        display: none !important;
    }
}
@media screen and (max-width: 10000px) {
    .hidden-hd-down {
        display: none !important;
    }
}
/*--------------------Padding & Margin Classes--------------------*/
/*--------------------Center--------------------*/
.absolute-center {
    padding: inherit;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.vertical-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.horizontal-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.horizontal-center-auto {
    margin-left: auto;
    margin-right: auto;
}

/*--------------------Generic Classes--------------------*/
*.float-left {
    float: left;
}

*.float-right {
    float: right;
}

*.clear-both {
    clear: both;
}

*.clearfix {
    content: "";
    display: block;
    clear: both;
}

*.num-font {
    font-family: "Avenir Next LT Pro", Arial, sans-serif;
    font-weight: 300;
    white-space: nowrap;
}

*.llamar {
    cursor: default;
}
*.llamar:hover {
    text-decoration: none;
    color: none;
}

.content-stand {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px dotted #dddddd;
    margin-bottom: 10px;
}

span.mensaje {
    font-size: 18px;
    font-size: 1.5rem;
    color: #262626;
}

/*--------------------Typography--------------------*/
.font-title {
    font-family: "Avenir Next LT Pro", Arial, sans-serif;
}

.font-body {
    font-family: "Avenir Next LT Pro", Arial, sans-serif;
}

.font-number {
    font-family: "Avenir Next LT Pro", Arial, sans-serif;
}

.font-2 {
    font-size: 24px;
    font-size: 2rem;
}

.font-4 {
    font-size: 48px;
    font-size: 4rem;
}

.font-6 {
    font-size: 72px;
    font-size: 6rem;
}

.font-8 {
    font-size: 96px;
    font-size: 8rem;
}

.font-10 {
    font-size: 120px;
    font-size: 10rem;
}

.font-12 {
    font-size: 144px;
    font-size: 12rem;
}

.font-14 {
    font-size: 168px;
    font-size: 14rem;
}

.font-16 {
    font-size: 192px;
    font-size: 16rem;
}

.font-18 {
    font-size: 216px;
    font-size: 18rem;
}

.font-20 {
    font-size: 240px;
    font-size: 20rem;
}

.font-22 {
    font-size: 264px;
    font-size: 22rem;
}

.font-24 {
    font-size: 288px;
    font-size: 24rem;
}

.font-26 {
    font-size: 312px;
    font-size: 26rem;
}

.font-28 {
    font-size: 336px;
    font-size: 28rem;
}

.font-30 {
    font-size: 360px;
    font-size: 30rem;
}

.font-32 {
    font-size: 384px;
    font-size: 32rem;
}

.font-34 {
    font-size: 408px;
    font-size: 34rem;
}

.font-36 {
    font-size: 432px;
    font-size: 36rem;
}

.font-38 {
    font-size: 456px;
    font-size: 38rem;
}

.font-40 {
    font-size: 480px;
    font-size: 40rem;
}

.font-42 {
    font-size: 504px;
    font-size: 42rem;
}

.font-44 {
    font-size: 528px;
    font-size: 44rem;
}

.font-46 {
    font-size: 552px;
    font-size: 46rem;
}

.font-48 {
    font-size: 576px;
    font-size: 48rem;
}

.font-50 {
    font-size: 600px;
    font-size: 50rem;
}

.font-52 {
    font-size: 624px;
    font-size: 52rem;
}

.font-54 {
    font-size: 648px;
    font-size: 54rem;
}

.font-56 {
    font-size: 672px;
    font-size: 56rem;
}

.font-58 {
    font-size: 696px;
    font-size: 58rem;
}

.font-60 {
    font-size: 720px;
    font-size: 60rem;
}

.font-62 {
    font-size: 744px;
    font-size: 62rem;
}

.font-64 {
    font-size: 768px;
    font-size: 64rem;
}

.font-66 {
    font-size: 792px;
    font-size: 66rem;
}

.font-68 {
    font-size: 816px;
    font-size: 68rem;
}

.font-70 {
    font-size: 840px;
    font-size: 70rem;
}

.font-72 {
    font-size: 864px;
    font-size: 72rem;
}

.font-74 {
    font-size: 888px;
    font-size: 74rem;
}

.font-76 {
    font-size: 912px;
    font-size: 76rem;
}

.font-78 {
    font-size: 936px;
    font-size: 78rem;
}

.font-80 {
    font-size: 960px;
    font-size: 80rem;
}

.font-82 {
    font-size: 984px;
    font-size: 82rem;
}

.font-84 {
    font-size: 1008px;
    font-size: 84rem;
}

.font-86 {
    font-size: 1032px;
    font-size: 86rem;
}

.font-88 {
    font-size: 1056px;
    font-size: 88rem;
}

.font-90 {
    font-size: 1080px;
    font-size: 90rem;
}

.font-92 {
    font-size: 1104px;
    font-size: 92rem;
}

.font-94 {
    font-size: 1128px;
    font-size: 94rem;
}

.font-96 {
    font-size: 1152px;
    font-size: 96rem;
}

.font-98 {
    font-size: 1176px;
    font-size: 98rem;
}

.font-100 {
    font-size: 1200px;
    font-size: 100rem;
}

.font-thin {
    font-weight: 100;
}

.font-x-light {
    font-weight: 200;
}

.font-light {
    font-weight: 300;
}

.font-regular {
    font-weight: 400;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.font-x-bold {
    font-weight: 800;
}

.font-black {
    font-weight: 900;
}

.font-primary {
    color: #000000 !important;
}

.font-secondary {
    color: #ff7f22 !important;
}

.font-tertiary {
    color: #cc0000 !important;
}

.font-accent {
    color: #f5323e !important;
}

.font-cta {
    color: #f5323e !important;
}

.font-dark {
    color: #2c3137 !important;
}

.font-white {
    color: white !important;
}

.font-black {
    color: black !important;
}

.font-lowercase {
    text-transform: lowercase;
}

.font-uppercase {
    text-transform: uppercase;
}

.font-capitalize {
    text-transform: capitalize;
}

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

.text-right {
    text-align: right;
}

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

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

/*--------------------Unordered Lists--------------------*/
ul.unordered-list {
    padding-left: 1.5em;
    list-style-type: disc;
}

/*--------------------Ordered Lists--------------------*/
ol.ordered-list {
    padding-left: 30px;
    list-style-type: decimal-leading-zero;
}

/*--------------------Images--------------------*/
.img-center {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-cien,
.img-100 {
    width: 100%;
    display: block;
}

.svg-icon {
    width: 1em;
    height: 1em;
}

/*--------------------Backgrounds--------------------*/
.bg-primary {
    background-color: #000000;
}

.bg-primary-opacity-10 {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-primary-opacity-20 {
    background-color: rgba(0, 0, 0, 0.2);
}

.bg-primary-opacity-30 {
    background-color: rgba(0, 0, 0, 0.3);
}

.bg-primary-opacity-40 {
    background-color: rgba(0, 0, 0, 0.4);
}

.bg-primary-opacity-50 {
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-primary-opacity-60 {
    background-color: rgba(0, 0, 0, 0.6);
}

.bg-primary-opacity-70 {
    background-color: rgba(0, 0, 0, 0.7);
}

.bg-primary-opacity-80 {
    background-color: rgba(0, 0, 0, 0.8);
}

.bg-primary-opacity-90 {
    background-color: rgba(0, 0, 0, 0.9);
}

.bg-primary-opacity-100 {
    background-color: black;
}

.bg-secondary {
    background-color: #ff7f22;
}

.bg-secondary-opacity-10 {
    background-color: rgba(255, 127, 34, 0.1);
}

.bg-secondary-opacity-20 {
    background-color: rgba(255, 127, 34, 0.2);
}

.bg-secondary-opacity-30 {
    background-color: rgba(255, 127, 34, 0.3);
}

.bg-secondary-opacity-40 {
    background-color: rgba(255, 127, 34, 0.4);
}

.bg-secondary-opacity-50 {
    background-color: rgba(255, 127, 34, 0.5);
}

.bg-secondary-opacity-60 {
    background-color: rgba(255, 127, 34, 0.6);
}

.bg-secondary-opacity-70 {
    background-color: rgba(255, 127, 34, 0.7);
}

.bg-secondary-opacity-80 {
    background-color: rgba(255, 127, 34, 0.8);
}

.bg-secondary-opacity-90 {
    background-color: rgba(255, 127, 34, 0.9);
}

.bg-secondary-opacity-100 {
    background-color: #ff7f22;
}

.bg-tertiary {
    background-color: #cc0000;
}

.bg-tertiary-opacity-10 {
    background-color: rgba(204, 0, 0, 0.1);
}

.bg-tertiary-opacity-20 {
    background-color: rgba(204, 0, 0, 0.2);
}

.bg-tertiary-opacity-30 {
    background-color: rgba(204, 0, 0, 0.3);
}

.bg-tertiary-opacity-40 {
    background-color: rgba(204, 0, 0, 0.4);
}

.bg-tertiary-opacity-50 {
    background-color: rgba(204, 0, 0, 0.5);
}

.bg-tertiary-opacity-60 {
    background-color: rgba(204, 0, 0, 0.6);
}

.bg-tertiary-opacity-70 {
    background-color: rgba(204, 0, 0, 0.7);
}

.bg-tertiary-opacity-80 {
    background-color: rgba(204, 0, 0, 0.8);
}

.bg-tertiary-opacity-90 {
    background-color: rgba(204, 0, 0, 0.9);
}

.bg-tertiary-opacity-100 {
    background-color: #cc0000;
}

.bg-accent {
    background-color: #f5323e;
}

.bg-accent-opacity-10 {
    background-color: rgba(245, 50, 62, 0.1);
}

.bg-accent-opacity-20 {
    background-color: rgba(245, 50, 62, 0.2);
}

.bg-accent-opacity-30 {
    background-color: rgba(245, 50, 62, 0.3);
}

.bg-accent-opacity-40 {
    background-color: rgba(245, 50, 62, 0.4);
}

.bg-accent-opacity-50 {
    background-color: rgba(245, 50, 62, 0.5);
}

.bg-accent-opacity-60 {
    background-color: rgba(245, 50, 62, 0.6);
}

.bg-accent-opacity-70 {
    background-color: rgba(245, 50, 62, 0.7);
}

.bg-accent-opacity-80 {
    background-color: rgba(245, 50, 62, 0.8);
}

.bg-accent-opacity-90 {
    background-color: rgba(245, 50, 62, 0.9);
}

.bg-accent-opacity-100 {
    background-color: #f5323e;
}

.bg-cta {
    background-color: #f5323e;
}

.bg-cta-opacity-10 {
    background-color: rgba(245, 50, 62, 0.1);
}

.bg-cta-opacity-20 {
    background-color: rgba(245, 50, 62, 0.2);
}

.bg-cta-opacity-30 {
    background-color: rgba(245, 50, 62, 0.3);
}

.bg-cta-opacity-40 {
    background-color: rgba(245, 50, 62, 0.4);
}

.bg-cta-opacity-50 {
    background-color: rgba(245, 50, 62, 0.5);
}

.bg-cta-opacity-60 {
    background-color: rgba(245, 50, 62, 0.6);
}

.bg-cta-opacity-70 {
    background-color: rgba(245, 50, 62, 0.7);
}

.bg-cta-opacity-80 {
    background-color: rgba(245, 50, 62, 0.8);
}

.bg-cta-opacity-90 {
    background-color: rgba(245, 50, 62, 0.9);
}

.bg-cta-opacity-100 {
    background-color: #f5323e;
}

.bg-dark {
    background-color: #2c3137;
}

.bg-dark-opacity-10 {
    background-color: rgba(44, 49, 55, 0.1);
}

.bg-dark-opacity-20 {
    background-color: rgba(44, 49, 55, 0.2);
}

.bg-dark-opacity-30 {
    background-color: rgba(44, 49, 55, 0.3);
}

.bg-dark-opacity-40 {
    background-color: rgba(44, 49, 55, 0.4);
}

.bg-dark-opacity-50 {
    background-color: rgba(44, 49, 55, 0.5);
}

.bg-dark-opacity-60 {
    background-color: rgba(44, 49, 55, 0.6);
}

.bg-dark-opacity-70 {
    background-color: rgba(44, 49, 55, 0.7);
}

.bg-dark-opacity-80 {
    background-color: rgba(44, 49, 55, 0.8);
}

.bg-dark-opacity-90 {
    background-color: rgba(44, 49, 55, 0.9);
}

.bg-dark-opacity-100 {
    background-color: #2c3137;
}

.bg-white {
    background-color: white;
}

.bg-white-opacity-10 {
    background-color: rgba(255, 255, 255, 0.1);
}

.bg-white-opacity-20 {
    background-color: rgba(255, 255, 255, 0.2);
}

.bg-white-opacity-30 {
    background-color: rgba(255, 255, 255, 0.3);
}

.bg-white-opacity-40 {
    background-color: rgba(255, 255, 255, 0.4);
}

.bg-white-opacity-50 {
    background-color: rgba(255, 255, 255, 0.5);
}

.bg-white-opacity-60 {
    background-color: rgba(255, 255, 255, 0.6);
}

.bg-white-opacity-70 {
    background-color: rgba(255, 255, 255, 0.7);
}

.bg-white-opacity-80 {
    background-color: rgba(255, 255, 255, 0.8);
}

.bg-white-opacity-90 {
    background-color: rgba(255, 255, 255, 0.9);
}

.bg-white-opacity-100 {
    background-color: white;
}

.bg-black {
    background-color: black;
}

.bg-black-opacity-10 {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-black-opacity-20 {
    background-color: rgba(0, 0, 0, 0.2);
}

.bg-black-opacity-30 {
    background-color: rgba(0, 0, 0, 0.3);
}

.bg-black-opacity-40 {
    background-color: rgba(0, 0, 0, 0.4);
}

.bg-black-opacity-50 {
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-black-opacity-60 {
    background-color: rgba(0, 0, 0, 0.6);
}

.bg-black-opacity-70 {
    background-color: rgba(0, 0, 0, 0.7);
}

.bg-black-opacity-80 {
    background-color: rgba(0, 0, 0, 0.8);
}

.bg-black-opacity-90 {
    background-color: rgba(0, 0, 0, 0.9);
}

.bg-black-opacity-100 {
    background-color: black;
}

/*--------------------General accordion--------------------*/
.accordion__trigger {
    cursor: pointer;
}
.accordion__content {
    display: none;
}

/*--------------------Overlays--------------------*/
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
    .overlay--filters {
        display: none;
    }
}
.overlay--atc {
    visibility: visible;
    opacity: 1;
}
.overlay.is-active {
    visibility: visible;
    opacity: 1;
}

/*--------------------Close Modal--------------------*/
.close-modal {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    font-size: 1em;
    text-transform: uppercase;
    opacity: 0.8;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}
.close-modal:hover {
    opacity: 1;
}
.close-modal--sign-up {
    display: block;
    font-size: 36px;
    font-size: 3rem;
    font-weight: 300;
    line-height: 0.5;
    color: #000000;
    background-color: transparent;
}

/*--------------------Loading--------------------*/
.loading__image-wrapper {
    display: none;
    margin-top: 50px;
}