html{
overflow-x: hidden;
}
body{
font-family: 'Gotham Pro', sans-serif;
font-weight: 300;
font-size: 16px;
color: #fff;
overflow-x: hidden;
padding: 0!important;
}
h1,h2,h3,h4,p{
margin: 0;
}
h2{
font-weight: 900;
font-size: 40px;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}
.container{
max-width: 1290px;
}
:focus{
outline: none!important;
}
.text-white{
color: #fff;
}
/*header*/
.header{
padding-top: 40px;
background-image: url(../img/header-bg.png);
background-repeat: no-repeat;
background-color: #130928;
position: relative;
z-index: 999;
}
.header:before{
content: url(../img/header-show.png);
position: absolute;
right: 0;
top: -40px;
z-index: -1;
}
.header-social{
position: absolute;
z-index: 99999;
top: 0;
bottom: 0;
left: 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
.header-social a{
background-size: 25px;
transition: all 0.5s ease;
border-radius: 50%;
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: rgba(255, 255, 255, 0.5);
font-size: 22px;
background: transparent;
}
.header-social a:hover{
width: 45px;
height: 45px;
animation: none;
}
.header-social a:focus{
outline: none;
}
.header-social i{
line-height: inherit;
}
.header-social div:hover span{opacity: 1; transition: all 0.5s ease;}
.header-social div span:hover{opacity: 0; visibility: hidden;}
.header-social .color-t:hover{background: #61a8de; transition: all 0.5s ease; color: #fff;}
.header-social .color-v:hover{background: #7d3daf; transition: all 0.5s ease; color: #fff;}
.header-social .color-w:hover{background: #1bd741; transition: all 0.5s ease; color: #fff;}
.header-social .color-s:hover{background: #15ace5; transition: all 0.5s ease; color: #fff;}
.header-social .color-f:hover{background: #3b5998; transition: all 0.5s ease; color: #fff;}
.header-social div{
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
margin-bottom: 5px;
}
.header-social div span{
opacity: 0;
transition: .2s;
}
.header-social div span{
background: rgba(45, 36, 64, 0.9);
position: absolute;
left: 75px;
padding: 8px 20px 8px 15px;
border-radius: 5px;
font-weight: 500;
font-size: 14px;
}
.header-social div span:after{
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid rgba(45, 36, 64, 0.9);
transform: rotate(-90deg);
left: -10px;
top: 14px;
}
.header-block{
display: flex;
align-items: center;
justify-content: space-between;
}
.logo img{
max-width: 200px;
}
.header-block ul{
display: flex;
flex-wrap: wrap;
margin-left: 15px;
}
.header-block ul li{
margin-left: 16px;
margin-right: 16px;
}
.header-block ul a{
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
color: #fff;
text-decoration: none;
transition: .6s;
padding: 11px 14px 11px 14px;
display: flex;
}
.header-block ul a:focus{
outline: none;
}
.header-block ul a:hover{
transition: .6s;
background: #2d2440;
border-radius: 5px;
}
.active{
background: #2d2440;
border-radius: 5px;
}
.header-call-back{
display: flex;
align-items: center;
}
.call-back-a{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 14px;
color: #000!important;
margin-left: 15px;
margin-right: 30px;
background: #ebe900;
box-shadow: 0 0 15px rgba(235,233,0,0.3);
display: inline-flex;
padding: 15px 40px 15px 40px;
border-radius: 40px;
text-decoration: none!important;
white-space: nowrap;
transition: .2s;
}
.header-call-back .dropdown a{
padding: 0;
background: transparent!important;
border: none;
display: flex;
align-items: center;
text-decoration: none;
color: #fff;
}
.header-call-back .dropdown button:focus{
outline: none;
box-shadow: none!important;
}
.header-call-back .dropdown-menu.show{
padding: 0;
background: transparent;
}
.header-call-back .dropdown-menu.show a{
color: #fff;
padding-left: 0;
background: transparent;
}
.header-call-back .dropdown-toggle::after{
display: none;
}
/*.header-call-back .dropdown-toggle::after{*/
/* border: none;*/
/* content: url(../img/lang-image.png);*/
/* margin-top: -2px;*/
/*}*/
.header-line{
padding-top: 180px;
padding-bottom: 215px;
position: relative;
z-index: 999;
}
.graf{
position: absolute;
top: 0;
left: -20px;
z-index: -1;
}
.header-line h3{
font-size: 30px;
font-weight: 300;
}
.header-line h3 span{
text-transform: uppercase;
}
.header-line h1{
font-size: 50px;
color: #00c193;
font-weight: 900;
margin-top: 3px;
margin-bottom: 8px;
}
.header-line h1 span{
font-size: 80px;
text-transform: uppercase;
}
.header-line p{
font-size: 28px;
line-height: 1.1;
padding-bottom: 80px;
}
.header-line a{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 14px;
color: #000;
background: #ebe900;
box-shadow: 0 0 15px rgba(235,233,0,0.3);
transition: .2s;
display: inline-flex;
padding: 22px 45px 22px 45px;
border-radius: 40px;
text-decoration: none;
text-transform: uppercase;
max-width: 250px;
width: 100%;
justify-content: center;
align-items: center;
}
.header-line a:hover, .call-back-a:hover, .offers-in:hover, .learn-more a:hover, .sentence-button-s:hover, .beerg-modal-content .form-button:hover, .sentence-overlay .sentence-button-s:hover{
transition: .2s;
box-shadow: 0 0 15px rgba(235,233,0,0.8);
animation:radial-pulse1 1s infinite;
}
.navBurger, .overlay, .none-2{
display: none;
}
.br-block{
display: none;
}
.scrolled{
position: fixed;
z-index: 999999;
display: flex;
align-items: center;
width: 100%;
top: 0;
left: 0;
height: 80px;
background: #0c041c;
}
/*.scrolled .header-block{*/
/* width: 100%;*/
/* max-width: 768px;*/
/* margin: 0 auto;*/
/*}*/
/*header*/
/*icon-block*/
.icon-block{
background: #0c041c;
padding-top: 70px;
padding-bottom: 50px;
position: relative;
z-index: 99;
}
.icon-block-block{
display: flex;
margin-left: -15px;
margin-right: -15px;
}
.icon-block-element{
max-width: 292.5px;
width: 100%;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 30px;
text-align: center;
}
.icon-block-element span{
/*font-weight: bold;*/
}
.icon-block-element img{
margin-bottom: 30px;
max-height: 50px;
}
.icon1{
font-size: 50px;
font-weight: 900;
color: #00c193;
}
/*icon-block*/
/*crypt-exchange*/
.crypt-exchange{
background: #130928;
position: relative;
z-index: 2;
}
.crypt-block{
display: flex;
align-items: center;
margin-left: -15px;
margin-right: -15px;
}
.crypt-element{
max-width: 615px;
width: 100%;
margin-left: 15px;
margin-right: 15px;
}
.parallax-element{
background: url(../img/rocket2.png);
height: 872px;
background-repeat: no-repeat;
background-position: center top;
}
.crypt-image{
max-width: 477px;
width: 100%;
}
.crypt-element h2{
}
.crypt-element h3{
font-size: 28px;
font-weight: 300;
line-height: 1.5;
padding-top: 10px;
padding-bottom: 40px;
}
.crypt-element h4{
font-size: 19px;
font-weight: 900;
padding-left: 34px;
position: relative;
display: flex;
align-items: center;
margin-bottom: 15px;
}
.crypt-element h4:before{
content: '';
position: absolute;
width: 18px;
height: 18px;
background: #ffe900;
left: 0;
}
.crypt-color:before{
background: #6900b7!important;
}
.crypt-element p{
margin-bottom: 40px;
}
/*crypt-exchange*/
/*offers*/
.offers{
background: #130928;
padding-bottom: 100px;
position: relative;
z-index: 99;
}
.offers h2{
text-align: center;
padding-top: 60px;
padding-bottom: 75px;
}
.offers-tabs{
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.offers-tabs li{
text-align: center;
margin-bottom: 10px;
max-width: 285px;
width: 100%;
padding-bottom: 3px;
}
.offers-tabs li a{
font-size: 20px;
font-weight: 500;
color: #fff;
}
.offers-tabs .ui-state-active{
border-bottom: 3px solid #00C193;
}
.offers-tabs .ui-state-active a{
background: transparent!important;
text-decoration: none!important;
color: #00C193;
}
.offers-block{
display: flex;
margin-left: 30px;
margin-right: 30px;
}
.offers-element{
max-width: 540px;
width: 100%;
margin-left: 10px;
margin-right: 10px;
}
.offers-el-f{
background: #3b036a;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
padding-top: 45px;
padding-bottom: 25px;
text-align: center;
padding-left: 15px;
padding-right: 15px;
min-height: 290px;
}
.offers-color .offers-el-f{
background: #066458;
}
.offers-el-f h3{
font-size: 27px;
font-weight: 900;
padding-bottom: 25px;
}
.offers-el-f p{
padding-bottom: 25px;
}
.calend-text{
font-size: 20px!important;
font-weight: 300;
}
.calend-text-ind{
padding-top: 8px;
}
.calend-text span{
font-weight: bold;
}
.calend-text i{
margin-right: 15px;
}
.offers-el-s{
background: url(../img/offers-element-bg.png);
background-position: right top;
background-color: #0d061c;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding-top: 60px;
padding-bottom: 50px;
min-height: 590px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
z-index: 1;
}
.offers-el-s:before{
content: '';
background: #000;
width: 100%;
position: absolute;
height: 100%;
top: 0;
opacity: 0.2;
z-index: -1;
}
.offers-el-s div{
display: flex;
flex-direction: column;
align-items: center;
padding-left: 15px;
padding-right: 15px;
}
.offers-ul-f{
padding-left: 74px;
padding-right: 74px;
}
.offers-ul-f li{
position: relative;
padding-left: 15px;
margin-bottom: 12px;
}
.offers-ul-f li:before{
content: '';
position: absolute;
top: 11px;
left: 0;
width: 4px;
height: 4px;
background: #6900b7;
}
.offers-color .offers-ul-f li:before{
background: #00c193;
}
.offers-in{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
color: #000!important;
max-width: 330px;
width: 100%;
height: 60px;
background: #ebe900;
box-shadow: 0 0 15px rgba(235,233,0,0.3);
transition: .2s;
display: flex;
justify-content: center;
align-items: center;
border-radius: 25px;
text-decoration: none!important;
margin-bottom: 15px;
}
.offers-demo{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
text-decoration: none!important;
color: #00c193!important;
display: flex;
align-items: center;
}
.offers-demo span{
border-bottom: 2px solid transparent;
line-height: 1;
transition: .2s;
}
.offers-demo span:hover{
transition: .2s;
border-bottom: 2px solid #04866a;
}
.offers-demo i{
margin-right: 10px;
font-size: 20px;
}
.none-owl{
display: none!important;
}
/*offers*/
/*exchange-function*/
.exchange-function{
background: #130928;
padding-bottom: 70px;
}
.crypt--h{
line-height: 1.3!important;
padding-top: 13px!important;
padding-bottom: 35px!important;
}
.crypt-element-li li{
padding-left: 30px;
margin-bottom: 30px;
position: relative;
}
.crypt-element-li li:before{
content: '';
position: absolute;
left: 0;
background: #00c193;
width: 15px;
height: 15px;
top: 3px;
}
/*exchange-function*/
/*benefits*/
.benefits{
background: #130928;
padding-bottom: 70px;
}
.benefits h2{
text-align: center;
padding-bottom: 50px;
padding-top: 60px;
}
.benefits-block{
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.benefits-element{
max-width: 400px;
width: 100%;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 30px;
background: #0f0720;
border-radius: 5px;
padding: 50px 15px 55px 15px;
text-align: center;
cursor: pointer;
}
.benefits-element:hover{
background-color: #1f1435;
}
.benefits-element h3{
font-weight: bold;
font-size: 18px;
position: relative;
padding-bottom: 22px;
margin-bottom: 15px;
}
.benefits-element h3:before{
content: '';
position: absolute;
width: 30px;
height: 6px;
background: #00c193;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.benefits-element img{
margin-bottom: 25px;
max-height: 70px;
width: 70px;
}
.benefits-element-block img{
margin-bottom: 0px;
max-height: 70px;
width: 100%;
}
.learn-more{
background: #0f0720;
text-align: center;
padding-top: 70px;
padding-bottom: 35px;
}
.learn-more h2{
}
.learn-more a{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
color: #191919;
padding: 20px 70px 20px 70px;
background: #ebe900;
box-shadow: 0 0 15px rgba(235,233,0,0.3);
transition: .2s;
display: inline-flex;
border-radius: 25px;
text-transform: uppercase;
text-decoration: none;
margin-top: 35px;
margin-bottom: 35px;
}
/*benefits*/
/*develop*/
.develop-exchange{
padding-top: 100px;
padding-bottom: 100px;
background: #130928;
}
.develop-exchange h2{
padding-bottom: 70px;
text-align: center;
}
.tabs-block-ul {
display: flex;
background: #201633;
border-radius: 20px;
margin-bottom: 40px;
}
.tabs-block-ul li{
max-width: 420px;
width: 100%;
height: 70px;
}
.tabs-block-ul a{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 70px;
border-radius: 20px;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
font-size: 16px;
color: #fff;
text-align: center;
transition: .2s;
}
.tabs-block-ul a:hover{
background: #1a3846;
transition: .2s;
}
.tabs-block-ul a br{
display: none;
}
.ui-state-active a{
background: #00c193!important;
}
.develop-block p{
padding-left: 50px;
padding-bottom: 20px;
font-size: 16px;
font-weight: 900;
line-height: 1.5;
}
.develop-block p span{
color: #00c193;
}
.exchange-block .mobile{
display: none;
}
.exchange-block .desk{
display: flex;
margin-left: -15px;
margin-right: -15px;
}
.exchange-element{
max-width: 400px;
width: 100%;
margin-left: 15px;
margin-right: 15px;
padding-left: 50px;
}
.exchange-ul-f li{
font-size: 14px;
margin-bottom: 20px;
position: relative;
padding-left: 30px;
}
.exchange-ul-f .exchange-ul-s li:before{
transform: none;
}
.exchange-ul-f li:before{
content: '';
position: absolute;
background: #00c193;
width: 9px;
height: 9px;
transform: rotate(45deg);
left: 0;
top: 6px;
}
.exchange-ul-s{
padding-left: 30px;
margin-bottom: 20px;
}
.exchange-ul-s li{
font-size: 13px;
padding-left: 20px;
position: relative;
margin-bottom: 10px;
opacity: 0.8;
}
.exchange-ul-s li:before{
content: '';
position: absolute;
background: #6900b7;
width: 5px;
height: 5px;
left: 0;
top: 8px;
}
/*develop*/
/*jurisdiction*/
.jurisdiction{
/*background: #130928;
padding-bottom: 70px;*/
padding-bottom: 70px;
background: #0c041c;
}
.jurisdiction-block{
display: flex;
margin-left: -15px;
margin-right: -15px;
}
.jurisdiction-element{
max-width: 400px;
width: 100%;
margin-left: 15px;
margin-right: 15px;
}
.jurisdiction-element h2{
padding-bottom: 20px;
}
.jurisdiction-element p{
margin-bottom: 30px;
}
.jurisdiction-element p span{
font-weight: bold;
}
.jurisdiction-element a{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 15px;
display: inline-flex;
color: #fff;
text-decoration: none;
padding: 16px 32px;
background: #00c193;
border-radius: 20px;
}
.jurisdiction-element-block{
max-width: 830px;
width: 100%;
margin-left: 15px;
margin-right: 15px;
}
.jurisdiction-el-bl{
display: flex;
margin-left: -15.5px;
margin-right: -15.5px;
}
.jurisdiction-el-block-el{
display: flex;
flex-direction: column;
width: 100%;
margin-left: 5px;
margin-right: 5px;
}
.jurisdiction-el-block-el div{
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
max-height: 310px;
border-radius: 10px;
/*padding-top: 100px;*/
transition: .2s;
padding-left: 10px;
}
.jurisdiction-el-block-el .label{
font-size: 16px;
padding-bottom: 7px;
}
.slider-range{
width: 100%;
-webkit-appearance: none;
height: 3px;
border-radius: 5px;
background: #C4C4C4;
outline: none;
transition: opacity .2s;
}
.slider-range::-webkit-slider-thumb{
-webkit-appearance: none;
width:10px;
height:20px;
background:#00c193;
cursor:pointer;
transition:.1s;
}
.jurisdiction-el-block-el .select{
width: 100%;
height: 30px;
padding-left: 5px;
}
#sum-value{
font-size: 34px;
font-weight: 900;
background: content-box;
border: 0px;
color: #fff;
width: 50%;
position: absolute;
margin-top: -10px;
margin-left: 10px;
}
#srok-value{
font-size: 34px;
font-weight: 900;
background: content-box;
border: 0px;
color: #fff;
width: 50%;
position: absolute;
margin-top: -10px;
margin-left: 10px;
}
.r-label{
cursor:pointer;
}
.r-label span{
margin-top: 0px;
position: absolute;
margin-left: 5px;
}
.radio{
width: 20px;
height: 20px;
}
.jurisdiction-el-block-el svg{
transition: .2s;
max-height: 60px;
fill: #0a5e59;
}
.jurisdiction-el-block-el div a, .jurisdiction-el-block-el p a{
text-transform: uppercase;
text-decoration: underline;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
color: #0b6056;
font-size: 14px;
padding-top: 80px;
transition: .2s;
}
.jurisdiction-el-block-el p a{
display: none;
}
.jurisdiction-el-block-el p{
/*padding-top: 20px;
text-align: center;*/
}
.jurisdiction-el-block-el p span{
font-weight: bold;
}
/*jurisdiction*/
/*sentence*/
.sentence{
background: #0c041c;
padding-top: 80px;
padding-bottom: 100px;
}
.sentence-block{
display: flex;
align-items: center;
margin-left: -15px;
margin-right: -15px;
}
.sentence-element{
max-width: 615px;
width: 100%;
margin-left: 15px;
margin-right: 15px;
}
.sentence-element span{
color: #00c193;
}
.sentence-element h3{
font-size: 25px;
padding-top: 10px;
font-weight: 300;
}
.sentence-social{
display: flex;
flex-direction: column;
align-items: center;
}
.sentence-social a{
color: #fff;
text-decoration: none;
}
.sentence-button{
font-size: 40px;
font-weight: 900;
padding-bottom: 15px!important;
}
.sentence-social-button{
display: flex;
}
.sentence-social-button a{
display: flex;
justify-content: center;
align-items: center;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 30px;
width: 46px;
height: 46px;
border-radius: 46px;
font-size: 22px;
}
.color-t{background: #61a8de; transition: .2s; position: relative; right: 1px;}
/*.color-t i{position: relative; right: 1px;}*/
.color-t:hover{transition: .2s; animation: radial-pulse2 1s infinite;}
.color-v{background: #7d3daf; transition: .2s;}
.color-v:hover{ transition: .2s; animation: radial-pulse3 1s infinite;}
.color-w{background: #1bd741; transition: .2s;}
.color-w i{position: relative;top: -0.5px;line-height: 3;}
.color-w:hover{ transition: .2s; animation: radial-pulse4 1s infinite;}
.color-s{background: #15ace5; transition: .2s;}
.color-s:hover{ transition: .2s; animation: radial-pulse5 1s infinite;}
.color-f{background: #3b5998; transition: .2s;}
.color-f:hover{ transition: .2s; animation: radial-pulse6 1s infinite;}
.sentence-button-s{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
color: #191919!important;
padding: 22px 32px;
background: #ebe900;
box-shadow: 0 0 15px rgba(235,233,0,0.3);
transition: .2s;
display: inline-flex;
border-radius: 27px;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 25px;
max-width: 280px;
width: 100%;
justify-content: center;
align-items: center;
}
.sentence-demo{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 14px;
color: #00c193!important;
transition: .2s;
}
.sentence-demo span{
border-bottom: 1px solid transparent;
}
.sentence-demo span:hover{
transition: .2s;
border-bottom: 1px solid #04866a;
}
.sentence-demo i{
margin-right: 10px;
}
/*sentence*/
/*footer*/
.footer{
padding-top: 40px;
padding-bottom: 40px;
background: #0c041c;
}
.footer-block{
display: flex;
align-items: center;
justify-content: space-between;
margin-left: -15px;
margin-right: -15px;
}
.footer-block p{
width: 33.3%;
font-size: 12px;
line-height: 1.9;
margin-left: 15px;
margin-right: 15px;
}
.footer-block img{
margin-bottom: 10px;
}
.footer-block a{
color: #fff;
text-decoration: underline;
}
.footer .text-center a img{
max-width: 161px;
}
/*footer*/
/*modal*/
.modal{
z-index: 99999999999;
}
.beerg-modal .modal-content{
background: url(../img/modal-bg.png);
background-position: 0 30%;
background-color: #130928;
text-align: center;
border: 0;
border-radius: 5px;
}
.beerg-modal .modal-header{
text-align: center;
border: 0;
padding-top: 45px;
}
.beerg-modal h2{
font-size: 30px;
width: 100%;
}
.beerg-modal .modal-header .close {
position: absolute;
right: 15px;
top: 15px;
}
.beerg-modal .modal-dialog{
top: 17%;
max-width: 530px;
}
.beerg-modal-content{
padding-bottom: 55px;
padding-left: 15px;
padding-right: 15px;
}
.beerg-modal-content p{
padding-bottom: 25px;
}
.beerg-modal-content input, .beerg-modal-content .form-button{
max-width: 330px;
width: 100%;
height: 55px;
border-radius: 25px;
border: none;
margin-bottom: 25px;
}
.beerg-modal-content input:focus, .beerg-modal-content .form-button:focus, .beerg-modal .close:focus{
outline: none;
}
.beerg-modal-content input{
padding-left: 35px;
}
.beerg-modal-content .form-button{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 14px;
color: #000!important;
background: #ebe900;
box-shadow: 0 0 15px rgba(235,233,0,0.3);
transition: .2s;
display: flex;
justify-content: center;
align-items: center;
border-radius: 40px;
margin: 0 auto;
text-transform: uppercase;
text-decoration: none!important;
white-space: nowrap;
padding: 0;
}
.beerg-modal .close span{
color: #fff;
}
.beerg-modal{
padding-right: 0!important;
}
::placeholder { color: #000; }
/*modal*/
@keyframes radial-pulse1 {
0% {box-shadow: 0 0 0 0 rgba(165, 179, 48, 0.5);}
100% {box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);}
}
@keyframes radial-pulse2 {
0% {box-shadow: 0 0 0 0 rgba(97, 168, 222, 0.5);}
100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}
}
@keyframes radial-pulse3 {
0% {box-shadow: 0 0 0 0 rgba(125, 61, 175, 0.5);}
100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}
}
@keyframes radial-pulse4 {
0% {box-shadow: 0 0 0 0 rgba(27, 215, 65, 0.5);}
100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}
}
@keyframes radial-pulse5 {
0% {box-shadow: 0 0 0 0 rgba(21, 172, 229, 0.5);}
100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}
}
@keyframes radial-pulse6 {
0% {box-shadow: 0 0 0 0 rgba(59, 89, 152, 0.5);}
100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}
}
.tablet_a{
display: none!important;
}
.tablet_a2{
display: none!important;
}
@media (max-width: 1000px){
.desctop_a{
display: none!important;
}
.tablet_a{
display: flex!important;
}
.tablet_a2{
display: inline-flex!important;
}
}
.enter{
cursor:pointer;
}
.enter-2{
cursor:pointer;
color:#000;
}
.enter-3{
cursor:pointer;
color:#000;
}
.overlay2{
background-color: rgba(0, 0, 0, 0.7);
bottom: 0;
cursor: default;
left: 0;
display: none;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
z-index: 99999;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.popup, .popup-remember-password{
background: url(../img/modal-bg.png);
background-position: 0 30%;
background-color: #130928;
text-align: center;
border: 0;
border-radius: 5px;
display: inline-block;
left: 50%;
display: none;
padding: 15px;
width: 520px;
height: 420px;
position: fixed;
top: 40%;
/* visibility: hidden; */
z-index: 999999;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity .5s, top .5s;
-moz-transition: opacity .5s, top .5s;
-ms-transition: opacity .5s, top .5s;
-o-transition: opacity .5s, top .5s;
transition: opacity .5s, top .5s;
}
.popup #login,#pass, .popup-remember-password #remember-login{
padding: 5px;
max-width: 330px;
width: 100%;
height: 55px;
border-radius: 25px;
border: none;
margin-bottom: 10px;
padding-left: 35px;
}
.popup .en-enter, .submit-remember{
width: 70%;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 14px;
color: #000!important;
background: #ebe900;
box-shadow: 0 0 15px rgba(235,233,0,0.3);
transition: .2s;
display: flex;
justify-content: center;
align-items: center;
border-radius: 40px;
margin: 0 auto;
text-transform: uppercase;
text-decoration: none!important;
white-space: nowrap;
padding: 0;
height: 50px;
border: 0px;
}
#wp_popup{
margin-top: 45px;
margin-bottom: 55px;
}
#wp_popup h2{
text-align: -webkit-center;
margin-bottom: 30px;
font-size:30px;
}
.popup-2{
background: url(../img/modal-bg.png);
background-position: 0 30%;
background-color: #130928;
text-align: center;
border: 0;
border-radius: 5px;
display: inline-block;
left: 50%;
display: none;
padding: 15px;
width: 520px;
height: 480px;
position: fixed;
top: 40%;
/* visibility: hidden; */
z-index: 999999;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity .5s, top .5s;
-moz-transition: opacity .5s, top .5s;
-ms-transition: opacity .5s, top .5s;
-o-transition: opacity .5s, top .5s;
transition: opacity .5s, top .5s;
}
.popup-final{
background: url(../img/modal-bg.png);
background-position: 0 30%;
background-color: #130928;
text-align: center;
border: 0;
border-radius: 5px;
display: inline-block;
left: 50%;
display: none;
padding: 15px;
width: 520px;
position: fixed;
top: 40%;
/* visibility: hidden; */
z-index: 999999;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity .5s, top .5s;
-moz-transition: opacity .5s, top .5s;
-ms-transition: opacity .5s, top .5s;
-o-transition: opacity .5s, top .5s;
transition: opacity .5s, top .5s;
}
.popup-2 #inn,#phone,#email{
padding: 5px;
max-width: 330px;
width: 100%;
height: 55px;
border-radius: 25px;
border: none;
margin-bottom: 10px;
padding-left: 35px;
}
.popup-2 .en-enter-2{
width: 70%;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 14px;
color: #000!important;
background: #ebe900;
box-shadow: 0 0 15px rgba(235,233,0,0.3);
transition: .2s;
display: flex;
justify-content: center;
align-items: center;
border-radius: 40px;
margin: 0 auto;
text-transform: uppercase;
text-decoration: none!important;
white-space: nowrap;
padding: 0;
height: 50px;
border: 0px;
}
.popup-3{
background: url(../img/modal-bg.png);
background-position: 0 30%;
background-color: #130928;
text-align: center;
border: 0;
border-radius: 5px;
display: inline-block;
left: 50%;
display: none;
padding: 15px;
width: 520px;
height: 400px;
position: fixed;
top: 40%;
/* visibility: hidden; */
z-index: 999999;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity .5s, top .5s;
-moz-transition: opacity .5s, top .5s;
-ms-transition: opacity .5s, top .5s;
-o-transition: opacity .5s, top .5s;
transition: opacity .5s, top .5s;
}
.popup-3 #name-3,#phone-3{
padding: 5px;
max-width: 330px;
width: 100%;
height: 55px;
border-radius: 25px;
border: none;
margin-bottom: 10px;
padding-left: 35px;
}
.popup-3 .en-enter-3{
width: 70%;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 14px;
color: #000!important;
background: #ebe900;
box-shadow: 0 0 15px rgba(235,233,0,0.3);
transition: .2s;
display: flex;
justify-content: center;
align-items: center;
border-radius: 40px;
margin: 0 auto;
text-transform: uppercase;
text-decoration: none!important;
white-space: nowrap;
padding: 0;
height: 50px;
border: 0px;
}
.form-2{
background: url(../img/modal-bg.png);
background-position: 0 30%;
background-color: #130928;
text-align: left;
border: 0;
border-radius: 5px;
display: inline-block;
left: 50%;
display: none;
padding: 15px;
width: 70%;
position: fixed;
top: 50%;
/* visibility: hidden; */
z-index: 999999;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity .5s, top .5s;
-moz-transition: opacity .5s, top .5s;
-ms-transition: opacity .5s, top .5s;
-o-transition: opacity .5s, top .5s;
transition: opacity .5s, top .5s;
}
.form-1, .form-3, .form-4,.form-5, .form-6{
background: url(../img/modal-bg.png);
background-position: 0 30%;
background-color: #130928;
text-align: left;
border: 0;
border-radius: 5px;
display: inline-block;
left: 50%;
display: none;
padding: 15px;
/*width: 50%;*/
position: fixed;
top: 50%;
/* visibility: hidden; */
z-index: 999999;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity .5s, top .5s;
-moz-transition: opacity .5s, top .5s;
-ms-transition: opacity .5s, top .5s;
-o-transition: opacity .5s, top .5s;
transition: opacity .5s, top .5s;
}
#wp_popup_form{
margin-bottom: 55px;
padding: 20px;
}
#wp_popup_form h2{
margin-bottom: 30px;
font-size: 30px;
}
#wp_popup_form h4{
margin-top: 20px;
margin-bottom: 5px;
}
#wp_popup_form ul{
margin-top: 20px;
margin-bottom: 5px;
list-style: disc;
}
input[type="submit"]:disabled{
background: #ccccba;
transition: .3s;
}
.btn-link{
width: 70%;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 14px;
color: #000!important;
background: #ebe900;
box-shadow: 0 0 15px rgba(235,233,0,0.3);
transition: .2s;
display: flex;
justify-content: center;
align-items: center;
border-radius: 40px;
margin: 0 auto;
text-transform: uppercase;
text-decoration: none!important;
white-space: nowrap;
padding: 0;
height: 50px;
border: 0px;
}