@media screen {
/**
* Layout
*/
@import url(http://fonts.googleapis.com/css?family=Roboto:500,100,300,700,400, 900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800&subset=latin-ext);

body{
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 400;
  background-color: #000;
}



body:before {
  content: '';
  display: block;
  -webkit-animation: 200s bg linear forwards;
  animation: 200s bg linear forwards;
  background: url(/images/index/bg.jpg) 0 0 repeat;
  background-size: auto;
  position: fixed;
  height: 600%;
  width: 100%;
  top: 0;
  left: 0;
}
@-webkit-keyframes bg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@keyframes bg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}


.wrapper{
  overflow: hidden;
}


*{
  margin: 0;
  padding: 0;
}


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;
  -webkit-border-radius: 0;
}

.row{
  max-width: 1080px;
}

.left{
  float: left;
}

.right{
  float: right;
}

/*header section*/

header{
  padding: 20px 0;
}

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

a.login {
 display: inline-block;
 vertical-align: top;  
 padding-right: 20px;
 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
 color:#fff;
 font-weight:700;
 font-size:18px;
 text-decoration:underline;
}    

a.login:hover {text-decoration:none}

#clicker{
  display: none;
}


div.headerHolder{
  text-align: left;
}

.Header{
  text-align: center;
}

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

/*wrapper section*/

div.Registration{
  width: 100%;
  margin: 0 auto 200px auto;
}    

.hideInShortForm { 
  display: none !important;
}

.Registration>h2{
  display: none;
}   

.Registration dl dt h3{
  display: block;
  color: #000;
  font-size: 35px;
  font-weight: 800;
  white-space: normal;
  padding-top: 0;
}

div.Registration form {margin-top:2px}

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: 45px;
}


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: 25%;
  float: left;
  border: none;
  font-size: 24px; font-weight: 700;
  color: #383838;
  padding-left: 15px;
  text-transform: lowercase;
  margin-bottom: 0;
  margin-left: 2%;
} 

div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width: 43%}

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

div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2{
  margin-left: 0;
  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: 8px;
  line-height: 30px;
border: 2px solid #D7D7D7;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 24px;
}

input#email::-webkit-input-placeholder {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 24px;
  color: #CECECE;
  line-height: 30px;
}

input#email:-moz-placeholder { /* Firefox 18- */
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 24px;
  color: #CECECE; 
}

input#email::-moz-placeholder {  /* Firefox 19+ */
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 24px;
  color: #CECECE; 
}

input#email:-ms-input-placeholder {  
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 24px;
  color: #CECECE;
}

.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{
  font-size: 10px;
  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{
  display: none;
}

.tipsy{
  display: none!important;  
}


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


.male, .female{
  width: 178px;
  box-sizing: content-box;
  font-weight: 700;
  color: #fff;
  font-size: 24px;
  line-height: 53px;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 8px;
  background-color: #8DC63F;   
}

.male:hover, .female:hover{
  background-color: #77C50B;
}

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

.hiden .male, .hiden .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;
}

.hiden .Registration dl dt h3{
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2;
  padding: 0 5%;
}

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

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

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

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

.step4 .continue, div.Registration input.submit{
  display: inline-block;
  width: 299px;
  height: 54px;
  line-height: 54px;
  cursor: pointer;
  background: #8DC63F;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  margin: 30px auto 0;
  text-transform: uppercase;
  border: none;
border-radius:8px
}
div.Registration input.submit:hover {background: #77c50b}

.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: #35eeff;
  font-weight: 300;
  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;
}


div.hiden{
  display: block;
}

div.regHolder {border-radius:8px; background-color:#fff}

/*footer section*/

footer{
  background: #000; position: relative;
}

footer .row {max-width:none}

.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: left;
  position: relative;
  margin-top: 25px; padding-left: 15px
}

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

ul#bottonNavigation li a {
  font-weight: 700;
  color: #fff;
  font-size: 14px; text-decoration: underline
}

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

#copyright br{
  display: none;
}

div#copyright{
  float: none;
  text-align: right;
  font-size: 14px;
  color: #8e8e8e;
  margin: 25px 0 0;
}

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

p.warningNotification{
  color: #7d7d7d;
  font-size: 11px;
  text-align: center; margin-top:30px
}

div.wizard-step {display:none}
div.controlPart {padding-top:120px; position: static}
.wizard-step4 div.controlPart {padding-top:60px}

div.stepNumbers {clear:both; text-align:center; position:absolute; bottom:25px; right:130px}
div.stepNumbers span {display:inline-block; border-radius:100%; width:36px; height:36px; text-align:center; background:#E1E1E1; color:#b9b9b9; font-weight:700; font-size: 18px; line-height:36px; margin:0 7px}
div.stepNumbers span.active {background:#9A9A9A; color:#fff;}

div.Registration .wizard-step3 div.controlPart dl.horizontal dd {border:2px solid #D7D7D7; border-radius:8px; width:90%; margin-left:5% !important}
div.owl-controls {display:none !important}

div.SwitchLocale {position:static; display:inline-block}
div.SwitchLocale p {display:none}
div.SwitchLocale div span.label-native {vertical-align: middle; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #fff; font-weight: 700; font-size: 18px; border:none; line-height:normal; padding:0 }
div.SwitchLocale div {margin-top:0}
div.SwitchLocale div#switchLocalesTrigger {height:24px}
div.SwitchLocale div.highlighted {top:40px; right:10px}
}

/*media query section*/

@media only screen and (min-width: 64.063em) {
    div.imagePart {width:282px}
    div.controlPart {width:480px; padding-left:0}
}


@media only screen and (max-width: 1024px){
div.regHolder {width:95%}
div.controlPart {float:left !important}
footer {background:none}
div#copyright, p.warningNotification {text-align:left; padding-left:15px; color:#b8b8b8; margin-left:0}
div.stepNumbers {right: 0; left: 0; padding-left: 34%;}
dl.horizontal dd p.warning {width:100%}
div.RegistrationSimple p.warning {padding-bottom:0}
}

@media only screen and (max-width: 800px){
div.controlPart {padding-top:60px}
.Registration dl dt h3 {font-size:30px}
.male, .female {font-size:20px; width:150px}
.wizard-step4 div.controlPart {padding-top:20px}
div.stepNumbers {bottom:5px}
div.stepNumbers span {width:30px; height:30px; line-height:30px; font-size:14px}
div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2, div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2, div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {font-size:14px}
p.submitbutton {width:100%; padding:0}
div.Registration input.submit {width:85%}

input#email{
  width: 100%;
  line-height: 24px;
  font-size: 18px;
}

input#email::-webkit-input-placeholder {
  font-size: 18px;
}

input#email:-moz-placeholder { /* Firefox 18- */
  font-size: 18px;
}

input#email::-moz-placeholder {  /* Firefox 19+ */
  font-size: 18px;
}

input#email:-ms-input-placeholder {  
  font-size: 18px;
}


}

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


  .Header{
    width: 280px;
margin:0 auto;
  }

  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;
  }

header {padding-bottom:0}
div.headerHolder {text-align:center}
div.switchAndLog {float:none; margin:0}

.imagePart {max-height:250px; border-radius:8px; overflow:hidden}
.imagePart img {width:96%; display:block; margin:-20% auto 0}

}

@media only screen and (max-width: 30.313em){ /*480px*/
.imagePart {max-height:150px}
div.stepNumbers {padding-left:0}
dl.horizontal dd p.warning {padding-left:10px}
div.controlPart {padding-bottom:70px; padding-top:20px}
input#email {height:35px; font-size:14px; line-height:18px; font-weight:400}
div.Registration {margin-top:10px; margin-bottom:40px}

input#email::-webkit-input-placeholder {
  font-size:14px; line-height:18px; font-weight:400
}

input#email:-moz-placeholder { /* Firefox 18- */
 font-size:14px; line-height:18px; font-weight:400
}

input#email::-moz-placeholder {  /* Firefox 19+ */
  font-size:14px; line-height:18px; font-weight:400
}

input#email:-ms-input-placeholder {  
  font-size:14px; line-height:18px; font-weight:400
}
div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2, div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2, div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {margin-left:0; font-size:14px; padding-left:10px !important; font-weight:400}
div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2, div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2 {width:27%}

  .Header {
    width: 100%;
    margin: 5px auto 0;
    max-width:300px
  }

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

  div.switchAndLog {
    margin-top: 10px;
    margin-right:0;
    float:none;
    text-align:center;
  }

  div.SwitchLocale>div, a.login, div.SwitchLocale div span.label-native{
    font-size: 14px;
    text-transform: capitalize;
  }

div.SwitchLocale div#switchLocalesTrigger {
    height: 19px;
}



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

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

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

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

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

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