@font-face {font-family: 'Nexa-Heavy';
    src: url('../fonts/nexa-heavy.eot');
    src: url('../fonts/nexa-heavy.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa-heavy.woff2') format('woff2'),
         url('../fonts/nexa-heavy.woff') format('woff'),
         url('../fonts/nexa-heavy.ttf') format('truetype');}

@font-face {font-family: 'Nexa-HeavyItalic';
    src: url('../fonts/nexa-heavyitalic.eot');
    src: url('../fonts/nexa-heavyitalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa-heavyitalic.woff2') format('woff2'),
         url('../fonts/nexa-heavyitalic.woff') format('woff'),
         url('../fonts/nexa-heavyitalic.ttf') format('truetype');}

        /* latin-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 400;
          src: url(assets/fonts/roboto-400-ext.woff2) format('woff2');
          unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 400;
          src: url(assets/fonts/roboto-400.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        /* latin-ext */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 700;
          src: url(../fonts/roboto-700-ext.woff2) format('woff2');
          unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        @font-face {
          font-family: 'Roboto';
          font-style: normal;
          font-weight: 700;
          src: url(../fonts/roboto-700.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

/* Base */

html,body{font-family:'Roboto', sans-serif, arial, verdana;font-size:100%;line-height:1.625rem;color:#fff;margin:0;padding:0 !important;overflow-x:hidden;background-color: #0C0C0C;}

input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}
::selection{background-color:#FFF9C4;text-shadow:none}

a{color:#00c6c5;text-decoration: none; transition: all .2s;display: inline-block;border-bottom:1px solid transparent;padding-bottom: 0;}
a:hover,
a:focus{color:#008786;border-color: transparent; transition: all .2s;text-decoration: none;}
a:focus{outline:none;}

input,
button{outline:none}
select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:'';}
select::-ms-expand{display:none;}

.back-top{z-index:5000;display:block;position:fixed;bottom:30px;right:30px;opacity:0;transition:all .3s;background-color:#f5c46c;color:#252525;border-radius:50%;box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);width:56px;height:56px;border:1px solid #f5c46c}
.back-top:hover{background-color:#252525;transition:all .3s;bottom:40px;color:#f5c46c;border-color:#252525}
.back-top span{color:#252525;font-size:1em;position:absolute;left:50%;top:50%;transform:translate(-8px,-13px);line-height:1.5em;width:15px}
.back-top:hover span{color:#f5c46c}
.back-top-show{opacity:1;transition:all 0.3s}

@media (max-width:991.98px){
    .back-top span{font-size:1.1765em;}
}

/* Bootstrap modifications */

.btn{font-family: Nexa-Heavy;height: 44px;border-radius: 4px;border: 0;padding: 0 2rem;transition: all .3s;min-width: 288px;text-transform: uppercase;line-height: 44px;}
.btn:hover{transition: all .3s;}
button.btn{padding-top: 1px;}
.btn-back{border: 0;font-weight: 800;font-size: 1.25rem;padding: 0;color: #fff;position: absolute;left: 0;top: 77px;}
.btn-back:hover{color: #fff;}
.btn-back .svg path{fill: #000;}
.btn-back:hover .svg path{fill:#fff;transition: all .2s;}
.btn-submit{margin-top: .625rem;}

.btn-primary{color:#fff;transition: all .3s;background-color: #00C6C5;}
.btn-primary:hover{transition: all .3s;background-color: #009E9E;box-shadow: none;color: #fff;}
.btn-primary.focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{transition: all .3s;background-color: #008786;box-shadow: none;color: #fff;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {box-shadow:none;}

form{text-align: left;margin:0.375rem auto 0;max-width: 560px;}
.form-group{margin-bottom: 2px;position: relative;}
label{color: #ffffff;margin-bottom: 6px;font-size: 12px;line-height: 18px;}

.form-control{height: 58px;padding: 0 1rem;line-height: 58px;color: #666666;border: 0;border-bottom: 2px solid #424d54;background-color: #0c0c0c;border-radius: 0;margin-bottom: 34px;}
.form-control:focus{box-shadow: none;color: #fff;background-color: #0c0c0c;border-color: #666;}
.form-control:valid {color: #fff;}

textarea.form-control {height: 95px;padding: .65rem 2.2rem 0 0.6875rem;resize: none;}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid{border-color:#424d54;}
.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus{border-color: #cecece;box-shadow: none;}
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid{border-color: #EE534F;background-color: transparent;color: #777;}
.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus{border-color: #ff99a4;box-shadow: none;}

.form-control.is-invalid+div.select-selected{border-color: #ff99a4;background-color: #FFE9EC;color: #FF4B2B;position: relative;}
.form-control.is-invalid+div.select-selected:after{content: "";background:transparent url(../images/icon-error.svg) left top no-repeat;display: block;width:28px;height:28px;position: absolute;right: 10px;top: 9px;}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before {background-color: #0C0C0C;border-radius: 2px;}
.custom-checkbox .custom-control-input~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input~.custom-control-label::before,
.custom-control-input~.custom-control-label::before {box-shadow: none;outline-offset: 0;}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {background-image: url(../images/icon-ok.svg);background-size: 72%;background-color: transparent;background-repeat: no-repeat;}

.form-group{position: relative;}
.form-group .placeholder{position: absolute;color: #666;left: 16px;top: 16px;font-family: 'Roboto', sans-serif, arial;font-size: 16px;pointer-events: none;transition: all .2s;z-index: 2;}
.form-group .placeholder.active{transition: all .2s;left: 16px;top: -2px;font-size: 12px;line-height: 14px;}
.form-group.textarea .placeholder{left:16px;}
.form-group.textarea .placeholder.active{left: 17px;}
.form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip{position: absolute;left: 0;width: auto;bottom: -24px;background-color: transparent;color: #ee534f;font-size: 12px;line-height: 18px;font-family: 'Roboto', sans-serif, arial;padding: 2px 17px 1px;z-index: 0;margin: 0;font-weight: 400;}
.form-control.is-invalid, .was-validated .form-control:invalid{/*position: relative;*/z-index: 1;border-color: #ee534f;background-image: none;}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{box-shadow: none;border-color:#ee534f;}
.form-control.is-invalid + .placeholder{color:#fff;}

.modal.show .modal-dialog{top: 50%;margin: 0 auto;transform: translateY(-50%);}
.modal.fade .modal-dialog {top: 50%;margin: 0 auto;transform: translateY(-50%);}
.modal-title{width:100%;font-size: 2rem;line-height: 2.375rem;margin-bottom: 2rem;}
.modal-header{border: 0;padding: 0;}
.modal-header .close{position: absolute;opacity: 1;color: transparent;background: transparent url(../images/icon-closevideo.svg) left top no-repeat;top: 3px;right: 2px;width: 44px;height: 44px;}
.modal-content{border: 0;border-radius: 0;box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.25);padding:40px 30px;}
.modal-content .btn{min-width: 0;padding: 3px 40px 0 42px;margin: 0 auto;display: inline-block;max-width: 280px;}
#game-end .modal-content{max-width: 400px;margin: 0 auto;color: #000;}
.modal-backdrop{background-color: rgba(29, 29, 29, 0.8);}
.modal-backdrop.show{opacity: 1;}
.modal-body{text-align: center;padding: 0;}
button.close{position: absolute;opacity: 1;right: -15px;top: -15px;z-index: 10;}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{opacity: 1;}
.modal-body .cancel{padding-bottom: 0;}
.modal-body p{margin-bottom: 1.5rem;font-size: 1.25rem;line-height: 1.5rem;}
.modal-body .btn{margin-top: 1.25rem;}

@media (min-width: 576px){
    .modal-dialog {max-width: 561px;}
}

/* Site */

h1{font-family: Nexa-Black;font-size: 52px;line-height: normal;text-transform: uppercase;color: #FFFFFF;margin: 62px 0 4px;}
h2{font-family: Nexa-HeavyItalic;font-size: 48px;line-height: 56px;margin: 0 0 60px;text-align: center;}
h3{font-family: Nexa-HeavyItalic;font-size: 32px;line-height: 48px;margin: 0 0 60px;}

.svg path{transition: all .2s;}

header{padding: 0 0 100px;position: relative;margin: 0 auto;max-width: none;border: 0;display: none;}
header .container{position: relative;}
.header-logo {border: 0;padding: 0;position: absolute;left:0;top:31px;}
.header-logo .svg{width:160px;height:24px;}
.header-logo .svg path{fill:#fff;}

footer{padding: 40px 0 30px;background-color: #303036;}
footer a{font-size: 14px;}
.footer-logo{padding: 126px 0 44px;text-align: center;background-color: #191919;}
.footer-logo img,
.footer-logo svg{width: 138px;height: 20px;}
.footer-logo path{fill:#fff;}

.invalid-feedback{color: #FF4B2B;margin-top: -1px;}
.valid-feedback,
.invalid-feedback{position: absolute;font-size: 10px;line-height: 15px;text-align: right;}
.valid-feedback .svg,
.invalid-feedback .svg{position: absolute;right: 10px;width: 20px;height: 20px;}
.valid-feedback .svg{top:-2.375rem;display: none;}
.invalid-feedback .svg{top: -24px;}

.custom-checkbox .invalid-feedback{left: 0;bottom: -.4375rem;}
.custom-checkbox input[type="checkbox"]~label{padding-top: 0.125rem;cursor: pointer;outline: 0;font-size: 14px;line-height: 19px;}
.custom-checkbox input[type="checkbox"]~label:focus,
.custom-checkbox input[type="checkbox"]~label:focus::before{outline:0;}
.was-validated .custom-checkbox .custom-control-input:valid~.custom-control-label{color: #fff;}

.custom-control{padding-left: 37px;min-height: 3.0625rem;}
.custom-control-label::before,
.custom-control-label::after{width: 20px;height: 20px;left: -37px;top: 7px;}
.custom-control-label::before{border: 1px solid #798F9C;border-radius:2px;background-color: #fff;}

.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before{background-color: #0c0c0c;border-color: #FF4B2B;}
.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color: #fff;box-shadow: none;}
.custom-control-input.is-invalid:focus~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {box-shadow: none;}

.custom-control.custom-checkbox{min-height: 3.125rem;margin-bottom: 0;}
.custom-control.custom-checkbox .custom-control-label{padding: .5125rem 2.5rem 1rem 0;}
.custom-control.custom-checkbox .valid-feedback .svg{top: .4375rem;right: .375rem;display: none;}
.custom-control.custom-checkbox .invalid-feedback .svg{top: 0;right: 0;display: none;}
.custom-control.custom-checkbox .valid-feedback,
.custom-control.custom-checkbox .invalid-feedback{margin-top: 0;text-align: left;display: block;position: absolute;width: 100%;left: 20px;bottom: 7px;}
.custom-control.custom-checkbox .invalid-feedback span{position: absolute;bottom: 0;bottom: -.5625rem;}
.custom-control.custom-checkbox .custom-control-input.is-valid~.custom-control-label,
.custom-control.custom-checkbox .custom-control-input.is-invalid~.custom-control-label{color: #fff;}
.custom-control.custom-checkbox .custom-control-input.is-invalid~.custom-control-label{color: #fff;}

.custom-control-input.is-valid~.custom-control-label::before{background-color: #0c0c0c;border-color: #798F9C;}
.custom-control-input.is-valid:focus~.custom-control-label::before{box-shadow: none;}

/* Main page */

.hero{margin: 0 auto;display: block;max-width: 100%;}
.intro .container{margin: 0 auto; position: relative;text-align: center;}
.intro-logo{width: 155px;height: 23px;position: absolute;left: 10px;top: 35px;}
.intro p{max-width: 539px;margin: 190px auto;font-weight: bold;line-height: 24px;}
.intro .btn{margin-top: -25px;}

.packages h2{margin: -4px 0 19px;}
.packages h3{margin: 0 0 13px;}
.packages>.container>p{font-family: Nexa-HeavyItalic;text-align: center;max-width: 544px;margin: 0 auto 60px;font-size: 20px;line-height: 24px;}
.pack-contents{font-family: Nexa-HeavyItalic;text-transform: uppercase;border-color:transparent;font-size: 14px;line-height: 14px;display: block;margin: 16px 0 28px;color: #fff;}
.pack-contents img,
.pack-contents svg{margin-right: 5px;}
.pack-more{display: none;}
.pack-item{padding-left: 47px;}
.pack-item p{line-height: 24px;max-width: 480px;margin-bottom: 2rem;}
.packages .container>.row{margin-bottom: 99px;}
.packages .container>.row:nth-child(even) .pack-item{padding-left: 136px;}

.promotion{text-align: center;background-color: #191919;padding: 91px 0;}
.promotion h2{font-size: 32px;line-height: 48px;margin: 0px 0 13px;}
.promotion span{background-color: rgba(255, 255, 255, 0.12);border-radius: 32px;font-family: Nexa-Heavy;height: 44px;border: 0;padding: 0 2rem;transition: all .3s;min-width: 288px;text-transform: uppercase;line-height: 44px;display: inline-block;font-size: 16px;margin-bottom: 51px;}
.promotion b{background-color: #009E9E;border-radius: 32px;font-family: Nexa-Heavy;height: 44px;border: 0;padding: 0 2rem;transition: all .3s;min-width: 288px;text-transform: uppercase;line-height: 44px;display: inline-block;font-size: 16px;font-weight: normal;}
.promotion p{font-size: 14px;line-height: 20px;margin-top: 57px;}

.social{background-color: #191919;text-align: center;}
.social h2{max-width: 544px;margin: 0 auto;font-size: 32px;line-height: 48px;padding: 79px 0 49px 0;}
.social ul{padding: 0;list-style:none;position: relative;top: 1px;margin: 0;}
.social ul li{display: inline-block;}
.social ul li:nth-child(1) a {background-image: url(../images/icon-facebook.svg);}
.social ul li:nth-child(2) a {background-image: url(../images/icon-email.svg);}
.social a {text-indent: -9999px;display: inline-block;margin:0 2px;width: 64px;height: 64px;background-color: transparent;background-repeat: no-repeat;background-position: center;border-color: transparent;}

.register{position: relative;z-index: 100;max-width: none;padding: 0;overflow: hidden;}
.register h3{font-size: 20px;line-height: 24px;margin: 43px 0 26px;}

.form-container{margin: 0 auto;color: #fff;}
.form-container .btn{margin: 14px 0 16px 0;}
.form-back{font-size: 16px;line-height: 20px;text-transform: uppercase;color: #36474E;font-family: Nexa-Heavy;margin-top: 30px;}
.form-back img,
.form-back svg{margin-right: 16px;position: relative;top:-1px;}

.upload{background-color: #fff;border: 1px dashed #d7d7d7;box-sizing: border-box;border-radius: 4px;padding: 0;margin-bottom: 22px;}
.upload>button{margin: 0 auto;padding: 25px 20px 28px 70px;font-size: 1rem;display: block;text-align: left;line-height: 1.375rem;background: transparent url(../images/icon-upload.svg) 15px 32px no-repeat;outline: none;border: 0;}
.upload>button:hover{cursor: pointer;}
.upload>button:hover,.upload>button:focus,.upload>button:active{outline: none;}
.upload>button span{color: #4a00e0;border-bottom: 1px solid #4a00e0;font-weight: 900;font-family: Nexa-Heavy;}
.btn.uploadedfile{display: block;padding: 0;margin: 0 0 16px 0;font-size: 0.75rem;min-width: 0;line-height: 1.0625rem;text-transform: none;font-family: Nexa-Book;font-weight: 400;width: 100%;text-align: left;height: 19px;outline: none;overflow: hidden;position: relative;background-color: transparent;}
.btn.uploadedfile:after{background: #eeeeee url(../images/icon-remove.svg) left top no-repeat;content: "";width: 19px;height: 19px;display: block;position: absolute;right: 0;top: 0;z-index: 1;}
.btn.uploadedfile:hover,.btn.uploadedfile:focus,.btn.uploadedfile:active{outline: none;}
.form-group.has-error .upload{border-color: #ff99a4;background-color: #FFE9EC;color: #FF4B2B;}

/* Registration */

.choosen{font-size: 14px;line-height: 20px;display: block;margin: 17px 0 4px;}
.register h2{font-size: 20px;line-height: 24px;}

.form-group.terms{margin-top: 36px;margin-bottom: -7px;}

.progressbar{display: block;margin:2.9375rem auto .625rem;}

#modal-orderid .modal-body img:first-of-type{margin-bottom: 3rem;}

.orderid.webshop{position: relative;padding-left: 2.4rem;}
.orderid.webshop+div{display: inline;position: absolute;top: 55%;left: 1.5rem;font-size: 1.25rem;}
.orderid.webshop+div:after{content:"#";position: relative;left:0; top:0;color: #342928;}

.success-reminder{background-color: #fff;border-radius: .25rem;max-width: 472px;margin:2.1875rem auto 1.6875rem;text-align: left;padding:1.3125rem;}
.success-reminder p{margin: 0;}
.success-reminder .svg{width: 88%;height: 88%;margin: 0 auto;display: block;}
.success-reminder .svg path{fill:#5f00e0;}
.registration-success{margin: .875rem 0 3.6875rem 0;}
.icon-success{margin:14px 0 29px;}
.success b{display: block;margin-bottom: 19px;font-size: 20px;line-height: 24px;font-weight: normal;font-family: 'Nexa-HeavyItalic';}
.success p{font-weight: normal;margin-bottom: 18px;font-size: 16px;line-height: 24px;}
.form-container.success{color: #fff;}
.form-container.success .btn {margin-bottom: 40px;}

@media (min-width: 576px)
.form-container.success{margin-left: -8.333333%;}

.form-container.already{color: #FF416C;font-family: Nexa-Bold;font-size: 20px;line-height: 24px;background-color: #303036;margin-top: 12px;margin-bottom: 352px;max-width: 280px;padding: 9px 12px 2px;box-shadow: 6px 6px 4px rgb(0 0 0 / 20%);}
.form-container.already b{margin: 8px 10px 16px;text-align: center;color: #ee534f;}

/*#step2, #step3, #step4 {display:none;}
#step3 .btn{margin-top: 3rem;}*/

/* Loading */

.checking{background-color: #342928;border-radius: 200px;padding: .875rem 3.75rem 0;height: 80px;}
.checking h5{font-family: Nexa-Heavy;color:#FFF;font-size:1.25rem;text-align:center;}
.checking span{width:16px;height:16px;border-radius:50%;display:inline-block;position:absolute;left:50%;margin-left:-10px;-webkit-animation:3s infinite linear;-moz-animation:3s infinite linear;-o-animation:3s infinite linear;}
.checking span:nth-child(2){background:#5f00e0;-webkit-animation:kiri 1.2s infinite linear;-moz-animation:kiri 1.2s infinite linear;-o-animation:kiri 1.2s infinite linear;}
.checking span:nth-child(3){background:#f57f20;z-index:100;}
.checking span:nth-child(4){background:#fc9f25;-webkit-animation:kanan 1.2s infinite linear;-moz-animation:kanan 1.2s infinite linear;-o-animation:kanan 1.2s infinite linear;}

@-webkit-keyframes kanan {
    0%  {-webkit-transform:translateX(20px);}
	50% {-webkit-transform:translateX(-20px);}
	100%{-webkit-transform:translateX(20px);z-index:200;}
}

@-moz-keyframes kanan {
    0%  {-moz-transform:translateX(20px);}
	50% {-moz-transform:translateX(-20px);}
	100%{-moz-transform:translateX(20px);z-index:200;}
}
@-o-keyframes kanan {
    0%  {-o-transform:translateX(20px);}
	50% {-o-transform:translateX(-20px);}
	100%{-o-transform:translateX(20px);z-index:200;}
}

@-webkit-keyframes kiri {
    0%  {-webkit-transform:translateX(-20px);z-index:200;}
	50% {-webkit-transform:translateX(20px);}
	100%{-webkit-transform:translateX(-20px);}
}

@-moz-keyframes kiri {
    0%  {-moz-transform:translateX(-20px);z-index:200;}
	50% {-moz-transform:translateX(20px);}
    100%{-moz-transform:translateX(-20px);}
}
@-o-keyframes kiri {
    0%  {-o-transform:translateX(-20px);z-index:200;}
	50% {-o-transform:translateX(20px);}
	100%{-o-transform:translateX(-20px);}
}

/* Not found page */

.page-notfound{padding: 3rem 0;}
.page-notfound svg path{fill:#FF4B2B;}

/* Custom Select 
   https://www.w3schools.com/howto/howto_custom_select.asp */
    
.custom-select2 {position: relative;font-family: Arial;width: 100%;}
.custom-select2 select {display: none;}
.select-selected:after {position: absolute;content: "";width: 18px;height: 10px;background: transparent url(../images/icon-select.svg) left top no-repeat;top: 21px;right: 12px;}
/*.select-selected.select-arrow-active:after {}*/
.select-items div,
.select-selected {height: 48px;padding: .65rem 0.6875rem 0;border-color: #d7d7d7;display: block;width: 100%;line-height: 1.5;background-color: #fff;background-clip: padding-box;border-radius: .25rem;font-family: Nexa-Book;font-weight: 600;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.select-items div {color: #342928;border: 1px solid #5f00e0;border-radius: 0;border-top: 0;cursor: pointer;border-bottom: 0;}
.select-selected {color: #342928;border: 1px solid #d7d7d7;}
.select-selected.active {color: #342928;}
.select-items {position: absolute;top: 100%;left: 0;right: 0;z-index: 99;border-bottom: 1px solid #5f00e0;border-bottom-left-radius: .25rem;border-bottom-right-radius: .25rem;}
.select-items div:first-child{display: none;}
.select-items div:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius: .25rem;}
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color: #5f00e0;color: #fff;}
.select-selected.select-arrow-active{border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-color: #5f00e0;border-bottom: 0;}

.custom-select2.is-invalid .select-selected{border-color: #ff99a4;background-color: #FFE9EC;color: #FF4B2B;}
.custom-select2.is-invalid~.invalid-feedback{display: block;}
.custom-select2.is-invalid~.invalid-feedback .svg {right: 4.375rem;}

/* Responsive CSS */

@media (max-width:767.98px) {
    form {margin-top: 0;}
    .form-control {height: 55px;margin-bottom: 37px;}    
    .form-group {margin-bottom: 5px;}
    .form-group.terms {margin-top: 25px;}
    .valid-feedback, .invalid-feedback {font-size: .75rem;}
    .valid-feedback .svg {top: -2.1875rem;width: 17px;height: 13px;right: .9375rem;}
    .invalid-feedback .svg {top: -25px;width: 20px;height: 20px;right: 6px;}
    .custom-control {min-height: 2.5rem;}

    .form-group .placeholder{top: 12px;}
    .form-group .placeholder.active{top: 1px;left: 16px;}
        
    header, header .row{min-height: 48px;padding:0 0 87px;}
    .header-logo{left: 23px;top: 14px;}
    .header-logo .svg {width: 138px;height: 20px;}
    .header-ub{display: none;}
    .subpage .main-bg{background-image: url(../images/header-bg-mobile2.png);background-size: 100%;background-repeat: no-repeat;}
    .subpage.success .main-bg{background-image: url(../images/header-bg-mobile3.png);background-size: 84%;background-position: left top;}
    
    .btn-back{left: 21px;top: 37px;}
    .btn-back .svg{width: 19px;height: 19px;}
    .btn-submit {margin-top: 1.6875rem;}
    button.close {right: -6px;top: -10px;}    
    
    .intro-logo {width: 138px;height: 20px;position: absolute;left: 23px;top: 18px;}    
    .intro .btn {margin-top: -135px;margin-bottom: 0;}
    .intro p{margin: 22px auto 50px;padding: 0 10px;}

    .packages h2{margin: 90px 0 18px;font-size: 32px;line-height: 40px;padding: 0 5px;}
    .packages h3 {margin: 0 0 11px;font-size: 24px;line-height: 32px;background: #0C0C0C;}
    .packages>.container>p {margin: 0 auto 51px;}
    .pack-contents{color: #fff;}
    .packages .container>.row:nth-child(even) .pack-item,
    .pack-item{padding: 0 24px;}
    .pack-item .btn{min-width: 0;display: block;margin-top: 31px;margin-bottom: -52px;}
    
    .promotion {padding: 45px 0;}
    .promotion h2{font-size: 24px;line-height: 32px;padding: 0 24px;margin: 0px 0 11px;}
    .promotion span{margin-bottom: 29px;min-width: 0;}
    .promotion p{margin-top: 33px;margin-bottom: 47px;}
    .promotion b{min-width: 0;}
    
    .social h2{font-size: 24px;line-height: 32px;padding: 0 16px;margin-bottom: 21px;}
    
    .select-items div, .select-selected {height: 48px;font-size: 1rem;padding: .75rem .9375rem 0;}
    .select-selected:after {/*width: 12px;height: 7px;background-image: url(../images/icon-selectm.svg);top: 1.3125rem;right: 1.0625rem;*/}
    .custom-select2.is-invalid~.invalid-feedback .svg {right: 2.475rem;}
    .custom-checkbox input[type="checkbox"]~label {padding-top: .4375rem;letter-spacing: -.00625rem;}
    
    .form-container {padding: 0 9px;margin-bottom: 65px;}
    .form-container form {padding: 0;}
    .form-container .btn{margin-top: 16px;margin-bottom: 20px;min-width: 0;}
    .form-container.success{padding: 18px 12px;box-shadow: none;background-color: transparent;margin-top: -16px;}
    
    .register .container>.row .col-sm-6>img{position: absolute;left: 24px;top: 0px;height: 66px;}
    .choosen{text-align: left;font-weight: bold;padding-left: 105px;margin: 8px 0 5px;}
    .register h2{font-size: 18px;line-height: 24px;text-align: left;margin: 0;padding-left: 105px;}
    .register h3{font-size: 18px;line-height: 24px;margin: 46px 0 28px;}

    .custom-control.custom-checkbox .custom-control-label{padding-right: 0;font-size: 14px;line-height: 19px;}
    .btn.uploadedfile{margin-top: -8px;margin-bottom: 24px;}
    
    .form-back {margin-top: 22px;border: 0;}
    .form-back svg path{fill: white;}
    
    .form-container.success{padding: 18px 12px;box-shadow: none;background-color: transparent;margin-top: -16px;margin-bottom: 96px;}
    .icon-success{width: 64px;height: 64px;margin: 46px 0 29px 0;}
    .success b{margin-bottom: 19px;font-size: 20px;line-height: 24px;text-align: center;}
    .success p{text-align: left;margin-bottom: 46px;}
    .form-container.success .btn {margin-bottom: 32px;margin-top: -14px;width: 100%;}
    .success .register{background-position: center 264px;}
    
    footer {padding: 30px 0;position: relative;z-index: 100;}
    .footer-logo {padding: 78px 0 44px;}
}