#displayphotologo,.webt-icon{justify-content:center;position:relative;display:flex}#displayphotologo,.icon-progress,.webt-icon{position:relative}#check_phone,#svg_phone{fill:#464646;pointer-events:none}#check_phone,#svg_phone,.mobile,.pin{pointer-events:none}.footer,.price,.title,.webt-icon__value{text-align:center}#countrycode,#maindiv #langbar option,#phone{font-size:20px;color:#000!important}#maindiv .btn,#messageUnsuccess .message__btn{padding:1rem 0!important;box-shadow:none!important;text-transform:uppercase}#maindiv .btn,.btn-hint,.steps{text-transform:uppercase}body{font-family:Arial,Helvetica,sans-serif;background:#fff;padding:0;margin:0;box-sizing:border-box;min-height:100vh}#displayphotologo{background-size:cover;background-repeat:no-repeat;background-position:center;align-items:center}.webt-icon{width:200px;height:200px;margin:auto;align-items:center}#pin,.icon-progress,.webt-icon__value{height:100%;width:100%}.mobile,.pin,.webt-icon__value{color:#2563eb;position:absolute}.icon-progress__bg{fill:none;stroke:rgba(0,0,0,.1)}.meter-1{stroke-dasharray:628.318;stroke-dashoffset:628.318;stroke:#2563EB;stroke-width:14px;animation:1.3s ease-in-out forwards progress-1}@keyframes progress-1{0%{stroke-dashoffset:628.318}100%{stroke-dashoffset:0}}.progress_arrow{width:100%;opacity:1;transition:1s}.webt-icon__value{display:flex;justify-content:center;align-items:center;font-size:46px;font-weight:600;top:0;left:0}.value{fill:#2563EB;text-anchor:middle;font-weight:600;font-size:42px;transition:1s;opacity:0}.second-overlay{display:grid!important;grid-template-columns:repeat(3,1fr);align-items:center}.lang{grid-column:3/4}#servicelogo{grid-column:2/3;margin:auto;width:50px}.mobile,.pin{top:-9px;left:32px;padding:2px 8px;font-size:13px!important;transition:.5s;background-color:#fff}.title{margin:20px;font-size:19px}.error-class{border:2px solid red!important}#pin{font-size:20px}.loader{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;justify-content:center;align-items:center;background-color:rgba(0,0,0,.85);backdrop-filter:blur(3px)}#maindiv,.field{position:relative;box-sizing:border-box}.loader__inner{display:inline-block;width:30vmin;height:30vmin;border:3vmin solid rgba(255,255,255,.3);border-radius:65%;border-top-color:#00e2ff;border-bottom-color:#fb0;transition:border-radius .5s ease-in-out,transform .5s ease-in-out;-webkit-transition:border-radius .5s ease-in-out,-webkit-transform .5s ease-in-out;animation:1s ease-in-out infinite alternate spin;-webkit-animation:1s ease-in-out infinite alternate spin}.field,.field-alert.active{display:block}#maindiv .btn,.field{width:100%!important}@keyframes spin{to{transform:rotate(360deg);border-radius:20%}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);border-radius:20%}}.attention{font-size:13px;line-height:1;color:red;opacity:0;margin:0 10px 10px;padding:0}.attention--show{-webkit-animation:.6s both blink-1;animation:.6s both blink-1}.price-message{color:#fff}.price{font-size:10px;margin:3px auto;color:silver}.message__close:hover.message__close::after,.message__close:hover.message__close::before{background-color:#2222}@-webkit-keyframes blink-1{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes blink-1{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.field{background:#fff;border:2px solid #2563eb;border-radius:8px;margin:30px auto 15px;padding-left:10px;animation:1.75s ease-in-out infinite both heartbeat;height:66px;display:flex}#check_phone,#svg_phone,.field-alert,.notice::before{position:absolute}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}#countrycode,#phone,#pincode{border:none;outline:0;height:60px!important}#box-num #phone{text-align:left}.field.focused{border-color:#000}#pin:focus+#pin-label-text{color:#000}.field-alert{left:50%;bottom:100%;margin-bottom:14px;margin-left:-135px;width:270px;background:#fc5b53;border-radius:5px;padding:3px 5px;color:#fff;font-size:14px;animation:5s ease-in-out 5 both shake;display:none;opacity:0;transition:opacity 1s ease-in-out}.footer{max-width:420px;width:100%;margin:100px auto 0;display:block}.footer__list-item-li{color:#737373;font-size:10px}.footer__list-item,.footer__text{color:#737373;font-size:11px}.field-alert.show{animation:1s ease-in-out 4s forwards fadeIn}.footer__link{display:block;padding-top:10px;color:#000;font-size:12px;align-items:center;margin-top:15px}.footer__text{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:100%}.footer__text p{padding:0;margin:0}.footer__text a{color:inherit}.field-alert:after{content:'';position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fc5b53}.modal,.offcanvas.active{left:0}@keyframes fadeIn{to{opacity:1}}#svg_phone{animation:3s shake;top:16px;left:8px;transition:.5s;width:15px}#check_phone{top:18px;right:14px;width:24px;height:24px;transition:.5s}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0);-webkit-transform:translate3d(-1px,0,0)}20%,40%,60%,80%{transform:translate3d(2px,0,0);-webkit-transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0);-webkit-transform:translate3d(-2px,0,0)}}#maindiv{max-width:400px;margin:0 auto;padding:0 24px 24px}#maindiv .btn{font-size:20px!important;border-radius:10px;font-weight:700;background-color:#2563eb!important;color:#fff!important}#box-code,#box-num{width:unset!important;background:#ffffffcc;border-radius:10px;padding:10px;text-align:center}#maindiv #langbar{background:#fff!important;font-size:20px!important;color:#000!important}#maindiv .btn[disabled]{background:rgba(0,0,0,.1)!important;color:rgba(0,0,0,.3)!important;box-shadow:none!important}.steps{color:#404040;font-size:12px;line-height:1.18;text-align:left;margin:10px 0 28px}.step1,.step2{float:left;width:calc(50% - 8px);height:8px;background:rgba(0,0,0,.1);border-radius:2px;overflow:hidden;margin-top:8px;margin-left:8px}.modal,.steps.pin-page .step1.active:after{width:100%}.modal,.offcanvas{position:fixed;top:0;height:100%}.steps [data-trans=step-1],.steps [data-trans=step-2]{margin:0 10px}.step1:after,.step2:after{content:'';display:block;border-radius:2px;width:10%;height:8px;background:linear-gradient(273.01deg,#1b6bff -8.03%,#2563eb 109.58%);transition:.5s}.steps.pin-page .step2.active:after,.steps:not(.pin-page) .step1.active:after{width:20%}.steps:not(.pin-page) .step2:after{background:0 0}.steps:after{content:'';display:table;clear:both}#div3_pre{padding-left:5%;padding-right:5%}.modal{display:none;z-index:1;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.btn-hint span{display:block;font-size:11px;font-weight:400}#messageSuccess .message__content,#messageUnsuccess .message__content{place-self:auto;background-color:#fff}.btn-hint{width:80%!important;display:inline-block;box-shadow:0 5px 40px -10px rgba(0,0,0,.57);text-align:center;font-size:30px;padding-right:0!important;padding-left:0!important;padding:1.5rem 2rem}.btn[disabled]{background:silver!important;color:#fff!important}#countrycode,#phone{background-color:#fff!important;height:50px;border-top:none;border-right:none;border-left:none;text-align:center;padding-bottom:0;padding-top:0}#myBtn,#offcanvas .close-offcanvas{border:none;background:0 0;cursor:pointer}#myBtn{position:relative!important;margin:0!important;top:unset!important;right:unset!important;left:unset!important;grid-column:1/2}.offcanvas{left:-100%;width:300px;background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.1);transition:left .3s;z-index:1000;padding:20px;overflow:hidden}.main,.notice{max-width:400px;position:relative}#offcanvas .close-offcanvas{font-size:30px;margin-bottom:20px;text-align:right;width:100%}#offcanvas nav ul{list-style:none;padding:0}#offcanvas nav li{margin:15px 0}#offcanvas nav li a{color:#000;text-decoration:none}.notice{width:100%;margin:5px auto;padding:10px 8px 10px 45px;border-radius:8px;background:rgba(255,255,255,.6);box-shadow:0 4px 4px 0 rgba(42,123,138,.16);box-sizing:border-box}.notice::before{content:"";top:50%;transform:translateY(-50%);left:11px;width:30px;height:30px;background:url(../img/AvocaDO_logo.ico) center/contain no-repeat}.notice__title{font-size:11px;line-height:1;text-align:left;color:#6a6a6a;margin:0;padding:0}@media only screen and (min-width:1025px){.center{margin:auto;width:30%;padding:10px}}.main{margin:0 auto;padding:60px 24px 24px}.menu-btn{position:absolute;top:20px;left:24px;width:32px;padding:4px;margin-bottom:20px;cursor:pointer}.menu-btn div{height:4px;background:rgba(0,0,0,.5);border-radius:2px}.menu-btn div+div{margin-top:4px}input{outline:0;border:none}input:active,input:focus,input:focus-visible,input:focus-within,input:target{outline:0;border:none}.d-none{display:none}#terms{margin-top:10px;list-style:none;justify-self:center;text-decoration:underline;text-align:center}#box-num{margin-bottom:50px}#messageUnsuccess .message__btn{font-size:20px!important;border-radius:15px;font-weight:700;width:100%!important;background-color:#2563eb!important;color:#fff!important;text-align:-webkit-center;text-decoration:none}#verify:disabled{background-color:grey;color:#fff}#verify.active,.test:not(:disabled){background-color:#1b6bff;color:#fff;cursor:pointer}#verify.active:hover{background-color:#2563eb}.test:disabled{background-color:#ccc;color:#777;cursor:not-allowed}#messageSuccess .message__content,#messageUnsuccess .message__content{margin-bottom:10px}@media screen and (orientation:landscape) and (max-width:960px) and (max-height:500px) and (min-aspect-ratio:13/10){.steps{margin-bottom:5px}#servicelogo{width:30px}.label h4{margin:0}.field{margin-top:10px;margin-bottom:2px}#maindiv{max-width:100%}.container__box{display:flex;justify-content:space-around}.footer{max-width:40%;margin:0;align-content:center}#box-num{max-width:40%;margin-bottom:0}#box-code{width:40%!important}#messageSuccess .message__title,#messageUnsuccess .message__title{font-size:18px;margin:0}#box-code,#box-num{padding:5px}.step1,.step2{height:5px;margin-top:2px;margin-left:4px}.notice::before{width:20px;height:20px}.notice__title{font-size:9px}#attention{margin:3px}#countrycode,#phone{font-size:15px}}@media screen and (max-width:500px){.steps{margin-bottom:8px}.label h4{margin:0}.field{margin-top:10px;margin-bottom:2px}#box-code,#box-num{margin-bottom:30px}#messageSuccess .message__content,#messageUnsuccess .message__content,.message__wrap{width:80%}#messageSuccess .message,#messageUnsuccess .message,.message{align-items:center}.message__title{font-size:18px}.message__desc{font-size:15px}.offcanvas{left:-110%}#messageUnsuccess .message__title{font-size:18px;margin:0}#countrycode,#phone{font-size:17px}#servicelogo{width:30px}.footer__link{width:100%;display:block}#terms{width:100%}}@media screen and (min-width:1280px){#countrycode{width:30%!important}#phone{width:35%!important}}.messageBox{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center;backdrop-filter:blur(4.5px);background:rgba(0,0,0,.85);flex-direction:column;box-sizing:border-box}.message__content{width:90%;max-width:350px;padding:25px 20px;margin-top:calc(var(--vh,100vh) * -.2);color:#000;background-color:#fff;border-radius:15px;will-change:transform;place-self:center;animation-name:fadeInDown;animation-duration:.8s;animation-delay:.4s;animation-fill-mode:both;box-sizing:border-box}.message__title{margin:10px 0 5px;font-style:normal;font-weight:600;font-size:16px;line-height:16px;text-align:center;color:#222}.message__close{position:absolute;width:21px;height:21px;font-size:0;color:transparent;cursor:pointer;padding:12px;top:0;right:0;background:#fff;border:2px solid #fff;box-sizing:border-box}.message__close::after,.message__close::before{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background-color:#393d3f;transform:translateX(-50%) rotate(-45deg)}.message__close::after{transform:translateX(-50%) rotate(45deg)}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}50%{opacity:1}to{opacity:1;transform:translate3d(0,0,0)}}