@font-face {font-family: "Roboto"; font-style: normal; font-weight: normal; src: url(/resources/fonts/Roboto-Light.ttf);}
@font-face {font-family: "Roboto"; font-style: italic; font-weight: normal; src: url(/resources/fonts/Roboto-LightItalic.ttf);}
@font-face {font-family: "Roboto"; font-style: normal; font-weight: bold; src: url(/resources/fonts/Roboto-Regular.ttf);}
@font-face {font-family: "Roboto"; font-style: normal; font-weight: 900; src: url(/resources/fonts/Roboto-Bold.ttf);}
@font-face {font-family: "Roboto"; font-style: italic; font-weight: bold; src: url(/resources/fonts/Roboto-Italic.ttf);}
@font-face {font-family: "Roboto-Black"; font-style: normal; font-weight: 900; src: url(/resources/fonts/Roboto-Black.ttf);}

@font-face {font-family: "Rubik-Black"; font-style: normal; font-weight: 900; src: url(/resources/fonts/Rubik-Black.ttf);}
@font-face {font-family: "Rubik-Bold"; font-style: normal; font-weight: 700; src: url(/resources/fonts/Rubik-Bold.ttf);}
@font-face {font-family: "Rubik-Medium"; font-style: normal; font-weight: 500; src: url(/resources/fonts/Rubik-Medium.ttf);}
@font-face {font-family: "Rubik-Regular"; font-style: normal; font-weight: 400; src: url(/resources/fonts/Rubik-Regular.ttf);}
@font-face {font-family: "Rubik-Light"; font-style: normal; font-weight: 100; src: url(/resources/fonts/Rubik-Light.ttf);}

.material-icons {
    font-family: 'Material Icons', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons{vertical-align:middle;}

html, body{height:100%;margin:0;padding:0;font-family:"Roboto",sans-serif;font-style:normal;font-weight:normal;}

body{background-color:rgb(250,250,250);}

.clear{clear:both;}

::-webkit-input-placeholder{color:#aeb3b9;opacity:1;}
::-moz-placeholder{color:#aeb3b9;opacity:1;}
:-ms-input-placeholder{color:#aeb3b9;opacity:1;}
:-moz-placeholder{color:#aeb3b9;opacity:1;}

#checkingcode{
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@media (min-width: 644px) {
    .subscribe-step-2{width:620px;}
    .subscribe-step-3{width:644px;}
    .field-step-2{width:calc(50% - 6px);}
    .field-step-2{width:calc(50% - 6px);}
}
@media (max-width: 643px) {
    .subscribe-step-2{max-width:310px;width:calc(100% - 34px);}
    .subscribe-step-3{max-width:334px;width:calc(100% - 34px);}
    .field-step-2{width:100%;}
    .field-step-2{width:100%;}
}


.pos-fix{position: fixed !important;}
.z-2000{z-index: 2000 !important;}
.bo-0{bottom: 0 !important;}
.le-0{left: 0 !important;}
.w100{width: 100% !important;}
.h-50{height: 50px !important;}
.h-70{height: 70px !important;}
.lh-50{line-height: 50px !important;}
.ff-ru-re{font-family: Rubik-Regular !important;}
.fs-14{font-size: 14px !important;}
.center{text-align: center !important;}
.fc-white{color: #ffffff !important;}
.bg-blue{background-color: #009efb !important;}
.w-70{width: 70px !important;}
.bg-grey-dark{background-color: #54667a !important;}


.anim-block{display: inline-block;}
.anim-none{display: none;}
.anim-visible{opacity: 1; transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.anim-hidden{opacity: 0; transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940);}


.star{font-weight:900;color:#ff0000;}
.step-input{outline: none;font-size:19px;color:#54667a;width:calc(100% - 22px);padding:10px;border:1px solid #d3d3d3;border-radius:5px;font-family: Roboto,Helvetica Neue,sans-serif;}
.step{max-width:666px;margin:auto;}

.step1-bloc1{width:100%;text-align:center;margin-top:100px;}
.step1-bloc1-title{font-size:40px;font-family:Rubik-bold, sans-serif;color:#54667a;}
.step1-bloc1-subtitle{font-size:19px;font-weight:600;color:#54667a;}
.step1-blocs{position:relative;max-width:300px;width:calc(100% - 22px);color:#54667a;margin: 30px auto auto;font-size:19px;}
.step1-bloc-end{width:100%;text-align:center;margin-top:10px;color:#54667a;font-size:19px;}
.step1-button{outline:none;font-size:19px;color:#ffffff;width:calc(100% - 0px);padding:10px;border:0;background-color:#54cd64;border-radius:5px;text-align:center;margin: 0 !important;height: 43px !important;line-height: 23px !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);letter-spacing:.01em;display:inline-block;cursor:pointer;box-sizing:border-box;font-family:inherit;}
.step1-link{color:#54667a;}
.step1-promo{text-decoration: underline;cursor: pointer;color:#54667a;}

.step2{max-width:666px;width:100%;margin:auto;}
.step2-bloc1{width:100%;text-align:center;margin-top:97px;}
.step2-bloc1-congratz{font-size:40px;color:#54667a;font-family:Rubik-bold, sans-serif;}
.step2-bloc1-letsgo{font-size:30px;font-family:Rubik-normal, sans-serif;}
.step2-bloc2{width:calc(100% - 10px);text-align:center;margin:50px 5px 30px 5px;color:#54667a;font-size:19px;}
.step2-bloc2-ps{font-size:12px;}
.step2-bloc3{background-color:#f3f7f8;border:2px solid #f0f4f3;margin:auto;padding:10px 10px 10px 10px;}
.step2-bloc3-name{float:left;color:#54667a;font-size:19px;margin:10px 0;}
.step2-bloc3-phone{float:right;color:#54667a;font-size:19px;margin:10px 0;}
.step2-bloc3-phone-flag{position:relative;top:-32px;left:calc(100% - 61px);width: 50px;}
.step2-bloc3-phone-flag>div{position:absolute;width: 50px;height:25px;cursor: pointer;}
.step2-bloc3-phone-flag i{color:#54667a;margin-top: -5px;}
.step2-bloc3-phone-country{position: relative;}
.step2-bloc3-phone-country>div{position: absolute;height:75px;padding: 5px 10px 0px 10px;background: #ffffff; border: 1px solid #cccccc; border-radius: 0 0 10px 10px;border-top: 0;top: -1px;right: 10px;}
.step2-bloc3-phone-country-button-be{height:20px;line-height: 20px;font-size: 14px;cursor: pointer;}
.step2-bloc3-phone-country-button-fr{height:20px;line-height: 20px;font-size: 14px;cursor: pointer;margin-top:5px;}
.step2-bloc3-phone-country-button-ch{height:20px;line-height: 20px;font-size: 14px;cursor: pointer;margin-top:5px;}
.step2-bloc3-phone-country-button-img{float:left;height:20px;width:30px;}
.step2-bloc3-phone-country-button-txt{float:left;height:20px;line-height: 20px;margin-left:5px;}
.step2-bloc3-bloc{color:#54667a;font-size:19px;margin:10px 5px 10px 5px;}
.step2-bloc3-day{color:#54667a;font-size:19px;margin:10px 5px 10px 5px;}
.step2-bloc3-day-name{font-weight: 900;}
.step2-bloc3-day-time{outline: none;font-size:19px;color:#54667a;padding:8px;border:1px solid #d3d3d3;border-radius:5px;font-family: Roboto,Helvetica Neue,sans-serif;}
.step2-bloc3-select{outline: none;font-size:19px;color:#54667a;padding:8px;border:1px solid #d3d3d3;border-radius:5px;font-family: Roboto,Helvetica Neue,sans-serif;}
.step2-bloc3-sector{font-weight:900;}

.step-bloc-buttons{margin:auto;padding:10px 0 10px 0;}
.step-bloc-buttons-back{float:left;}
.step-bloc-buttons-back button{outline:none;font-size:19px;color:#ffffff;width:20px;height:37px;line-height:37px;border:0;background-color:transparent;border-radius:5px;text-align:center;cursor:pointer;}
.step-bloc-buttons-back img{margin-bottom: -1px;}
.step-bloc-buttons-next{float:right;}
.step-bloc-buttons-next button{outline: none;font-size:19px;color:#ffffff;width:calc(100% - 0px);padding:10px;border:0;background-color:#54cd64;border-radius:5px;text-align:center;margin: 0 !important;height: 37px !important;line-height: 20px !important;text-transform: capitalize !important;width: 120px !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); font-family: inherit;letter-spacing: .01em;cursor:pointer;}
.step-bloc-buttons-next img{margin-bottom: -1px;margin-left: 5px;}

.step3-bloc1{width:100%;text-align:center;margin-top:100px;}
.step3-bloc1-title{font-size:40px;color:#54667a;font-family:Rubik-bold, sans-serif;}
.step3-bloc1-subtitle{font-size:26px;color:#54667a;font-family:Rubik-Regular, sans-serif;}
.step3-bloc2{width:100%;text-align:center;margin:30px 0 30px 0;color:#54667a;font-size:19px;}
.step3-bloc3{background-color:#f3f7f8;border:2px solid #f0f4f3;margin:auto;padding:10px 10px 10px 10px;}
.step3-bloc3-icon1{color:#aeb2b1;font-size:35px;}
.step3-bloc3-icon2{color:#aeb2b1;font-size:35px;outline:none;cursor:pointer;}
.step3-bloc3-txt{font-size:12px;font-weight:600;color:#54667a;}

.step4-bloc1{width:100%;text-align:center;margin-top:97px;}
.step4-bloc1 table{margin:auto;}
.step4-bloc1-txt{text-align:right;font-family:Rubik-bold, sans-serif;}
.step4-bloc1-txt span{font-size:40px;font-weight:600;color:#54667a;}
.step4-bloc1-img{text-align:left;}
.step4-bloc1 div{font-size:40px;font-weight:600;color:#54667a;font-family:Rubik-bold, sans-serif;}
.step4-bloc2{text-align:center;margin:50px 5px 30px 5px;color:#54667a;font-size:19px;}
.step4-bloc2 span{font-weight: 900;}
.step4-bloc3{background-color:#f3f7f8;border:2px solid #f0f4f3;margin:auto;padding:10px;}
.step4-bloc3-code{width:100%;text-align:center;color:#54667a;font-size:19px;margin-bottom:10px;}
.step4-bloc3-code-txt{font-weight:600;}
.step4-bloc3-code-link{white-space:nowrap;color:#54667a;text-decoration:underline;cursor:pointer;}
.step4-bloc3-code-link:hover{text-decoration:none;}
.step4-bloc3-code-messages{text-align:center;color:#54667a;font-size:14px;font-family:Rubik-Light;}
.step4-bloc3-codes{margin:auto;width:100%;max-width:300px;}
.step4-bloc3-codes-input{text-align:center;background-color:#ffffff;border:1px solid #d3d3d3;border-radius:5px;width:calc(80% - 2px);height:45px;}
.step4-bloc3-codes-input input{outline:none;border:0;text-align:left;height:42px;width:calc(100% - ((100% - 200px) / 2));color:rgb(102, 102, 102);font-weight:600;font-size:29px;letter-spacing:10px;border-radius:5px;padding: 0 0 0 calc((100% - 200px) / 2);font-family: Roboto,Helvetica Neue,sans-serif;background-repeat: no-repeat;background-position: 20%;}
.step4-bloc3-codes-status{position:relative;top:-36px;left:calc(100% - 95px);width: 30px;}
.step4-bloc3-codes-status div{position:absolute;}
.step4-bloc3-codes-status-reset{outline:none;cursor:pointer;}

.step4-bloc3-codes-button{
    position: relative;
    width: 100%;
    height: 0;
}
.step4-bloc3-codes-button>button{
    position: absolute;
    right: 0;
    top: -42px;
    height: 36px !important;
    line-height: 18px !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    letter-spacing: .01em;
    display: inline-block;
    box-sizing: border-box;
    font-family: inherit;
    width: 17% !important;
    border-radius: 5px !important;
    border: 0 !important;
    padding: 10px !important;
    background-color: #54cd64 !important;
    color: #ffffff !important;
    font-size: 19px !important;
    outline: none !important;
    text-align: center !important;
    cursor: pointer !important;
}

.step4-bloc4{background-color:#54667a;border:2px solid #f0f4f3;margin:auto;padding:10px;}
.step4-bloc4-mail{color:#ffffff;font-size:19px;}
.step4-bloc5{background-color:#f3f7f8;border:2px solid #f0f4f3;margin:auto;padding:10px;}
.step4-bloc5-txt{width:100%;text-align:center;color:#54667a;font-size:19px;margin-bottom:10px;}
.step4-bloc5-txt span{font-weight:600;}
.step4-bloc5-domainok{width:100%;text-align:center;color:#54667a;font-size:19px;margin-bottom:10px;font-weight:900;}
.step4-bloc5-domainok div{display:inline-block;}
.step4-bloc5-domainok img{margin-bottom:-7px;}
.step4-bloc5-domainko-input{width:100%;color:#54667a;font-size:19px;margin-top:10px;}
.step4-bloc5-domainko-input input{outline: none;font-size:19px;color:#54667a;width:calc(100% - 22px);padding:10px;border:1px solid #d3d3d3;border-radius:5px;}
.step4-bloc5-domainko-address{width:100%;margin-top:10px;text-align:left;color:#54667a;font-size:19px;white-space:nowrap;}
.step4-bloc5-domainko-domains{width:100%;text-align:left;color:#54667a;font-size:19px;margin-top:10px;cursor:pointer;}
.step4-bloc5-domainko-domains div{outline: none;}
.step4-bloc5-domainko-domains div span{font-weight:900;}
.step4-bloc5-domainko-need{width:100%;margin-top:10px;}
.step4-bloc5-domainko-mod{float:left;}
.step4-bloc5-domainko-mod>div{width:100%;margin-top:10px;text-align:left;color:#54667a;font-size:12px;white-space:nowrap;text-decoration:underline;cursor:pointer;}
.step4-bloc5-domainko-upd{float:right;}
.step4-bloc5-domainko-upd>button{outline: none;font-size:19px;color:#ffffff;width:max-content;padding:10px;border:0;background-color:#54cd64;border-radius:5px;text-align:center;margin: 0 !important;height: 37px !important;line-height: 20px !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); font-family: inherit;letter-spacing: .01em;cursor:pointer;}
.step4-bloc6{background-color:#f3f7f8;border:2px solid #f0f4f3;margin:auto;padding:10px;}
.step4-bloc6-txt1{width:100%;text-align:center;color:#54667a;font-size:19px;}
.step4-bloc6-txt1 span{font-weight:600;}
.step4-bloc6-links{width:100%;text-align:center;margin:10px 0;}
.step4-bloc6-links img{margin:0 25px;}
.step4-bloc6-txt2{width:100%;text-align:center;color:#54667a;font-size:16px;}
.step4-bloc6-txt2-wad{font-weight:600;}
.step4-bloc6-txt2-link{font-weight:600;text-decoration:underline;}
.step4-bloc7{background-color:#f3f7f8;border:2px solid #f0f4f3;margin:auto;padding:10px;}
.step4-bloc7-title{width:100%;text-align:left;color:#54667a;font-size:19px;font-weight:600;}
.step4-bloc7-title span{font-weight:900;font-size:25px;}
.step4-bloc7-txt{width:100%;text-align:left;color:#54667a;font-size:19px;margin-top:20px;}
.step4-bloc7-links{width:100%;margin-top:20px;}
.step4-bloc7-links>div{float:right;}
.step4-bloc7-links button{outline: none;font-size:19px;color:#ffffff;width:max-content;padding:10px;border:0;background-color:#54cd64;border-radius:5px;text-align:center;margin: 0 !important;height: 37px !important;line-height: 20px !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); font-family: inherit;letter-spacing: .01em;cursor:pointer;}
.step4-bloc7-links-txt{background-color:#33393f;border-radius:5px;padding:9px;text-transform:uppercase;color:#ffffff;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);}
.step4-bloc8{width:calc(100% - 22px);max-width: 300px;text-align:center;color:#b8b9bb;font-size:19px;margin:auto;margin-top:50px;margin-bottom:30px;}
.step4-bloc8 button{outline:none;font-size:19px;color:#ffffff;width:calc(100% - 0px);padding:10px;border:0;background-color:#ffbc34;border-radius:5px;text-align:center;margin: 0 !important;height: 43px !important;line-height: 23px !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);letter-spacing:.01em;display:inline-block;cursor:pointer;box-sizing:border-box;font-family:inherit;}


.footer{width:100%;text-align:center;color:#b8b9bb;font-size:19px;margin-top:100px;margin-bottom:30px;}
.footer span{white-space:nowrap;}
.footer a{color:#b8b9bb;}
.footer-remove{white-space:nowrap;color:#b8b9bb;text-decoration:underline;cursor:pointer;}

.failed{position:fixed;top:0;z-index:100;width:calc(90% - 40px);margin:5%;box-shadow: 0px 0px 3px #000000;padding: 20px;background: #ffffff;line-height: 30px;}
.failed>div{position: relative;}
.failed>div>div{position:absolute;top:-20px;right:-20px;width:30px;height:30px;text-align: center;line-height: 30px;font-weight: bolder;outline: none;}

.popup_alert{position: fixed; z-index: 100; top: 10px; left: 10px; width: calc(100% - 60px); border-radius: 5px; padding: 20px; background: #374a5c; line-height: 30px; font-family:Rubik-Light, sans-serif; color: #ffffff;}
.popup_alert a{color: #ffffff; outline: none;}
.popup_alert_close{position: relative; width: 100%; height: 0;}
.popup_alert_close>div{position: absolute; top: -10px; right: -10px; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; color: #ffffff; text-align: center; outline: none; cursor: pointer;}
.popup_alert_close>div>i{font-size: 16px; font-weight: 600; margin-top: -12px;}