@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

#login-modal {
  
  background-color: #f8f8f8;
  max-width:778px !important;
  border-radius: 5px !important;
  overflow: hidden;
}
#login-modal .container {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px;
padding: 0px;
display: table;
}
#login-modal.iziModal article.half{ display: block; margin: 0px auto; }
#login-modal .container .half {
    display: table-cell;
  width: 100%;
  height: 100%;
  padding: 15px 48px 0 20px;
}
#login-modal .container .half.bg {
 /* background-image: url("");
  background-size: 400px;
  background-repeat: no-repeat;*/
  width: 40%;
  height: auto;
display: table-cell;
vertical-align: middle;
padding: 0px;
}
#login-modal .container h1 {
  font-size: 24px;
  
  font-weight: 800;
  margin:0px 0px 20px 0px;
  text-align: left;
  color:#FF5A5F;
}
#login-modal .container p{font-size: 18px;}
#login-modal .container .tabs {
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
}
#login-modal .container .tabs .tab {
  display: inline-block;
  margin-bottom: -1px;
  padding: 20px 15px 10px;
  cursor: pointer;
  letter-spacing: 0;
  border-bottom: 1px solid #d9d9d9;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  transition: all 0.1s ease-in-out;
}
#login-modal a{color: #ff5a5f; text-decoration: underline;}
.upsignbtn{color: #ff5a5f !important; text-decoration: underline !important;}
#login-modal a:hover{text-decoration: none;}
#login-modal .container .tabs .tab a {
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ff5a5f;
  transition: all 0.5s ease-in-out;
}
#login-modal .container .tabs .tab.active a, #login-modal .container .tabs .tab:hover a {
  color: #ff5a5f;
}
#login-modal .container .tabs .tab.active {
  border-bottom: 1px solid #263238;
}
#login-modal .container .content form {
  position: relative;
}
#login-modal .container .content label:first-of-type, #login-modal .container .content input:first-of-type, #login-modal .container .content .more:first-of-type, #login-modal .container .content button,  #login-modal .container .content p:first-of-type, #login-modal .container .content .email-login {
  -moz-animation: slideIn 0.4s cubic-bezier(0.37, 0.82, 0.2, 1);
  -webkit-animation: slideIn 0.4s cubic-bezier(0.37, 0.82, 0.2, 1);
  animation: slideIn 0.4s cubic-bezier(0.37, 0.82, 0.2, 1);
}
#login-modal .container .content label:nth-of-type(2), #login-modal .container .content input:nth-of-type(2), #login-modal .container .content .more:nth-of-type(2) {
  -moz-animation: slideIn 0.5s cubic-bezier(0.37, 0.82, 0.2, 1);
  -webkit-animation: slideIn 0.5s cubic-bezier(0.37, 0.82, 0.2, 1);
  animation: slideIn 0.5s cubic-bezier(0.37, 0.82, 0.2, 1);
}
#login-modal .container .content label:nth-of-type(3), #login-modal .container .content input:nth-of-type(3), #login-modal .container .content .more:nth-of-type(3) {
  -moz-animation: slideIn 0.6s cubic-bezier(0.37, 0.82, 0.2, 1);
  -webkit-animation: slideIn 0.6s cubic-bezier(0.37, 0.82, 0.2, 1);
  animation: slideIn 0.6s cubic-bezier(0.37, 0.82, 0.2, 1);
}
#login-modal .container .content label {
  font-size: 12px;
  color: #7B7B7B;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; margin-bottom: 0px; font-weight: 400;
}
/*#login-modal .container .content label:not([for='remember']) {
  display: none;
}*/
#login-modal .container .content input.inpt {
  font-size: 14px;
  display: block;
  width: 100%;
  margin:0px 0px 20px;
  padding: 5px 0px 5px;
  color: #032C8D !important; 
  border: transparent;
  border-bottom: 1px solid #d9d9d9;
  background: transparent;
}
#login-modal .container .content input.inpt::-webkit-input-placeholder {
  font-size: 14px;
  color: #032C8D;
  
}
#login-modal .container .content input.inpt:-moz-placeholder {
  font-size: 14px;
  color: #032C8D;
  
}
#login-modal .container .content input.inpt::-moz-placeholder {
  font-size: 14px;
  color: #032C8D;
  
}
#login-modal .container .content input.inpt:-ms-input-placeholder {
  font-size: 14px;
  color: #032C8D;
  
}
#login-modal .container .content input.inpt:focus {
  border-color: #032C8D;
}
#login-modal .container .content input.submit {
  font-size: 14px;
  line-height: 36px;
  display: block;
  width: 100%;
  height: 40px;
  cursor: pointer;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #ff5a5f;
  background: #ff5a5f;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#login-modal .container .content input.submit:hover {
  background:none;
  border: 1px solid #ff5a5f;
  color: #ff5a5f;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#login-modal .container .content input:focus {
  outline: none;
}
#login-modal .container .content .checkbox {
  margin-top: 0px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 0;
  height: 0;
  margin: 0px 0px;
  padding: 0;
  border: 0;
  opacity: 0;
  visibility: hidden;
  min-height: 0px !important;
}
#login-modal .container .content .checkbox + label {
  vertical-align: middle;
  display: inline-block;
  width: 50%;
}
#login-modal .container .content .checkbox + label:before {
  content: "\A";
  color: #999999;
  font-family: Verdana;
  font-weight: bold;
  font-size: 8px;
  line-height: 10px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: transparent;
  border: 1px solid #d9d9d9;
  width: 11px;
  height: 11px;
  margin: -2px 8px 0 0;
}
#login-modal .container .content .checkbox:checked + label:before {
  content: "✓";
}
#login-modal .container .content .submit-wrap {
  /*position: absolute;
  bottom: 0;*/
  width: 100%;
}
#login-modal .container .content .submit-wrap a {
  font-size: 14px;
  margin-top: 20px;
  text-align: center;
  text-decoration: none;
  color: #000;
}
#login-modal .container .content .submit-wrap a:hover {
  text-decoration: underline;
}
#login-modal .container .content .signup-cont {
  display: none;
}
#login-modal .container .content button{position: relative;}
#login-modal .container .content button i{font-size: 18px;position: absolute; left: 15px; color: #fff; top: 11px;}
#login-modal .container .content button.email-login{background: #3948b2; color: #fff;padding: 10px;}
#login-modal .container .content button.email-login:hover{background: #4857c5;}

.login-wrap .content {margin: 0px;min-height: auto;} 

.login_info{background:#032C8D; padding:30px 20px 35px 50px;min-height: 390px; color:#B9CEFF;}
.login_info h2{color: #FF5A5F; font-size: 30px;}
.login_info p{font-size: 18px;}
.captcha_modal .login_info{min-height: 490px;}


 @keyframes slideIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    margin-left: -320px;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    margin-left: 0px;
  }
}
@-webkit-keyframes slideIn {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    margin-left: -320px;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    margin-left: 0px;
  }
}
.credits {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #999999;
  font-size: 14px;
  margin: 0 10px 10px 0;
}
.credits a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  color: inherit;
  font-weight: 700;
  text-decoration: none;
}
.izimoda-close{background: #FFF;
    margin-bottom: 10px;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 20px;
    font-weight: 400;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 0;
    color: #a9a9a9;
    cursor: pointer;}

.facebook-login, .facebook-login:focus {
  background-color: #3b5998;
  color: #fff;
  padding: 10px;
}

.facebook-login:hover {
  background-color: #325cb4;
  color: #fff;
  padding: 10px;
}


.twitter-login, .twitter-login:focus {
  background-color: #3b5998;
  color: #fff;
  padding: 10px;
}
.twitter-login:hover {
  background-color: #325cb4;
  color: #fff;
  padding: 10px;
}


.btn-block+.btn-block{ margin-top: 14px;}
.s_footer_links{text-align: center; font-size: 16px;    margin: 20px 0px 0px; color: #032C8D;}
/*.s_footer_links a{text-decoration: none !important;}*/
.cont{margin:30px 0px 0px;}

.block {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
  margin: 50px;
  display: inline-block;
}

.beacon {
  background: rgba(253, 104, 4, 0.33);
}

.loading-spinner:before, .loading-spinner:after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fd6804;
  position: absolute;
  top: 0;
  left: 0;
  animation: beacon 2.4s linear 0.6s infinite;
}
.loading-spinner:after {
  animation: beacon 1.8s linear infinite;
}

@keyframes beacon {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.beacon-center {
  width: 10px;
  height: 10px;
  background: #fd6804;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*.login-wrap{ padding-bottom: 60px; }*/




.login-or-text{text-align: center;
    margin: 15px 0px;}
#login-modal .nav_style_res{z-index: 1;}
#login-modal .izimoda-close{z-index: 9}
.iziModal-content .line-largest{line-height: 45px;}
.login-loading-wrap{text-align: center;}
.wp-theme-1 .iziModal-overlay{}
.alert, .login-msg{display: table;}
.s_footer_links.tab{cursor: pointer;}


.submit-wrap i.fa.fa-spinner{
	display: none;
	position: absolute;
    right: 35%;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 15px;
    color: #fff;
}



.g-recaptcha{padding-bottom: 15px;}
.recaptcha-modal button.close{position: relative;font-weight: 900;background-color: transparent !important;color: #000;top: 0;right: 0;}
.recaptcha-modal .modal-footer{display: none;}
body.theme3 .modal{color: #000;}
.recaptcha-modal .modal-content{border-radius: 0; border: none; border-top: 5px solid #ff5a5f;}
.top_bar_mobile {display: none; }

 .login_info img{display: inline-block; vertical-align: top; margin-right: 10px;}
  .login_info span{display: inline-block; width: 81%; font-size: 16px;}
  .login_info span strong{color: #FF5A5F;}
  .login_info ul{margin:30px 0px 0px; }
  .login_info ul li{margin-bottom: 16px;}
  .password_wr{position: relative;}
  .password_wr .forgot{position: absolute;  right: 5px; top: 5px; text-decoration: none !important;} 
  .password_wr i {margin: -10px 0px 10px; display: block; font-size: 11px; font-style: normal; color: #032C8D;}
  .note{font-size: 11px;display: block; text-align: center; margin: 6px 0px 0px;}
  .note a{color: #032C8D !important;  text-decoration: none !important;}
  .top_bar_mobile .back_ic{position: absolute; left: 17px; color: #fff; top: 18px; }


@media screen and (min-width: 841px) and (max-width:1024px){
	.login_info{width: 49%;display: inline-block;}
	.login_box{width: 50%;display: inline-block;}
}

@media screen and (min-width: 320px) and (max-width:840px){
.login_info{padding: 10px 40px !important;}
#login-modal{width: 100%;max-width: 100% !important; height: 100vh;}
#login-modal .container .half{height: 100%; padding: 0px 0px 37px;}
.login_info h2,#login-modal .container p{text-align: center;}
#login-modal .container {box-shadow: none; height: 100vh; } 
.cont{margin:20px 0px 0px; }
.login_info h2{margin-top: 0px; font-size: 26px;}
#login-modal .container h1{display: none;}
.login_box {background: #fff; border-radius: 20px 20px 0px 0px; padding-top: 10px; margin: -13px 14px 0px; }
.login_info ul {margin: 30px 0px 50px; }
.top_bar_mobile {display: block; background: #032C8D; padding: 10px 22px 5px; margin: 0px; text-align: center; } 
.login_info span{font-size: 14px;}  
}



@media screen and (min-width: 320px) and (max-width:940px){
  #login-modal .container .half{    width: 95%;}
}

@media screen and (min-width: 320px) and (max-width:480px){
	.login_info span{width: 76%;}
	.login_info ul{    margin: 30px 0px 35px;}
}