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

body {
    overflow-x: hidden;
}

.width90 {
    width: 90%;
}

/*General classes*/

.generalButton {
    display: inline-block;
}


/*General classes*/


/*Helper classes*/

.centerDiv {
    float: none !important;
    margin: 0 auto;
}

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


/*Helper classes*/


/*Top menu bar*/

header {
    position: absolute;
    left: 0;
    width: 100%;
}

.topMenuBar {
    color: rgba(244, 81, 152, 1);
    margin-top: 12px;
}

.topMenuBarContainer {
    margin-bottom: 0;
}

.topMenuBar .topIcon {
    font-size: 14px;
    line-height: 13px;
    font-weight: 700;
    display: inline;
}

.topMenuBar .topIcon::before {
    content: "\f04b";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 7px;
    font-size: 12px;
}

.topMenuBar .topIcon .buttonTopBar {
    color: rgba(255, 255, 255, 1);
    display: inline;
    background: rgba(244, 81, 152, 1);
    padding: 10px 14px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin-left: 12px;
    font-size: 14px;
    line-height: 13px;
    box-shadow: none;
}

.topMenuBar .topBarLinks {
    float: right;
    position: relative;
    top: -5px;
}

.topMenuBar .topBarLinks .reloadLink,
.topMenuBar .topBarLinks .phoneLink,
.topMenuBar .topBarLinks .loginLink {
    display: inline-block;
}

.topMenuBar .topBarLinks .reloadLink {
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

.topMenuBar .topBarLinks .reloadLink::before {
    font-family: 'noxmovil';
    content: '\e801';
    position: absolute;
    left: -35px;
    font-size: 36px;
    top: -8px;
    font-weight: normal;
}

.topMenuBar .topBarLinks .phoneLink {
    color: rgba(255, 255, 255, 1);
    background: rgba(62, 78, 255, 1);
    padding: 4px 16px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    top: -10px;
    font-size: 14px;
}

.topMenuBar .topBarLinks .phoneLink::before {
    font-family: 'noxmovil';
    content: '\e800';
    margin-right: 5px;
}

.topMenuBar .topBarLinks .loginLink {
    background: rgba(17, 28, 78, 1);
    color: rgba(255, 255, 255, 1);
    padding: 4px 16px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    position: relative;
    top: -10px;
    font-size: 14px;
}

.topMenuBar .topBarLinks .loginLink i {
    background: transparent;
    font-size: 14px;
    margin-left: 10px;
}

.topMenuBar .callButtonContainer {
    display: inline-block;
}

.topMenuBar .callButtonContainer .callButtonMobile {
    background: rgba(51, 204, 153, 1);
    color: rgba(255, 255, 255, 1);
    padding: 6px 15px 6px 15px;
    line-height: 12px;
    display: inline-block;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

.topMenuBar .callButtonMobile::before {
    font-family: 'noxmovil';
    content: '\e800';
    margin-right: 5px;
}

.topMenuBar .mobileCartLink {
    display: inline;
    float: right;
    position: relative;
}

.topMenuBar .mobileCartLink a img {
    width: 30px;
    margin-right: 35px;
    position: relative;
    top: -5px;
}

.topMenuBar .mobileMenuLink {
    display: inline;
    float: right;
}

.topMenuBar .mobileMenuLink .menutoggle {
    width: 25px;
    height: 25px;
    display: inline;
}

.topMenuBar .mobileMenuLink .menutoggle::before {
    font-family: 'noxmovil';
    content: '\e802';
    font-size: 30px;
    color: rgba(5, 0, 0, 1);
    position: relative;
    top: -10px;
}


/*Top menu bar*/


/*Menu bar*/

.mainNavBar {
    box-shadow: none;
    background: transparent;
}

.mainNavBar .brand-logo img {
    width: 160px;
    margin-left: 15px;
}

.mainNavBar ul li a {
    color: rgba(17, 28, 78, 1);
    font-weight: 700;
}

.mainNavBar ul li a:hover {
    background: transparent;
}

.mainNavBar ul li a.cartIcon img {
    width: 30px;
    position: relative;
    top: 5px;
}

.fullCart::after {
    content: "\f111";
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-size: 10px;
    top: -10px;
    right: 10px;
    color: rgba(224, 32, 32, 1);
}


/*Menu bar*/


/*Footer*/

footer {
    text-align: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
    position: relative;
}

footer .footerLogoContainer img {
    max-width: 180px;
    margin-top: 3rem;
}

footer h1 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 32px;
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
}

footer ul li {
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 15px;
}

footer ul li a {
    color: rgba(0, 0, 0, 1);
}

footer .suportCol ul li:nth-child(2) a {
    font-size: 20px;
    line-height: 24px;
    color: rgba(0, 145, 255, 1);
    font-weight: 700;
}

footer .suportCol ul li:nth-child(3) a,
footer .suportCol ul li:nth-child(4) a,
footer .suportCol ul li:nth-child(5) a {
    color: rgba(0, 145, 255, 1);
    font-weight: 700;
}

.rightsRow p {
    text-align: center;
}

.rightsRow p {
    font-size: 13px;
    line-height: 20px;
    color: rgba(0, 0, 0, 1);
    font-weight: 300;
}

footer .mobileSocialContainer ul {
    background: rgba(255, 255, 255, 1);
    padding: 10px 15px 3px 15px;
    display: inline-block;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
}

footer .mobileSocialContainer ul li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 25px !important;
}

footer .mobileSocialContainer ul li:last-child {
    margin-right: 0 !important;
}

footer .mobileSocialContainer ul li a {
    width: auto;
    height: auto;
}

footer .mobileSocialContainer ul li a img {
    width: 40px;
    height: 40px;
}

footer .socialContainer {
    background: rgb(0, 145, 255);
    background: -moz-linear-gradient(-45deg, rgba(0, 145, 255, 1) 0%, rgba(50, 197, 255, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0, 145, 255, 1) 0%, rgba(50, 197, 255, 1) 100%);
    background: linear-gradient(135deg, rgba(0, 145, 255, 1) 0%, rgba(50, 197, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0091ff', endColorstr='#32c5ff', GradientType=1);
    width: 46px;
    padding: 0.75rem;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    position: absolute;
    top: 2.5rem;
    right: 2rem;
    max-height: 160px;
}

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

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

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

/*Footer*/


/*Main Slider*/

.mainSlider {
    padding-top: 8rem;
    background: url(../images/MainSliderBack.svg) no-repeat;
    background-size: 90%;
    background-position: 280% 60%;
    margin-bottom: 0;
}

.mainSlider .row {
    margin-bottom: 0 !important;
}

.mainSlider .slide.firstSlide .slideImage {
    text-align: center;
}

.mainSlider .slide.firstSlide .slideImage svg {
    max-width: 870px;
    width: 100%;
}

.mainSlider .slide.firstSlide h1 {
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
    font-size: 52px;
    line-height: 66px;
}

.mainSlider .slide.firstSlide h1 span {
    color: rgba(98, 54, 255, 1);
}

.mainSlider .slide.firstSlide p {
    font-size: 18px;
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
}

.mainSlider .slide.firstSlide p span {
    font-weight: 700;
}

.mainSlider .slide.firstSlide a.generalButton {
    color: rgba(255, 255, 255, 1);
    background: rgba(244, 81, 151, 1);
    padding: 10px 42px;
    margin-top: 1rem;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}


/*Main Slider*/


/*Quick links bar*/

.quickLinksBar {
    background: rgba(255, 255, 255, 1);
    text-align: center;
    color: rgba(0, 0, 0, 1);
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
    -webkit-box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.19);
}

.quickLinksBar .quickLinksContainer {
    margin-bottom: 0;
}

.quickLinksBar .quickLinksContainer div {
    border-left: 1px solid rgba(0, 0, 0, 1);
    height: 45px;
    padding-top: 10px;
}

.quickLinksBar .quickLinksContainer div:first-child {
    border-left: none;
}

.quickLinksBar .quickLinksContainer a {
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 19px;
}

.quickLinksBar .quickLinksContainer .supportQuickLink,
.quickLinksBar .quickLinksContainer .switchQuickLink,
.quickLinksBar .quickLinksContainer .plansQuickLink,
.quickLinksBar .quickLinksContainer .devicesQuickLink,
.quickLinksBar .quickLinksContainer .reloadQuickLink {
    position: relative;
}

.quickLinksBar .quickLinksContainer .reloadQuickLink::before {
    font-family: 'noxmovil';
    content: '\e801';
    font-size: 32px;
    position: absolute;
    top: 1px;
    left: -35px;
}

.quickLinksBar .quickLinksContainer .devicesQuickLink::before {
    font-family: 'noxmovil';
    content: '\e803';
    font-size: 32px;
    position: absolute;
    top: 1px;
    left: -40px;
}

.quickLinksBar .quickLinksContainer .plansQuickLink::before {
    font-family: 'noxmovil';
    content: '\e804';
    font-size: 32px;
    position: absolute;
    top: 1px;
    left: -35px;
}

.quickLinksBar .quickLinksContainer .switchQuickLink::before {
    font-family: 'noxmovil';
    content: '\e806';
    font-size: 32px;
    position: absolute;
    top: 1px;
    left: -35px;
}

.quickLinksBar .quickLinksContainer .supportQuickLink::before {
    font-family: 'noxmovil';
    content: '\e805';
    font-size: 32px;
    position: absolute;
    top: 1px;
    left: -35px;
}


/*Quick links bar*/


/*first illustration*/

.firstImage0 {
    fill: none;
}

.firstImage1 {
    clip-path: url(#SVGID_2_);
}

.firstImage2 {
    fill: url(#Fill_1-2_1_);
}

.firstImage3 {
    fill: #FFFFFF;
}

.firstImage4 {
    fill: #FEDCBD;
}

.firstImage5 {
    fill: #0C7BCE;
}

.firstImage6 {
    fill: #040201;
}

.firstImage7 {
    fill: #5D3C3D;
}

.firstImage8 {
    fill: #0368B5;
}

.firstImage9 {
    fill: #FFF1EB;
}

.firstImage10 {
    fill: #0091FF;
}

.firstImage11 {
    fill: #18143B;
}

.firstImage12 {
    fill: #33CC99;
}

.firstImage13 {
    fill: #FFB09A;
}

.firstImage14 {
    fill: #242147;
}

.firstImage15 {
    fill: #FF6452;
}

.firstImage16 {
    fill: #2D0B53;
}

.firstImage17 {
    fill: #6236FF;
}

.firstImage18 {
    fill: #DD2E1D;
}

.firstImage19 {
    fill: #F45197;
}

.firstImage20 {
    fill: #D93079;
}

.firstImage21 {
    fill: #E03C82;
}

.firstImage22 {
    fill: #F0AE80;
}

.firstImage23 {
    fill: #050100;
}

.firstImage24 {
    enable-background: new;
}

.firstImage25 {
    fill: none;
    stroke: #000000;
    stroke-miterlimit: 10;
}

.firstImage26 {
    clip-path: url(#SVGID_4_);
}

.firstImage27 {
    fill: #FF656B;
}


/*first illustration*/


/*Plans*/

.plansRow {
    text-align: center;
    padding-top: 6rem;
    padding-bottom: 6rem;
    background: url(../images/backPlansRow.svg) no-repeat;
    background-size: 37%;
    background-position: -15% 50%;
}

.plansRow .logoPlansRow img {
    max-width: 255px;
    margin-bottom: 1rem;
}

.plansRow .plansTitles {}

.plansRow .plansTitles h1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 63px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

.plansRow .plansTitles h1 img {
    max-width: 130px;
    position: relative;
    top: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.plansRow .plansDescription p {
    margin-bottom: 40px;
}

.plansRow .plansDescription p {
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
}

.plansBoxes .planContainer {
    text-align: left;
    color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-shadow: 3px 5px 16px 0px rgba(55, 55, 55, 0.31);
    -moz-box-shadow: 3px 5px 16px 0px rgba(55, 55, 55, 0.31);
    box-shadow: 3px 5px 16px 0px rgba(55, 55, 55, 0.31);
    margin-bottom: 30px;
}

.plansBoxes .planContainer h1 {
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 0;
    margin-top: 21px;
}

.plansBoxes .planContainer hr {
    border: solid 1px rgba(255, 255, 255, 1);
}

.plansBoxes .planContainer ul {
    list-style: disc;
    margin-left: 15px;
}

.plansBoxes .planContainer h2 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}

.plansBoxes .planContainer ul li {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    list-style: disc;
}

.plansBoxes .planContainer .planCTA .generalButton {
    color: rgba(255, 255, 255, 1);
    border: solid 2px rgba(255, 255, 255, 1);
    padding: 12px 20px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.unlimitedPlan {
    background: url(../images/backUnlimited.svg) no-repeat;
    background-size: cover;
}

.unlimitedPlanGrey {
    background: url(../images/backUnlimited2.svg) no-repeat;
    background-size: cover;
}

.plansBoxes .unlimitedPlanGrey h1 {
    color: rgba(0, 0, 0, 1);
}

.plansBoxes .unlimitedPlanGrey hr {
    border: solid 1px rgba(154, 154, 154, 1);
}

.plansBoxes .unlimitedPlanGrey h2 {
    color: rgba(109, 114, 120, 1);
}

.plansBoxes .unlimitedPlanGrey ul li {
    color: rgba(0, 0, 0, 1);
}

.plansBoxes .unlimitedPlanGrey .planCTA .generalButton {
    color: rgba(0, 0, 0, 1);
    border: solid 2px rgba(0, 0, 0, 1);
    padding: 12px 20px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}


/*Plans*/


/*Benefits*/

.benefitsContainer {
    background: url(../images/backBenefits.svg) no-repeat;
    background-size: 60%;
    background-position: 100% 10%;
    text-align: center;
}

.benefitsContainer .benefitsTitles {
    margin-bottom: 10px;
}

.benefitsContainer .benefitsTitles h1 {
    font-weight: 700;
    font-size: 42px;
    line-height: 46px;
}

.benefitsContainer .benefitsDescription p {
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
}


.benefitsContainer .benefitsVideo video {
    max-height: 359px;
    width: 100%;
}

.benefitsContainer .benefitsBoxes .benefitBox {
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 40px 25px 15px 25px;
    -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.41);
}

.benefitsContainer .benefitsBoxes .benefitBox .benefitTitle h1 {
    font-size: 21px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

.benefitsContainer .benefitsBoxes .benefitBox .benefitIcon {
    text-align: center;
}

.benefitsContainer .benefitsBoxes .benefitBox .benefitIcon img {
    max-width: 100px;
}

.benefitsContainer .benefitsBoxes .benefitBox .benefitDescription p {
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
}

.benefitsContainer .benefitsBoxes .benefitBox .benefitDescription p span {
    color: rgba(25, 49, 239, 1);
}

.benefitsContainer .conditionsRow {
    font-size: 12px;
    line-height: 17px;
    font-weight: 300;
}


/*Benefits*/


/*Devices*/

.devicesRow.row {
    margin-bottom: 0;
}

.devicesRow {
    text-align: center;
    background: linear-gradient(-20deg, rgba(244, 244, 244, 1) 50%, rgba(255, 255, 255, 1) 50%);
    width: 100%;
    left: 0;
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px;
}

.devicesRow .devicesTitle {
    margin-bottom: 15px;
}

.devicesRow .devicesTitle h1 {
    font-weight: 700;
    font-size: 42px;
    line-height: 45px;
    margin-bottom: 0;
    margin-top: 0;
}

.devicesRow .devicesDescription p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}

.devicesRow .devicesListDescription ul {
    text-align: left;
    text-indent: -26px;
    margin-left: 25px;
}

.devicesRow .devicesListDescription ul li {
    list-style: none;
    list-style-position: outside;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 25px;
}

.devicesRow .devicesListDescription ul li:before {
    content: "\f111";
    font-size: 15px;
    margin-right: 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.devicesRow .carouselContainer .devicesItem .devicesItemImage {
    text-align: center;
}

.devicesRow .carouselContainer .devicesItem .devicesItemImage img {
    margin: 0 auto;
}

.devicesRow .carouselContainer .devicesItem .devicesItemDescription {
    text-align: left;
    padding-left: 30px;
    padding-right: 45px;
}

.devicesRow .carouselContainer .devicesItem .devicesItemDescription h1 {
    font-size: 21px;
    font-weight: 700;
    line-height: 25px;
    margin-top: 25px;
}

.devicesRow .carouselContainer .devicesItem .devicesItemDescription p {
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    margin-top: 0;
    margin-bottom: 0;
}

.devicesRow .carouselContainer .devicesItem .devicesItemDescription h2 {
    font-size: 21px;
    font-weight: 700;
    line-height: 25px;
}

.devicesRow .carouselContainer .devicesItem .devicesItemDescription .generalButton {
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    padding: 12px 18px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.promotionsTitles .carouselContainer .slick-prev::before,
.promotionsTitles .carouselContainer .slick-next::before,
.devicesRow .carouselContainer .slick-prev::before,
.devicesRow .carouselContainer .slick-next::before {
    color: rgba(0, 0, 0, 1);
    font-size: 45px;
    opacity: 1;
}

.devicesRow .carouselContainer .slick-prev {
    left: 0;
    z-index: 10000;
}

.devicesRow .carouselContainer .slick-next {
    right: 55px;
    z-index: 10000;
}

.promotionsTitles .carouselContainer .slick-prev {
    left: 0;
    z-index: 10000;
    width: auto;
    height: auto;

}

.promotionsTitles .carouselContainer .slick-next {
    right: 55px;
    z-index: 10000;
}


/*Devices*/


/*Keep device*/


/*Questions*/

.keepDevice.row {
    margin-bottom: 0;
}

.keepDevice {
    padding-top: 54px;
    padding-bottom: 54px;
    text-align: left;
    background: url(../images/keepDeviceBack.svg) left top no-repeat;
    background-size: cover;
}

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

.keepDevice .keepDeviceImage img {
    max-width: 75%;
    position: relative;
    left: 8px;
}

.keepDevice .keepDeviceTitle h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 45px;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
}

.keepDevice .keepDeviceDescription p {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    color: rgba(255, 255, 255, 1);
}

.keepDevice .keepDeviceDescription .generalButton {
    color: rgba(0, 0, 0, 1);
    background: rgba(255, 255, 255, 1);
    padding: 18px 25px;
    display: inline-block;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
}

.questionsRow.row {
    margin-bottom: 0;
}

.questionsRow {
    background: rgba(247, 181, 0, 1);
    text-align: center;
}

.questionsRow .questionsTitles h1 {
    font-size: 42px;
    line-height: 49px;
    font-weight: 700;
}

.questionsRow .questionsDescription p {
    font-size: 21px;
    line-height: 30px;
    font-weight: 500;
}

.questionsRow .questionsDescription p a {
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
}

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

.questionsRow .generalButton {
    color: rgba(0, 0, 0, 1);
    background: rgba(255, 255, 255, 1);
    padding: 18px 25px;
    display: inline-block;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
}


/*Questions*/


/*Sponsorships*/

.sponsorshipRow {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.sponsorshipRow .sponsorshipPreTitle pre {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    white-space: normal;
}

.sponsorshipRow .sponsorshipTitle h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 60px;
    text-transform: uppercase;
}

.sponsorshipRow .sponsorshipDescription p {
    font-size: 21px;
    font-weight: 300;
    line-height: 26px;
}

.sponsorshipRow .sponsorshiplogos {
    text-align: center;
    margin-bottom: 2rem;
}

.sponsorshipRow .sponsorshiplogos .soccerLogo {
    width: 50%;
    margin-top: 0;
}

.sponsorshipRow .sponsorshiplogos .cotton {
    margin-top: 0;
}

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


/*Sponsorships*/


/*Payments*/

.row.paymentMethods {
    margin-bottom: 0;
}

.paymentMethods {
    background: rgba(242, 242, 242, 1);
    text-align: center;
}

.paymentMethods .paymentImage img {
    width: 50%;
}

.paymentMethods .paymentImage:nth-child(1) {
    padding-top: 15px;
}

.paymentMethods .paymentImage:nth-child(2) {
    padding-top: 15px;
}

.paymentMethods .paymentImage:nth-child(3) {
    padding-top: 35px;
}

.paymentMethods .paymentImage:nth-child(3) img {
    background: rgba(255, 255, 255, 1);
    padding: 10px
}

.paymentMethods .paymentImage:nth-child(4) {
    padding-top: 40px;
}

.paymentMethods .paymentImage:nth-child(5),
.paymentMethods .paymentImage:nth-child(6) {
    padding-top: 10px;
}


/*Payments*/


/*Devices gallery*/
.devicesGallery {
    padding-top: 145px;
}

.devicesGallery .deviceGalleryTitle {
    text-align: center;
    margin-bottom: 40px;
}

.devicesGallery .deviceGalleryTitle h1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 46px;
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
}

.devicesGallery .deviceGalleryDescription {
    text-align: center;
    margin-bottom: 70px;
}

.devicesGallery .deviceGalleryDescription p {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    color: rgba(0, 0, 0, 1);
}

.devicesGallery .deviceContainer {
    margin-bottom: 4rem;
    text-align: left;
    max-height: 590px;
    min-height: 566px;
}

.devicesGallery .deviceContainer .deviceImage {
    margin-bottom: 1rem;
    text-align: center;
}

.devicesGallery .deviceContainer .deviceImage img {
    margin-bottom: 0;
}

.devicesGallery .deviceContainer .deviceName {
    margin-bottom: 0;
}

.devicesGallery .deviceContainer .deviceName h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    color: rgba(0, 0, 0, 1);
    margin-top: 0;
    margin-bottom: 0;
}

.devicesGallery .deviceContainer .deviceParagraph {
    margin-bottom: 0;
}

.devicesGallery .deviceContainer .deviceParagraph p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(0, 0, 0, 1);
    margin-top: 0;
    margin-bottom: 0;
}

.devicesGallery .deviceContainer .devicePriceAndColors {
    margin-top: 17px;
    margin-bottom: 10px;
}

.devicesGallery .deviceContainer .devicePriceAndColors p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: rgba(25, 50, 239, 1);
    margin-top: 0;
    margin-bottom: 0;
}

.deviceColor {
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: rgba(151, 151, 151, 1);
    margin-right: 3px;
    position: relative;
    right: 0;
    display: inline-block;
}

.devicesGallery .deviceContainer .devicePriceAndColors .deviceColor:last-child {
    margin-right: 0;
}

.devicesGallery .deviceContainer .deviceCta {
    text-align: left;
}

.devicesGallery .deviceContainer .deviceCta .generalButton {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 1);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    white-space: nowrap;
}

/*Gallery Filters*/
.filtersColumn .row {
    margin-bottom: 0;
}

.filtersContainer {
    margin-bottom: 2rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
    padding-top: 18px !important;
    padding-bottom: 28px !important;
    background: rgb(51, 255, 204);
    background: -moz-linear-gradient(45deg, rgba(51, 255, 204, 1) 0%, rgba(27, 149, 108, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(51, 255, 204, 1) 0%, rgba(27, 149, 108, 1) 100%);
    background: linear-gradient(45deg, rgba(51, 255, 204, 1) 0%, rgba(27, 149, 108, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffcc', endColorstr='#1b956c', GradientType=1);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    box-shadow: 3px 5px 16px 5px rgba(55, 55, 55, 0.31);
}

.filtersContainer .orderFilter p {
    padding-top: 17px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    white-space: nowrap;
}

.filtersContainer .selectFilter select {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

.filtersContainer .selectFilter select > option {
    background: rgb(51, 255, 204);
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    border-radius: 10px;
}

.filtersContainer .filtersTitle h1 {
    font-size: 21px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 17px;
}

.filtersContainer .filtersTitle hr {
    border: solid rgba(255, 255, 255, 1) 1px;
    height: 0;
    margin-top: 1rem;
}

.filtersContainer .filterCategory h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 21;
    margin-top: 21px;
    cursor: pointer;
}

.filtersContainer .filterCategory h1 i.fas {
    float: right;
    transition: 300ms;
}

.filtersContainer .filterCategory hr {
    border: solid rgba(255, 255, 255, 1) 1px;
    height: 0;
}

.categoryRadiosContainer {
    background: rgba(255, 255, 255, 1);
    padding-bottom: 26px;
    padding-top: 26px;
    display: none;
}

.categoryRadiosContainer p span {
    color: rgba(0, 0, 0, 1);
}

.rotateArrow {
    transform: rotateZ(180deg);
    transition: 300ms;
}

/*Gallery Filters*/
/*Devices gallery*/
/*Devices detail*/
.breadcrumbsContainer nav {
    background-color: transparent;
    box-shadow: none;
}

.breadcrumbsContainer nav .breadcrumb:before {
    color: rgba(0, 0, 0, 1) !important;
}

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

.breadcrumbsContainer nav a:first-child {
    font-weight: 400;
}

.breadcrumbsContainer nav a:last-child {
    font-weight: 700;
    pointer-events: none;
}

.deviceDetail {
    padding-top: 145px;
}

.deviceDetail .deviceGalleryContainer {
    border: solid rgba(151, 151, 151, 1) 1px;
    overflow: hidden;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.deviceDetail .deviceGalleryContainer .itemImage {
    border: none;
}

.deviceDetail .deviceThumbs .itemThumb {
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

.deviceDetail .deviceThumbs .itemThumb:focus {
    outline: none;
}

.deviceDetail .deviceThumbs .itemThumb img {
    margin: 0 auto;
    border: solid rgba(151, 151, 151, 1) 1px;
}

.deviceDetail .deviceGalleryContainer .slick-slide img {
    margin: 0 auto;
}

.deviceDetail .deviceGalleryContainer .slick-slide:active,
.deviceDetail .deviceGalleryContainer .slick-slide:focus {
    outline: none;
}

.deviceDetail .deviceGalleryContainer .slick-slide img:active,
.deviceDetail .deviceGalleryContainer .slick-slide img:focus {
    outline: none !important;
}

.deviceDetail .deviceGalleryContainer .slick-track:active,
.deviceDetail .deviceGalleryContainer .slick-track:focus {
    outline: none !important;
}

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

.deviceDetail .deviceDescriptionTitle h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    margin-top: 0;
    margin-bottom: 0;
}

.deviceDetail .deviceDescriptionTitle p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 0;
}

.deviceDetail .deviceDescriptionTitle p.brand {
    margin-bottom: 24px;
    margin-top: 24px;
}

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

.deviceDetail .deviceDescriptionPrice .priceContainer {
    border: solid 1px rgba(151, 151, 151, 1);
    width: auto;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
    flex-flow: column wrap;
    width: calc(55% + 50px);
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.deviceDetail .deviceDescriptionPrice p {
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    text-align: right;
    padding-right: 20%;
}

.deviceDetail .deviceDescriptionPrice h1 {
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
    color: rgba(25, 49, 239, 1);
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
}

.deviceDetail .generalbutton {
    font-weight: 700;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    background: rgba(25, 49, 239, 1);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(26, 51, 237, 1);
    -moz-box-shadow: 0px 3px 6px 0px rgba(26, 51, 237, 1);
    box-shadow: 0px 3px 6px 0px rgba(26, 51, 237, 1);
    padding: 11px 31px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    margin-top: 13px !important;
    border: none;
    margin: 0 auto;
}

.deviceDetail .colorsContainer {
    font-weight: 16px;
    font-weight: 700;
    line-height: 22px;
    color: rgba(0, 0, 0, 1);
}

.specsRow .row {}

.specsRow h1 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 0, 0, 1);
}

.specsRow h1::after {
    border-top: solid 1px rgba(0, 0, 0, 1);
    content: "";
    display: flex;
    height: 0.5rem;
    vertical-align: bottom;
    width: calc(100% - 17%);
    position: relative;
    left: 0px;
    top: 10px;
}

.connnectivityRow h1::after {
    border-top: solid 1px rgba(0, 0, 0, 1);
    content: "";
    display: flex;
    height: 0.5rem;
    vertical-align: bottom;
    width: calc(100% - 5%);
    position: relative;
    left: 0px;
    top: 10px;
}

.specsRow .cameraRow,
.specsRow .connnectivityRow,
.specsRow .screenRow,
.specsRow .chipRow {
    margin-bottom: 1.5rem;
}

/*Clases para dispositivos*/
/*A01*/
.screenRow .a01Icon::before {
    content: url(../images/devicesImages/a01/a01_Icon.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

.chipRow .a01Icon::before {
    content: url(../images/devicesImages/a01/a01_Chip.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

.cameraRow .a01Icon::before {
    content: url(../images/devicesImages/a01/a01_Camera.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

/*A01*/
/*A20S*/
.screenRow .a20SIcon::before {
    content: url(../images/devicesImages/a20S/a20S_Icon.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

.chipRow .a20SIcon::before {
    content: url(../images/devicesImages/a20S/a20S_Chip.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

.cameraRow .a20SIcon::before {
    content: url(../images/devicesImages/a20S/a20S_Camera.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

/*A20S*/
/*e6S*/
.screenRow .e6SIcon::before {
    content: url(../images/devicesImages/e6S/e6S_Icon.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

.chipRow .e6SIcon::before {
    content: url(../images/devicesImages/e6S/e6S_Chip.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

.cameraRow .e6SIcon::before {
    content: url(../images/devicesImages/e6S/e6S_Camera.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

/*e6S*/
/*g8Plus*/
.screenRow .g8PlusIcon::before {
    content: url(../images/devicesImages/g8Plus/g8Plus_Icon.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

.chipRow .g8PlusIcon::before {
    content: url(../images/devicesImages/g8Plus/g8Plus_Chip.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

.cameraRow .g8PlusIcon::before {
    content: url(../images/devicesImages/g8Plus/g8Plus_Camera.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

/*g8Plus*/
/*y5Neo*/
.screenRow .y5NeoIcon::before {
    content: url(../images/devicesImages/y5Neo/y5Neo_Icon.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

.chipRow .y5NeoIcon::before {
    content: url(../images/devicesImages/y5Neo/y5Neo_Chip.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

.cameraRow .y5NeoIcon::before {
    content: url(../images/devicesImages/y5Neo/y5Neo_Camera.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

/*y5Neo*/
/*y9Prime*/
.screenRow .y9PrimeIcon::before {
    content: url(../images/devicesImages/y9Prime/y9Prime_Icon.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

.chipRow .y9PrimeIcon::before {
    content: url(../images/devicesImages/y9Prime/y9Prime_Chip.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

.cameraRow .y9PrimeIcon::before {
    content: url(../images/devicesImages/y9Prime/y9Prime_Camera.svg);
    float: left;
    width: 55px;
    position: relative;
    left: -10px;
}

/*y9Prime*/
/*Clases para dispositivos*/
.specsRow .descriptionItem {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
}

.specsRow .descriptionText {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
}

/*Devices detail*/


/*Proceso de compra*/

.firstStepContract {
    padding-top: 150px;
}

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

.firstStepContract .firtsStepTitle h1 {
    font-weight: 700;
    font-size: 52px;
    line-height: 60px;
    text-transform: uppercase;
}

.stepsContainer .stepCircle {
    width: 50px;
    height: 50px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    background: rgba(216, 216, 216, 1);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.stepsContainer .row {
    margin-bottom: 0;
}

.stepsContainer {
    margin-bottom: 2rem;
}

.stepsContainer .stepCircle p {
    font-weight: 700;
    font-size: 32px;
}

.stepsContainer h1 {
    margin-top: 7px;
    margin-bottom: 0;
    margin-left: 5px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

.firstStep.active .stepCircle {
    background: linear-gradient(212.27deg, #9B66FF 0%, #6236FF 100%);
}

.secondStep.active .stepCircle {
    background: linear-gradient(59.86deg, #33FFCC 0%, #1B956C 100%);
}

.thirdStep.active .stepCircle {
    background: linear-gradient(224.79deg, #0091FF 0%, #3F4FFF 100%);
}

.fourthStep.active .stepCircle {
    background: linear-gradient(59.86deg, #F45197 0%, #FF6450 100%);
}

.fifthStep.active .stepCircle {
    background: linear-gradient(225deg, #F79D00 0%, #FA0000 100%);
}

.resumeContainer {
    box-shadow: 3px 5px 11px 0 rgba(156, 156, 156, 0.5);
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
}

.resumeContainer .resumeHeader {
    background: rgba(0, 0, 0, 1);
    -webkit-border-top-left-radius: 26px;
    -webkit-border-top-right-radius: 26px;
    -moz-border-radius-topleft: 26px;
    -moz-border-radius-topright: 26px;
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    margin-bottom: 0;
}

.resumeContainer .resumeHeader h1 {
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.resumeContainer .itemsResume hr {
    border-bottom: solid 2px rgba(151, 151, 151);
}

.resumeContainer .itemsResume .row {
    margin-bottom: 0;
}

.resumeContainer .itemsResume .itemDescription p {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.resumeContainer .itemsResume .itemPrice p {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: rgba(25, 50, 239, 1);
    text-align: right;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.resumeContainer .totalResume {
    background: rgba(216, 216, 216, 1);
    text-align: right;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.resumeContainer .totalResume h1 {
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 0;
    margin-top: 20px;
}

.resumeContainer .totalResume small {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, .85);
    margin-bottom: 20px;
}

.resumeContainer .ctaResume {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

.resumeContainer .ctaGoBack {
    margin-bottom: 2rem;
    text-align: center;
}

.resumeContainer .ctaResume .generalButton {
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, 1);
    padding: 15px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}

.resumeContainer .ctaGoBack .generalButton {
    color: rgba(0, 0, 0, 1);
    background: rgba(255, 255, 255, 1);
    padding: 15px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}

.firstPlanCommerce,
.secondPlanCommerce {
    position: relative;
}

.firstPlanCommerce .planCTA,
.secondPlanCommerce .planCTA {
    text-align: center;
    margin-bottom: 3rem;
    position: relative;
}

.firstPlanCommerce .deletePlanIcon,
.secondPlanCommerce .deletePlanIcon {
    position: absolute;
    color: rgba(224, 32, 32, 1);
    font-size: 3rem;
    top: -1rem;
    right: 1rem;
    cursor: pointer;
}

.firstPlanCommerce .deletePlanIcon .far,
.secondPlanCommerce .deletePlanIcon .far {
    color: rgba(224, 32, 32, 1);
}


.secondPlanCommerce .planCTA .generalButton {
    color: rgba(0, 0, 0, 1);
    background: rgba(255, 255, 255, 1);
    border: rgba(0, 0, 0, 1) 2px solid;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    padding: 15px;
    white-space: nowrap;
}

.firstPlanCommerce .planCTA .generalButton {
    color: rgba(98, 54, 255, 1);
    background: rgba(255, 255, 255, 1);
    border: rgba(98, 54, 255, 1) 2px solid;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    padding: 15px;
    white-space: nowrap;
}

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

.simCardText .simCardImageContainer img {
    width: 100%;
    max-width: 150px;
}

/*Cart device selection*/
.ctaDeviceSelection {
    text-align: center;
    margin-bottom: 2rem;
}

.ctaDeviceSelection .generalButton {
    background: rgb(50, 197, 255);
    background: -moz-linear-gradient(45deg, rgba(50, 197, 255, 1) 0%, rgba(0, 145, 255, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(50, 197, 255, 1) 0%, rgba(0, 145, 255, 1) 100%);
    background: linear-gradient(45deg, rgba(50, 197, 255, 1) 0%, rgba(0, 145, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32c5ff', endColorstr='#0091ff', GradientType=1);
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    padding: 12px 28px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    font-size: 20px;
    line-height: 24px;
    display: inline-block;
    margin-bottom: 2rem
}

.resumeCartContainer {
    border: solid 2px rgba(151, 151, 151, 1);
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    padding-bottom: 50px;
    padding-top: 25px;
}

.resumeCartContainer h1 {
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}

.resumeCartContainer .deviceCartGallery .deviceCartProducts {
    text-align: left;
}

.resumeCartContainer .deviceCartGallery .deviceCartProducts .deviceTitle h1 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: rgba(0, 0, 0, 1);
}

.resumeCartContainer .deviceCartPrices .deviceItemCartPrice {
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
}

.resumeCartContainer .deviceCartPrices .deviceItemCartPrice i {
    font-size: 21px;
    line-height: 25px;
    color: rgba(224, 32, 32, 1);
    cursor: pointer
}

.clearCartRow {
    border-top: solid 1px rgba(151, 151, 151, 1);
}

.clearCartRow .clearCart {
    background: rgba(216, 216, 216, 1);
    color: rgba(0, 0, 0, 1);
    padding: 15px;
    display: inline-block;
    font-weight: 700
}

.validateImeiRow {
    text-align: center;
}

.validateImeiRow .row {
    margin-bottom: 0;
}

.validateImeiRow .validateImeiTitle h1 {
    font-size: 42px;
    line-height: 46px;
    font-weight: 700
}

.validateImeiRow .validateImeiTitle p {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    margin-bottom: 10px
}

.validateImeiRow .imeiFormRow {
    border: solid 2px rgba(74, 74, 74, 1);
    padding-bottom: 30px;
    padding-top: 30px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    margin-bottom: 30px;
}

.validateImeiRow .imeiFormTitle h1 {
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 0;
    margin-top: 0;
}

.validateImeiRow .inputImeiRow {
    margin-top: 30px;
}

.validateImeiRow .inputImeiRow input {
    background: rgba(50, 197, 255, 1) !important;
    border: none !important;
    color: rgba(255, 255, 255, 1) !important;
    font-weight: 700;
}

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

.validateImeiRow .imeiCTA .generalButton {
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 15px;
    display: inline-block;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

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

.validateImeiRow .findImeiRow h1 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 26px;
}

.validateImeiRow .findImeiRow p {
    font-size: 14px;
    line-height: 18px;
    color: rgba(0, 0, 0, 1);
    text-align: left;
    font-weight: 400;
}

.validateImeiRow .findImeiRow p span {
    font-weight: 700;
}

.imeiSuccess {
    text-align: center
}

.imeiSuccess h1 {
    font-size: 52px;
    font-weight: 700;
    line-height: 60px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 30px;
    text-transform: uppercase;
}

.imeiSuccess p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

.imeiInvalidRow {
    text-align: center;

}

.imeiInvalidRow h1 {
    margin-bottom: 31px;
    margin-top: 0;
    color: rgba(224, 32, 32, 1);
    text-transform: uppercase;
    font-size: 52px;
    line-height: 60px;
    font-weight: 700;
}

.imeiInvalidRow p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

.invalidImeiCta .generalButton {
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
    padding: 15px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    font-size: 20px;
    line-height: 24px;
}

.imeiInvalidRow .otherDevicesRow {
    margin-top: 2rem;
}

.imeiInvalidRow .otherDevicesRow h1 {
    margin-bottom: 31px;
    margin-top: 0;
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
}

/*Cart device selection*/
/*Register account*/
.registerMainRow .registerRadioInvoiceMode p {
    background: rgba(243, 243, 243, 1);
    display: inline-block;
    padding: 10px 20px;
    margin-bottom: 1rem;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}

.registerMainRow .registerRadioInvoiceMode [type="radio"]:not(:checked) + span,
.registerMainRow .registerRadioInvoiceMode [type="radio"]:checked + span {
    color: rgba(0, 0, 0, 1);
}

.registerMainRow .registerRadioInvoiceMode [type="radio"]:not(:checked) + span:before,
.registerMainRow .registerRadioInvoiceMode [type="radio"]:not(:checked) + span:after {
    background: rgba(255, 255, 255, 1);
    border: solid 2px rgba(255, 255, 255, 1);
}

.registerMainRow .registerRadioInvoiceMode [type="radio"]:checked + span:after,
.registerMainRow .registerRadioInvoiceMode [type="radio"].with-gap:checked + span:before,
.registerMainRow .registerRadioInvoiceMode [type="radio"].with-gap:checked + span:after {
    border: solid 2px rgba(62, 79, 255, 1);
}

.registerMainRow .registerRadioInvoiceMode [type="radio"]:checked + span:after,
.registerMainRow .registerRadioInvoiceMode [type="radio"].with-gap:checked + span:after {
    background-color: rgba(62, 79, 255, 1);
}

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

.registerMainRow .ctaAccount .generalButton {
    background: rgba(255, 255, 255, 1);
    border: rgba(0, 0, 0, 1) solid 2px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    padding: 10px 15px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    color: rgba(0, 0, 0, 1);
}

.facturacionFormContainer {
    background: #3e4fff;
    background: -moz-linear-gradient(45deg, #3e4fff 0%, #32c5ff 100%);
    background: -webkit-linear-gradient(45deg, #3e4fff 0%, #32c5ff 100%);
    background: linear-gradient(45deg, #3e4fff 0%, #32c5ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4fff', endColorstr='#32c5ff', GradientType=1);
    padding-top: 38px !important;
    padding-bottom: 34px !important;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
}

.registerFormContainer .row {
    margin-bottom: 0 !important;
}

.registerFormContainer .input-field {
    margin-bottom: 0;
    margin-top: 0;
}

.registerFormContainer {
    background: #3e4fff;
    background: -moz-linear-gradient(45deg, #3e4fff 0%, #32c5ff 100%);
    background: -webkit-linear-gradient(45deg, #fff 0%, #fff 100%);
    background: linear-gradient(45deg, #fff 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4fff', endColorstr='#32c5ff', GradientType=1);
    padding-top: 38px !important;
    padding-bottom: 34px !important;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 0px;
    border-style: groove !important;
}

.registerFormContainer .registerTitle h1 {
    color: rgba(0, 0, 0);
    font-size: 32px;
    line-height: 38px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 20px;
}

.registerFormContainer input {
    background: rgba(255, 255, 255) !important;
    /*border: none !important;*/
    color: rgba(0, 0, 0) !important;
    margin-top: 0 !important;
}

.liContainer select {
    background: rgba(221, 221, 221) !important;
}

.liContainer {
    padding: 1.75rem;
}
.liContainer li {
    background: white;
}

.backBlue {
    background: #1e90ff;
    color: white;
}

.subir{
    padding: 5px 10px;
    background: #f55d3e;
    color:#fff;
    border:0px solid #fff;
    cursor: pointer;
    width: 200px;
    height: 50px;
}
 
.subir:hover{
    color:#fff;
    background: #f7cb15;
}

.registerFormContainer select {
    background: rgba(221, 221, 221) !important;
    border: black;
    color: rgba(0, 0, 0) !important;
    /*margin-top: 0 !important;*/
}

.registerFormContainer .input-field > label {
    color: rgba(0, 0, 0);
}

.registerFormContainer .input-field > label:not(.label-icon).active {
    color: rgba(0, 0, 0) !important;
}

.termsRadioContainer .row,
.invoiceRadioContainer .row,
.termsRadioContainer.row,
.invoiceRadioContainer.row {
    margin-bottom: 0;
}

.termsRadioContainer [type="checkbox"] + span:not(.lever),
.invoiceRadioContainer [type="checkbox"] + span:not(.lever) {
    color: rgba(0, 0, 0, 1);
}

.termsRadioContainer [type="checkbox"]:checked + span:not(.lever):before,
.invoiceRadioContainer [type="checkbox"]:checked + span:not(.lever):before {
    border-right: 2px solid rgba(62, 79, 255, 1);
    border-bottom: 2px solid rgba(62, 79, 255, 1);
}

.termsRadioContainer a {
    color: rgba(0, 0, 0, 1);
    text-decoration: underline;
}

/*Register account*/
/*Delivery Mode*/
.deliveryModePicker {
    text-align: center;
    border: solid 2px rgba(151, 151, 151, 1);
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
}

.deliveryModePicker .deliveryModeTitle h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 60px;
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
}

.deliveryModePicker .deliveryTypeContainer .generalButton {
    border: solid 2px rgba(0, 0, 0, 1);
    color: rgba(0, 0, 0, 1);
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin-bottom: 2rem;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    font-size: 24px;
    line-height: 24px;
}

.pickupMode {
    margin-top: 43px;
    margin-bottom: 100px !important;
}

.pickupMode.row,
.pickupMode .row {
    margin-bottom: 0;
}

.pickupMode .pickupTitle h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 21px;
    margin-top: 0;
    text-transform: uppercase;
}

.pickupMode .pickupTitle p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 28px;
    margin-top: 0;
}


.pickupMode .pickupSelect select {
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
    margin-top: 0;
}

.pickupMode .pickupCenter {
    margin-top: 36px;
    margin-bottom: 100px;
}

.pickupMode .pickupCenter h1 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0;

}

.pickupMode .pickupCenter p {
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;

}

.pickupMode .documentColumn h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 21px;
    margin-top: 0;
    text-transform: uppercase;
}

.dataReviewRow .dataReviewContainer {
    border: solid 2px rgba(151, 151, 151, 1);
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    text-align: center;
}

.dataReviewRow .dataReviewContainer .dataReviewTitle h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 43px;
    margin-top: 34px;
    text-transform: uppercase;
}

.dataReviewRow .dataReviewContainer .reviewDataContainer {
    text-align: left
}

.dataReviewRow .dataReviewContainer .reviewDataContainer h1 {
    font-weight: 700;
    font-size: 21px;
    line-height: 32px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 26px;
    margin-top: 0;
    text-transform: uppercase;
}

.dataReviewRow .dataReviewContainer .reviewDataContainer p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 53px;
    margin-top: 0;
    text-transform: uppercase;
}

/*Delivery Mode*/
/*New number*/
.newNumberRow .row {
    margin-bottom: 0;
}

.newNumberRow .newNumberselect {
    margin-bottom: 52px;
}

.newNumberRow .newNumberselect .newNumberToggleBox {
    border: solid 2px rgba(151, 151, 151, 1);
    text-align: center;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.newNumberRow .newNumberselect .newNumberToggleBox .newNumberTitle h1 {
    margin-top: 41px;
    margin-bottom: 33px;
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
}

.newNumberRow .newNumberselect .newNumberToggleBox .newNumberToggleButtons .generalButton {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
    border: solid 2px rgba(0, 0, 0, 1);
    background: rgba(255, 255, 255, 1);
    padding: 15px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 45px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.newNumberForm {
    background: rgb(244, 81, 151);
    background: -moz-linear-gradient(45deg, rgba(244, 81, 151, 1) 0%, rgba(255, 100, 80, 1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(244, 81, 151, 1) 0%, rgba(255, 100, 80, 1) 100%);
    background: linear-gradient(45deg, rgba(244, 81, 151, 1) 0%, rgba(255, 100, 80, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f45197', endColorstr='#ff6450', GradientType=1);
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    padding-bottom: 38px;
    padding-top: 38px;
    margin-bottom: 3rem !important;
}


.newNumberForm input {
    margin-bottom: 0 !important;
    background: rgba(175, 20, 87, 1) !important;
    border: none !important;
    color: rgba(255, 255, 255, 1) !important;
}

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

.newNumberForm .input-field > label:not(.label-icon).active {
    color: rgba(255, 255, 255, 1) !important;
}

.newNumberForm .row {
    margin-bottom: 0;
}

.newNumberForm .newNumberFormTitle h1 {
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    line-height: 38px;
    font-size: 26px;
    margin-bottom: 10px;
    margin-top: 0;
}

.newNumberDescription {
    text-align: left;
    margin-bottom: 2rem;
}

.newNumberDescription h1 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 30px;
    margin-top: 0;
}

.newNumberDescription p {
    text-align: left;
    margin-bottom: 20px;
}

.changeCompanyRow .newNumberDescription h1 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 30px;
    margin-top: 0;
    text-align: center;
}

.changeCompanyRow .newNumberDescription p {
    text-align: left;
    margin-bottom: 20px;
    text-align: center;
}

/*New number*/
/*Payment Methods*/
.paymentTitle h1 {
    text-transform: uppercase;
    font-size: 21px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 36px;
    margin-top: 60px;
}

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

.paymentFormContent .paymentTitle h1 {
    text-transform: uppercase;
    font-size: 21px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 16px;

}

.paymentMethod .cc-selector {
    text-align: center;
}

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

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

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

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

.transfer-image {
    background: url(../images/paymentMethods/transferIcon.svg) center center;
    background-size: 100%;
}

.store-image {
    background: url(../images/paymentMethods/depositoIcon.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);
}

.paymentRow .generalButton {
    color: rgba(0, 0, 0, 1);
    background: rgba(255, 255, 255, 1);
    border: solid 2px rgba(0, 0, 0, 1);
    color: rgba(0, 0, 0, 1);
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin-bottom: 2rem;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    font-size: 24px;
    line-height: 24px;
}

.cardWarning {
    text-align: left;
}

.cardWarning small {
    font-weight: 700;
    font-size: 16px !important;
}

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

.formCardContainer .row {
    margin-bottom: 10px;
}

.formCardContainer .input-field {
    margin-top: 0 !important;
}

.formCardContainer input {
    margin: 0 !important;
    background: rgba(197, 85, 10, 1) !important;
    border: none !important;
}

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

.formCardContainer .input-field > label:not(.label-icon).active {
    color: rgba(255, 255, 255, 1) !important;
}

.speiReferenceCTA {
    text-align: center;
}

.cardCheckbox p {
    background: rgba(243, 243, 243, 1);
    display: inline-block;
    padding: 10px 20px;
    margin-bottom: 1rem;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    color: rgba(0, 0, 0, 1) !important;
}

.cardCheckbox p span {
    color: rgba(0, 0, 0, 1);
}

.cardCheckbox p span a {
    color: rgba(0, 0, 0, 1);
}

.cardCheckbox [type="radio"]:not(:checked) + span:before,
.cardCheckbox [type="radio"]:not(:checked) + span:after {
    background: rgba(255, 255, 255, 1);
    border: solid 2px rgba(255, 255, 255, 1);
}

.cardCheckbox [type="radio"]:checked + span:after,
.cardCheckbox [type="radio"].with-gap:checked + span:after {
    background-color: rgba(247, 181, 0, 1);
    border: solid 2px rgba(247, 181, 0, 1);
}

/*Payment Methods*/
/*Payment Error modal*/
.modal#paymentError {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    height: 320px;
}

.modal#paymentError .row {
    margin-bottom: 0;
}

.modal#paymentError .modal-content {
    text-align: center;
}

.modal#paymentError .modal-content h1 {
    color: rgba(224, 32, 32, 1);
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
}

.modal#paymentError .modal-content p {
    color: rgba(0, 0, 0, 1);
    font-size: 21px;
    font-weight: 400;
}

.modal#paymentError .modal-content p span {
    font-weight: 700;
}


.modal#paymentError .generalButton {
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, 1);
    padding: 10px 10px;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    margin: 2rem;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    text-align: center;
}

/*Payment Error modal*/
/*Success payment*/
.paymentRow {}

.successImage {
    text-align: center;
}

.successImage img {
    width: 150px;
    margin: 0 auto;
}

.successTitle h1 {
    padding-top: 8rem;
    text-align: center;
    font-size: 52px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
    line-height: 60px;
}

.successTitle p {
    text-align: center;
    font-size: 21px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    margin-top: 2rem;
}

.paymentRow .purchaseReview .resumeCartContainer .row {
    margin-bottom: 0 !important;
}

.paymentRow .planResumeContainer {
    padding-bottom: 26px;
    padding-top: 26px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin-bottom: 2rem;
}

.paymentRow .planResumeContainer.purpleNox {
    background: #9b66ff;
    background: -moz-linear-gradient(45deg, #9b66ff 0%, #6236ff 100%);
    background: -webkit-linear-gradient(45deg, #9b66ff 0%, #6236ff 100%);
    background: linear-gradient(45deg, #9b66ff 0%, #6236ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b66ff', endColorstr='#6236ff', GradientType=1);
    -webkit-box-shadow: 3px 5px 16px 5px rgba(54, 54, 54, 0.3);
    -moz-box-shadow: 3px 5px 16px 5px rgba(54, 54, 54, 0.3);
    box-shadow: 3px 5px 16px 5px rgba(54, 54, 54, 0.3)
}

.paymentRow .planResumeContainer.whiteNox {
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 3px 5px 16px 5px rgba(54, 54, 54, 0.3);
    -moz-box-shadow: 3px 5px 16px 5px rgba(54, 54, 54, 0.3);
    box-shadow: 3px 5px 16px 5px rgba(54, 54, 54, 0.3)
}

.paymentRow .planResumeContainer.purpleNox h1 {
    color: rgba(255, 255, 255, 1) !important;
}

.paymentRow .planResumeContainer.whiteNox h1 {
    color: rgba(0, 0, 0, 1) !important;
}

.noxCardSuccess {
    text-align: center;
}

.noxCardSuccess img {
    max-width: 100px;
    width: 100%;
}

.pickUpAddresReview h1 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.pickUpAddresReview p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 36px;
}

.pickUpAddresReview p span {
    font-weight: 700;
}

.pickupDocsReview h1 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.pickupDocsReview p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 36px;
}

.pickupDocsReview p span {
    font-weight: 700;
}

.pickupDocsReview ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}

.pickUpAddresReview .generalButton {
    color: rgba(255, 255, 255, 1);
    background: rgba(51, 204, 153, 1);
    font-size: 20px;
    line-height: 24px;
    border: none;
    text-align: center;
    display: inline-block;
}

.infoMailSent p {
    font-weight: 400;
    font-size: 21px;
    line-height: 26px;
}

.infoMailSent p span {
    font-weight: 700;
}


/*Success payment*/
/*Proceso de compra*/
/*Planes*/
.plansSectionContainer {
    padding-top: 180px;
}

.plansSectionContainer .plansMainTitles h1 {
    text-align: center;
    font-size: 42px;
    line-height: 46px;
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    text-transform: uppercase;
}

.plansSectionContainer .plansMainTitles p {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    text-align: center;
}

.plansSectionContainer .purpleRowPlans .mainTitleRow {
    background: #6236ff;
    background: -moz-linear-gradient(45deg, #6236ff 0%, #9b66ff 100%);
    background: -webkit-linear-gradient(45deg, #6236ff 0%, #9b66ff 100%);
    background: linear-gradient(45deg, #6236ff 0%, #9b66ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6236ff', endColorstr='#9b66ff', GradientType=1);
    margin-bottom: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    box-shadow: 3px 5px 16px 5px rgba(55, 55, 55, 0.31);
    text-transform: uppercase;
}

.plansSectionContainer .whiteRowPlans .mainTitleRow {
    background: rgba(255, 255, 255, 1);
    margin-bottom: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    box-shadow: 3px 5px 16px 5px rgba(55, 55, 55, 0.31);
    text-transform: uppercase;
}

.purpleRowPlans .descriptionsContainer {
    background: #6236ff;
    background: -moz-linear-gradient(45deg, #6236ff 0%, #9b66ff 100%);
    background: -webkit-linear-gradient(45deg, #6236ff 0%, #9b66ff 100%);
    background: linear-gradient(45deg, #6236ff 0%, #9b66ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6236ff', endColorstr='#9b66ff', GradientType=1);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    box-shadow: 3px 5px 16px 5px rgba(55, 55, 55, 0.31);
}

.whiteRowPlans .descriptionsContainer {
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    box-shadow: 3px 5px 16px 5px rgba(55, 55, 55, 0.31);
}

.descriptionsContainer .row {
    margin-bottom: 0 !important;
}


.plansSectionContainer .whiteRowPlans .mainTitleRow h1 {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
    margin-top: 21px;
    margin-bottom: 26px;
    text-transform: uppercase;
    text-align: center;
}

.plansSectionContainer .purpleRowPlans .mainTitleRow h1 {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
    margin-top: 21px;
    margin-bottom: 26px;
    text-align: center;
}

.plansSectionContainer .whiteRowPlans .descriptionRow:nth-child(even) {
    padding-right: 0;
    padding-left: 0;
    background: rgba(98, 54, 255, 0.07);
}

.plansSectionContainer .purpleRowPlans .descriptionRow:nth-child(even) {
    padding-right: 0;
    padding-left: 0;
    background: rgba(241, 241, 241, 0.25)
}

.plansSectionContainer .whiteRowPlans .descriptionRow:last-child p,
.plansSectionContainer .purpleRowPlans .descriptionRow:last-child p {
    font-weight: 700;
    font-size: 22px;
}

.plansSectionContainer .purpleRowPlans .descriptionRow p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    padding-top: 24px;
    padding-bottom: 22px;
    text-align: center;
}

.plansSectionContainer .whiteRowPlans .descriptionRow p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    padding-top: 24px;
    padding-bottom: 22px;
    text-align: center;
}


.plansSectionContainer .whiteRowPlans .planCtaRow,
.plansSectionContainer .purpleRowPlans .planCtaRow {
    background: rgba(255, 255, 255, 1);
    text-align: center;
    margin-top: 35px;
}

.plansSectionContainer .purpleRowPlans .planCtaRow .generalButton {
    border: solid 2px rgba(98, 54, 255, 1);
    color: rgba(98, 54, 255, 1);
    padding: 15px 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.plansSectionContainer .whiteRowPlans .planCtaRow .generalButton {
    border: solid 2px rgba(0, 0, 0, 1);
    color: rgba(0, 0, 0, 1);
    padding: 15px 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.newEquipmentRow {
    background: rgba(0, 0, 0, 1);
    padding-bottom: 50px;
    padding-top: 67px;
    margin-bottom: 0;
}

.newEquipmentRow h1 {
    color: rgba(255, 255, 255, 1);
    font-size: 42px;
    line-height: 49px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}

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

.newEquipmentRow .newEquipmentRowCta .generalButton {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1);
    text-align: center;
    font-weight: 700;
    padding: 15px 30px;
    text-transform: uppercase;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    font-size: 24px;
    line-height: 29px;
}

/*Planes*/
/*Contacto*/
.contactRow {
    padding-top: 180px;
}

.contactRow h1 {
    font-size: 42px;
    line-height: 54px;
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.contactRow p {
    font-size: 16px;
    line-height: 23px;
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    text-align: center;
}

.contactRow .contactRowContainer .row {
    margin-bottom: 0 !important;
}

.contactRow .contactRowContainer .input-field {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.contactRow .contactRowContainer input,
.contactRow .contactRowContainer textarea {
    border: none !important;
    background: rgb(255, 255, 255) !important;*/
}

.contactRow .contactRowContainer textarea {
    height: auto;
    -webkit-border-radius: 9px !important;
    -moz-border-radius: 9px !important;
    border-radius: 9px !important;
}

.contactRow .contactRowContainer p {
    background: rgb(255, 255, 255);
    display: inline-block;
    padding: 10px 20px;
    margin-bottom: 1rem;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}

.contactRow .contactRowContainer p a {
    color: rgba(0, 0, 0, 1);
    text-decoration: underline;
}

.contactRow .contactRowContainer [type="checkbox"]:not(:checked) + span,
.contactRow .contactRowContainer [type="checkbox"]:checked + span {
    color: rgba(0, 0, 0, 1);
}

.contactRow .contactRowContainer [type="checkbox"]:not(:checked) + span:before,
.contactRow .contactRowContainer [type="checkbox"]:not(:checked) + span:after {
    background: rgb(255, 255, 255);
    border: solid 2px rgba(255, 255, 255, 1);
}

.contactRow .contactRowContainer [type="checkbox"]:checked + span:after,
.contactRow .contactRowContainer [type="checkbox"].with-gap:checked + span:before,
.contactRow .contactRowContainer [type="checkbox"].with-gap:checked + span:after {
    border: solid 2px rgba(62, 79, 255, 1);
}

.contactRow .contactRowContainer [type="checkbox"]:checked + span:after,
.contactRow .contactRowContainer [type="checkbox"].with-gap:checked + span:after {
    background-color: rgba(62, 79, 255, 1);
}

.contactRow .contactRowContainer [type="checkbox"]:checked + span:not(.lever):before {
    border-right: 2px solid rgba(247, 181, 0, 1);
    border-bottom: 2px solid rgba(247, 181, 0, 1);
}

.contactRow .contactRowContainer .generalButton {
    background: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
    line-height: 24px;
    padding: 15px 20px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    font-weight: 700;
}

/*Contacto*/
/*Portabilida*/
.changeCompanyRow {
    padding-top: 180px;
}

.changeCompanyRow .changeCompanyTitles {
    text-align: center;
    margin-bottom: 50px;
}

.changeCompanyRow .changeCompanyTitles h1 {
    font-size: 42px;
    line-height: 46px;
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    font-weight: 700;
}

.changeCompanyRow .changeCompanyTitles p {
    font-size: 18px;
    line-height: 23px;
}

.changeCompanyBox {
    box-shadow: 0 11px 15px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
    padding-top: 31px !important;
    padding-bottom: 45px !important;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
}

.changeCompanyBox .row {
    margin-bottom: 0;
}

.changeCompanyBox img {
    max-width: 152px;
}

.changeCompanyBox h1 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 36px !important;
    margin-top: 12px !important;
}

.changeCompanyBox p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.changeCompanyBox p span {
    color: rgba(25, 49, 239, 1);
    font-weight: 700;
}

.adviceRow p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    margin-top: 1rem;
}

.ctaChangeCompany {
    text-align: center;
}

.ctaChangeCompany .generalButton {
    background: rgba(244, 81, 151, 1);
    color: rgba(255, 255, 255, 1);
    padding: 15px 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.changeCompanyBottomRow {
    margin-top: 2rem;
}

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

.changeCompanyBottomRow img {
    max-width: 60px;
    margin: 0 auto;
    width: 100%;
}

.changeCompanyBottomRow p {
    font-size: 18px;
    line-height: 23px;
}

.changeCompanyBottomRow p span {
    font-weight: 700;
}

/*Portabilidad*/
/*Imei check*/
.imeiCheckRow {
    padding-top: 8rem;
}

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

.imeiCheckRow .imeiCheckTitles h1 {
    font-size: 42px;
    line-height: 46px;
    font-weight: 700;
    text-transform: uppercase;
}

.imeiCheckRow .imeiCheckTitles p {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
}

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

.imeiCheckRow .checkImeiImageContainer img {
    max-width: 170px;
    width: 100%;
}

.imeiCheckFormContainer {
    padding-top:
}

.imeiCheckFormContainer form {
    border: 2px solid #4A4A4A;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    margin-bottom: 0;
}

.imeiCheckFormContainer form h1 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 46px;
}

.imeiCheckFormContainer form input {
    margin-bottom: 0 !important;
    background: rgba(50, 197, 255, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
    border: none !important;
}

.imeiCheckFormContainer form .generalButton {
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    padding: 15px 20px;
    font-size: 20px;
    margin-bottom: 2rem;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.imeiCheckFormContainer form .row {
    margin-bottom: 0;
}

.findImeiRow h1 {
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
}

.findImeiRow h1 {
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
}

.findImeiRow p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.findImeiRow p span {
    font-weight: 700;
}

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

.otherCompanyRow .otherCompanyImageContainer img {
    max-width: 60px;
    margin: 0 auto;
    width: 100%
}

.instructionsRow {
    margin-top: 4rem;
    text-align: center;
}

.instructionsRow a {
    color: rgba(0, 0, 0, 1);
    margin-bottom: 2rem !important;
    display: inline-block;
}

.instructionsRow a::before {
    content: "\f111";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    color: rgba(50, 197, 255, 1);
    margin-right: 10px;
}

.keepNumberRow {
    background: url(../images/backKeepNumberImei.svg) top right no-repeat;
    background-size: cover;
}

.keepNumberRow h1 {
    font-size: 32px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 45px;
    margin-top: 45px;
}

.keepNumberRow p {
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 15px;
    margin-top: 45px;
}

.keepNumberRow a {
    background: rgba(255, 255, 255, 1);
    font-size: 20px;
    line-height: 24px;
    color: rgba(0, 0, 0, 1);
    padding: 15px 20px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    font-weight: 700;
}

/*Imei check*/
/*Imei valid*/
.validImeiRow {
    padding-top: 8rem;
}

.validImeiTitles {
    text-align: center;
    background: url(../images/backValidImei.svg) top center no-repeat;
}

.validImeiTitles h1 {
    font-size: 52px;
    line-height: 60px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    margin-bottom: 30px;
}

.validImeiTitles p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
}

.validImeiTitles a {
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, 1);
    font-size: 20px;
    line-height: 24px;
    padding: 10px 20px;
    margin-top: 2rem;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.chooseNoxPlan {
    text-align: center;
}

.chooseNoxPlan h1 {
    font-size: 32px;
    line-height: 45px;
    font-weight: 700;
    text-transform: uppercase;
}

.planBox .titlesRow {
    margin-bottom: 15px;
    text-align: left;
}

.planBox .priceRow {
    margin-bottom: 15px;
    text-align: center;
}

.planBox h1 {
    line-height: 34px;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 26px;
    margin-top: 21px;
}

.planBox .priceRow h1 {
    font-size: 18px;
    line-height: 29px;
    font-weight: 700;
}

.purpleBox .titlesRow,
.purpleBox .priceRow {
    background: #6236ff;
    background: -moz-linear-gradient(45deg, #6236ff 0%, #9b66ff 100%);
    background: -webkit-linear-gradient(45deg, #6236ff 0%, #9b66ff 100%);
    background: linear-gradient(45deg, #6236ff 0%, #9b66ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6236ff', endColorstr='#9b66ff', GradientType=1);
    color: rgba(255, 255, 255, 1) !important;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    box-shadow: 3px 5px 16px 5px rgba(55, 55, 55, 0.31);
}

.whiteBox .titlesRow,
.whiteBox .priceRow {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    box-shadow: 3px 5px 16px 5px rgba(55, 55, 55, 0.31);
}

.planBox .ctaRow .generalButton {
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
    padding: 10px 15px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    margin-top: 1rem;
}

/*Imei valid*/
/*Imei invalid*/
.invalidImeiRow {
    padding-top: 8rem;
}

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

.invalidImeiRow .invalidImeiTitles h1 {
    color: rgba(224, 32, 32, 1);
    font-size: 52px;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: 700;
}

.invalidImeiRow .invalidImeiTitles p {
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

.invalidImeiRow .invalidImeiTitles .generalButton {
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
    padding: 10px 15px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    margin-top: 1rem;
}

.newDeviceRowTitles {
    text-align: center;
}

.newDeviceRowTitles h1 {
    font-size: 36px;
    line-height: 41px;
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    font-weight: 700;
}

.newDeviceRowTitles p {
    font-size: 18px;
    line-height: 22px;
    color: rgba(0, 0, 0, 1);
    |font-weight: 400;
}

/*Imei invalid*/
/*Promotions*/
.promotionsRow {
    padding-top: 8rem;
    background: url(../images/backPromotions.svg) no-repeat;
    background-size: contain;
    background-position: 100% 20%;
}

.promotionsRow .promotionsTitles h1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    text-transform: uppercase;
}

.promotionsRow .promotionsTitles h1 span {
    color: rgba(250, 100, 0, 1);
}

.promotionsRow .promotionsTitles .descriptionRow p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.promotionsRow .promotionsTitles .descriptionRowInput {
    margin-bottom: 0;
    margin-top: 2rem !important;
}

.promotionsRow .promotionsTitles .descriptionRowInput input {
    background: rgba(216, 216, 216, 1) !important;
    border: none !important;
}

.promotionsRow .promotionsTitles .generalButton {
    background: rgba(247, 181, 0, 1);
    color: rgba(0, 0, 0, 1);
    padding: 15px 10px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

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

.promotionsRow .promotionsImageContainer img {
    max-width: 721px;
    width: 100%;
}

/*Promotions*/
/*Inputs*/
input {
    color: rgba(0, 0, 0, 1) !important;
    padding-left: 20px !important;
    background-color: rgba(255, 255, 255, 1) !important;
    border: rgba(151, 151, 151, 1) solid 1px !important;
    -webkit-border-radius: 9px !important;
    -moz-border-radius: 9px !important;
    border-radius: 9px !important;
    outline: none !important;
    height: 3rem !important;
    width: calc(100% - 20px) !important;
    font-size: 16px !important;
    margin: 0 0 30px 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    -webkit-transition: border .3s, -webkit-box-shadow .3s !important;
    transition: border .3s, -webkit-box-shadow .3s !important;
    transition: box-shadow .3s, border .3s !important;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

.input-field > label {
    color: rgba(0, 0, 0, 1);
    position: absolute;
    top: 0;
    left: 30px !important;
    font-size: 1rem;
    font-weight: 700;
    cursor: text;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    text-align: initial;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
}

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

.label2 {
    color: black;
    font-size: 1.2rem;
}

.disable-div {
    pointer-events: none;
}

.hide-div {
    display: none;
}
select {
    font-size: 16px;
    font-weight: 700;
    display: block;
    border: none;
    padding-left: 20px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    margin-bottom: 30px
}

/*Inputs*/
/*Devices Colors*/
.Rojo {
    background: rgba(203, 29, 29, 1);
}

.Negro {
    background: rgba(0, 0, 0, 1);
}

.Azul {
    background: rgba(55, 59, 228, 1);
}

.Verde {
    background: rgba(31, 172, 156, 1);
}
.Cafe {
    background: rgba(255, 159, 28, 1);
}

.g8PlusRed {
    background: rgba(213, 23, 23, 1);
}

.g8PlusBlue {
    background: rgba(27, 30, 167, 1);
}

.e6SBlue {
    background: rgba(27, 30, 167, 1);
}

.e6SRed {
    background: rgba(213, 23, 23, 1);
}

.y5NeoBlack {
    background: rgba(0, 0, 0, 1);

}

/*Devices Colors*/
/*changeDataDelivery*/
.changeDataDelivery {
    text-align: center;
}

.changeDataDelivery .generalButton {
    border: rgba(0, 0, 0, 1) solid 3px;
    padding: 10px 25px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
    background: rgba(255, 255, 255, 1);
    font-size: 20px;
    text-transform: uppercase;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

/*changeDataDelivery*/

/*Empty Cart*/
.emptyCartRow {
    padding-top: 8rem;
    text-align: center;
}

.emptyCartRow .emptyCartRowTitles h1 {
    font-size: 52px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}

.emptyCartRow .emptyCartRowTitles img {
    width: 100%;
    max-width: 330px;
    margin-bottom: 45px;
}

.emptyCartRow .emptyCartRowTitles p {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    margin-bottom: 40px;
}

.emptyCartRow .emptyCartRowTitles .generalButton {
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    background: rgba(81, 40, 229, 1);
    font-weight: 700;
    padding: 10px 25px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

/*Empty Cart*/
/*Login*/
.loginRow {
    padding-top: 9rem;
}

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

.loginRow .loginTitles p {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: rgba(17, 28, 78, 1);
}

.loginRow .loginTitles h1 {
    margin-top: 12px;
    margin-bottom: 23px;
    font-weight: 700;
    font-size: 52px;
    line-height: 60px;
    text-transform: uppercase;

}

.loginRow form {
    margin-bottom: 0;
}

.loginRow .loginForm {
    padding-top: 2rem;
    background: #32c5ff;
    background: -moz-linear-gradient(45deg, #32c5ff 0%, #3f4fff 100%);
    background: -webkit-linear-gradient(45deg, #32c5ff 0%, #3f4fff 100%);
    background: linear-gradient(45deg, #32c5ff 0%, #3f4fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32c5ff', endColorstr='#3f4fff', GradientType=1);
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    margin-bottom: 0;
}

.loginRow .loginForm input {
    margin-bottom: 15px !important;
}

.loginRow .loginForm .loginCTA {
    text-align: center;
}

.loginRow .loginForm .loginCTA .generalButton {
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
    line-height: 24px;
    padding: 10px 25px;
    font-weight: 700;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.loginLinks {
    text-align: center;
}

.loginLinks a {
    color: rgba(0, 0, 0, 1);
}

/*Login*/
/*Recarga*/
.reloadFormContainer {
    padding-top: 8rem;
}

.reloadTitles {
    text-align: center;
}

.reloadTitles h1 {
    font-size: 52px;
    line-height: 60px;
    font-weight: 700;
    text-transform: uppercase;
}

.reloadFormContainer .firstStep.active .stepCircle,
.reloadFormContainer .secondStep.active .stepCircle,
.reloadFormContainer .thirdStep.active .stepCircle {
    background: #6d7278;
    background: -moz-linear-gradient(top, #6d7278 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #6d7278 0%, #000000 100%);
    background: linear-gradient(to bottom, #6d7278 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d7278', endColorstr='#000000', GradientType=0);
}

.noxNumberForm {
    border: solid 2px rgba(151, 151, 151, 1);
    padding-top: 38px;
    text-align: center;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
}

.noxNumberTitle {
    margin-top: 38px;
    margin-bottom: 10px;
    text-align: center;
}

.noxNumberInput {
    margin-bottom: 0;
}

.noxNumberInput input {
    margin-bottom: 15px !important;
    background: rgba(216, 216, 216, 1) !important;
    border: none !important;
}


.reloadPackage.reloadPackageTitle {
    margin-bottom: 0;
}

.reloadPackage {
    text-align: left;
    margin-top: 60px;
    margin-bottom: 0;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    box-shadow: 3px 5px 16px 5px rgba(55, 55, 55, 0.31);
}

.reloadPackage h1 {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    margin-top: 28px;
    margin-bottom: 20px;
}

.reloadPackage p {
    font-size: 14px;
    line-height: 28px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 40px;
}

.reloadPackage p.reloadPrice {
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.reloadPackage.pinkPackage hr {
    border: solid rgba(255, 255, 255, 1) 2px;
}

.reloadPackage.whitePackage hr {
    border: solid rgba(0, 0, 0, 1) 2px;
}

.reloadPackageCTA.pinkCta .generalButton {
    text-transform: uppercase;
    color: rgba(244, 81, 151, 1);
    border: solid 2px rgba(244, 81, 151, 1);
    padding: 10px 15px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.reloadPackageCTA.whiteCta .generalButton {
    text-transform: uppercase;
    color: rgba(0, 0, 0, 1);
    border: solid 2px rgba(0, 0, 0, 1);
    padding: 10px 15px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.pinkPackage {
    background: #f45197;
    background: -moz-linear-gradient(45deg, #f45197 0%, #ff6450 100%);
    background: -webkit-linear-gradient(45deg, #f45197 0%, #ff6450 100%);
    background: linear-gradient(45deg, #f45197 0%, #ff6450 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f45197', endColorstr='#ff6450', GradientType=1);
    color: rgba(255, 255, 255, 1);
}

.reloadFormContainer .paymentRow {
    padding-top: 0;
}

.reloadFormContainer .paymentRow h1 {
    margin-top: 0px;
    margin-bottom: 52px;
}

.reloadFormContainer .paymentRow input {
    color: rgba(255, 255, 255, 1) !important;
}

.reloadSuccessContainer {
    text-align: center;
}

.reloadSuccessContainer h1 {
    font-size: 52px;
    line-height: 60px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.reloadSuccessContainer p {
    font-size: 21px;
    font-weight: 400;
}

.reloadSuccessContainer img {
    max-width: 150px;
    width: 100%;
}

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

.reloadSuccessContainer .generalButton {
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 25px;
    font-size: 20px;
    line-height: 24px;
    margin-top: 2rem;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.recargaNumberCTA .generalButton {
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 25px;
    font-size: 20px;
    line-height: 24px;
    margin-top: 2rem;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.paymentErrorModal img {
    max-width: 90px;
    width: 100%;
    margin: 0 auto;
}

.paymentErrorModal {
    height: calc(100% - 200px) !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/*Recarga*/
/*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*/
/*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/#f7b500+0,fa6400+100 */
    background: #f7b500;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f7b500 0%, #fa6400 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f7b500 0%, #fa6400 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f7b500 0%, #fa6400 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b500', endColorstr='#fa6400', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */

}

.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(250, 100, 0, 1);
}

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

.questionText ol li {
    font-weight: 400;

}

/*FAQS*/
/*Reference Waiting*/
.loginBoxContent {
    text-align: center;
}

.loginBoxContent .loginBoxLogoContainer img {
    max-width: 250px;
}

.loginBoxContent h1 {
    font-weight: 700;
    font-size: 52px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 30px;
}

.loginBoxContent p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
}

/*Reference Waiting*/

/*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*/
/*Restriction Row Plans*/
.restrictionRowPlans {
    text-align: center;
}

/*Restriction Row Plans*/
/*Comparador*/
.compareContainer {
    padding-top: 8rem;
}

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

.compareContainer .compareTitles h1 {
    font-size: 42px;
    line-height: 46px;
    font-weight: 700;
}

.compareItemEmpty {
    text-align: center;
}

.itemFull {
    text-align: center;
    position: relative;
}

.compareItemEmpty img {
    max-width: 250px;
}

.compareItemDescriptionEmpty {
    text-align: center;
}

.compareItemDescriptionEmpty a {
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    text-decoration: underline;
}

.itemFull img {
    position: relative;
    background: rgba(255, 255, 255, 1);
    padding: 3vw;
    box-shadow: 0 6px 10px 3px rgba(182, 182, 182, 0.5);
    max-width: 100%;
}

.deleteCompareIcon {
    color: rgba(0, 0, 0, 1);
    font-size: 3rem;
    position: absolute;
    right: 25%;
    z-index: 100;
    text-align: center;
    cursor: pointer;
    width: auto;
    height: auto;
}

.itemFullDescription {
    text-align: center;
}

.itemFullDescription h1 {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
}

.itemFullDescription p {
    color: rgba(25, 49, 239, 1);
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 2rem;
}

.itemFullDescription .generalButton {
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, 1);
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.25vw;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.descrtiptionGeneralRow {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.descrtiptionGeneralRow ul {
    text-align: center;
}

.descrtiptionGeneralRow p {
    text-align: center;
}

.compareContainer .cameraRow {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.compareContainer .cameraRow .cameraDescription {
    text-align: center;
}

.compareContainer .cameraRow .cameraDescription img {
    max-width: 65px;
}

.compareContainer .cameraRow .cameraDescription span {
    display: flex;
    justify-content: center;
    flex-direction: column;

}


/*Comparador*/


/*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;
}