body {
  margin : 0;
  padding : 0;
  overflow-x : hidden;
}
input:focus {
  outline : none;
}
select::-ms-expand {	display: none; }
select{
    -webkit-appearance: none;
    appearance: none;
}

.body {
  background-image : url('../img/background-medium.jpg');
  background-size : 1900px 100%;
  background-repeat : no-repeat;
  /*background-image : url('../../wrap.PNG');
  background-size : 100vw 100vh;
  background-repeat : no-repeat;
  width : 100vw;
  height : 100vh;*/
  font-family : 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.body .layer {
  width : 100%;
  height : 100%;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 10%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 10%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0.7) 10%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.body .header {
  width : 95%;
  margin-left : auto;
  margin-right : auto;
  padding-top : 0;
  padding-top : 1px;
}
.body .header .logo {
  background-image : url('../img/logo.png');
  background-size : 100% 100%;
  background-repeat : no-repeat;
  width : 179px;
  height:  88px;
}
.body .form {
  width : 455px;
  min-height : 200px;
  border-radius : 4px;
  margin-right : auto;
  margin-left : auto;
  background-color : rgba(0,0,0,.75);
}
.body .form .wrapper {
  padding-top : 40px;
  padding-left : 70px;
  padding-bottom : 40px;
}
.body .form h1 {
  color : #FFF;
  font-size : 32px;
  font-weight : 700;
  margin-bottom : 28px;
}
.body .form .input_table label {
  font-size : 16px;
  color : #8c8c8c;
  position : absolute;
  margin-left : -298px;
  margin-top : 17px;
}
.body .form .input_table input {
  width : 77%;
  margin-left : auto;
  margin-right : auto;
  height : 33px;
  border-radius : 4px;
  border : none;
  background-color : #333;
  padding-left : 20px;
  padding-top : 15px;
  font-size : 16px;
  color : #FFF;
  margin-top : 1px;
}
.body .form .action_table button {
  width : 82%;
  height : 48px;
  border-radius : 4px;
  border : 0;
  font-size : 16px;
  font-weight : 700;
  background : #e50914;
  color : #FFF;
  cursor : pointer;
}

.options_table .checkbox {
  width : 17px;
  height : 17px;
  background-color : #737373;
  border-radius : 3px;
}

.options_table .on {
  background-image : url('../img/check.png?s');
  background-size : 13px 13px;
  background-position : center;
  background-repeat : no-repeat;
}

.options_table label {
  font-size : 13px;
  color : #b3b3b3;
  position : relative;
  font-weight : 500;
  left : 22px;
  top : -17.5px;
  user-select : none;
  -moz-user-select : none;
  -webkit-user-select : none;
}

.options_table .help {
  float : right;
  position : relative;
  color : #b3b3b3;
  font-size : 13px;
  font-weight : 500;
  top : -34px;
  left : -70px;
  cursor : pointer;
}
.options_table .help:hover {
  text-decoration : underline;
}

.social_table .fb_connect {
  color : #737373;
  font-size : 13px;
  font-weight : 500;
  height : 20px;
  background-image : url('../img/fb.png');
  background-size : 20px 20px;
  background-repeat : no-repeat;
  padding-left : 29px;
  padding-top : 2px;
  cursor : pointer;
  max-width : 120px;
}
.social_table .register {
  margin-top : 14px;
  color : #737373;
  font-size : 16px;
  font-weight : 500;
}
.social_table .register a {
  color : #FFF;
  cursor : pointer;
}
.social_table .register a:hover {
  text-decoration : underline;
}

.password {
  margin-top : 17px;
}
.action_table {
  margin-top : 40px;
}
.options_table {
  margin-top : 14px;
  margin-left : -1px;
}
.social_table {
  margin-top : 189px;
}


.footer {
  width : 100%;
  height : 237px;
  margin-top : 88px;
  background-color : rgba(0, 0, 0, 0.85);
}
.footer .footwrapper {
  width : 74%;
  margin-left : auto;
  margin-right : auto;
  padding-top : 30px;
}
.footer .footwrapper .faq {
  font-size : 16px;
  color : #999;
  font-weight : 300;
  cursor : pointer;
}
.footer .footwrapper .faq:hover {
  text-decoration : underline;
}
.footer .footwrapper .options {
  margin-top : 30px;
}
.footer .footwrapper .options span {
  font-size : 13px;
  color : #999;
  cursor : pointer;
  display : inline-block;
  margin-right : 150px;
}
.footer .footwrapper .options span:hover {
  text-decoration : underline;
}
.region {
  width : 127px;
  height : 48px;
  border : 1px solid #333;
  color : #999;
  background-color : #000;
  border-radius : 2px;
  margin-top : 35px;
  background-image : url('../img/globe.png?s'), url('../img/down.png');
  background-repeat : no-repeat, no-repeat;
  background-position : 13px center, 106px 16px;
  background-size : 16px 16px, 10px 10px;
  padding-left : 49px;
  font-size : 13px;
  padding-bottom : 2px;
}

.slideUP {
  animation : slideup 0.1s ease-in forwards;
}
@keyframes slideup {
  from {
    font-size : 16px;
    margin-top : 17px;
  }
  to {
    font-size : 10px;
    margin-top : 8px;
  }
}

.slideDown {
  animation : slidedown 0.1s ease-out forwards;
}
@keyframes slidedown {
  from {
    font-size : 10px;
    margin-top : 8px;
  }
  to {
    font-size : 16px;
    margin-top : 17px;
  }
}

.hover {
  background-color : #EEE !important;
}
.inputError {
  border-bottom : 2px solid #e87c03 !important;
}
.error_text {
  font-size : 13px;
  color : #e87c03;
  font-weight : 300;
  margin-top : 7px;
  max-width : 80%;
}
@media(max-width: 650px) {
  .body {
    background: #000 !important;
  }
  .form {
    margin-top : -30px !important;
    width : 100% !important;
  }
  .form .wrapper {
    width : 100%;
    padding-left : 30px !important;
  }
  .form .wrapper input {
    width : 81% !important;
  }
  .form .wrapper button {
    width : 88.5% !important;
  }
  .input_table label {
    float : left !important;
    margin-left : -81% !important;
  }
  .social_table {
    margin-top : 100px;
  }
  .footer {
    margin-top : -10px;
    border-top : 1px solid #999;
  }
  .footer .footwrapper {
    width : 90%;
  }
  .footer span {
    margin-right : 60px !important;
    margin-top : 0px !important;
  }
  .ui-message {
    width : 76% !important;
  }
}

.ui-message {
  width : 71.8%;
  padding : 10px 20px;
  background-color : #e87c03;
  font-size : 14px;
  margin : 0 0 16px;
  border-radius : 4px;
  color : #FFF;
}

.ui-message a {
  text-decoration : underline;
  cursor : pointer;
}