.wrapMain,:root{overflow-x:hidden}.mainContent .wrapSteps .step,.mainContent .wrapSteps .step span{margin-top:10px;display:inline-block}*{margin:0;padding:0}body{background:#599959;scrollbar-width:none}::-webkit-scrollbar{display:none}input{outline:0}input[type=text]{background:#fff;border:1px solid #e3e3e3}@font-face{font-family:Boomboom;src:local('Boomboom'),url('../fonts/boomboom.woff2') format('woff2'),url('../fonts/boomboom.woff') format('woff'),url('../fonts/boomboom.ttf') format('truetype');font-weight:400;font-style:normal}@font-face{font-family:Gogono;src:local('Gogono'),url('../fonts/gogono.otf');font-weight:400;font-style:normal}.wrapMain{position:relative;overflow-y:scroll;-ms-overflow-x:hidden;min-width:318px}.main{width:60%;height:100vh;margin:0 auto}.mainContent{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100vh}.error{display:none;padding-bottom:15px;color:#b11414}.generalError{display:block;padding-bottom:0;margin-top:20px}.topImages .innerImage{width:250px;background:url('/images/cupid.png') 0 0/contain;height:250px;position:absolute}.topImages .innerImage:first-child{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1);margin-left:-10%}.topImages .innerImage:last-child{margin-left:57%}.wrapSteps .step{width:200px;height:40px;background:#fff}.mainContent .wrapMainTitle{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:100px;position:relative}.mainContent .mainTitle{font-size:55px;font-weight:700;font-family:Gogono;padding:59px;border-radius:45px;color:#fff;max-width:730px}.mainContent .wrapCarousel{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.mainContent .wrapCarousel .blockStep,.wrapCharacteristics p{width:100%}.mainContent .wrapCarousel .blockStep:first-child{display:block!important}.mainContent .wrapCarousel .blockStep:nth-child(n+1){display:none}.mainContent .wrapCarousel .blockStep input[type=text]{padding:15px 40px}.mainContent .wrapCarousel .title{font-size:30px;font-weight:900;color:#fff;padding-bottom:20px}.mainContent .wrapCarousel select{padding:20px;border:none;background:#fff;color:#000;border-radius:10px;margin-right:6px;font-weight:700}.mainContent .wrapCarousel button{border:none;margin-top:40px;padding:20px;width:51%;text-transform:uppercase;font-weight:800;border-radius:10px;background:#0ea8eb;color:#fff;cursor:pointer}.input-file span:hover,.mainContent .wrapCarousel button:hover{background:#009add}.mainContent .wrapSteps .step{width:170px;height:40px;background:#fff;position:relative;margin-right:18px;font-weight:700;color:#3c3434}#finish{margin-bottom:50px}.mainContent .wrapSteps .step.finished{background:#0ea8eb;color:#fff}.mainContent .wrapSteps .step:after{content:'';position:absolute;left:170px;border:20.5px solid transparent;border-left:24px solid #fff}.mainContent .wrapSteps .step.finished:after{border-left:24px solid #0ea8eb}.mainContent .wrapSteps .step:before{content:'';position:absolute;left:0;border:20.5px solid transparent;border-left:24px solid #599959}.previewPhoto{width:200px;height:200px;margin:35px auto 0;background:url('/images/anonymous.png') 0 0/cover}.input-file span{width:92%;padding:20px;cursor:pointer;font-size:14px;color:#fff;border-radius:5px;background-color:#0ea8eb;display:inline-block;text-align:center}.custom-checkbox+label,.gender{text-align:left;color:#fff}.onboardingFile span{width:35%;text-transform:uppercase;font-weight:800;font-size:12px}.input-file input[type=file]{position:absolute;z-index:-1;opacity:0;display:block;width:0;height:0}.wrapCharacteristics{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.onboardingCharacteristics{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.characteristics{margin:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.wrapCharacteristics .leftSide{width:50%;height:auto}.wrapGender{display:flex;justify-content:center}.gender #female{width:35px}.gender #male{width:40px}.genderLabel{padding:0 10px}.gender .genderLabel::before{width:2em!important;height:2em!important}.custom-checkbox{position:absolute;z-index:-1;opacity:0}.custom-checkbox+label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:13px}.custom-checkbox+label::before{content:'';display:inline-block;width:1em;height:1em;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;border:1px solid #adb5bd;border-radius:5px;margin-right:10px;background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox:checked+label::before{border-color:#0ea8eb;background-color:#0ea8eb;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox:not(:disabled):not(:checked)+label:hover::before{border-color:#b3d7ff}.custom-checkbox:not(:disabled):active+label::before{background-color:#b3d7ff;border-color:#b3d7ff}.custom-checkbox:focus:not(:checked)+label::before{border-color:#80bdff}.custom-checkbox:disabled+label::before{background-color:#e9ecef}@media screen and (max-width:1600px){.topImages .innerImage:first-child{display:none}}@media screen and (max-width:780px){.main{width:71%}.mainContent .mainTitle{font-size:31px;padding:35px}.mainContent .wrapCarousel .title{font-size:22px}.topImages .innerImage:last-child{margin-left:42%;margin-top:75px}.mainContent .wrapMainTitle{margin-top:0}.gender{width:min-content}.mainContent .wrapCarousel select{padding:17px}.onboardingCharacteristics{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;margin-left:30px}}@media screen and (max-width:1275px){.next{margin-bottom:20px}}@media screen and (max-width:1075px){.mainContent .wrapCarousel .blockStep input[type=text]{margin-bottom:10px;width:60%}}@media screen and (max-width:635px){.topImages{position:absolute;left:58%}}@media screen and (max-width:420px){.wrapMain{height:calc(100vh + 5px)}.main{width:90%}}@media screen and (max-width:355px){.main{width:100%}}