@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic,cyrillic-ext,latin-ext');
html {background-color: #fff;overflow-y: auto;height: 100%;}
body{font-size:12px;font-family:'PT Sans','sans-serif';min-height: 100%;height: auto;overflow: hidden;position: relative;}

.casual-bgvid {position: fixed;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
a{color: rgb(235, 116, 194);}
.clearfix:after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}

.reg_form{background: #fff;border-radius:12px;float: right;margin: 10px;overflow: hidden;width: 450px;}
.reg_form__in{padding:25px;}
.reg_form__head{text-align: center;}
.reg_form__head__logo{display: inline-block;max-width: 200px;vertical-align: middle;}
.reg_form__head__txt{border-left: 1px solid #d0d0d0;color: #747373;display: inline-block;font-size: 17px;font-weight: 900;line-height: 23px;vertical-align: middle;margin-left: 15px;padding-left: 16px;text-align: left;width: 100px;}
.reg_form__title{font-size:30px;font-weight: bold;text-align: center;margin-top: 20px;}
.reg_form__subtitle{font-size:18px;margin-top: 15px;text-align: center;}
.reg_form__subtitle span{background-color: #ffe344;padding: 0px 2px;}

.reg__c {margin: 0 auto;width: 355px;}
.reg_form__form{background: #EDEDEC;box-shadow: inset 0px 1px 2px 0px #ccc;padding: 25px;}
#quick_reg,
.soc_login__container{width: auto !important;}
.reg__item{margin-bottom: 10px;}
.reg__item__title {display: inline-block;font-size:14px;line-height: 31px;padding-left: 5px;text-align: left;vertical-align: middle;width: 100px;}
.reg__item__pol{display: inline-block;line-height: 31px;vertical-align: middle;}
.reg__item__txt {border-radius: 5px;border: 1px solid #bbb;padding: 0px 5px;box-shadow: inset 0px 1px 3px 0px #bbb;display: inline-block;height: 29px;font-size: 12px;margin: 0;padding: 0 5px;vertical-align: middle;width: 200px;}
.error_text {color: #FF9A9A;font-size: 11px;}
.error_text a{color: #FF9A9A;text-decoration: underline;}

.error_sign{background: rgb(179, 0, 0);border-radius: 50%;display: inline-block;height: 18px;padding: 0;position: relative;vertical-align: middle;width: 18px;}
.error_sign:after{content: 'x';color: #fff;margin-left: 6px;font-weight: bold;position: relative;top: 0px;}
.accept_sign {background: rgb(101, 182, 90);border-radius: 50%;display: inline-block;height: 18px;padding: 0;position: relative;vertical-align: middle;width: 18px;}
.accept_sign:after{content: "\2713";color: #fff;margin-left: 3px;font-weight: bold;position: relative;top: 1px;left:1px;}
.reg__item--3{display: none;}
.reg__item--last{text-align: center;}

.reg__item__error{line-height: 18px;text-align: center;}
.reg__item select{border:solid 1px #CECECE;margin: 0 3px;padding:2px;}

.reg__item__button {border:none;display: inline-block;
  padding:0 20px;
  color: #fff;
  font-weight: 900;
  font-size: 18px;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  line-height: 36px;}
.reg__item__button--men{
  background-image: -webkit-linear-gradient(top, #7aabe0, #6c98c8);
  background-image: -moz-linear-gradient(top, #7aabe0, #6c98c8);
  background-image: -ms-linear-gradient(top, #7aabe0, #6c98c8);
  background-image: -o-linear-gradient(top, #7aabe0, #6c98c8);
  background-image: linear-gradient(top, #7aabe0, #6c98c8);
  box-shadow: 1px 1px 5px -1px #7aabe0;}
.reg__item__button--men:hover {
  background-image: -webkit-linear-gradient(top, #6c98c8, #7aabe0);
  background-image: -moz-linear-gradient(top, #6c98c8, #7aabe0);
  background-image: -ms-linear-gradient(top, #6c98c8, #7aabe0);
  background-image: -o-linear-gradient(top, #6c98c8, #7aabe0);
  background-image: linear-gradient(top, #6c98c8, #7aabe0);}
.reg__item__button--women{margin-left: 25px;
  background-image: -webkit-linear-gradient(top, #f385c0, #e86cc3);
  background-image: -moz-linear-gradient(top, #f385c0, #e86cc3);
  background-image: -ms-linear-gradient(top, #f385c0, #e86cc3);
  background-image: -o-linear-gradient(top, #f385c0, #e86cc3);
  background-image: linear-gradient(top, #f385c0, #e86cc3);
  box-shadow: 1px 1px 5px -1px #f385c0;}
.reg__item__button--women:hover{background-image: -webkit-linear-gradient(top, #e86cc3, #f385c0);
  background-image: -moz-linear-gradient(top, #e86cc3, #f385c0);
  background-image: -ms-linear-gradient(top, #e86cc3, #f385c0);
  background-image: -o-linear-gradient(top, #e86cc3, #f385c0);
  background-image: linear-gradient(top, #e86cc3, #f385c0);}
.reg__item__button:active {position:relative;top:1px;}

.error_border {background: rgb(255, 242, 242);border: solid 1px rgb(255, 197, 197) !important;}

.reg__item--button{padding: 5px 0;position: relative;text-align: center;}
.reg__enter {margin-bottom: 8px;text-align: center;}
.reg__enter__button{color: rgb(80, 160, 235);}


input[type=radio] {display: none;}
input[type=radio] + label:before {content: "\2764";border-radius: 50%;display: inline-block;border: 1px solid #fff;line-height: 14px;margin: -3px 0 0 5px;height: 14px;width: 14px;text-align: center;vertical-align: middle;font-size: 0;transition: font-size ease .3s;}
input[type=radio]:checked + label:before {font-size: 10px;}
input[type=radio] + label{cursor: pointer;margin-left: 15px;}

#footer_counters{display: none;}

/* social login */
  .social__links{font-size:0;margin-top: 15px;text-align: center;}
  .soc_login{border-radius:6px;color: #fff;display: inline-block;font-size:16px;font-weight: bold;line-height: 32px;margin: 0 1.5%;padding:0 20px 0 10px;position: relative;white-space: nowrap;}
  .soc_login__ok{background: #ff9c43;}
  .soc_login__ok:hover{background: #ec8d37;}
  .soc_login__vk{background: #6996c7;}
  .soc_login__vk:hover{background: #5e87b3;}
  .soc_login__fb{background: #496194;}
  .soc_login__fb:hover{background: #415784;}

/* landing menu */
  .landing__menu {background: rgba(0,0,0,0.5);bottom: 0;position: absolute;width: 100%;}
  .landing__menu li{display: inline-block;line-height: 24px;}
  .landing__menu a{color: #fff;display: block;padding: 0 15px;
  -webkit-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear;}
  .landing__menu a:hover{background: #333;}
  .landing__copyright{color: #fff;float: right;font-size: 11px;line-height: 24px;padding-right: 15px;}

/* exit__popup */
  .exit__popup{background:rgb(20, 20, 20); background:rgba(0, 0, 0, 0.8);border-radius: 4px;color:#ffffff;display:none;height:450px;left:-9999px;margin:0px auto;padding:20px;position:absolute;text-align:center;width:600px;z-index:999999;}  
  .glue_block_layer {background:#000000;opacity: .8;filter:alpha(opacity=0.8);height: 100%;left: 0;position: fixed;top: 0;width: 100%;}
  .exit__popup__title {font-size: 42px;letter-spacing: 2px;text-align: center;}
  .exit__popup__photo {display: block;margin-top: 25px;}
  .exit__popup__photo img{display: block;width: 100%;}
  .exit__popup__button {
  box-shadow:inset 0px -3px 7px 0px #29bbff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
  background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
  background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
  background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
  background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
  background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
  background-color: #2dabf9;border-radius: 3px;border: 1px solid #0b0e07;display: block;font-style: italic;cursor: pointer;color: #ffffff;font-size: 32px;margin: 25px auto 0;padding: 10px;text-align: center;text-decoration: none;text-shadow: 0px 1px 0px #0F6EB5;width: 75%;}
  .exit__popup__button:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
  background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
  background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
  background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
  background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
  background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
  background-color:#0688fa;}