@font-face {
    font-family: "Gotham Rounded";
    src: url("fonts/gotham/GothamRounded-Bold.otf");
}


/* "Gotham Rounded",sans-serif */

.owl-carousel .owl-dots .owl-dot span {
    width: 26px;
    height: 18px;
}


/**=====================
 General
==========================**/

#header .header-body {
    background: rgb(15 10 74);
}

hr.solid {
    background: rgba(237, 126, 42, 0.207);
}

.mb-6 {
    margin-bottom: 4rem!important;
}

.disabled {
    pointer-events: none;
    /* opacity: 0.7; */
    background-color: var(--bs-gray-400);
    /* border-color: rgba(118, 118, 118, 0.3); */
    color: -internal-light-dark(graytext, rgb(170, 170, 170));
}


/**=====================
 scroll to top
==========================**/

html .scroll-to-top {
    transition: opacity 0.3s;
    background: #404040;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    color: #FFF;
    display: block;
    height: 9px;
    opacity: 0;
    padding: 10px 10px 35px;
    position: fixed;
    right: 20%;
    text-align: center;
    text-decoration: none;
    min-width: 50px;
    z-index: 1040;
    font-size: 0.8em;
}


/**=====================
 footer
==========================**/

#footer .footer-ribbon {
    background: #1BABA2;
    position: absolute;
    margin: -40px 0 0 0;
    padding: 10px 20px 6px 20px;
}

#footer .footer-ribbon a {
    color: #fff!important;
}


/**=====================
Banners 
==========================**/

.ldk-wsp-container.is-expanded .wsp-powered-by {
    display: none!important;
}

.bg-movil5 {
    /* background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/promociones/izzimovil-5-stage.jpg); */
}


/**=====================
 Botones Flotantes 
==========================**/

#wspIframe {
    float: right!important;
    left: auto!important;
    right: 0px !important;
    bottom: 70px!important;
}


/* whatsapp */

.btn-wsp a {
    text-decoration: none;
    position: fixed;
    /* width: 55px; */
    /* height: 55px; */
    /* line-height: 55px; */
    bottom: 140px;
    right: 10px;
    background: #27a644;
    color: #fff;
    /* border-radius: 50px; */
    /* text-align: center; */
    font-size: 30px;
    /* box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3); */
    z-index: 99999;
    transition: all .2s linear
}

.btn-wsp a:hover {
    color: #27a644;
    background: #fff;
    transition: all .2s linear
}

.btn-wsp a:active {
    color: #27a644!important;
    background-color: #fff!important;
    border-color: var(--bs-btn-active-border-color)!important;
}

.btn-wsp a i {
    margin: 0px -3px;
}

.btn-messenger a {
    text-decoration: none;
    position: fixed;
    /* width: 55px; */
    /* height: 55px; */
    /* line-height: 55px; */
    bottom: 80px;
    right: 10px;
    background: #308dde;
    color: #fff;
    /* border-radius: 50px; */
    /* text-align: center; */
    font-size: 30px;
    /* box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3); */
    z-index: 99999;
    transition: all .2s linear
}

.btn-messenger a:hover {
    color: #308dde;
    background: #fff;
    transition: all .2s linear
}

.btn-messenger a:active {
    color: #308dde!important;
    background-color: #fff!important;
    border-color: var(--bs-btn-active-border-color)!important;
}

.btn-messenger a i {
    margin: 0px -5px;
}


/**=====================
 Tabs
==========================**/

.mapa-noroeste {
    color: #ed7d2a!important;
}

.mapa-noroeste.active {
    border-top-color: #ed7d2a!important;
    color: #ed7d2a!important;
}

.mapa-noroeste:hover {
    border-top-color: #ed7d2a!important;
}

.mapa-golfo {
    color: #e41561!important;
}

.mapa-golfo.active {
    border-top-color: #e41561!important;
    color: #e41561!important;
}

.mapa-golfo:hover {
    border-top-color: #e41561!important;
}

.mapa-centro {
    color: #0f8554!important;
}

.mapa-centro.active {
    border-top-color: #0f8554!important;
    color: #0f8554!important;
}

.mapa-centro:hover {
    border-top-color: #0f8554!important;
}

.mapa-pacifico {
    color: #94346e!important;
}

.mapa-pacifico.active {
    border-top-color: #94346e!important;
    color: #94346e!important;
}

.mapa-pacifico:hover {
    border-top-color: #94346e!important;
}

.mapa-metrosur {
    color: #fed976!important;
}

.mapa-metrosur.active {
    border-top-color: #fed976!important;
    color: #fed976!important;
}

.mapa-metrosur:hover {
    border-top-color: #fed976!important;
}

.mapa-sureste {
    color: #4eb3d3!important;
}

.mapa-sureste.active {
    border-top-color: #4eb3d3!important;
    color: #4eb3d3!important;
}

.mapa-sureste:hover {
    border-top-color: #4eb3d3!important;
}


/**=====================
 Inicio
==========================**/

@media (max-width:768px) {
    .slider-principal img.logo {
        width: 120px!important;
        height: auto!important;
    }
    .porto-big-title {
        letter-spacing: -14px;
        font-size: 5.2rem;
    }
    .slider-negocio p {
        font-size: 16px!important;
    }
    .slider-negocio a {
        padding: 9px 12px !important;
    }
    .slider-residencial p {
        font-size: 16px!important;
    }
    .slider-residencial a {
        padding: 9px 12px !important;
    }
    .slider-movil p {
        font-size: 16px!important;
    }
    .slider-movil a {
        padding: 9px 12px !important;
    }
}

@media (max-width:576px) {
    .slider-principal img.logo {
        width: 80px!important;
        height: auto!important;
    }
    .porto-big-title {
        letter-spacing: -12px;
        font-size: 4.7rem;
    }
    .slider-negocio p {
        font-size: 14px!important;
    }
    .slider-negocio a {
        padding: 7px 9px !important;
    }
    .slider-residencial p {
        font-size: 14px!important;
    }
    .slider-residencial a {
        padding: 7px 9px !important;
    }
    .slider-movil p {
        font-size: 14px!important;
    }
    .slider-movil a {
        padding: 7px 9px !important;
    }
}

.img-fluid-inicio {
    width: 80%;
}


/* HEADER */

html.sticky-header-active #header .header-body {
    position: fixed;
    border-bottom-color: rgba(234, 234, 234, 0.5);
    box-shadow: 0 0 3px var(--bs-gray-500);
}


/* CONTACTANOS */

.contactanos input:focus,
.contactanos select:focus {
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px var(--bs-gray-500);
}

.form-control.error {
    border-color: #a94442!important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}


/* CONTACTANOS IZZI */

html .featured-boxes-full .featured-box-full-warning {
    background: linear-gradient(180deg, #FFCD02 0%, #FFDF5F 100%);
    color: #fff;
}

.package-selectors-wrapper {
    margin: 0 auto 24px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px)and (max-width: 1024px) {
    .package-selectors-wrapper {
        max-width: 560px
    }
}

.package-selectors-wrapper .package-type {
    border: solid 3px #ffcd02;
    border-radius: 8px;
    padding: 40px 16px 24px;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (min-width: 768px)and (max-width: 1024px) {
    .package-selectors-wrapper .package-type.package-type--3p {
        margin-bottom: 32px;
        width: 492px
    }
}

@media only screen and (min-width: 1025px) {
    .package-selectors-wrapper .package-type.package-type--3p {
        width: 464px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px) {
    .package-selectors-wrapper .package-type.package-type--3p+.package-type:not(:last-of-type) {
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .package-selectors-wrapper .package-type {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 32px 12px 16px
    }
}

@media only screen and (min-width: 768px) {
    .package-selectors-wrapper .package-type+.package-type {
        margin-left: 16px
    }
}

@media only screen and (max-width: 767px) {
    .package-selectors-wrapper .package-type+.package-type {
        margin-top: 32px
    }
}

.package-selectors-wrapper .package-type .package-type__label {
    background: #ffcd02;
    border-radius: 4px;
    color: #000;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    height: 38px;
    padding: 0 15px;
    position: absolute;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    white-space: nowrap
}

.package-selectors-wrapper .package-type .package-type__label:before,
.package-selectors-wrapper .package-type .package-type__label:after {
    content: "";
    position: absolute;
    top: 14px;
    height: 7px;
    z-index: 0;
    pointer-events: none;
    width: 4px;
    background-color: #fff
}

.package-selectors-wrapper .package-type .package-type__label:before {
    left: -4px
}

.package-selectors-wrapper .package-type .package-type__label:after {
    right: -4px
}

.package-selectors {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px)and (max-width: 1024px) {
    .package-selectors .single-package {
        width: 200px
    }
}

@media only screen and (min-width: 1025px) {
    .package-selectors .single-package {
        width: 200px
    }
}

@media only screen and (max-width: 767px) {
    .package-selectors .single-package {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .package-selectors .single-package+.single-package {
        margin-left: 16px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1024px) {
    .package-selectors .single-package+.single-package {
        margin-left: 54px
    }
}

@media only screen and (max-width: 767px) {
    .package-selectors .single-package+.single-package {
        margin-top: 16px
    }
}

.package-selectors .single-package label {
    background-color: #fff;
    border: solid 3px #d31772;
    border-radius: 8px;
    color: #d31772;
    cursor: pointer;
    padding: 32px 16px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    height: 129px;
    position: relative;
    transition: all .2s linear
}

@media only screen and (max-width: 767px) {
    .package-selectors .single-package label {
        height: 72px;
        padding: 8px
    }
}

.package-selectors .single-package label .package-check__indicator {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border: solid 2px #d31772;
    border-radius: 26px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px
}

@media only screen and (max-width: 767px) {
    .package-selectors .single-package label .package-check__indicator {
        display: none
    }
}

.package-selectors .single-package label .package-check__indicator i {
    margin-top: 3px;
    opacity: 0;
    pointer-events: none;
    width: 16px;
    transition: all .2s linear
}

.package-selectors .single-package label p {
    color: #d31772;
    margin: 0
}

.package-selectors .single-package label .package-icons {
    line-height: 1
}

.package-selectors .single-package label .package-icons i {
    width: 32px;
    height: 32px
}

.package-selectors .single-package label .package-icons i.phone-icon {
    width: 28px;
    height: 28px
}

.package-selectors .single-package label .package-icons i+i {
    margin-left: 8px
}

.package-selectors .single-package label:hover,
.package-selectors .single-package label:focus {
    transform: scale(1.03)
}

.package-selectors .single-package input {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.package-selectors .single-package input:checked+label {
    background-color: #d31772
}

.package-selectors .single-package input:checked+label .package-check__indicator i {
    opacity: 1
}

.package-selectors .single-package input:checked+label p {
    color: #fff
}

.package-selectors .single-package input:checked+label .package-icons {
    color: #fff
}

.icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.icon.icon--h-inverted {
    transform: scaleX(-1)
}

.addon-selectors {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto 24px;
}

.addon-selectors .single-addon {
    width: 220px
}

@media only screen and (min-width: 768px)and (max-width: 1024px) {
    .addon-selectors .single-addon {
        width: 200px
    }
}

@media only screen and (max-width: 767px) {
    .addon-selectors .single-addon {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .addon-selectors .single-addon+.single-addon {
        margin-left: 16px
    }
}

@media only screen and (max-width: 767px) {
    .addon-selectors .single-addon+.single-addon {
        margin-top: 24px
    }
}

.addon-selectors .single-addon label {
    background-color: #fff;
    border: solid 3px transparent;
    border-radius: 8px;
    color: #d31772;
    cursor: pointer;
    padding: 16px 16px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    height: 129px;
    position: relative;
    transition: all .2s linear
}

@media only screen and (max-width: 767px) {
    .addon-selectors .single-addon label {
        height: 84px;
        padding: 20px 16px 8px
    }
}

.addon-selectors .single-addon label .addon-check__indicator {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border: solid 2px transparent;
    border-radius: 26px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px
}

@media only screen and (max-width: 767px) {
    .addon-selectors .single-addon label .addon-check__indicator {
        top: -14px;
        width: 28px;
        height: 28px
    }
}

.addon-selectors .single-addon label .addon-check__indicator i {
    opacity: 0;
    pointer-events: none;
    width: 16px;
    height: 16px;
    transition: all .2s linear
}

.addon-selectors .single-addon label .addon-logo img {
    max-height: 48px;
    width: 100px
}

.addon-selectors .single-addon input {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.addon-selectors .single-addon input:checked+label .addon-check__indicator i {
    opacity: 1;
    margin-top: 18px;
}

.addon-selectors .single-addon input:checked+label .addon-logo img.unchecked-logo {
    display: none
}

.addon-selectors .single-addon input:not(:checked)+label .addon-logo img.checked-logo {
    display: none
}

.addon-selectors .single-addon.single-addon--vix label {
    border-color: #ff5900
}

.addon-selectors .single-addon.single-addon--vix label .addon-check__indicator {
    border-color: #ff5900
}

.addon-selectors .single-addon.single-addon--vix label .addon-check__indicator i {
    color: #ff5900
}

.addon-selectors .single-addon.single-addon--vix input:checked+label {
    background-color: #ff5900
}

.addon-selectors .single-addon.single-addon--netflix label {
    border-color: #e50914
}

.addon-selectors .single-addon.single-addon--netflix label .addon-check__indicator {
    border-color: #e50914
}

.addon-selectors .single-addon.single-addon--netflix label .addon-check__indicator i {
    color: #e50914
}

.addon-selectors .single-addon.single-addon--netflix input:checked+label {
    background-color: #e50914
}

.addon-selectors .single-addon.single-addon--disneyplus label {
    border-color: #020e40
}

.addon-selectors .single-addon.single-addon--disneyplus label .addon-check__indicator {
    border-color: #020e40
}

.addon-selectors .single-addon.single-addon--disneyplus label .addon-check__indicator i {
    color: #020e40
}

.addon-selectors .single-addon.single-addon--disneyplus input:checked+label {
    background-color: #020e40
}

.addons-grid .addon input:checked+label .addon-check__indicator {
    opacity: 1
}

.addons-grid .addon label .addon-check__indicator {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 28px;
    height: 28px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 5px 0 0;
    transition: all .2s linear
}

.addons-grid .addon label .addon-check__indicator:before {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 28px 28px 0;
    border-color: transparent #ffcd02 transparent transparent
}

.addons-grid .addon label .addon-check__indicator img {
    filter: invert(1);
    width: 10px
}

.offers-grid__wrapper {
    margin: 0 auto 16px;
    position: relative
}

.offers-grid__wrapper:before,
.offers-grid__wrapper:after {
    content: "";
    background: linear-gradient(270deg, #FEFEFE -9.89%, rgba(255, 255, 255, 0) 79.24%);
    position: absolute;
    top: 0%;
    height: 100%;
    width: 90px;
    pointer-events: none;
    z-index: 2
}

.offers-grid__wrapper:before {
    transform: rotate(-180deg);
    left: 0
}

.offers-grid__wrapper:after {
    right: 0
}

.offers-grid__wrapper.offers-grid__wrapper--2offers {
    max-width: 632px
}

@media only screen and (min-width: 664px) {
    .offers-grid__wrapper.offers-grid__wrapper--2offers:before,
    .offers-grid__wrapper.offers-grid__wrapper--2offers:after {
        content: none
    }
    .offers-grid__wrapper.offers-grid__wrapper--2offers .offers-grid .offer-scroll-left,
    .offers-grid__wrapper.offers-grid__wrapper--2offers .offers-grid .offer-scroll-right {
        display: none
    }
}

.offers-grid__wrapper.offers-grid__wrapper--3offers {
    max-width: 948px
}

@media only screen and (min-width: 980px) {
    .offers-grid__wrapper.offers-grid__wrapper--3offers:before,
    .offers-grid__wrapper.offers-grid__wrapper--3offers:after {
        content: none
    }
    .offers-grid__wrapper.offers-grid__wrapper--3offers .offers-grid .offer-scroll-left,
    .offers-grid__wrapper.offers-grid__wrapper--3offers .offers-grid .offer-scroll-right {
        display: none
    }
}

.offers-grid__wrapper.offers-grid__wrapper--4offers {
    max-width: 1264px
}

@media only screen and (min-width: 1296px) {
    .offers-grid__wrapper.offers-grid__wrapper--4offers:before,
    .offers-grid__wrapper.offers-grid__wrapper--4offers:after {
        content: none
    }
    .offers-grid__wrapper.offers-grid__wrapper--4offers .offers-grid .offer-scroll-left,
    .offers-grid__wrapper.offers-grid__wrapper--4offers .offers-grid .offer-scroll-right {
        display: none
    }
}

.offers-grid__wrapper.offers-grid__wrapper--5offers {
    max-width: 1580px
}

@media only screen and (min-width: 1612px) {
    .offers-grid__wrapper.offers-grid__wrapper--5offers:before,
    .offers-grid__wrapper.offers-grid__wrapper--5offers:after {
        content: none
    }
    .offers-grid__wrapper.offers-grid__wrapper--5offers .offers-grid .offer-scroll-left,
    .offers-grid__wrapper.offers-grid__wrapper--5offers .offers-grid .offer-scroll-right {
        display: none
    }
}

.offers-grid__wrapper.offers-grid__wrapper--6offers {
    max-width: 1896px
}

@media only screen and (min-width: 1928px) {
    .offers-grid__wrapper.offers-grid__wrapper--6offers:before,
    .offers-grid__wrapper.offers-grid__wrapper--6offers:after {
        content: none
    }
    .offers-grid__wrapper.offers-grid__wrapper--6offers .offers-grid .offer-scroll-left,
    .offers-grid__wrapper.offers-grid__wrapper--6offers .offers-grid .offer-scroll-right {
        display: none
    }
}

.offers-grid__wrapper.offers-grid__wrapper--7offers {
    max-width: 2212px
}

@media only screen and (min-width: 2244px) {
    .offers-grid__wrapper.offers-grid__wrapper--7offers:before,
    .offers-grid__wrapper.offers-grid__wrapper--7offers:after {
        content: none
    }
    .offers-grid__wrapper.offers-grid__wrapper--7offers .offers-grid .offer-scroll-left,
    .offers-grid__wrapper.offers-grid__wrapper--7offers .offers-grid .offer-scroll-right {
        display: none
    }
}

.offers-grid {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    overflow-x: auto;
    padding: 24px 0 32px
}

.offers-grid:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FFFFFF 0%, #F5F6F8 87.87%);
    z-index: 9;
    transition: opacity .25s linear
}

.offers-grid:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #d31772;
    border-bottom-color: #d31772;
    animation: spinner .8s ease infinite;
    z-index: 10;
    transition: opacity .25s linear
}

.offers-grid.offers-grid--active:before,
.offers-grid.offers-grid--active:after {
    opacity: 0;
    pointer-events: none
}

.offers-grid .offer-scroll-left,
.offers-grid .offer-scroll-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: 2px solid #000;
    border-radius: 36px;
    color: #000;
    width: 36px;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3
}

.offers-grid .offer-scroll-left {
    left: 5px
}

.offers-grid .offer-scroll-right {
    right: 5px
}

.offers-grid .offer {
    box-shadow: 0px 8px 16px rgba(84, 95, 122, .1);
    border-radius: 16px;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 8px;
    max-width: 300px;
    position: relative;
    text-align: center
}

.offers-grid .offer:first-of-type:last-of-type {
    margin-left: auto;
    margin-right: auto
}

.offers-grid .offer.offer-v60,
.offers-grid .offer.offer-v50 {
    box-shadow: 0 0 0 4px #0ecece;
    position: relative;
    z-index: 1;
    animation-name: pulse;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: backwards
}

.offers-grid .offer.offer-v60:first-of-type,
.offers-grid .offer.offer-v50:first-of-type {
    transform-origin: left center
}

.offers-grid .offer.offer--a-la-carta .offer-contents,
.offers-grid .offer.a-la-carta-offer .offer-contents {
    border-radius: 16px
}

.offers-grid .offer .offer-title {
    border-radius: 16px 16px 0px 0px;
    padding: 8px 16px;
    position: relative
}

.offers-grid .offer .offer-title .velocidad {
    line-height: 1.05
}

.offers-grid .offer .offer-title .velocidad span {
    vertical-align: middle
}

.offers-grid .offer .offer-title .velocidad span:not(.vel-num) {
    margin-left: 4px
}

.offers-grid .offer .offer-title sup {
    font-size: 55%;
    left: 1px;
    top: -11px
}

.offers-grid .offer .offer-contents {
    background-color: #fff;
    border-radius: 0px 0px 16px 16px;
    padding: 8px 16px 16px
}

@media only screen and (max-width: 359px) {
    .offers-grid .offer .offer-contents {
        padding: 8px 8px 16px
    }
}

.offers-grid .offer .offer-promo {
    -ms-flex-align: center;
    align-items: center;
    border: solid 2px transparent;
    border-radius: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 108px;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
    padding: 4px 8px 24px;
    position: relative
}

@media only screen and (max-width: 359px) {
    .offers-grid .offer .offer-promo {
        padding: 8px
    }
}

.offers-grid .offer .offer-promo *:not(.promo-tag) {
    position: relative;
    z-index: 2
}

.offers-grid .offer .offer-promo .h4 {
    font-size: 18px
}

.offers-grid .offer .offer-promo .promo-tag {
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    bottom: -22px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 13px;
    font-weight: 600;
    height: 44px;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    letter-spacing: -0.2px;
    position: absolute;
    transform: translateX(-50%);
    width: 240px;
    z-index: 1
}

.offers-grid .offer .offer-promo .promo-tag:before,
.offers-grid .offer .offer-promo .promo-tag:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background-color: #fff
}

.offers-grid .offer .offer-promo .promo-tag:before {
    left: -10px
}

.offers-grid .offer .offer-promo .promo-tag:after {
    right: -10px
}

.offers-grid .offer .offer-promo .promo-tag .bf-logo {
    width: 50px;
    margin-right: 8px;
    position: relative;
    top: -12px
}

.offers-grid .offer .offer-promo+.h4+p.fw-regular {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px
}

.offers-grid .offer .offer-promo+.h4+p.fw-regular .h2 {
    letter-spacing: -0.2px;
    margin-right: 8px
}

.offers-grid .offer .offer-promo+.h4+p.fw-regular .h2+span {
    letter-spacing: -0.1px;
    text-align: left
}

.offers-grid .offer.offer-v1000:before {
    content: "Sujeto a cobertura";
    position: absolute;
    bottom: -28px;
    left: -71px;
    font-size: 15px;
    font-weight: 500
}

.offers-grid .offer.offer-v1000 .offer-title,
.offers-grid .offer.offer-v500 .offer-title,
.offers-grid .offer.offer-v200 .offer-title {
    background: linear-gradient(180deg, #FFCD02 0%, #FFDF5F 100%)
}

.offers-grid .offer.offer-v1000 .offer-title *,
.offers-grid .offer.offer-v500 .offer-title *,
.offers-grid .offer.offer-v200 .offer-title * {
    color: #000
}

.offers-grid .offer.offer-v1000 .offer-promo,
.offers-grid .offer.offer-v500 .offer-promo,
.offers-grid .offer.offer-v200 .offer-promo {
    border-color: #ffcd02
}

.offers-grid .offer.offer-v1000 .offer-promo *,
.offers-grid .offer.offer-v500 .offer-promo *,
.offers-grid .offer.offer-v200 .offer-promo * {
    color: #000
}

.offers-grid .offer.offer-v1000 .offer-promo .promo-tag,
.offers-grid .offer.offer-v500 .offer-promo .promo-tag,
.offers-grid .offer.offer-v200 .offer-promo .promo-tag {
    background-color: #ffcd02;
    color: #000
}

.offers-grid .offer.offer-v100 .offer-title {
    background: linear-gradient(180deg, #BF0F64 0%, #ED318C 100%)
}

.offers-grid .offer.offer-v100 .offer-title * {
    color: #fff
}

.offers-grid .offer.offer-v100 .offer-title .offer-title__badge {
    color: #d31772
}

.offers-grid .offer.offer-v100 .offer-promo {
    border-color: #d31772
}

.offers-grid .offer.offer-v100 .offer-promo * {
    color: #d31772
}

.offers-grid .offer.offer-v100 .offer-promo .promo-tag {
    background-color: #d31772;
    color: #fff
}

.offers-grid .offer.offer-v100 .offer-promo .promo-tag span {
    color: #fff
}

.offers-grid .offer.offer-v60 .offer-title,
.offers-grid .offer.offer-v50 .offer-title {
    background: linear-gradient(360deg, #0AD5D0 -11.11%, #00B0AC 96.83%)
}

.offers-grid .offer.offer-v60 .offer-title *,
.offers-grid .offer.offer-v50 .offer-title * {
    color: #063232
}

.offers-grid .offer.offer-v60 .offer-promo,
.offers-grid .offer.offer-v50 .offer-promo {
    border-color: #0ecece
}

.offers-grid .offer.offer-v60 .offer-promo *,
.offers-grid .offer.offer-v50 .offer-promo * {
    color: #063232
}

.offers-grid .offer.offer-v60 .offer-promo .promo-tag,
.offers-grid .offer.offer-v50 .offer-promo .promo-tag {
    background-color: #0ecece;
    color: #063232
}

.offers-grid .offer.offer-v30 .offer-title,
.offers-grid .offer.offer-v20 .offer-title {
    background: linear-gradient(180deg, #F47E28 0%, #FC9850 100%)
}

.offers-grid .offer.offer-v30 .offer-title *,
.offers-grid .offer.offer-v20 .offer-title * {
    color: #4f2903
}

.offers-grid .offer.offer-v30 .offer-promo,
.offers-grid .offer.offer-v20 .offer-promo {
    border-color: #f47e28
}

.offers-grid .offer.offer-v30 .offer-promo *,
.offers-grid .offer.offer-v20 .offer-promo * {
    color: #4f2903
}

.offers-grid .offer.offer-v30 .offer-promo .promo-tag,
.offers-grid .offer.offer-v20 .offer-promo .promo-tag {
    background-color: #f47e28;
    color: #4f2903
}

.offers-grid .offer.offer-orange .offer-title {
    background: linear-gradient(180deg, #F47E28 0%, #FC9850 100%) !important
}

.offers-grid .offer.offer-orange .offer-title * {
    color: #4f2903 !important
}

.offers-grid .offer.offer-orange .offer-promo {
    border-color: #f47e28 !important
}

.offers-grid .offer.offer-orange .offer-promo * {
    color: #4f2903 !important
}

.offers-grid .offer.offer-orange .offer-promo .promo-tag {
    background-color: #f47e28 !important;
    color: #4f2903 !important
}

.offers-grid .offer.offer-orange.offer-v50 {
    box-shadow: 0 0 0 4px #f47e28
}

.offers-grid .offer.offer-green .offer-title {
    background: linear-gradient(180deg, #75C33F 0%, #77C440 100%) !important
}

.offers-grid .offer.offer-green .offer-title * {
    color: #000 !important
}

.offers-grid .offer.offer-green .offer-promo {
    border-color: #77c440 !important
}

.offers-grid .offer.offer-green .offer-promo * {
    color: #000 !important
}

.offers-grid .offer.offer-green .offer-promo .promo-tag {
    background-color: #77c440 !important;
    color: #000 !important
}

.offers-grid .offer.offer-green.offer-v50 {
    box-shadow: 0 0 0 4px #77c440
}

.offers-grid .offer.offer-packtv {
    -ms-flex-order: 2;
    order: 2
}

.offers-grid .offer.offer-packtv .offer-title {
    background: linear-gradient(180deg, #F47E28 0%, #FC9850 100%)
}

.offers-grid .offer.offer-packtv .offer-title * {
    color: #4f2903
}

.offers-grid .offer.offer-izzitvhdplus .offer-title {
    background: linear-gradient(360deg, #0AD5D0 -11.11%, #00B0AC 96.83%)
}

.offers-grid .offer.offer-izzitvhdplus .offer-title * {
    color: #063232
}

.offers-grid .offer .offer-streaming {
    background-color: #000;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    margin: -8px -16px 8px;
    padding: 0 8px
}

@media only screen and (max-width: 359px) {
    .offers-grid .offer .offer-streaming {
        margin-left: -8px;
        margin-right: -8px
    }
}

.offers-grid .offer .offer-streaming.active {
    display: -ms-flexbox;
    display: flex
}

.offers-grid .offer .offer-streaming .streaming-addon {
    display: none;
    text-align: center;
    width: 33.3333333%
}

.offers-grid .offer .offer-streaming .streaming-addon.active {
    display: block
}

.offers-grid .offer .offer-streaming .streaming-addon.vix-addon img {
    width: 67px
}

.offers-grid .offer .offer-streaming .streaming-addon.netflix-addon img {
    width: 70px
}

.offers-grid .offer .offer-streaming .streaming-addon.disneyplus-addon img {
    width: 52px
}

.offers-grid .offer .offer-streaming .streaming-addon span {
    color: #fff;
    display: block;
    font-size: 11px
}

.offers-grid .offer .offer-video-info-wrapper {
    background-color: #f2f2f8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 40px;
    margin: -8px -16px 16px
}

.offers-grid .offer .offer-video-info-wrapper img {
    width: 104px
}

.offers-grid .offer .offer-video-info-wrapper p {
    line-height: 1.32
}

.offers-grid .offer .offer-tv-channels {
    margin: 45px 0
}

.offers-grid .offer .offer-addons {
    margin-bottom: 8px;
    position: relative
}

.offers-grid .offer .offer-addons .addons-row {
    -ms-flex-align: center;
    align-items: center;
    border: solid 2px transparent;
    border-radius: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 64px;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 8px;
    position: relative
}

.offers-grid .offer .offer-addons .addons-row:first-of-type:not(:last-of-type) {
    margin-bottom: 15px
}

.offers-grid .offer .offer-addons .addons-row:first-of-type:last-of-type {
    height: 64px
}

.offers-grid .offer .offer-addons .addons-row~.addons-row {
    -ms-flex-align: center;
    align-items: center;
    height: 64px
}

.offers-grid .offer .offer-addons .addons-row .addon-holder {
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    line-height: 26px
}

.offers-grid .offer .offer-addons .addons-row .addon-holder a {
    color: #36424b !important
}

.offers-grid .offer .offer-addons .addons-row .addon-holder img {
    width: 64px
}

.offers-grid .offer .offer-addons .addons-row .addon-holder img.hbo-logo {
    width: 78px
}

.offers-grid .offer .offer-addons .addons-row .addon-holder span {
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.6;
    text-transform: uppercase;
    margin-top: 5px
}

.offers-grid .offer .offer-pricing>span:first-of-type:not(:last-of-type) {
    text-decoration: line-through
}

.offers-grid .offer .offer-pricing>span+span {
    margin-left: 8px
}

.offers-grid .offer .contract-text {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500
}

.offers-grid .offer .pink-text {
    color: #d31772 !important
}

.offers-grid .offer .offer-features-list {
    padding: 0
}

.offers-grid .offer .offer-features-list .feature-item {
    -ms-flex-pack: center;
    justify-content: center
}

.offers-grid .offer .offer-new-pricing {
    margin-bottom: 16px
}

.offers-grid .offer .offer-new-pricing * {
    color: #000 !important
}

.offers-grid .offer .offer-new-pricing .offer-price-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.offers-grid .offer .offer-new-pricing .offer-price-block>div:only-child {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.offers-grid .offer .offer-new-pricing .offer-price-block>div+div {
    margin-left: 8px
}

.offers-grid .offer .offer-new-pricing .offer-price-block p,
.offers-grid .offer .offer-new-pricing .offer-price-block .text-fs-56 {
    line-height: 1.2
}

.offers-grid .offer .offer-new-pricing .offer-price-block .reg-price {
    position: relative
}

.offers-grid .offer .offer-new-pricing .offer-price-block .reg-price:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #d31772;
    transform: rotate(22deg);
    transform-origin: left bottom;
    z-index: 0;
    pointer-events: none
}

.offers-grid.has-discount-offers .offer .offer-pricing+p {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 48px
}

.offers-grid.has-discount-offers .offer.offer--a-la-carta .offer-contents,
.offers-grid.has-discount-offers .offer.a-la-carta-offer .offer-contents {
    padding-top: 24px;
    padding-bottom: 32px
}

.offers-grid.offers-grid--offers-unlimited {
    min-height: 802px
}

.offers-grid.offers-grid--offers-unlimited .offer.offer-v20 .offer-video-info-wrapper {
    background-color: #fff
}

.offers-grid.offers-grid--offers-unlimited.offers-grid--offers-unlimited-disney .offer .offer-addons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.offers-grid.offers-grid--offers-unlimited.offers-grid--offers-unlimited-disney .offer .offer-addons .addons-row:first-of-type {
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 0;
    padding: 0
}

.offers-grid.offers-grid--offers-unlimited.offers-grid--offers-unlimited-disney .offer .offer-addons .addons-row:first-of-type .addon-holder.addon-holder--netflix {
    -ms-flex-preferred-size: 38%;
    flex-basis: 38%
}

.offers-grid.offers-grid--offers-unlimited.offers-grid--offers-unlimited-disney .offer .offer-addons .addons-row:first-of-type .addon-holder.addon-holder--hbomax {
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%
}

.offers-grid.offers-grid--offers-unlimited.offers-grid--offers-unlimited-disney .offer .offer-addons .addons-row:first-of-type .addon-holder:not(.addon-holder--netflix):not(.addon-holder--hbomax) {
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%
}

.offers-grid.offers-grid--offers-unlimited.offers-grid--offers-unlimited-disney .offer .offer-addons .addons-row~.addons-row {
    border-color: transparent;
    margin-bottom: 15px
}

.offers-grid.offers-grid--offers-unlimited.offers-grid--offers-unlimited-disney .offer .offer-addons .addons-row~.addons-row:before {
    content: none
}

.offers-grid.offers-grid--offers-unlimited.offers-grid--offers-unlimited-disney .offer .offer-addons .addons-row~.addons-row .addon-holder:not(.addon-holder--disney) {
    display: none
}

.offers-grid.offers-grid--offers-unlimited.offers-grid--offers-unlimited-disney .offer .offer-addons .addons-row~.addons-row .addon-holder.addon-holder--disney img {
    width: 99px
}

.offers-grid.offers-grid--offers-unlimited.offers-grid--offers-unlimited-disney .offer .offer-addons .addons-row~.addons-row .addon-holder.addon-holder--disney br {
    display: none
}

.offers-grid.offers-grid--offers-unlimited.offers-grid--offers-unlimited-disney .offer.offer-v60 .offer-addons .addons-row:first-of-type .addon-holder.addon-holder--netflix {
    display: none
}

.offers-grid.offers-grid--offers-unlimited:not(.offers-grid--offers-unlimited-disney) .offer .offer-addons .addons-row:first-of-type .addon-holder.addon-holder--hbomax {
    display: none
}

.offers-grid.offers-grid--offers-unlimited:not(.offers-grid--offers-unlimited-disney) .offer:not(.offer-v100) .offer-addons .addons-row:first-of-type .addon-holder.addon-holder--netflix img {
    margin-bottom: 7px;
    width: 100px
}

.offers-grid.offers-grid--offers-unlimited:not(.offers-grid--offers-unlimited-disney) .offer.offer-v1000 .offer-addons .addons-row:first-of-type .addon-holder:not(.addon-holder--netflix),
.offers-grid.offers-grid--offers-unlimited:not(.offers-grid--offers-unlimited-disney) .offer.offer-v500 .offer-addons .addons-row:first-of-type .addon-holder:not(.addon-holder--netflix),
.offers-grid.offers-grid--offers-unlimited:not(.offers-grid--offers-unlimited-disney) .offer.offer-v200 .offer-addons .addons-row:first-of-type .addon-holder:not(.addon-holder--netflix) {
    display: none
}

.offers-grid.offers-grid--offers-unlimited:not(.offers-grid--offers-unlimited-disney) .offer.offer-v100 .offer-addons .addons-row:first-of-type .addon-holder.addon-holder--netflix {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.offers-grid.offers-grid--offers-unlimited:not(.offers-grid--offers-unlimited-disney) .offer.offer-v100 .offer-addons .addons-row~.addons-row .addon-holder:not(.addon-holder--disney) {
    -ms-flex-order: 1;
    order: 1
}

.offers-grid.offers-grid--offers-unlimited:not(.offers-grid--offers-unlimited-disney) .offer.offer-v100 .offer-addons .addons-row~.addons-row .addon-holder.addon-holder--disney {
    display: none
}

.offers-grid.offers-grid--offers-unlimited:not(.offers-grid--offers-unlimited-disney) .offer.offer-v60 .offer-addons .addons-row:first-of-type .addon-holder:not(.addon-holder--netflix) {
    display: none
}

.offers-grid.offers-grid--offers-unlimited:not(.offers-grid--offers-unlimited-disney) .offer.offer-v60 .offer-addons .addons-row:first-of-type .addon-holder.addon-holder--netflix br {
    display: none
}

.offers-grid.offers-grid--offers-unlimited:not(.offers-grid--offers-unlimited-disney) .offer.offer-v60 .offer-addons .addons-row~.addons-row .addon-holder.addon-holder--disney {
    display: none
}

.offers-grid.offers-grid--offers-unlimited:not(.offers-grid--offers-unlimited-disney) .offer.offer-v30 .offer-addons .addons-row:first-of-type .addon-holder br,
.offers-grid.offers-grid--offers-unlimited:not(.offers-grid--offers-unlimited-disney) .offer.offer-v20 .offer-addons .addons-row:first-of-type .addon-holder br {
    display: none
}

.offers-grid.offers-grid--offers-tripleplay,
.offers-grid.offers-grid--other {
    min-height: 678px
}

.offers-grid.offers-grid--offers-tripleplay .offer.offer-v20 .offer-video-info-wrapper,
.offers-grid.offers-grid--other .offer.offer-v20 .offer-video-info-wrapper {
    background-color: #fff
}

.offers-grid.offers-grid--offers-tripleplay .offer.offer-izzitvhdplus .offer-title,
.offers-grid.offers-grid--other .offer.offer-izzitvhdplus .offer-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 185px
}

.offers-grid.offers-grid--offers-tripleplay .offer.offer-v50:last-of-type,
.offers-grid.offers-grid--other .offer.offer-v50:last-of-type {
    transform-origin: right center
}

.offers-grid.offers-grid--offers-residencial {
    min-height: 480px
}

.offers-grid.offers-grid--offers-internet .offer .offer-contents {
    padding-top: 40px
}

.offers-grid.offers-grid--offers-tv {
    min-height: 615px
}

.offers-grid.offers-grid--offers-tv .offer .offer-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 185px;
    background: linear-gradient(180deg, #F47E28 0%, #FC9850 100%) !important
}

.offers-grid.offers-grid--offers-tv .offer .offer-title * {
    color: #4f2903 !important
}

.offers-grid.offers-grid--offers-tv .offer .offer-contents {
    padding-top: 40px
}

.offers-grid.offers-grid--offers-tv .offer .offer-promo {
    border-color: #f47e28 !important
}

.offers-grid.offers-grid--offers-tv .offer .offer-promo * {
    color: #4f2903 !important
}

.offers-grid.offers-grid--offers-tv .offer .offer-promo .promo-tag {
    background-color: #f47e28 !important;
    color: #4f2903 !important
}

.offers-grid.offers-grid--offers-negocios .offer .offer-title {
    padding-top: 24px;
    padding-bottom: 24px
}

.offers-grid.offers-grid--offers-negocios .offer .offer-promo .promo-tag {
    width: 112px !important
}

.offers-grid.offers-grid--offers-negocios.offers-grid--offers-negocios-residencial {
    min-height: 842px
}

.offers-grid.offers-grid--offers-negocios.offers-grid--offers-negocios-3P {
    min-height: 902px
}

.offers-grid.offers-grid--offers-negociospro .offer .offer-title h2,
.offers-grid.offers-grid--offers-negociospro .offer .offer-title .h2 {
    font-size: 26px
}

.offers-grid.offers-grid--offers-negociospro .offer.offer-negocios-cloud .offer-title {
    padding-bottom: 28px
}

.pure__button.pure__button--primary {
    background: #d31772;
    border-color: #d31772;
    color: #fff
}

.pure__button.pure__button--primary:hover,
.pure__button.pure__button--primary:focus,
.pure__button.pure__button--primary:active,
.pure__button.pure__button--primary.active {
    background: #fff;
    color: #d31772
}

.pure__button.pure__button--light-primary {
    background: rgba(211, 23, 114, .1);
    border-color: rgba(211, 23, 114, .1);
    color: #d31772
}

.pure__button.pure__button--light-primary:hover,
.pure__button.pure__button--light-primary:focus,
.pure__button.pure__button--light-primary:active,
.pure__button.pure__button--light-primary.active {
    background: #d31772;
    color: #fff
}

.pure__button.pure__button--primary-outline {
    background: transparent;
    border-color: #d31772;
    color: #d31772
}

.pure__button.pure__button--primary-outline:hover,
.pure__button.pure__button--primary-outline:focus,
.pure__button.pure__button--primary-outline:active,
.pure__button.pure__button--primary-outline.rounded-tab-control--active {
    background: #d31772;
    border-color: #d31772;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .hide-for-mobile {
        display: none !important
    }
    .show-for-tablet {
        display: none !important
    }
    .sm-m-t-0 {
        margin-top: 0px !important
    }
    .sm-m-b-0 {
        margin-bottom: 0px !important
    }
    .sm-m-b-10 {
        margin-bottom: 8px !important
    }
    .sm-m-b-15 {
        margin-bottom: 16px !important
    }
    .sm-m-b-20 {
        margin-bottom: 20px !important
    }
    .sm-m-b-25 {
        margin-bottom: 24px !important
    }
    .sm-m-b-30 {
        margin-bottom: 30px !important
    }
    .sm-d-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .sm-align-items-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .sm-justify-content-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .sm-justify-content-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .sm-justify-content-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .sm-only-text-center {
        text-align: center !important
    }
    .sm-only-text-right {
        text-align: right !important
    }
    .sm-only-text-left {
        text-align: left !important
    }
    .sm-order-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .sm-order-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .sm-order-2 {
        -ms-flex-order: 2;
        order: 2
    }
}