/** General **/

body *{
    box-sizing: border-box;
}

body{
    margin: 0;
}

.d-flex{
    display: flex;
}

.darkBg {
    background-color: #26272A;
}

.safeZone {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0;
}

.hidden {
    opacity: 0;
    z-index: -9;
    position: relative;
}

::-webkit-scrollbar {
    display: none;
}

.colorHisense{
    color: #01C1BC;
}

/*fonts*/
@font-face {
    font-family: "HisenseRegular";
    src: url("fonts/HisenseRegular.otf");
}
@font-face {
    font-family: "HisenseLight";
    src: url("fonts/HisenseLight.otf");
}
@font-face {
    font-family: "HisenseMedium";
    src: url("fonts/HisenseMedium.otf");
}
@font-face {
    font-family: "HisenseBold";
    src: url("fonts/HisenseBold.otf");
}
@font-face {
    font-family: hisenseIcon;
    src: url("fonts/hisenseIcon.ttf");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}


h1,h2,h3,h4,h5,h6,h7,li{
    font-family: HisenseRegular, Arial , sans-serif;
}

h1 {
    color: #ffffff;
    font-size: 32px;
}

h2{
    font-size: 52px;
    font-family: "HisenseBold";
}

p{
    font-family: HisenseLight, Arial, sans-serif;
}
h3{
    font-family: HisenseMedium, Arial, sans-serif;
}
[class*=" icon-"],
[class^="icon-"] {
    font-family: hisenseIcon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/** icons **/
.icon-Instagram:before {
    content: "\E924";
}
.icon-Youtube:before {
    content: "\E925";
}
.icon-Linkedin:before {
    content: "\E926";
}
.icon-registra:before {
    content: "\E923";
}
.icon-remote:before {
    content: "\E922";
}
.icon-A-C {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.icon-A-C .path1:before {
    content: "\E900";
    color: #009684;
}
.icon-A-C .path2:before {
    content: "\E901";
    margin-left: -2.8056640625em;
    color: #fff;
}
.icon-address:before {
    content: "\E902";
}
.icon-electr:before {
    content: "\E903";
}
.icon-linea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.icon-linea .path1:before {
    content: "\E904";
    color: #009684;
}
.icon-linea .path2:before {
    content: "\E905";
    margin-left: -0.7021484375em;
    color: #fff;
}
.icon-mail:before {
    content: "\E906";
}
.icon-phone:before {
    content: "\E907";
}
.icon-services:before {
    content: "\E908";
}
.icon-watch:before {
    content: "\E909";
}
.icon-ancla:before {
    content: "\E90A";
}
.icon-arrow1:before {
    content: "\E90B";
}
.icon-arrow2:before {
    content: "\E90C";
}
.icon-centros:before {
    content: "\E90D";
}
.icon-check:before {
    content: "\E90E";
}
.icon-close:before {
    content: "\E90F";
}
.icon-contacto:before {
    content: "\E910";
}
.icon-download:before {
    content: "\E911";
}
.icon-FAQ:before {
    content: "\E912";
}
.icon-fb:before {
    content: "\E913";
}
.icon-link:before {
    content: "\E914";
}
.icon-mail:before {
    content: "\E915";
}
.icon-manuales:before {
    content: "\E916";
}
.icon-menu:before {
    content: "\E917";
}
.icon-phone:before {
    content: "\E918";
}
.icon-pin:before {
    content: "\E919";
}
.icon-pla:before {
    content: "\E91B";
    color: #fff;
}
.icon-play .path1:before {
    content: "\E91A";
    color: #009684;
}
.icon-play .path2:before {
    content: "\E91B";
    margin-left: -1em;
    color: #fff;
}
.icon-plus:before {
    content: "\E91C";
}
.icon-restart:before {
    content: "\E91D";
}
.icon-search:before {
    content: "\E91E";
}
.icon-TW:before {
    content: "\E91F";
}
.icon-warranty:before {
    content: "\E920";
}
.icon-whatsapp:before {
    content: "\E921";
}

/*Nav Bar */

#navBar{
    display: block;
    width: 100vw;
    max-width: 100vw;
    height: 56px;
    background-color: #01a29e;
    position: fixed;
    z-index: 999999;
}
.bodyBar{
    background-color: #01A29E;
    display: flex;
    width: 100%;
    max-width: 1220px;
    height: 100%;
    justify-content: space-around;
    margin: 0 auto;
}

.itemNavBar a{
    color:#FFFFFF;
    text-decoration: none;
    position: relative;
    font-size: 14px;
}

.burgerMenu {
    list-style: none;
}

.itemNavBar{
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}   

.mainLogo{
    display: block;
}
.mainLogo{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 139px;
}

ul.d-flex {
    width: 650px;
    justify-content: space-around;
    margin: 0;
    align-items: center;
    padding: 0;
}

#searchBar button {
    background: transparent;
    border: 0;
    cursor: pointer;
}

.itemNavBar:hover a:before {
    width: 100%;
}

.itemNavBar a::before {
    content: "";
    width: 0;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    transform: rotate(0deg);
    transition: 0.5s all ease;
}


/** Hero **/

#hero {
    padding-top: 56px;
}

#hero picture * {
    width: 100%;
    display: block;
}

/** signup section **/

.darkBg {
    background-color: #26272A;
}

#signUp {
    min-height: 200px;
    display: flex;
    align-items: center;
    transition: 0.5s all ease;
}

#signUp.finished {
    height: 0;
    min-height: 0;
}

.txtSignup {
    text-align: center;
    margin-bottom: 20px;
}

.txtSignup h1{
    margin: 0;
}

.btnSignup button {
    border-radius: 48px;
    background: #01C1BC;
    width: 200px;
    height: 40px;
    padding: 10px 35px;
    color: #FFFFFF;
    outline: unset;
    border: unset;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    cursor: pointer;
    font-family: "HisenseRegular";
}

.btnSignup {
    text-align: center;
}

/** steps section **/

#registro {
    background-color: #eef2f3;
}

#howTo {
    padding: 56px 0;
    
}

#howTo.finished {
    display: none;
}

#howTo.finished + .containerForms {
    position: relative;
}

.containerForms{
    position: absolute;
    top: 0;
    width: 100%;
}

.twoSteps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 100px;
}

.twoSteps .stepColumn {
    min-width: 250px;
    text-align: center;
}

.twoSteps .stepColumn:nth-child(3) {
    max-width: 300px;
}

.txtStep p {
    color: #26272A;
    text-align: center;
    font-size: 36px;
    
    font-weight: 400;
    font-family: 'HisenseBold';
    line-height: 1.2;
}

.singleStep {
    max-width: 690px;
    margin: 0 auto;
}

.premioImg {
    width: 500px;
    height: 415px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 40px;
    z-index: 1;
    top: -50px;
}

.topStep {
    position: relative;
    width: 151px;
    height: 151px;
    border: 1px solid #C9C9C9;
    border-radius: 50%;
    display: grid;
    place-content: center;
}

.topStep:after {
    font-size: 110px;
    line-height: 1;
    font-family: 'HisenseBold';
    color: #01a29e;
    padding-top: 30px;
}

.topStep.num1:after {
    content: "1";
}

.topStep.num2:after {
    content: "2";
}

.topStep.num3:after {
    content: "3";
}

.topStep.num4:after {
    content: "4";
}

.txtStep {
    position: relative;
    z-index: 2;
    margin-top: 30px;
}

.singleStep .txtStep {
    margin-top: 200px;
}

.topStep img {
    width: 100%;
    max-width: 68px;
    height: auto;
}

.twoSteps .topStep {
    margin: 0 auto;
}

.stepsContainer {
    margin-top: 51px;
}

.contolSingle {
    max-width: 480px;
    margin: 0 auto;
    position: relative;
}

.disclaimerSteps p {
    margin: 0;
    text-align: center;
    font-family: "HisenseRegular";
}


/** FORM **/


#firstForm {
    position: absolute;
    top: 0;
    padding: 70px 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

#firstForm.finished {
    display: none;
}

.titleSection h2 {
    text-align: center;
    margin: 0 auto;
    line-height: 1.2;
}

.toggleForm {
    position: relative;
    background: transparent;
    z-index: 10;
    transition: 1s all ease-in;
}

.isCompleted#signUp {
    display: none;
}

#firstForm .titleSection {
    margin-bottom: 70px;
}

.twoInputs {
    display: flex;
    justify-content: space-between;
}

.twoInputs, .singleInput, .tycCont {
    width: 100%;
    max-width: 820px;
    margin: 0 auto 25px;
}

.inputForm label {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    font-family: "HisenseLight";
    font-size: 16px;
}

.quizInner {
    position: relative;
    width: 100%;
    height: 100%;
}

.isCompleted + #qParent {
    position: relative;
}

#firstForm input {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #C9C9C9;
    background: #FFF;
    height: 45px;
    padding-left: 20px;
    font-size: 16px;
    font-family: "HisenseLight";
}
.twoInputs .inputForm {
    width: 100%;
    max-width: 386px;
}

#firstForm input.btnForm {
    display: flex;
    width: 302px;
    height: 59px;
    padding: 10px 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 48px;
    background: #01C1BC;
    margin: 60px auto 0;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    transition: 0.5s all ease;
    line-height: 14px;
    font-family: "HisenseBold";
}

input[type="checkbox"] {
    width: 20px;
    max-width: 20px;
    height: 20px;
    max-height: 20px;
    margin: 2px 0 0;
}

.boxInputCheck {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 20px;
}

.boxInputCheck label {
    font-family: "HisenseLight";
    font-size: 14px;
    line-height: 1.2;
}

#firstForm input.btnForm:hover {
    background: #039f9b;
}

/** Quiz container **/

.contentQuiz {
    width: 100%;
    max-width: 1120px;
    height: 648px;
    margin: 0 auto;
}

#firstForm.finished + div#secondForm {
    height: 810px;
}

.FinishedQuiz #firstForm.finished + div#secondForm {
    height: 500px;
}

.FinishedQuiz .contentQuiz {
    height: 500px;

}

div#secondForm {
    height: 925px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.25s all ease;
}

.innerContentQuiz {
    width: 100%;
    max-height: 600px;
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 60px 115px 30px;
    box-sizing: border-box;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);
    transition: 0.5s all ease;
}

.FinishedQuiz .innerContentQuiz {
    max-width: 550px;
    height: 350px;
    padding: 50px 30px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

p.titleQuestion {
    margin: 0;
    font-family: "HisenseMedium";
    
    font-size: 32px;
    line-height: 1.2;
    text-align: center;
}

/** Before quiz and space to control all the cards of the quiz **/


#beforeQuiz {
    position: absolute;
    top: 0;
    height: 100%;
}

.containerHero.hidden {
    display: none;
}

/* .contentQuiz {
    height: 585px;
    width: 100%;
    max-width: 870px;
    position: absolute;
    top: calc(50% + 230px);
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);
    padding: 15px 30px;
} */

.titleContainer h2 {
    color: #01C1BC;
    text-align: center;
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    margin-top: 0;
    line-height: 1;
}

p.rUReady {
    color: #000;
    text-align: center;
    font-size: 36px;
    
    font-weight: 400;
    margin: 0 auto 50px;
    font-family: "HisenseMedium";
    line-height: 1;
}

.secondTxtCondition {
    margin-top: 40px;
}

.txtCondition, .secondTxtCondition {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 1.4;
}

.goodLuck {
    font-family: "HisenseMedium";
    color: #01C1BC;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    margin: 40px auto;
    font-weight: 400;
}

#quizStarted {
    border-radius: 48px;
    background: #01C1BC;
    border: unset;
    color: #ffffff;
    width: 252px;
    height: 59px;
    padding: 10px 35px;
    margin: 0 auto;
    font-family: "HisenseBold";
    font-size: 24px;
    cursor: pointer;
}

.btnContainer {
    text-align: center;
    margin-top: 10px;
}


.logoQuizContainer {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 340px;
    align-items: center;
}

.logoQuizContainer img {
    width: 100%;
    display: block;
    max-width: 250px;
    height: auto;
}


.beforeQuiz.isCompleted {
    position: absolute;
}

#qParent {
    position: absolute;
    top: 0px;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 60px 115px 30px;
    box-sizing: border-box;
}

.innerContentQuiz {
    position: relative;
    height: 100%;
}

.titleQuestion + small {
    font-size: 12px;
    margin-top: 5px;
    display: block;
    font-family: "HisenseBold";
}


/** checkbox questions **/

.buttonNex {
    text-align: center;
}

.nextBtn {
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    border: unset;
    border-radius: 48px;
    background: #01C1BC;
    width: 288px;
    height: 59px;
    cursor: pointer;
    font-family: "HisenseBold";
}

.containerCheckBoxes {
    margin-top: 5px;
}

.quizQuestions {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}



/* The container */
.containerBox {
  display: block;
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  height: auto;
}

.containerBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  border-radius: 83.402px;
  background: #D9D9D9;
  border: 1px solid #D9D9D9;
}

.containerBox:hover input ~ .checkmark {
  background-color: #ccc;
}

.containerBox input:checked ~ .checkmark {
  background: #01C1BC;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.containerBox input:checked ~ .checkmark:after {
  display: block;
}

.containerBox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  OPACITY: 0;
  transform: rotate(45deg);
  background: #01C1BC;
}

.containerBox input:checked ~ .questionP {
    color: #FFFFFF;
}

.questionP {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    line-height: 1;
    text-align: center;
}

.titleQuestion {
    color: #000;
    text-align: center;
    font-size: 28px;
    
    font-weight: 400;
    line-height: 1.2;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.controlNumber {
    display: flex;
    justify-content: space-between;
    width: 30px;
    margin: 40px auto 0;
}

.containerTimer {
    position: relative;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1125px;
    margin: 0 auto;
    text-align: center;
}

#timeUser {
    font-size: 40px;
    width: 200px;
    font-family: "HisenseRegular";
    
    transition: 0.5s all ease;
    height: 70px;
}

#timeUser.noShow {
    opacity: 0;
    height: 0;
}

#resultsQuiz {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%;
    max-width: 80%;
}

/** results **/

.titleResults {
    color: #000;
    text-align: center;
    font-size: 50px;
    
    font-weight: 400;
    line-height: 1.1;
}

.txtResults {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.pointsQuiz {
    display: flex;
    justify-content: space-between;
    max-width: 562px;
    height: auto;
    margin: 50px auto 0;
    line-height: 1;
}

.txtPoints p {
    color: #000;
    text-align: center;
    font-size: 128px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -8px;
}

.greenRsults p {
    color: #01C1BC;
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
}

.greenRsults {
    display: flex;
    align-items: self-end;
}


/** footer **/


#main-footer {
    width: 100vw;
    background-color: #000000;
    position: relative;
    z-index: 99999;
}
#main-footer ul {
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
#main-footer .newsletter {
    padding: 60px 39px;
    background-color: #191919;
}
#main-footer .newsletter .contenedor {
    max-width: 486px;
}

#reviews .slick-dots li.slick-active {
    width: 633px;
    background-color: #000000;
}

#reviews .slick-dots li {
    width: 183px;
    background-color: #E4E4E4;
}

#reviews .slick-dots li.slick-active {
    width: 633px;
}


@media only screen and (min-width: 1540px){
    /*#videoHeader {
        clip-path: inset(0px 0px 156px 0px);
    }*/
}
@media only screen and (min-width: 768px) {
    #main-footer .newsletter {
        padding: 110px 10.34vw;
    }
    #main-footer .newsletter .contenedor {
        width: 486px;
        margin: 0 auto;
    }
}
#main-footer .newsletter h3 {
    color: #fff;
    font-weight: 600;
    margin: 0;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: left;
    font-size: 31px;
}
@media (min-width: 320px) {
    #main-footer .newsletter h3 {
        font-size: calc(31px + 4 * (100vw - 320px) / 1120);
    }
}
@media (min-width: 1440px) {
    #main-footer .newsletter h3 {
        font-size: 35px;
    }
}
#main-footer .newsletter h3 span {
    color: #009684;
}
#main-footer .newsletter p {
    font-family: roboto;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    font-size: 14px;
}
@media (min-width: 320px) {
    #main-footer .newsletter p {
        font-size: calc(14px + 2 * (100vw - 320px) / 1120);
    }
}
@media (min-width: 1440px) {
    #main-footer .newsletter p {
        font-size: 16px;
    }
}
#main-footer .newsletter p strong {
    font-weight: 700;
}
#main-footer .newsletter fieldset {
    width: 100%;
    max-width: 486px;
    font-size: "roboto";
    position: relative;
    font-size: 14px;
}
@media (min-width: 320px) {
    #main-footer .newsletter fieldset {
        font-size: calc(14px + 6 * (100vw - 320px) / 1120);
    }
}
@media (min-width: 1440px) {
    #main-footer .newsletter fieldset {
        font-size: 20px;
    }
}
#main-footer .newsletter fieldset input {
    background-color: #fff;
    border: unset;
    color: #191919;
    max-width: 486px;
    height: 50px;
    padding-left: 23px;
    width: 100%;
}
#main-footer .newsletter fieldset input::-webkit-input-placeholder {
    opacity: 0.5;
}
#main-footer .newsletter fieldset input::-moz-placeholder {
    opacity: 0.5;
}
#main-footer .newsletter fieldset input::-ms-input-placeholder {
    opacity: 0.5;
}
#main-footer .newsletter fieldset input::placeholder {
    opacity: 0.5;
}
#main-footer .newsletter fieldset button {
    background-color: #fff;
    color: #009684;
    width: 45px;
    height: 46px;
    position: absolute;
    top: 2px;
    right: 2px;
    outline: none;
}
#main-footer #nav-footer {
    padding: 42px 39px 0;
}
@media only screen and (min-width: 991px) {
    #main-footer #nav-footer {
        padding: 60px 10.34vw 0;
    }
}
#main-footer #nav-footer #footer-head {
    width: 100%;
    padding-bottom: 30px;
}
#main-footer #nav-footer #footer-head img {
    width: 10.3vw;
    max-width: 230px;
    min-width: 149px;
}
@media only screen and (min-width: 991px) {
    #main-footer #nav-footer #footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: baseline;
        -moz-align-items: baseline;
        -ms-justify-content: baseline;
        -o-align-items: baseline;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}
#main-footer #nav-footer #footer_acerca li {
    font-weight: 600;
    line-height: 1.63;
    text-align: left;
    font-size: 19px;
}
@media (min-width: 320px) {
    #main-footer #nav-footer #footer_acerca li {
        font-size: calc(19px + 17 * (100vw - 320px) / 1120);
    }
}
@media (min-width: 1440px) {
    #main-footer #nav-footer #footer_acerca li {
        font-size: 36px;
    }
}
#main-footer #nav-footer #footer .footer-interiores {
    padding-top: 40px;
}
#main-footer #nav-footer #footer .footer-interiores h6 {
    font-family: 'HisenseMedium';
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    color: #fff;
    margin: 0 0 20px;
    font-size: 19px;
    pointer-events: none;
}
@media (min-width: 320px) {
    #main-footer #nav-footer #footer .footer-interiores h6 {
        font-size: calc(19px + 7 * (100vw - 320px) / 1120);
    }
}
@media (min-width: 1440px) {
    #main-footer #nav-footer #footer .footer-interiores h6 {
        font-size: 26px;
    }
}
#main-footer #nav-footer #footer .footer-interiores a {
    font-family: 'HisenseMedium';
    line-height: 2.88;
    text-align: left;
    color: #fff;
    font-size: 14px;
}
@media (min-width: 320px) {
    #main-footer #nav-footer #footer .footer-interiores a {
        font-size: calc(14px + 2 * (100vw - 320px) / 1120);
    }
}
@media (min-width: 1440px) {
    #main-footer #nav-footer #footer .footer-interiores a {
        font-size: 16px;
    }
}
#main-footer #nav-footer #footer .footer-interiores a span {
    margin-right: 7px;
}
#main-footer #nav-footer .newsletter {
    padding: 0;
    max-width: 340px;
    background-color: unset;
    font-family: roboto;
}
#main-footer #nav-footer-legal {
    padding: 40px 39px;
}
@media only screen and (min-width: 991px) {
    #main-footer #nav-footer-legal {
        padding: 58px 10.34vw;
    }
    #main-footer #nav-footer-legal ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: baseline;
        -moz-align-items: baseline;
        -ms-justify-content: baseline;
        -o-align-items: baseline;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}
#main-footer #nav-footer-legal a {
    font-family: 'HisenseLight';
    font-weight: 400;
    line-height: 3;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    font-size: 14px;
}
@media (min-width: 320px) {
    #main-footer #nav-footer-legal a {
        font-size: calc(14px + 2 * (100vw - 320px) / 1120);
    }
}
@media (min-width: 1440px) {
    #main-footer #nav-footer-legal a {
        font-size: 16px;
    }
}

.hvr_lnk:hover {
    color: #009684 !important;
}
.hvr_lnk:hover:after {
    width: 100%;
}

a.hvr_lnk {
    color: #FFFFFF;
    text-decoration: none;
    /* font-size: 36px; */
}

#nav-footer-legal ul li {
    color: #ffffff;
}

.logoLaser img {
    max-width: 120px;
}

/** media query **/

@media only screen and (max-width: 600px){
    .itemNavBar {
        display: none;
    }
    
    .titleHeader {
        max-width: 275px;
    }

    .bodyBurger div {
        width: 28px;
        height: 2px;
        background-color: #ffffff;
        margin: 0 0 5px auto;
    }
    
    .bodyBurger div:nth-child(2) {
        max-width: 13px;
    }
    
    .bodyBurger div:last-child {
        max-width: 18px;
    }
    
    ul.d-flex {
        justify-content: end;
    }
    
    .bodyBar {
        max-width: 85%;
    }

    .sectionHeader {
        top: 39%;
        width: calc(100% - 40px);
    }
}

@media only screen and (max-width: 800px){
    html, body{
        width: 100vw;
        overflow-x: hidden;
    }

    .txtSignup h1 {
        font-size: 24px;
    }

    .btnSignup button {
        max-width: 173px;
        height: 34px;
        font-size: 14px;
        font-family: "HisenseBold";
    }

    #signUp {
        min-height: 175px;
    }

    .titleSection h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    .premioImg {
        max-width: 334px;
        top: -30px;
        height: 274px;
        left: 50px;
    }
    
    .safeZone {
        max-width: 310px;
        margin: 0 auto;
    }

    .topStep {
        max-width: 109px;
        height: 109px;
    }
    
    .topStep img {
        max-width: 49px;
    }
    
    .txtStep p {
        font-size: 22px;
        line-height: 1.2;
    }

    #howTo {
       position: relative;
       z-index: 10;
        
    }
    
    .twoSteps {
        gap: unset;
    }
    
    .singleStep {
        margin-top: 30px;
    }


    .singleStep .txtStep {
        margin-top: 120px;
    }

    /** form **/

    #firstForm{
        padding: 40px 30px 0;
        box-sizing: border-box;
    }
    
    .twoInputs {
        display: block;
    }
    
    .twoInputs .iputForm {
        margin-bottom: 25px;
    }
    
    .twoInputs .inputForm {
        margin-bottom: 25px;
    }

    #firstForm .titleSection {
        margin-bottom: 30px;
    }

    div#secondForm{
        height: 1200px;
    }

    .innerContentQuiz {
        padding: 30px 20px;
        max-height: 530px;
    }

    .titleContainer h2 {
        font-size: 24px;
    }

    p.rUReady {
        font-size: 32px;
        line-height: 1.2;
        margin: 10px auto;
    }

    .txtCondition, .secondTxtCondition {
        font-size: 16px;
        line-height: 1.3;
    }

    .goodLuck {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 0;
    }

    #firstForm.finished + div#secondForm {
        height: 690px;
    }

    p.titleQuestion {
        font-size: 18px;
        min-height: 50px;
    }

    .questionP {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .titleResults {
        font-size: 24px;
    }

    .disclaimerEnd p {
        font-size: 12px;
    }

    #qParent{
        padding: 30px 20px;

    }

    .disclaimerEnd {
        margin-top: 20px;
    }

    .FinishedQuiz .innerContentQuiz {
        height: 260px;
    }
    
    .FinishedQuiz #firstForm.finished + div#secondForm {
        height: 430px;
    }
}


/** menu mobile **/

/* #header-modal ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#header-modal a{
    text-decoration: none;
    font-family: "HisenseRegular";
}

#header-modal {
    position: fixed;
    display: none;
    visibility: visible;
    width: 100vw;
    height: 100vh;
    background-color: #1a1c1c;
    overflow-y: auto;
    padding-top: 35px;
    z-index: 11;
    top: 50px;
}

#header-modal .container {
    color: #fff;
    padding: 0 10.9%;
}

#header-modal .container .categorias .titulo {
    font-family: "HisenseRegular";
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    padding-bottom: 20px;
}

#header-modal .container .categorias .category-list {
    margin-bottom: 20px;
}

#header-modal .container .categorias .category-list .categoria {
    font-weight: 600;
    line-height: 1.19;
    text-align: left;
    color: #fff;
    font-size: 19px;
}

@media (min-width: 320px) {
    #header-modal .container .categorias .category-list .categoria {
        font-size: calc(19px + 31 * (100vw - 320px) / 1120);
    }
}

#header-modal .container .categorias .category-list .categoria .icon-arrow1 {
    float: right;
    padding: 3px;
    font-size: .65rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    color: #fff;
    margin-left: 10px;
}

.icon-arrow1:before {
    content: "\E90B";
}

#header-modal .container .categorias .category-list .subcategorias {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .25s ease-out;
    transition: max-height .25s ease-out;
}

#header-modal .container .secciones {
    padding-top: 25px;
}

#header-modal .container .secciones li {
    font-family: roboto;
    color: #fff;
    padding-bottom: 21px;
    font-size: 20px;
    line-height: 1.4;
    text-align: left;
} */


#header-modal {
    position:fixed;
    display:none;
    visibility:visible;
    width:100vw;
    height:100vh;
    background-color:#1a1c1c;
    overflow-y:auto;
    padding-top:35px;
    z-index:999999;
    top: 50px;
}

#header-modal ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#header-modal a{
    text-decoration: none;
    font-family: "HisenseRegular";
}

@media only screen and (min-width:991px) {
    #header-modal {
        padding-top:145px;
    }
}
#header-modal .container {
    color:#fff;
    padding:0 10.9%;
}
@media only screen and (min-width:991px) {
    #header-modal .container {
        position:relative;
        padding:0 15.97%;
    }
}
@media only screen and (min-width:991px) {
    #header-modal .container .categorias {
        min-width:50%;
        display:inline-block;
    }
}
#header-modal .container .categorias .titulo {
    font-family:roboto;
    font-size:14px;
    line-height:1.43;
    text-align:left;
    padding-bottom:20px;
}
#header-modal .container .categorias .category-list {
    margin-bottom:20px;
}
@media only screen and (min-width:991px) {
    #header-modal .container .categorias .category-list {
        margin-bottom:45px;
    }
}
#header-modal .container .categorias .category-list .categoria {
    font-weight:600;
    line-height:1.19;
    text-align:left;
    color:#fff;
    font-size:19px;
}
@media (min-width:320px) {
    #header-modal .container .categorias .category-list .categoria {
        font-size:calc(19px + 31 * (100vw - 320px) /  1120);
    }
}
@media (min-width:1440px) {
    #header-modal .container .categorias .category-list .categoria {
        font-size:50px;
    }
}
#header-modal .container .categorias .category-list .categoria .icon-arrow1 {
    float:right;
    padding:3px;
    font-size:.65rem;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    color:#fff;
    margin-left:10px;
}
@media only screen and (min-width:767px) {
    #header-modal .container .categorias .category-list .categoria .icon-arrow1 {
        padding:20px;
        margin-left:0;
    }
}
#header-modal .container .categorias .category-list .subcategorias {
    overflow:hidden;
    max-height:0;
    -webkit-transition:max-height .25s ease-out;
    transition:max-height .25s ease-out;
}
#header-modal .container .categorias .category-list .subcategorias li {
    font-family:roboto;
    font-size:16px;
    padding:12px 10px;
}
@media only screen and (min-width:768px) and (max-width:990px) {
    #header-modal .container .categorias .category-list .subcategorias li {
        font-size:14px;
    }
}
#header-modal .container .categorias .category-list-empty {
    margin-bottom:34px;
}
@media only screen and (min-width:991px) {
    #header-modal .container .categorias .category-list-empty {
        margin-bottom:45px;
    }
}
#header-modal .container .categorias .category-list-empty .categorias-empty {
    font-weight:600;
    line-height:1.19;
    text-align:left;
    color:#fff;
    font-size:19px;
}
@media (min-width:320px) {
    #header-modal .container .categorias .category-list-empty .categorias-empty {
        font-size:calc(19px + 31 * (100vw - 320px) /  1120);
    }
}
@media (min-width:1440px) {
    #header-modal .container .categorias .category-list-empty .categorias-empty {
        font-size:50px;
    }
}
#header-modal .container .secciones {
    padding-top:25px;
}
@media only screen and (min-width:991px) {
    #header-modal .container .secciones {
        padding-top:unset;
        display:inline-block;
        position:relative;
        top:247px;
        float:right;
    }
}
#header-modal .container .secciones li {
    font-family:roboto;
    color:#fff;
    padding-bottom:21px;
    font-size:20px;
    line-height:1.4;
    text-align:left;
}
@media only screen and (min-width:991px) {
    #header-modal .container .secciones li {
        font-size:16px;
        padding-bottom:26px;
        line-height:1.75;
        text-align:right;
    }
}
#search-modal {
    position:fixed;
    top:0;
    overflow:hidden;
    display:none;
    width:100%;
    height:100%;
    background-color:#191919;
    z-index:13;
    z-index:3001;
}
#search-modal:target {
    display:block;
}
#search-modal .search-container {
    position:relative;
    top:25%;
    display:block;
    text-align:center;
    margin:0 auto;
    padding:0 40px;
}
#search-modal .search-container h1 {
    font-size:2rem;
}
@media only screen and (min-width:767px) {
    #search-modal .search-container h1 {
        font-size:3rem;
    }
}
#search-modal .search-container a {
    display:inline-block;
    padding:10px;
}
#search-modal .search-container .hover-rotation {
    -webkit-transition:-webkit-transform .15s ease-in-out;
    transition:-webkit-transform .15s ease-in-out;
    transition:transform .15s ease-in-out;
    transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out;
}
#search-modal .search-container .hover-rotation:hover {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
#search-modal .search-container .icon-close {
    font-size:1.5em;
}
#search-modal .search-container .input-group {
    margin:0 auto;
}
@media only screen and (min-width:767px) {
    #search-modal .search-container .input-group {
        width:550px;
    }
}
#search-modal .search-container .input-group .input-border {
    height:2px;
    background-color:hsla(0,0%,100%,.5);
}
#search-modal .search-container .input-group .field-wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0 auto;
    height:54px;
}
#search-modal .search-container .input-group .field-wrapper input[type=text] {
    float:left;
    width:100%;
    height:100%;
    font-family:roboto;
    font-size:.875em;
    color:#fff;
    background-color:transparent;
    border:unset;
    -webkit-user-select:text;
}
#search-modal .search-container .input-group .field-wrapper input[type=text]:focus {
    outline:none;
}
#search-modal .search-container .input-group .field-wrapper input[type=text]::-webkit-input-placeholder {
    color:hsla(0,0%,100%,.5);
}
#search-modal .search-container .input-group .field-wrapper input[type=text]::-moz-placeholder {
    color:hsla(0,0%,100%,.5);
}
#search-modal .search-container .input-group .field-wrapper input[type=text]::-ms-input-placeholder {
    color:hsla(0,0%,100%,.5);
}
#search-modal .search-container .input-group .field-wrapper input[type=text]::placeholder {
    color:hsla(0,0%,100%,.5);
}
#search-modal .search-container .input-group .field-wrapper .icon-search {
    height:100%;
    color:#fff;
    font-size:1.25em;
}

.burgerMenu .bodyBurger div{
    transition: 0.5s all ease;
}

.burgerMenu.on .bodyBurger div:nth-child(2) {
    display: none;
}

.burgerMenu.on .bodyBurger div:first-child {
    -webkit-transform: translateY(.5px) rotate(45deg);
    transform: translateY(.5px) rotate(45deg);
    width: 20px;
    max-width: 20px;
    margin: 0;
}

.burgerMenu.on .bodyBurger div:last-child {
    -webkit-transform: translateY(-.5px) rotate(-45deg);
    transform: translateY(-.5px) rotate(-45deg);
    width: 20px;
    max-width: 20px;
    margin: 0;
}