html {
    scroll-behavior: smooth;
}

html,
body,
* {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

html,
body {
    background: rgba(255, 255, 255, 1);
    overflow-x: hidden;
}

/*
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
*/
/*Helper Classes*/
.centerDiv {
    float: none !important;
    margin: 0 auto;
}

.centerText {
    text-align: center;
}

.row {
    margin-bottom: 0;
}

.btn {
    white-space: nowrap;
    height: auto;
}

select {
    font-size: 16px;
    display: block;
    border: none;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    -webkit-appearance: none;
}

.hide {
    display: block;
}

.marginBottom {
    margin-bottom: 1rem;
}

.doubleMarginBottom {
    margin-bottom: 2rem;
}

.modal {
    background-color: rgba(255, 255, 255, 1);
    top: 14% !important;
}

/*Helper Classes*/
header {
    position: fixed;
    z-index: 10000;
    background: rgba(255, 255, 255, 1);
    width: 100%;
    top: 0;
}

.firstHeader {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    background: rgba(255, 255, 255, 1);
    font-family: 'Montserrat', sans-serif;
    color: rgba(62, 79, 255, 1) !important;
    font-weight: 700;
    font-family: Montserrat;
    font-size: 14px;
}

.firstHeader .firstContainer p:before {
    content: "\f04b";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 7px;
}

.firstHeader .firstContainer p {}

.firstHeader .firstContainer a {
    background: rgba(62, 79, 255, 1);
    color: rgba(255, 255, 255, 1);
    padding: 0.25rem 1rem;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin-left: 10px;
}

.firstHeader .secondContainer p {
    text-align: right;
}

.firstHeader .secondContainer p .loginLink {
    color: rgba(255, 255, 255, 1);
    background: rgba(247, 181, 0, 1);
    padding: 0.25rem 1rem;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin-right: 20px;
}

.firstHeader .secondContainer p .callUsLink {
    color: rgba(51, 204, 153, 1);
}

.firstHeader .secondContainer p .callUsLink:before {
    content: "\f879";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
}

/*Mobile First Header*/
.mobileFirstHeader {
    font-size: 14px;
}

.mobileFirstHeader .sidenav-trigger {
    color: rgba(0, 0, 0, 1);
}

.mobileFirstHeader .sidenav-trigger i {
    font-size: 28px;
}

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

.mobileFirstHeader .row:first-child {}

.mobileFirstHeader .row:nth-child(3) {
    text-align: center;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.mobileFirstHeader .mobileLinks .mobileLogin {
    color: rgba(0, 0, 0, 1);
}

.mobileFirstHeader .mobileLinks .mobileLogin:after {
    content: "|";
    margin-left: 5px;
    margin-right: 5px;
}

.mobileFirstHeader .mobileLinks .mobileCallUs {
    color: rgba(51, 204, 153, 1);
}

.mobileFirstHeader .mobileLocation p {
    color: rgba(0, 0, 0, 1);
    text-align: center;
}

.mobileFirstHeader .mobileLocation .locationLink {
    text-align: center;
    margin-top: 0.5rem;
}

.mobileFirstHeader .mobileLocation a {
    text-align: center;
    background: rgba(62, 79, 255, 1);
    color: rgba(255, 255, 255, 1);
    padding: 0.25rem 1rem;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

/*Mobile First Header*/
/*Nav*/
nav {
    color: rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: auto;
    line-height: 56px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

nav img {
    width: 130px;
    position: relative;
    top: -11px;
}

nav ul a {
    color: rgba(0, 0, 0, 1);
    filter: blur(0px) !important;
    -webkit-filter: blur(0px) !important;
}

nav ul a:hover {
    color: rgba(0, 0, 0, 1);
}

/*Nav*/
/*Carousel styles*/
.slick-prev,
.slick-next {}

.slick-prev {
    left: 25px;
    top: 50%;
    z-index: 1;
    width: 46px;
    height: 46px;
}

.slick-next {
    right: 25px;
    top: 50%;
    z-index: 1;
    width: 46px;
    height: 46px;
}

.slick-next:before {
    content: "\f054";
    background: rgba(0, 0, 0, 0.6);
    padding: 1rem;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.slick-prev:before {
    content: "\f053";
    background: rgba(0, 0, 0, 0.6);
    padding: 1rem;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

/*Carousel styles*/
/*Slides*/
.sliderContainer {}

.slideContent {
    padding-bottom: 12rem;
    padding-top: 12rem;
}

.slide1 {
    background: url(../images/slidesBacks/slide1.svg) bottom center no-repeat;
    background-size: cover;
}

.slide2 {
    background: url(../images/slidesBacks/slide2.svg) bottom center no-repeat;
    background-size: cover;
}

.slide3 {
    background: url(../images/slidesBacks/slide3.svg) bottom center no-repeat;
    background-size: cover;
}

.slide1 .contentDiv {
    color: rgba(255, 255, 255, 1);
}

.slide1 .contentDiv h1 {
    font-size: 80px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.slide1 .contentDiv h1 {
    font-size: 80px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.slide1 .contentDiv p {
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.slide1 .contentDiv a {
    background: rgba(255, 255, 255, 1);
    font-family: 'Montserrat', sans-serif;
    color: rgba(0, 0, 0, 1);
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin-top: 1.5rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: none;
}

.slide1 .contentDiv a i {
    margin-left: 7px;
    position: relative;
    top: 1px;
}

.slide2 img {
    max-width: 75%;
    margin: 0 auto;
}

.slide2 .contentDiv {
    color: rgba(0, 0, 0, 1);
}

.slide2 .contentDiv h1 {
    font-size: 80px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.slide2 .contentDiv p {
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-bottom: 3rem;
}

.slide2 .contentDiv a {
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-bottom: 3rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: none;
    color: rgba(255, 255, 255, 1);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e31ff+0,c34bff+100 */
    background: rgb(14, 49, 255);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e31ff', endColorstr='#c34bff', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

.slide3 img {
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.slide3 .contentDiv {
    color: rgba(0, 0, 0, 1);
}

.slide3 .contentDiv h1 {
    font-size: 80px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.slide3 .contentDiv p {
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-bottom: 3rem;
}

.slide3 .contentDiv ul {
    list-style: none;
}

.slide3 .contentDiv ul li {
    font-size: 36px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
}

.slide3 .contentDiv ul li::before {
    content: "\f111";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: normal;
    font-size: 1.5rem;
    position: relative;
    top: -4px;
    margin-right: 7px;
}

.slide3 .contentDiv a {
    color: rgba(0, 0, 0, 1) !important;
    background: rgba(255, 255, 255, 1);
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-bottom: 3rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: none;
    color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

/*Slides*/
/*New steps*/
.newSteps {
    text-align: center;
}

.newSteps .logoContainer img {
    max-width: 230px;
}

.stepsText {
    text-align: center;
}

.stepsText .textContainer h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 52px;
    text-transform: uppercase;
}

.stepsText .textContainer p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 24px;
}

.stepsText .textContainer p span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.stepsText .textContainer h1 span img {
    max-width: 100px;
    margin-left: 14px;
    margin-right: 14px;
    position: relative;
    top: 10px;
}

.newSteps hr {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    max-width: 80%;
    margin: 0 auto;
    border: 2px solid rgba(216, 216, 216, 1);
}

.circleContainer h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 52px;
    margin: 0;
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.circleContainer {
    color: rgba(255, 255, 255, 1);
    text-align: center;
}

.circle1 {
    background: url(../images/slidesBacks/circleBack1.svg) center center no-repeat;
    background-size: contain;
}

.circle2 {
    background: url(../images/slidesBacks/circleBack2.svg) center center no-repeat;
    background-size: contain;
}

.circle3 {
    background: url(../images/slidesBacks/circleBack3.svg) center center no-repeat;
    background-size: contain;
}

.circle4 {
    background: url(../images/slidesBacks/circleBack4.svg) center center no-repeat;
    background-size: contain;
}

.circle5 {
    background: url(../images/slidesBacks/circleBack5.svg) center center no-repeat;
    background-size: contain;
}

.circleDesc h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
}

.newSteps .generalButton {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3faff6+0,6d69fd+100 */
    background: rgb(63, 175, 246);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(63, 175, 246, 1) 0%, rgba(109, 105, 253, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(63, 175, 246, 1) 0%, rgba(109, 105, 253, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(63, 175, 246, 1) 0%, rgba(109, 105, 253, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3faff6', endColorstr='#6d69fd', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: none;
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*New steps*/
/*Location*/
.locationBox {
    text-align: center;
    margin-top: 3rem;
}

.locationBox .locationContent pre {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgba(51, 204, 153, 1);
}

.locationBox .locationContent h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 52px;
    margin: 0;
}

.locationBox .locationContent p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 2rem;
}

.locationBox .locationQuestion {
    text-align: right;
    margin-bottom: 2rem;
}

.locationBox .locationContainer .generalButton {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1);
    -webkit-box-shadow: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: none;
    box-shadow: none;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

.locationBox .locationQuestion .questionForm {
    color: rgba(0, 0, 0, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
}

.locationBox .locationQuestion .questionForm:hover {
    text-decoration: underline;
}

.locationBox .locationQuestion .questionForm:before {
    content: "\f059";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 31px;
    color: rgba(179, 179, 179, 1);
    margin-right: 10px;
    position: relative;
    top: 7px;
    display: inline-block;
}

.locationBox .locationContainer {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33cc99+0,62e8c9+100 */
    background: rgb(51, 204, 153);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(51, 204, 153, 1) 0%, rgba(98, 232, 201, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(51, 204, 153, 1) 0%, rgba(98, 232, 201, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(51, 204, 153, 1) 0%, rgba(98, 232, 201, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33cc99', endColorstr='#62e8c9', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    padding-bottom: 4rem;
    padding-top: 4rem;
}

.locationBox .locationContainer select {
    background: rgba(27, 149, 108, 1);
    color: rgba(255, 255, 255, 1);
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.locationBox .locationContainer select:focus {
    border: solid 1px rgba(255, 255, 255, 1);
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    outline: none;
    border-radius: 9px;
}

.locationBox .locationContainer select.valid {
    border: 1px solid rgba(255, 255, 255, 1) !important;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.locationBox .locationContainer input:focus {
    border: 1px solid rgba(255, 255, 255, 1) !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
}

.locationBox .locationContainer input:not(.browser-default):focus:not([readonly])+label {
    color: rgba(255, 255, 255, 1);
}

.locationBox .locationContainer input {
    color: rgba(255, 255, 255, 1);
    padding-left: 9px !important;
    background-color: rgba(27, 149, 108, 1);
    border: none;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

.locationBox .locationContainer input.valid {
    border: 1px solid rgba(255, 255, 255, 1) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.locationBox .locationContainer input.invalid {
    border: 1px solid #F44336;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.locationBox .locationContainer .input-field>label {
    color: rgba(255, 255, 255, 1);
    cursor: text;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding-left: 9px;
}

.locationBox .locationContainer .input-field>label:not(.label-icon).active {
    color: rgba(255, 255, 255, 1);
    -webkit-transform: translateY(-18px) scale(0.8);
    transform: translateY(-19px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.locationBox .locationImage {
    position: relative;
    top: -4rem;
}

.locationBox .locationImage img {
    max-width: 336px;
    margin: 0 auto;
}

.plansAvailable {
    margin-top: 2rem;
    text-align: center;
}

.plansAvailable .modalPlanContainer {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#34ffcc+0,3e4fff+100 */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3e4fff+0,34ffcc+100 */
    background: rgb(62, 79, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(62, 79, 255, 1) 0%, rgba(52, 255, 204, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(62, 79, 255, 1) 0%, rgba(52, 255, 204, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(62, 79, 255, 1) 0%, rgba(52, 255, 204, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4fff', endColorstr='#34ffcc', GradientType=0);
    /* IE6-9 */
    color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    padding-bottom: 3rem;
    padding-top: 1rem;
    -webkit-box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    margin-bottom: 2rem;
}

.plansAvailable .modalPlanContainer .planName {
    text-align: center;
}

.plansAvailable .modalPlanContainer .planName h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 1rem !important;
    margin: 0;
    margin-top: 1rem;
}

.plansAvailable .modalPlanContainer .pricePlan {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1);
}

.plansAvailable .modalPlanContainer .pricePlan h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 21px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.newLocation {
    text-align: left;
    margin-bottom: 10rem;
}

.newLocation .titleParagraph {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
}

.newLocation .generalButton {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#44d7b6+0,33cc99+100 */
    background: rgb(68, 215, 182);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(68, 215, 182, 1) 0%, rgba(51, 204, 153, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(68, 215, 182, 1) 0%, rgba(51, 204, 153, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(68, 215, 182, 1) 0%, rgba(51, 204, 153, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44d7b6', endColorstr='#33cc99', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: rgba(0, 0, 0, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: none;
    float: left;
    margin-bottom: 3rem;
}

/*Location*/
/*Benefits*/
.benefitsRow {
    text-align: center;
    background: url(../images/slidesBacks/backBenefits.svg)center center no-repeat;
    background-size: auto 112%;
    padding-top: 12rem;
    padding-bottom: 12rem;
}

.benefitsRow .benefitsTitles {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 2rem;
}

.benefitsRow .benefitsTitles pre {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0;
    white-space: pre-wrap;
}

.benefitsRow .benefitsTitles h1 {
    font-size: 52px;
    margin: 0;
    margin-bottom: 1rem;
}

.benefitsRow .benefitsTitles p {
    font-size: 24px;
    margin: 0;
}

.benefitsRow .benefitsTitles h1 img {
    max-width: 100px;
    margin-left: 14px;
    margin-right: 14px;
    position: relative;
    top: 10px;
}

.benefitBox {
    margin-bottom: 2rem;
}

.benefitBox .restrictionRow {
    margin-top: 1rem;
}

.benefitsRow .benefitContainer {
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    -webkit-box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    padding-bottom: 2rem;
    padding-top: 1.5rem;
}

.benefitsRow .benefitContainer img {
    max-width: 75%;
    margin: 0 auto;
    margin-bottom: 0;
}

.benefitsRow .benefitContainer h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 21px;
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.benefitsRow .benefitContainer p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 21px;
}

.benefitsRow .benefitContainer p strong {
    font-weight: 700;
}

.benefitsRow .benefitContainer p span {
    font-weight: 700;
    color: rgba(62, 79, 255, 1)
}

.benefitsRow .benefitsButton {
    margin-top: 1rem;
}

.benefitsRow .benefitsButton a {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#34ffcc+0,3e4fff+100 */
    background: rgb(52, 255, 204);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(52, 255, 204, 1) 0%, rgba(62, 79, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(52, 255, 204, 1) 0%, rgba(62, 79, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(52, 255, 204, 1) 0%, rgba(62, 79, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34ffcc', endColorstr='#3e4fff', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 19px;
    text-transform: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*Benefits*/
/*Modem Plans*/
.modemPlans {
    text-align: center;
    padding-top: 2rem;
}

.modemPlans .modemPLansTitles {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 21px;
}

.modemPlans .modemPLansTitles pre {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgba(182, 32, 224, 1);
    margin: 0;
    text-transform: uppercase;
    white-space: pre-wrap;
}

.modemPlans .modemPLansTitles h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 52px;
    color: rgba(0, 0, 0, 1);
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.modemPlans .modemPLansTitles p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: rgba(0, 0, 0, 1);
    margin: 0;
    margin-bottom: 5rem;
    margin-top: 1rem;
}

.modemPlans .modemPlansContainer .modemPlanBox {
    margin-bottom: 2rem;
}

.modemPlans .modemPlansContainer .modemPlanBox .modemPlanContent {
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    -webkit-box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    padding-bottom: 2rem;
    padding-top: 1.5rem;
    margin-bottom: 1rem;
}

.modemPlans .modemPlansContainer .modemPlanBox .modemPlanContent img {
    max-width: 50%;
    margin: 0 auto;
    margin-bottom: 0;
}

.modemPlans .modemPlansContainer .modemPlanBox .modemPlanContent h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 21px;
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.modemPlans .modemPlansContainer .modemPlanBox .modemPlanContent p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 18px;
}

.modemPlans .modemPlansContainer .modemPlanBox .modemPlanContent p span {
    font-weight: 700;
    color: rgba(62, 79, 255, 1);
}

.modemPlans .modemPlansContainer .modemPlanBox .modemPlanContent p .canceled {
    text-decoration: line-through;
}

.modemPlansConditions p {
    font-size: 13px;
}

.modemPlansButton {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.modemPlans .modemPlansButton a {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e31ff+0,c34bff+100 */
    background: rgb(14, 49, 255);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e31ff', endColorstr='#c34bff', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*Modem Plans*/
/*Internet Plans*/
.plansContainer {
    text-align: center;
    background: url(../images/slidesBacks/backPlansNox.svg) center no-repeat;
    background-size: cover;
    background-attachment: local;
    color: rgba(255, 255, 255, 1);
    padding-top: 20rem;
    padding-bottom: 11rem;
}

.plansContainer .plansContainerTitles {
    font-family: 'Montserrat', sans-serif;
}

.plansContainer .plansContainerTitles pre {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
    white-space: pre-wrap;
}

.plansContainer .plansContainerTitles h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 52px;
    margin: 0;
    text-transform: uppercase;
}

.plansContainer .plansContainerTitles p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.plansContainer .planSwitcher {
    margin-bottom: 2rem;
    margin-top: 3rem;
}

.plansContainer .planSwitcher a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: rgba(255, 255, 255, 1);
    opacity: 0.5;
}

.plansContainer .planSwitcher .activePlan {
    opacity: 1;
}

.plansContainer .planSwitcher .activePlanLine {
    width: 30%;
    margin: 0 auto;
    border: rgba(255, 255, 255, 1) solid 3px;
}

.plansBoxes .planResume {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3e4fff+0,34ffcc+100 */
    background: rgb(62, 79, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(62, 79, 255, 1) 0%, rgba(52, 255, 204, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(62, 79, 255, 1) 0%, rgba(52, 255, 204, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(62, 79, 255, 1) 0%, rgba(52, 255, 204, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4fff', endColorstr='#34ffcc', GradientType=0);
    /* IE6-9 */
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    padding-bottom: 2rem;
    padding-top: 1.5rem;
    -webkit-box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    margin-bottom: 2rem;
}

.plansBoxes .planResume h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    margin: 0;
    margin-bottom: 1.5rem;
}

.plansBoxes .planResume .planPrice {
    background: rgba(255, 255, 255, 1);
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    margin-bottom: 2rem;
}

.plansBoxes .planResume .planPrice h2 {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 21px;
    margin: 0;
}

.plansBoxes .planResume p {
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 21px;
}

.plansBoxes .planResume ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    margin-bottom: 2rem;
}

.plansBoxes .planResume ul li {
    text-align: left;
    list-style: disc;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 18px;
}

.plansBoxes .planResume a {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.plansContainer .restrictionsRow p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: left;
    color: rgba(0, 0, 0, 1) !important;
}

.plansContainer .questionsRow {
    text-align: left;
    margin-bottom: 2rem;
    margin-top: 2rem;
    color: rgba(0, 0, 0, 1);
}

.plansContainer .questionsRow p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 2rem;
}

.plansContainer .questionsRow a {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*Internet Plans*/
/*Plug And Play*/
.plugAndPlayRow {
    text-align: center;
    margin-bottom: 10rem;
    margin-top: 10rem;
}

.plugAndPlayRow .plugAndPlayTitles {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
}

.plugAndPlayRow .plugAndPlayTitles pre {
    color: rgba(182, 32, 224, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
    white-space: pre-wrap;
}

.plugAndPlayRow .plugAndPlayTitles h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 52px;
    margin: 0;
    text-transform: uppercase;
}

.plugAndPlayRow .plugAndPlayTitles p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 24px;
    margin: 0;
    margin-bottom: 3rem;
}

.plugAndPlayRow .plugAndPlayTexts img {
    max-width: 75%;
    margin-bottom: 1rem;
}

.plugAndPlayRow .plugAndPlayTexts .plugAndPlayTextsContainer {
    margin-bottom: 2rem;
}

.plugAndPlayRow .plugAndPlayTexts .plugAndPlayTextsContainer:nth-child(1) img {
    max-width: 60%;

}

.plugAndPlayRow .plugAndPlayTexts .plugAndPlayTextsContainer:nth-child(3) img {
    max-width: 53%;

}

.plugAndPlayRow .plugAndPlayTexts h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 21px;
    margin: 0;
    margin-bottom: 1rem;
}

.plugAndPlayRow .plugAndPlayTexts p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 18px;
}

.plugAndPlayTextsContainer .restrictionRow p {
    font-size: 13px !important;
    margin-top: 1rem;
}

/*Plug And Play*/
/*Sponsorings Row*/
.sponsoringsRow .sponsoringsContainer {
    text-align: center;
}

.sponsoringsRow .sponsoringsTexts h1 {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 52px;
    margin: 0;
    text-transform: uppercase;
}

.sponsoringsRow .sponsoringsTexts p {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 24px;
    margin: 0;
    margin-bottom: 3rem;
}

.sponsoringsRow .sponsoringsContainer img {
    margin-top: 4.5rem;
    padding: 15px;
    width: 90%;
}

.sponsoringsRow .sponsoringsContainer .soccerLogo {
    width: 50%;
    margin-top: 0;
}

.sponsoringsRow .sponsoringsContainer .cotton {
    margin-top: 0;
}

/*Sponsorings Row*/
/*Contact*/
.contactRow {
    text-align: center;
    background: url(../images/slidesBacks/backContact.svg) top center no-repeat;
    background-size: cover;
    padding-top: 17rem;
    padding-bottom: 5rem;
}

.contactRow .contactRowTitles {
    font-family: 'Montserrat', sans-serif;
}

.contactRow .contactRowTitles pre {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    white-space: pre-wrap;
}

.contactRow .contactRowTitles h1 {
    font-weight: 700;
    font-size: 52px;
    text-transform: uppercase;
}

.contactRow .contactRowTitles img {
    max-width: 100px;
    margin-left: 14px;
    margin-right: 14px;
    position: relative;
    top: 10px;
}

.contactRow .contactRowTitles p {
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 1rem;
}

.contactRow .contactRowTitles p strong {
    font-weight: 700;
}

.contactRow .contactRowTitles p strong a {
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
}

.contactRow .contactRowTitles p span a {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 1);
}

.contactRow .contactRowForm input:not(.btn) {
    color: rgba(255, 255, 255, 1);
    padding-left: 9px !important;
    background: rgba(197, 85, 10, 1);
    border: none;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

.contactRow .contactRowForm textarea {
    padding-top: 9px;
    color: rgba(255, 255, 255, 1);
    padding-left: 9px !important;
    background: rgba(197, 85, 10, 1);
    border: none;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    outline: none;
    height: 6rem !important;
    resize: none !important;
}

.contactRow .contactRowForm .input-field>label {
    color: rgba(255, 255, 255, 1);
    font-size: 1rem;
    cursor: text;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding-left: 9px;
}

.contactRow .contactRowForm .input-field>label:not(.label-icon).active {
    color: rgba(255, 255, 255, 1);
    -webkit-transform: translateY(-18px) scale(0.8);
    transform: translateY(-19px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.contactRow .contactRowForm input:focus,
.contactRow .contactRowForm textarea:focus {
    border: 1px solid rgba(255, 255, 255, 1) !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
}

.contactRow .contactRowForm input:not(.browser-default):focus:not([readonly])+label {
    color: rgba(255, 255, 255, 1);
}

.contactRow .contactRowForm input.valid,
.contactRow .contactRowForm textarea.valid {
    border: 1px solid rgba(255, 255, 255, 1) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.contactRow .contactRowForm .contactButtonCheck {
    text-align: left;
}

.contactRow .contactRowForm .contactButtonCheck label,
.contactRow .contactRowForm .contactButtonCheck a {
    color: rgba(0, 0, 0, 1);
}

.contactRow .contactRowForm .generalButton {
    color: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-transform: none;
    color: rgba(0, 0, 0, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px !important;
}

.contactRow .generalButton {
    color: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-transform: none;
    color: rgba(0, 0, 0, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px !important;
}

.contactRow .contactRowForm [type="checkbox"]:checked+span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid rgba(0, 0, 0, 1);
    border-bottom: 2px solid rgba(0, 0, 0, 1);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

/*Contact*/
/*Footer*/
.footerRow {
    text-align: center;
    position: relative;
    padding-top: 4rem;
    padding-bottom: 4rem;
    font-family: 'Montserrat', sans-serif;
}

.footerRow img {
    max-width: 180px;
}

.footerRow h1 {
    font-weight: 700;
    font-size: 28px !important;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
}

.footerRow ul {
    list-style: none;
}

.footerRow ul li a {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: rgba(0, 0, 0, 1)
}

.footerRow ul li span a {
    font-size: 15px;
    font-weight: 700;
    color: rgba(98, 54, 255, 1);
}

.footerRow ul li {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0.5rem;
}

.footerRow .socialContainer {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c34bff+0,c34bff+0,0e31ff+100 */
    background: rgb(195, 75, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(195, 75, 255, 1) 0%, rgba(195, 75, 255, 1) 0%, rgba(14, 49, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(195, 75, 255, 1) 0%, rgba(195, 75, 255, 1) 0%, rgba(14, 49, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(195, 75, 255, 1) 0%, rgba(195, 75, 255, 1) 0%, rgba(14, 49, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c34bff', endColorstr='#0e31ff', GradientType=0);
    /* IE6-9 */
    width: 46px;
    padding: 0.75rem;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    position: absolute;
    top: 2.5rem;
    right: 2rem;
}

.footerRow .socialContainer ul {
    list-style: none;
}

.footerRow .socialContainer ul li {
    color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    margin: 0;
}

/*Footer*/
/*FAQS*/
.faqsContainer {
    padding-top: 10rem;
    text-align: center;
}

.mobileFaqs {
    text-align: left;
}

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

.mobileFaqs .faqsSwitcher {
    margin-top: 3rem;
    cursor: auto;
}

.faqsContainer .faqsTitles {
    color: rgba(0, 0, 0, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px !important;
    margin-bottom: 4rem;
}

.faqsContainer .faqsTitles pre {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px !important;
    text-transform: uppercase;
    margin: 0;
    white-space: pre-wrap;
}

.faqsContainer .faqsTitles h1 {
    font-weight: 700;
    font-size: 52px !important;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 2rem;
}

.faqsContainer .faqsTitles h1 img {
    max-width: 100px;
    margin-left: 14px;
    margin-right: 14px;
    position: relative;
    top: 10px;
}

.faqsContainer .faqsTitles p {
    font-weight: 400;
    font-size: 24px !important;
}

.faqsSwitcherContainer {
    margin-bottom: 4rem;
}

.faqsSwitcher {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3f3f3+0,f8f8f8+100 */
    background: rgb(243, 243, 243);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(243, 243, 243, 1) 0%, rgba(248, 248, 248, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(243, 243, 243, 1) 0%, rgba(248, 248, 248, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(243, 243, 243, 1) 0%, rgba(248, 248, 248, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f8f8f8', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    text-align: center;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    padding-bottom: 2rem !important;
    cursor: pointer;
    opacity: 0.5;
    margin-bottom: 4rem;
}

.activeQuest .faqsSwitcher {
    opacity: 1;
}

.faqsSwitcher img {
    max-width: 220px;
    position: relative;
    top: -2rem;
    margin: 0 auto;
}

.faqsSwitcher h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 21px !important;
    margin: 0;
    margin-bottom: 1rem;
}

.faqsSwitcher p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 18px !important;
    margin: 0;
    margin-bottom: 1rem;
}

.questionsContainer {
    text-align: left;
    margin-bottom: 4rem;
}

.questionsContainer strong {
    font-weight: 700;
}

.questionsContainer a {
    font-weight: 700;
    color: rgba(62, 79, 255, 1);
}

.questionsContainer ol {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    display: block;
    list-style-type: decimal;
    display: inline;
}

.questionItem {
    border-top: solid 2px rgba(196, 196, 196, 1);
    padding-bottom: 1rem;
    padding-top: 2rem
}

.questionItem h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px !important;
    cursor: pointer;
    margin: 0;
    margin-bottom: 1rem;
}

.questionItem h1 i {
    float: right;
    background: rgba(201, 201, 201, 1);
    padding: 0.75rem;
    color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 1.2rem;
    position: relative;
    top: -15px;
}

.questionItem h1.active i {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3e4fff+0,34ffcc+100 */
    background: #3e4fff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #3e4fff 0%, #34ffcc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #3e4fff 0%, #34ffcc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #3e4fff 0%, #34ffcc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4fff', endColorstr='#34ffcc', GradientType=1);
    /* IE6-9 */
}

.questionItem h1.active .fa-chevron-down:before {
    content: "\f077";
}

.questionItem p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 15px
}

.questionItem p strong {
    font-weight: 700;
    font-size: 15px
}

.questionItem ul li {
    list-style: disc;
}

.questionText {
    display: none;
}

.questionText {
    padding-left: 2rem;
    border-left: solid 4px rgba(62, 79, 255, 1);
}

.questionText ul {
    padding-left: 2rem;
}


/*FAQS*/
/*Mobile Nav*/
.sidenav {
    background: rgba(7, 14, 46, 1);
    text-align: center;
    width: 100%;
    z-index: 10001;
}

.sidenav img {
    max-width: 105px;
    margin-bottom: 3rem;
}

.sidenav li {
    margin-bottom: 0.5rem;
    padding: 0 15px;
}

.sidenav li:first-child {
    border-bottom: none;
}

.sidenav li>a,
.sidenav li>a>i {
    color: rgba(255, 255, 255, 1);
    text-transform: none;
}

.sidenav li>a {
    border-bottom: solid 1px rgba(151, 151, 151, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 1);
    text-transform: none;
    white-space: nowrap;
    text-align: left;
    padding: 0 10px;
}

.sidenav li:hover a {
    background: rgba(255, 255, 255, 0.1);
    transition: 500ms;
}

.sidenav li:first-child>a {
    border-bottom: none;
}

.sidenav li:first-child:hover a {
    background: rgba(255, 255, 255, 0);
}

.sidenav li:first-child>a i {
    float: none;
}

.sidenav li>a i {
    float: right;
    margin: 0;
    width: auto;
}

.sidenav li:nth-child(4) a i {
    color: rgba(51, 204, 153, 1) !important;
}

.sidenav li:nth-child(5) a i {
    color: rgba(235, 0, 69, 1) !important;
}

.sidenav li:nth-child(6) a i {
    color: rgba(182, 32, 224, 1) !important;
}

.sidenav li:nth-child(7) a i {
    color: rgba(250, 100, 0, 1) !important;
}

.sidenav li:nth-child(8) a i {
    color: rgba(58, 141, 222, 1) !important;
}

.sidenav li:nth-child(9) a i {
    color: rgba(247, 181, 0, 1) !important;
}

.mobileButtons {
    margin-bottom: 2rem;
}

.mobileButtons a {}

.mobileButtons .sessionButton {
    background: rgba(247, 181, 0, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px !important;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: none;
}

.mobileButtons .callButton {
    background: rgba(44, 220, 184, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px !important;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: none;
}


/*Mobile Nav*/
/*Legales*/
.legalsContainer {
    padding-top: 12rem;
    margin-bottom: 4rem;
}

.legalsContainer h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 48px;
    text-align: center;
}

.legalsContainer h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
}

.legalsContainer ol {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.legalsContainer p span,
.legalsContainer ol span {
    font-weight: 700;
}

.legalsContainer ol li {
    list-style: upper-roman;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
}

.legalsContainer ol.decimals {
    padding-left: 3.5rem;
    margin-bottom: 1rem;
}

.legalsContainer ol.decimals li {
    list-style: decimal;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;

}

.legalsContainer.terms ol {
    padding-left: 0;
}

.legalsContainer.terms ol li {
    list-style: none;
    font-weight: 400;
    margin-bottom: 1rem;
    text-indent: 30px;
}

.legalsContainer.terms ol li strong {
    font-weight: 700;
    margin-right: 10px;
}

.legalsContainer.terms ol.romans {
    padding-left: 0;
}

.legalsContainer.terms ol.romans li {
    list-style: none;
}

.legalsContainer.terms ol.romans li strong {
    list-style: none;
    font-weight: 700;

}

.legalsContainer.terms ul.standard li {
    list-style: disc;

}


.legalsContainer p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-indent: 30px;
    margin-bottom: 1rem;
}

.legalsContainer p strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

.legalsContainer ul.noNumber {
    padding-left: 0;
}

.legalsContainer ul.noNumber li {
    list-style: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
}

/*Legales*/

/*Login*/
.fullLogin {
    height: 100%;
}

.fullLogin .loginBoxContent {
    font-family: 'Montserrat', sans-serif;
    height: 100%;
    padding: 11rem 15px;
    overflow: auto;
}

.fullLogin .loginBoxContent [type="radio"]:not(:checked)+span,
[type="radio"]:checked+span {
    font-size: 1.25rem;
    margin-bottom: 1.75rem;
}

.fullLogin .loginBoxContent [type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:after {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e31ff+0,c34bff+100 */
    background: rgb(14, 49, 255);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e31ff', endColorstr='#c34bff', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.fullLogin .loginBoxContent [type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:before,
[type="radio"].with-gap:checked+span:after {
    border: none;
}

.fullLogin .loginBoxContent h4 {
    font-weight: 700;
    font-size: 24px;
}

.fullLogin .loginBoxContent .backRegister {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c6fb+0,005bea+100 */
    background: #00c6fb;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #00c6fb 0%, #005bea 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #00c6fb 0%, #005bea 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #00c6fb 0%, #005bea 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c6fb', endColorstr='#005bea', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    color: rgba(255, 255, 251, 1);
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.fullLogin .loginBoxContent input:not(.btn) {
    color: rgba(0, 0, 0, 1);
    padding-left: 9px !important;
    background: rgba(255, 255, 255, 1);
    border: none;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

.fullLogin .loginBoxContent .input-field>label {
    color: rgba(0, 0, 0, 1);
    font-size: 1rem;
    cursor: text;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding-left: 9px;
}

.fullLogin .loginBoxContent select {
    font-size: 16px;
    font-weight: 700;
    display: block;
    border: none;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    -webkit-appearance: none;
    background: rgba(255, 255, 255, 1);
}

.fullLogin .loginBoxContent .input-field>label:not(.label-icon).active {
    color: rgba(255, 255, 255, 1);
    -webkit-transform: translateY(-18px) scale(0.8);
    transform: translateY(-19px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.fullLogin .loginBoxContent input:focus,
.fullLogin .loginBoxContent textarea:focus {
    border: 1px solid rgba(255, 255, 255, 1) !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
}

.fullLogin .loginBoxContent input:not(.browser-default):focus:not([readonly])+label {
    color: rgba(255, 255, 255, 1);
}

.fullLogin .loginBoxContent input.valid,
.fullLogin .loginBoxContent textarea.valid {
    border: 1px solid rgba(255, 255, 255, 1) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.fullLogin .loginBoxContent label,
.fullLogin .loginBoxContent a {
    color: rgba(0, 0, 0, 1);
}

.fullLogin .loginBoxContent a {
    color: rgba(51, 204, 153, 1);
}

.fullLogin .loginBoxContent .generalButton,
.modal .generalButton {
    color: rgba(255, 255, 255, 1);
    background: rgba(51, 204, 153, 1);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px !important;
    width: 100%;
    margin-bottom: 1rem;
}

.fullLogin .loginBoxContent .cancelButton,
.modal .cancelButton {
    color: rgba(255, 255, 255, 1) !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7b36+0,f80505+100 */
    background: #ff7b36;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ff7b36 0%, #f80505 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff7b36 0%, #f80505 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff7b36 0%, #f80505 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7b36', endColorstr='#f80505', GradientType=0);
    /* IE6-9 */
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-transform: none;
    color: rgba(0, 0, 0, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px !important;
    width: 100%;
    margin-bottom: 1rem;
}

.fullLogin .loginBoxContent [type="checkbox"]:checked+span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid rgba(0, 0, 0, 1);
    border-bottom: 2px solid rgba(0, 0, 0, 1);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.loginBack {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33cc99+0,62e8c9+100 */
    background: #33cc99;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #33cc99 0%, #62e8c9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #33cc99 0%, #62e8c9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #33cc99 0%, #62e8c9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33cc99', endColorstr='#62e8c9', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.loginPanelOnly h4 {
    font-size: 52px !important;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 3rem;
}

.loginBack input:not(.btn) {
    background: rgba(27, 149, 108, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.fullLogin .loginBack .input-field>label {
    color: rgba(255, 255, 255, 1);
}

.fullLogin .input-field .loginButton {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e31ff+0,c34bff+100 */
    background: #0e31ff;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #0e31ff 0%, #c34bff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #0e31ff 0%, #c34bff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #0e31ff 0%, #c34bff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e31ff', endColorstr='#c34bff', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    font-size: 18px;
}

/*Modals*/
#modalFormErrors span {
    color: #EB0045;
    font-weight: 700;
}

.loginBoxContent #resultado {
    font-weight: 300;
    display: none;
}

.loginBoxLogoContainer {
    text-align: center;
}

.loginBoxLogoContainer img {
    max-width: 150px;
}

.fullLogin .loginLogoContainer {
    background: url(../images/registerBack.svg) no-repeat;
    background-position: bottom left;
    background-size: cover;
    text-align: center;
    padding: 13rem 15px;
    height: 100%;
}

.fullLogin .loginLogoContainer img {
    max-width: 80%;
}

.fullLogin .loginBoxContent .loginBoxTitle {
    text-align: left;
}

.fullLogin .loginBoxContent .checkboxTerms {
    margin-bottom: 1.5rem;
}

.linksLogin {
    text-align: center;
    margin-top: 1.54rem;
    color: rgba(0, 0, 0, 1) !important;
}

.linksLogin a {
    color: rgba(0, 0, 0, 1) !important;
}

.togglePswView {
    position: absolute;
    z-index: 99;
    top: 16px;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: #47d7ac;
}

.validationCorrect {
    position: absolute;
    z-index: 999;
    top: 14px;
    right: 35px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: #4CAF50;
    display: none;
    font-size: 1.5rem;
}

.validationError {
    position: absolute;
    z-index: 999;
    top: 14px;
    right: 35px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: rgba(255, 46, 62, 1);
    display: none;
    font-size: 1.5rem;
}

/*login*/
.disabledButton {
    pointer-events: none;
    background-color: #DFDFDF !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9F9F9F !important;
    cursor: default;
}

.selectButton {
    background: rgba(0, 0, 0, 1);
    border-bottom: solid 3px rgba(255, 255, 255, 1);
    margin-bottom: 1rem;
}

.selectButton:hover {
    background: rgba(0, 0, 0, 1);
    border-bottom: solid 3px rgba(255, 255, 255, 1);
}

.selectButton:focus {
    background: rgba(0, 0, 0, 1);
    border-bottom: solid 3px rgba(255, 255, 255, 1);
}

/*payment*/
.paymentTitle {
    margin-bottom: 2rem;
    text-align: center;
}

.paymentMethod {
    text-align: center;
}

.paymentMethod .cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.card-image {
    background: url(../images/payments/cardGeneral.svg) center center;
    background-size: 100%;
}

.spei-image {
    background: url(../images/payments/speiLogo.svg) center center;
    background-size: 100%;
}

.store-image {
    background: url(../images/payments/storeIcon.svg) center center;
    background-size: 100%;
}

.walmart-image {
    background: url(../images/payments/walmartLogo.svg) center center;
    background-size: 100%;
}

.oxxo-image {
    background: url(../images/payments/oxxoLogo.svg) center center;
    background-size: 100%;
}

.sevenEleven-image {
    background: url(../images/payments/7ElevenLogo.svg) center center;
    background-size: 100%;
}

.swiper-image {
    background: url(../images/payments/cardSwipe.svg) center center;
    background-size: 100%;
}

.cash-image {
    background: url(../images/payments/cash.svg) center center;
    background-size: 100%;
}

.paymentMethod .cc-selector input:active+.drinkcard-cc {
    opacity: .9;
}

.paymentMethod .cc-selector input:checked+.drinkcard-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

.paymentMethod .drinkcard-cc {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 70px;
    -webkit-filter: brightness(1) grayscale(1) opacity(.7);
    -moz-filter: brightness(1) grayscale(1) opacity(.7);
    filter: brightness(1) grayscale(1) opacity(1);
}

.paymentMethod .drinkcard-cc:hover {
    -webkit-filter: brightness(1) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1) grayscale(.5) opacity(.9);
    filter: brightness(1) grayscale(.5) opacity(.9);
}

.paymentMethod .drinkcard-cc:hover+.customTooltip {
    opacity: 1;
}

/*Custom tooltips*/
.material-tooltip {
    background-color: #3a8dde;
    z-index: 10000;
}

.customTooltip {
    background-color: #3a8dde;
    z-index: 10001;
    opacity: 0;
    color: rgba(255, 255, 255, 1);
    padding: 10px 8px;
    font-size: 1rem;
    border-radius: 2px;
    min-height: 36px;
    line-height: 120%;
    position: relative;
    text-align: center;
    max-width: calc(100% + 50px);
    overflow: hidden;
    left: 0;
    top: -120px;
    pointer-events: none;
    white-space: pre-wrap;
}

.customTooltipInput {
    background-color: #3a8dde;
    z-index: 10001;
    opacity: 1;
    color: rgba(255, 255, 255, 1);
    padding: 10px 8px;
    font-size: 1rem;
    border-radius: 2px;
    min-height: 36px;
    line-height: 120%;
    position: absolute;
    text-align: center;
    width: auto;
    overflow: hidden;
    left: calc(30% + 65px);
    top: -30px;
    pointer-events: none;
    white-space: pre-wrap;
    display: none;
}

/*Custom tooltips*/
#cardRow {
    display: none;
}

.cardImageContainer {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.cardPayment {
    text-align: center;
}

.cardPayment .input-field {
    margin-bottom: 1rem;
}

#speiRow {
    display: none;
}

.speiPayment {
    text-align: center;
}

#storeRow {
    display: none;
}

#swiperRow {
    display: none;
}

#cashRow {
    display: none;
}

.storePayment {
    text-align: center;
}

.storePayment p {
    margin-bottom: 2rem;
}

.imagePaymentContainer {
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.imagePaymentContainer img {
    max-width: 70%;
}

#oxxoRow {
    display: none;
}

.oxxoStorePayment {
    text-align: center;
}

.swiperPayment {
    text-align: center;
}

.cashPayment {
    text-align: center;
}

.rowSuccess {
    text-align: center;
}

.rowAnimationContainer {
    text-align: center;
}

/*Animation Successful and Error*/
.rowAnimationContainer svg {
    width: 100px;
    display: block;
    margin: 0 auto;
}

.rowAnimationContainer .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

.rowAnimationContainer .path.circle {
    -webkit-animation: dash 2s ease-in-out;
    animation: dash 2s ease-in-out;
}

.rowAnimationContainer .path.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash 2s 0.35s ease-in-out forwards;
    animation: dash 2s 0.35s ease-in-out forwards;
}

.rowAnimationContainer .path.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check 2s 0.35s ease-in-out forwards;
    animation: dash-check 2s 0.35s ease-in-out forwards;
}

.rowAnimationContainer p {
    text-align: left;
    margin: 20px 0 10px;
    font-size: 1.25em;
}

.rowAnimationContainer ul {
    list-style: circle;
    margin: 20px 0 10px;
    font-size: 1.25em;
    text-align: left;
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    margin-left: 25px;
}

.rowAnimationContainer ul li {
    list-style: circle;
}

.rowAnimationContainer p.success {
    color: #73AF55;
}

.valirowAnimationContainer p.error {
    color: #D06079;
}

.personalDataRow hr,
.cardInfo hr,
.speiInfo hr,
.oxxoInfo hr,
.storeInfo hr {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

p.ersonalDataRow a,
.cardInfo a,
.speiInfo a,
.oxxoInfo a,
.storeInfo a {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.personalDataCheck {
    font-weight: 700
}

.personalDataCheck a {
    font-weight: 300
}

.personalDataCheck #fullNameText,
.personalDataCheck #invoiceAddressText,
.personalDataCheck #deliveryAddressText,
.personalDataCheck #pickupAddressText,
.personalDataCheck #serviceAddressText {
    text-transform: capitalize;
}

.personalDataCheck #emailText {
    word-break: break-all;
}

.personalDataCheck #rfcText {
    text-transform: uppercase;
}

.personalDataCheck .userData {
    font-weight: 300
}

.personalDataCheck h3 {
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 2rem;
}

.personalDataCheck h5 {
    font-weight: 400;
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-size: 1.25rem;
}

.personalDataCheck h5 p {
    float: right;
}

.personalDataCheck p {
    display: inline-block;
    margin-top: 0.5rem;
    margin-bottom: 0.75rem;
    font-weight: 700;
    font-size: 1.25rem;
}

.personalDataCheck .generalButton {
    background: rgba(255, 255, 255, 1) !important;
    color: rgba(0, 0, 0, 1) !important;
}

.personalDataRow hr {
    margin: 0;
    margin-bottom: 1rem;
    border: rgba(255, 255, 255, 1) 1px solid
}

.paymentResumeContainer hr {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    border: rgba(255, 255, 255, 1) 1px solid
}

/*payment*/
/*Sweet Alert*/
.sweet-alert p {
    font-weight: 300
}

.sweet-alert .confirm,
.sweet-alert .cancel {
    background: #47d7ac !important;
    width: 100% !important;
}

/*Animation Successful and Error*/
@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

/*Animation Successful and Error*/
/*Animation Loader*/
@keyframes dashLoader {
    0% {
        opacity: 0;
        stroke-dashoffset: 500;
    }

    10% {
        opacity: 1;
        stroke-dashoffset: 800;
    }

    20% {
        opacity: 1;
        stroke-dashoffset: 500;
    }

    30% {
        opacity: 1;
        stroke-dashoffset: 800;
    }

    40% {
        opacity: 1;
        stroke-dashoffset: 500;
    }

    50% {
        opacity: 1;
        stroke-dashoffset: 800;
    }

    60% {
        opacity: 1;
        stroke-dashoffset: 500;
    }

    70% {
        opacity: 0;
        stroke-dashoffset: 800;
    }

    80% {
        opacity: 0;
        stroke-dashoffset: 500;
    }

    90% {
        opacity: 0;
        stroke-dashoffset: 800;
    }

    100% {
        opacity: 0;
        stroke-dashoffset: 500;
    }
}

@keyframes colorOpacity {
    0% {
        opacity: 1;
        fill: rgba(90, 57, 102, 1);
    }

    10% {
        opacity: 1;
        fill: rgba(90, 57, 102, 1);
    }

    20% {
        opacity: 1;
        fill: rgba(59, 212, 154, 1);
    }

    30% {
        opacity: 1;
        fill: rgba(244, 81, 151, 1);
    }

    40% {
        opacity: 1;
        fill: rgba(255, 197, 109, 1);
    }

    50% {
        opacity: 1;
        fill: rgba(235, 0, 69, 1);
    }

    60% {
        opacity: 1;
        fill: rgba(255, 255, 255, 1);
    }

    70% {
        opacity: 1;
        fill: rgba(255, 255, 255, 1);
    }

    80% {
        opacity: 1;
        fill: rgba(255, 255, 255, 1);
    }

    90% {
        opacity: 1;
        fill: rgba(255, 255, 255, 1);
    }

    100% {
        opacity: 1;
        fill: rgba(90, 57, 102, 1);
    }
}

/*Animation Loader*/
/*Modal sizes & styles*/
#modalCoberturaTrue {
    max-width: 657px;
    height: auto;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: auto;
    margin-top: 2rem;
}

#modalCoberturaTrue h4 {
    color: rgba(51, 204, 153, 1) !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 52px;
}

#modalCoberturaTrue hr {
    border: 2px solid rgba(51, 204, 153, 1);
    width: 30%;
    margin: 0 auto;
    position: relative;
    top: -0.5rem;
    margin-bottom: 1rem;
}

#modalCoberturaTrue p {
    color: rgba(0, 0, 0, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 1rem;
}

#modalCoberturaTrue .btn {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#34ffcc+0,3e4fff+100 */
    background: rgb(52, 255, 204);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(52, 255, 204, 1) 0%, rgba(62, 79, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(52, 255, 204, 1) 0%, rgba(62, 79, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(52, 255, 204, 1) 0%, rgba(62, 79, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34ffcc', endColorstr='#3e4fff', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: rgba(255, 255, 255, 1);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 21px;
    text-transform: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#modalWrongLogin {
    max-width: 500px;
    height: 200px !important;
    overflow: hidden;
    text-align: center;
}

#modalCoberturaTrue #speedModal {
    border-bottom: none !important;
    text-align: center;
}

#modalCoberturaFalse {
    max-width: 500px;
    height: 400px !important;
    overflow: hidden;
    text-align: center;
}

#modalAceptaTerminosCondiciones,
#modalVentaIncompleta,
#modalVentaCompletada,
#modalFormErrors,
#modalNoLocationBrowser,
#modalNoAllowedLocation,
#modalNoUnavailablePosition,
#modalUnavailablePosition,
#modalGenericError,
#modalDataSentSuccess {
    max-width: 500px;
    overflow: hidden;
    text-align: center;
}

/*Modal sizes*/
/*Modals Terms*/
/*Documents Style*/
.modalContainer {
    background: url(../images/internetNox-SecondBack.jpg) top center no-repeat;
    background-size: cover;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 2rem !important;
}

.modalContainer img {
    max-width: 150px;
}

.modalContent h4 {
    font-size: 2.25rem;
    font-weight: 400;
}

.modalContent p,
.modalContent a {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.modalContent ol {
    list-style: decimal;
    padding-left: 1.5rem;
}

.modalContent ol li {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 300
}

.modalContent span {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.modalContent .romans {
    list-style: upper-roman;
}

.modalContent .romans li {
    font-weight: 700 !important;
}

.modalContent .decimals {
    list-style: decimal;
}

.modalContent .decimals li {
    font-weight: 700 !important;
    margin-left: 1rem;
}

/*Documents Style*/
.headerInvoiceContainer {
    background: url(../images/internetNox-SecondBack.jpg) top center no-repeat;
    background-size: cover;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 2rem !important;
}

.headerInvoiceLogo img {
    max-width: 150px;
}

.headerInvoiceData {
    text-align: left;
}

/*Modals Terms*/
/*Safari special Classes*/
@media not all and (min-resolution:.001dpcm) {
    @media {
        .userLocator select:not(*:root) {
            background: rgba(0, 0, 0, 1) !important;
            -webkit-appearance: none;
        }

        .loginBoxContent select:not(*:root) {
            background: rgba(255, 255, 255, 1) !important;
            -webkit-appearance: none;
        }
    }
}

/*Preloader*/
#loading {
    display: none;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 10003;
    cursor: wait;
    padding: 12% 15px;
}

.preloaderContainer {
    padding: 6% 0;
    margin: 0 auto;
    width: 290px;
    height: 175px;
}

.animation {
    fill: rgba(255, 255, 255, 0);
    stroke: rgba(255, 255, 255, 1);
    stroke-width: 2;
    stroke-dasharray: 100;
    opacity: 0;
    animation: dashLoader 10s infinite linear;

}

.animationOpacity {
    opacity: 1;
    fill: rgba(90, 57, 102, 1);
    animation: colorOpacity 10s infinite linear;

}

.colorLoader0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #4584E3;
}

.colorLoader1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #64D1FF;
}

.colorLoader2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #F45197;
}

.colorLoader3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #E44E38;
}

.colorLoader4 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FF2E66;
}

.colorLoader5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #EB0045;
}

.colorLoader6 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #D15845;
}

.colorLoader7 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #E87EA6;
}

.colorLoader8 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #5497E1;
}

.colorLoader9 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #AF9DC0;
}

.colorLoader10 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #D9D9D9;
}

.colorLoader11 {
    fill: #111C4E;
}

.colorLoader12 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #3BD4AE;
}

.colorLoader13 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #785B95;
}

.colorLoader14 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #533278;
}

.colorLoader15 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFC56D;
}

.colorLoader16 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #CA735E;
}

.colorLoader17 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #CF8B66;
}

.colorLoader18 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #B19677;
}

.colorLoader19 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #B17857;
}

.colorLoader20 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #975242;
}

.colorLoader21 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #A28B6E;
}

.colorLoader22 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #3A8DDE;
}

.colorLoader23 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #2062B9;
}

.colorLoader24 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #0E559C;
}

.colorLoader25 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #5492F0;
}

.colorLoader26 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #5A61B4;
}

.colorLoader27 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #7EABE7;
}

.colorLoader28 {
    fill: #FFFFFF;
}

.colorLoader29 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #5A3966;
}

.colorLoader30 {
    fill: #EB0045;
}

.colorLoader31 {
    fill: #FFC56D;
}

.colorLoader32 {
    fill: #F45197;
}

.colorLoader33 {
    fill: #3BD4AE;
}

.colorLoader34 {
    fill: #5A3966;
}

/*Preloader*/

/*New Login Styles*/
.greenContainer {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33cc99+0,62e8c9+100 */
    background: #33cc99;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #33cc99 0%, #62e8c9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #33cc99 0%, #62e8c9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #33cc99 0%, #62e8c9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33cc99', endColorstr='#62e8c9', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.greenContainer input {
    background: rgba(27, 149, 108, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.greenContainer .input-field>label {
    color: rgba(255, 255, 255, 1) !important;
}

.greenContainer .generalButton {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e31ff+0,c34bff+100 */
    background: rgb(14, 49, 255);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e31ff', endColorstr='#c34bff', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*New Login Styles*/
/*Cobertura New Views*/
.coberturaTrueHeader {
    padding-top: 12rem;
}

.coberturaTrueHeader .sadFace {
    width: 77px;
    height: 77px;
    margin: 0 auto;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fa0000+0,f79d00+100 */
    background: rgb(250, 0, 0);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(250, 0, 0, 1) 0%, rgba(247, 157, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(250, 0, 0, 1) 0%, rgba(247, 157, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(250, 0, 0, 1) 0%, rgba(247, 157, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa0000', endColorstr='#f79d00', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px;
    color: rgba(255, 255, 255, 1);
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 15px;
}

.coberturaTrueHeader .smileRow {
    width: 77px;
    height: 77px;
    margin: 0 auto;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33ffcc+0,1b956c+100 */
    background: rgb(51, 255, 204);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(51, 255, 204, 1) 0%, rgba(27, 149, 108, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(51, 255, 204, 1) 0%, rgba(27, 149, 108, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(51, 255, 204, 1) 0%, rgba(27, 149, 108, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffcc', endColorstr='#1b956c', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px;
    color: rgba(255, 255, 255, 1);
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 15px;
}

.coberturaTrueHeader .headerCoberturaTrue {
    text-align: center;
    margin-bottom: 30px;
}

.coberturaTrueHeader .headerCoberturaTrue h1 {
    font-weight: 700;
    font-size: 52px;
    line-height: 60px;
    color: rgba(0, 0, 0, 1);
}

.coberturaTrueHeader .headerCoberturaTrue p {
    font-size: 21px;
    line-height: 32px;
    color: rgba(0, 0, 0, 1);
}

.coberturaTrueHeader .addresAndMapTrue input {
    color: rgba(255, 255, 255, 1);
    padding-left: 9px !important;
    background-color: rgba(109, 114, 120, 1);
    border: none;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
    margin-top: 1rem;
}

.coberturaTrueHeader .addresAndMapTrue .emailFormCoberturaFalse .generalButton {
    text-align: center;
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    margin-top: 0;
}

.coberturaTrueHeader .addresAndMapTrue .input-field>label {
    color: rgba(255, 255, 255, 1);
    cursor: text;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding-left: 9px;
    -webkit-transform: translateY(12px);
    transform: translateY(26px);
}

.coberturaTrueHeader .addresAndMapTrue .input-field>label:not(.label-icon).active {
    color: rgba(0, 0, 0, 1);
    -webkit-transform: translateY(-8px) scale(0.8);
    transform: translateY(-8px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.coberturaTrueHeader .addresAndMapTrue p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

.coberturaTrueHeader .addresAndMapTrue p span {
    font-weight: 700;
    font-size: 21px;
    line-height: 32px;
}

.coberturaTrueHeader .addresAndMapTrue .generalButton {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#44d7b6+0,33cc99+100 */
    background: rgb(68, 215, 182);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(68, 215, 182, 1) 0%, rgba(51, 204, 153, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(68, 215, 182, 1) 0%, rgba(51, 204, 153, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(68, 215, 182, 1) 0%, rgba(51, 204, 153, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44d7b6', endColorstr='#33cc99', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-transform: none;
    box-shadow: none;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin-top: 34px;
    margin-bottom: 34px;
}

.coberturaTrueHeader .addresAndMapTrue .mapCobertura {
    height: 177px;
    width: 100%;
    background: rgba(120, 120, 120, 1);
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
}

.coberturaTruePlans {
    margin-bottom: 36px;
    margin-top: 36px;
}

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

.coberturaTruePlans .coberturaTruePlanColumn .recommendedRow h1 {
    color: rgba(0, 0, 0, 1);
    font-size: 21px;
    line-height: 28px;
    text-transform: uppercase;
    background: rgba(231, 231, 231, 1);
    display: inline-block;
    margin-bottom: 0;
    padding: 14px 42px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.coberturaTruePlans .rowPlanContainer {
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 23px 53px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    margin-bottom: 36px;
}

.coberturaTruePlans .rowPlanContainer .titlePlanRow {
    color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
}

.coberturaTruePlans .rowPlanContainer .plan5 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33ffcc+0,1b956c+100 */
    background: rgb(51, 255, 204);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(51, 255, 204, 1) 0%, rgba(27, 149, 108, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(51, 255, 204, 1) 0%, rgba(27, 149, 108, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(51, 255, 204, 1) 0%, rgba(27, 149, 108, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffcc', endColorstr='#1b956c', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.coberturaTruePlans .rowPlanContainer .plan10 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e31ff+0,c34bff+100 */
    background: rgb(14, 49, 255);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(14, 49, 255, 1) 0%, rgba(195, 75, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e31ff', endColorstr='#c34bff', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.coberturaTruePlans .rowPlanContainer .plan20 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fa6400+0,f7b500+100 */
    background: rgb(250, 100, 0);
    /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(250, 100, 0, 1) 0%, rgba(247, 181, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(250, 100, 0, 1) 0%, rgba(247, 181, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(250, 100, 0, 1) 0%, rgba(247, 181, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa6400', endColorstr='#f7b500', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */

}

.coberturaTruePlans .rowPlanContainer .titlePlanRow h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: 29px;
    padding-bottom: 29px;
    margin-top: 0;
    margin-bottom: 0;
}

.coberturaTruePlans .rowPlanContainer .pricePlanRow p {
    font-size: 21px;
    font-weight: 400;
    line-height: 28px;
    padding-top: 19px;
    padding-bottom: 19px;
}

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

.coberturaTruePlans .buttonPlanRow .generalButton {
    text-align: center;
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
}

.restrictionsRowTrue {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}

.restrictionsRowTrue p {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}
.divCM{
    border-radius: 10px;
    background-color: #e65100;
}

/*Cobertura New Views*/