@media screen {

* {
    margin: 0;
    padding: 0;
}
img {
    width: 100%;
    height: auto;
}
body{
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  background-color: #000;
  color: #fff;
}
h1 {
    color: #fff;
    text-align: center;
}

.regHolder {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}
.hero-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.email-step {
    background: rgba(0,0,0, 0.80);
    padding: 15px;
}


input, textarea, button {
  -webkit-appearance: none; /*Safari/Chrome*/
  -moz-appearance: none; /*Firefox*/
  -ms-appearance: none; /*IE*/
  -o-appearance: none; /*Opera*/
  appearance: none;
  -webkit-border-radius: 0;
}

.row{
  max-width: 1080px;
  margin: 0 auto;
}

.left{
  float: left;
}

.right{
  float: right;
}

/*header section*/

header{
  padding: 20px 0;
}

div.SwitchLocale div.highlighted{
  width: 171px!important;
  padding: 10px 0;
}

div.SwitchLocale div.highlighted ul{
  padding: 0 10px;
}

div.SwitchLocale div span.label{
  border: none;
  color: #fff;
  text-decoration: underline;
}

div.SwitchLocale{
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
div.SwitchLocale p{
  display: none;
}

div.SwitchLocale div#switchLocalesTrigger{
  display: none;
}

div.SwitchLocale>div{
  margin: 0;
  padding: 0;
}

div.SwitchLocale>div, a.login{
  text-transform: capitalize;
  color: #fff;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  line-height: 1.2;
  text-decoration: underline;
}



div.switchAndLog{
  float: right;
  margin: 35px 20px 0 0;
}

a.login{

 display: inline-block;
 vertical-align: middle;  
 padding-right: 20px;
}    

#clicer{
  display: none;
}


div.headerHolder{
    text-align: center;
    margin-left: 8%;
}

.Header{
  display: inline-block;
}

.Header h2{
  padding-top: 15px;
}

/*wrapper section*/

div.Registration{
  width: 560px;
  margin: 190px auto 145px auto;
}    

.hideInShortForm { 
  display: none !important;
}

.Registration>h2{
  display: none;
}   

.Registration dl dt h3{
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 100;
  white-space: normal;
}

.wizard-step [for="sexId"] h3, .wizard-step [for="lookingForSexId"] h3, .wizard-step.dob dt h3 {
    font-size: 43px;
    padding-top: 60px;
}

div.Registration dl dt, div.regHolder dl dt{
  font-weight: 100;
  color: #3dd190;
  font-size: 25px;
  line-height: 1.2;
  display: block;
  padding-bottom: 20px;
  display: block;
}

.Registration form{
  width: 100%;
}


div.Registration dl dt, div.Registration dl.horizontal dd{
  width: 100%;
  text-align: center;
}

dl.horizontal{
  margin: 0;
}

dd input, dd select, dd textarea{
  height: 53px;
}


div.Registration dd select {
  -webkit-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  background-image: url(/images/index/select_arrow.png);
  background-position: 96% center;
  background-repeat: no-repeat;
  margin-bottom: 50px;
}

div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2, div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2, div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2{
  background-position: right center;
  width: 28%;
  float: left;
  border: none;
  font-size: 23px;
  color: #383838;
  padding-left: 15px;
  text-transform: lowercase;
  margin-bottom: 68px;
  margin-left: 2%;
} 

div.Registration select option{
  font-size: 20px;
}

div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2{
  margin-left: 33px;
  padding-left: 15px;
}

div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2{
  padding-left: 15px;
}

select::-ms-expand {
  display: none;
}

p.submitbutton{
  display: block;
  margin: 0 auto;
  width: 360px;
  text-align: center; 
  padding: 0 30px; 
}

dl.horizontal dd p.warning{
  width: 230px;
  margin: 0 auto;
  padding: 0 0 10px 0;
  display: block;
}

p.submitbutton:first-of-type{
  margin-bottom: 15px;
}

p.submitbutton:first-of-type h3{
  font-size: 37px;
  font-weight: 100;
  color: #3dd190;
}

p.submitbutton:first-of-type h3 span{
  color: #fff;
}


.mailCheckerHelperMessage{
  display: none!important;
}

input#email{
  width: 363px;
  display: inline-block;
  margin-bottom: 15px;
  padding-left: 10px!important;
  border-radius: 3px;
  line-height: 53px
}

input#email::-webkit-input-placeholder {
  font-family: 'Roboto';
  font-weight: 100;
  font-size: 16px;
  color: #404040;
  line-height: 53px;
}

input#email:-moz-placeholder { /* Firefox 18- */
  font-family: 'Roboto';
  font-weight: 100;
  font-size: 16px;
  color: #404040; 
}

input#email::-moz-placeholder {  /* Firefox 19+ */
  font-family: 'Roboto';
  font-weight: 100;
  font-size: 16px;
  color: #404040; 
}

input#email:-ms-input-placeholder {  
  font-family: 'Roboto';
  font-weight: 100;
  font-size: 16px;
  color: #404040;
}

.Registration form .invalid{
  background: #ffd7d7!important;
  color: #ce0000!important;
  border-color: #c8a9a9 #fdc5c5 #fdc5c5 #c8a9a9!important;    
}

dl p.error{
  width: 100%;
  left: 0;
  text-align: center;
  position: relative;
  top: 188px;
  font-size: 11px;
}

.wizard-step dl:nth-of-type(2) dd p.warning:nth-of-type(2){
  display: none;
}

div.RegistrationSimple p.warning, div.RegistrationSimple div.submit-block p.warning a{
  color: #fff;
  font-size: 11px;
  font-family: 'Roboto', sans-serif;
} 

div.RegistrationSimple p.warning{
  padding-bottom: 50px;
}

div.Registration p.mailCheckerHelperMessage{
  background-position: 30% 0;
}

p.icon.warning{
  background-position: 0 0;
  display: inline-block;
  width: auto;
  display: none;
}

.owl-controls.clickable{
  display: none!important;
}

.wizard-step dl:nth-of-type(2) dt{
  padding-bottom: 10px;
}

div.submit-block.dblock{
  display: block;
}

.owl-theme .owl-controls{
  margin: 65px 0 60px;
}

.owl-theme .owl-controls .owl-page{
  margin-right: 65px;
}

.owl-theme .owl-controls .owl-page:last-of-type{
  margin-right: 0;
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 25px;
  height: 25px;
  margin: 5px 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: transparent;
  border: 1px solid rgba(255,255,255, 0.2);
  filter: Alpha(Opacity=100);
  opacity: 1;    
} 

.owl-page:before {
  position: relative;
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: rgba(255,255,255, 0.2);
  z-index: 100;
  top: 19px;
  margin-left: -65px;
}

.owl-page:after {
  position: relative;
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background: rgba(255,255,255, 0.2);
  z-index: 100;
  top: -17px;
  margin-left: 40px;
}

.owl-page:last-of-type:after, .owl-page:first-of-type:before{
  display: none;
}

.owl-page:last-of-type:before {
  top: 18px;
}

.owl-page{
  position: relative;
}

.owl-page span:before, .owl-page span:after{
  font-weight: 100;
  color: rgba(255,255,255, 0.2);    
  position: absolute;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);  
  border-color: rgba(255,255,255, 0.2);  
  border-width: 1px;  
  font-size: 18px;  
}


.owl-page.active span:before, .owl-page.active span:after{
  color: #fff;
  border-color: #fff; 
}

.owl-theme .owl-controls .owl-page.active span{
  background: #fff;
  border: 1px solid #fff;
  filter: Alpha(Opacity=100);
  opacity: 1; 

}

#sexId, #lookingForSexId{
  visibility: hidden;
  margin: 0;
}

.tipsy{
  display: none!important;  
}


div.Registration dl dt, div.Registration dl dd{
  text-align: center;
  margin: 0!important;
}

.show div.Registration dl dt, .show div.Registration dl dd{
    background-color: rgba(0,0,0, 0.80);
}

.male, .female{
  width: 200px;
  box-sizing: content-box;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 30px;
  line-height: 66px;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 3px;
  background-color: #0DC143;
  border: 1px solid #FFF;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(255,255,255,0.57);
  -moz-box-shadow: 0px -1px 0px 0px rgba(255,255,255,0.57);
  box-shadow: 0px -1px 0px 0px rgba(255,255,255,0.57);      
}

.male:hover, .female:hover{
  background-color: #12ED54;
}

div.Registration dl{
  margin: 0 20px;
}

.male, .female{
  margin-bottom: 51px;
}

.male{
  margin-right: 18px;

}

.female{
  margin-left: 18px;
}

.falseAnswer{
  background-color: #949b9d;
  border: 1px solid #949b9d;
  box-shadow: none;
}

.falseAnswer:hover{
  background-color: #949b9d;
  opacity: 0.8;
}

.step1, .step2, .step3, .step4, .step5{
  background: rgba(0,0,0, 0.80);
  border-radius: 3px;
  padding: 15px;
}

.Registration .step2 dl dt h3{
  font-size: 18px;
}

.step5 h6{
  position: absolute;
  top: 10%;
  left: 40%;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
}

.Registration .step4 dl dt h3{
  font-size: 18px;
  padding-top: 30px;
}    

.step4 .continue, div.Registration input.submit{
  display: inline-block;
  width: 299px;
  height: 66px;
  line-height: 66px;
  cursor: pointer;
  background: url(/images/index/but.png) center center no-repeat;
  background-size: 100% 100%;
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  margin: 30px auto 120px;
  text-transform: uppercase;
  border: none;
}

.step5{
  height: 389px;
  background: rgba(0,0,0, 0.38);
  text-align: center;
}

.step5 img{
  width: 130px;
  padding-top: 140px;
}

body.ru .step4 .continue, body.ru div.Registration input.submit{
  font-size: 20px;
}

div.Registration input.submit{
  margin: 0 auto;
}
.Registration dl dt h5{
  font-size: 24px;
  color: #D60B51;
  font-weight: 600;
  padding: 10px 0;
} 

div.Registration h4{
  font-size: 26px;
  color: #fff;
  font-weight: 300;
  text-align: center;
  padding: 40px 40px 0;
}

div.Registration h4 span{
  color: #35e5f5;
 font-size: 30px;
font-weight: 600;
}

div.show .owl-item:nth-of-type(4) dt, div.show .owl-item:nth-of-type(4) dd{
  background: none;
}

div.show{
  display: none;
}

/*footer section*/

footer{
  background: #000;
}


.welcome h1, .welcome p{
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #262626;
}

.welcome h1{
  font-size: 24px;
  padding: 73px 0 25px;
}

.welcome p{
  font-size: 14px;
}

ul#bottonNavigation {
  list-style: none;
  text-align: center;
  position: relative;
  margin-top: 40px;
}

ul#bottonNavigation li {
  padding: 0 15px 0 0;
  list-style: none;
  display: inline;
}

ul#bottonNavigation li a {
  font-family: 'Roboto';
  font-weight: 400;
  color: #7d7d7d;
  text-transform: uppercase;
  font-size: 18px;
}

ul#bottonNavigation li a:hover {
  text-decoration: none;
} 

#copyright br{
  display: none;
}

div#copyright{
  float: none;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #8e8e8e;
  margin: 25px 0 90px;
}

div#copyright span{
  font-weight: bold;
}

p.warningNotification{
  color: #7d7d7d;
  font-size: 13px;
  text-align: right;
  display: none;
}

}

/*media query section*/

@media only screen and (min-width: 1620px){
  .wrapper{
    background-size: 100%
  }
} 

@media only screen and (max-width: 40.313em){ /*640px*/

.wrapper{
  background-position: -200px top;
}

  header{
    background: #000;
  }  

  div.switchAndLog{
    margin-top: 25px;
  }

  div.SwitchLocale{;
  }  

  div.SwitchLocale>div span.label{
    padding: 0;
  }

  .Header{
    width: 280px;
  }

  div.Registration{
    max-width:100%;
  }

  .male, .female{
    width: 40%;
  }

  .male{
    margin-right: 2%;
  }

  .female{
    margin-left: 2%;
  }

  input#email{
    width: 90%;
  }

  p.submitbutton, div.Registration input.submit{
    width: 100%;
  }

  .owl-item:nth-of-type(3) dl dd{
    text-align: center;
  }

  .owl-item:nth-of-type(3) dl dd select{
    display: inline-block;
    float: none!important;
    padding-left: 15px!important;
  }

  div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2{
    margin-left: 0;
  }

  .regHolder{
    padding: 0;
  }

  div.Registration dl{
    width: 100%;
    margin: 0;
  }

  div.show .owl-item:nth-of-type(4) .submit-block{
    margin: 0;
  }

  .owl-controls{
    display: none!important;
  }
}

@media only screen and (max-width: 30.313em){ /*480px*/
  body{
    background-size: 1300px;
  }

  .Header {
    width: 100px;
    margin: 10px 0;
  }

  .Header h2 {
    padding-top: 5px;
    font-size: 0px;
  }

  div.switchAndLog {
    margin-top: 15px;
  }

  div.SwitchLocale>div, a.login{
    font-size: 14px;
    text-transform: capitalize;
  }
  div.Registration{
    margin: 40px 0 120px;
  }

  div.Registration h4{
    font-size: 18px;
  }

  .Registration dl dt h3{
    font-size: 24px;
  }

  .Registration dl dt h5{
    font-size: 14px;
  }

.Registration dl dt h3{
    font-size: 14px;
  }

  .male, .female{
    font-size: 22px;
    line-height: 50px;
  }

  .step4 .continue, div.Registration input.submit{
    font-size: 24px;
  }

  body.ru .step4 .continue, body.ru div.Registration input.submit{
    font-size: 16px;
  }
  
  ul#bottonNavigation li a{
    font-size: 11px;
    color: #595959;
  }

}

/*429434.1.351.79.fc81bce*/