.logo-wrap{ position:relative; z-index:99; margin-bottom:50px; display:inherit;}

a{ display:inline-block;}
.underline{ text-decoration:underline;}
.text-gray{ color:rgba(0,0,0,0.51);}


/**SIGN IN AND SIGN UP PAGES**/
.sign-outer{ display:flex; flex-wrap:wrap; min-height:640px; }
.sign-left{max-width:100%; flex:0 0 100%; position:relative; /*position:fixed;top:0; bottom:0; left:0; right:0;*/}
.sign-left:before{ content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.4); height:100%; width:100%;}
.sign-in-left{background:url(../images/sign-in-banner.png) no-repeat; background-size:cover;background-position: center center;}
.sign-up-left{background:url(../images/sign-up-banner.png) no-repeat; background-size:cover;background-position: center center;}

.sign-left .sign-inner{ padding:50px; position:relative; height:100%;}

.sign-inner{ max-width:500px;  margin:0 auto;}
.logo{ width:210px;}

.sign-intro{ position:relative; bottom:inherit; transition:all 0.6s;}
.sign-intro h4, .sign-intro p{ color:#fff;}
.sign-intro .common-border-btn{ border:1px solid #fff; color:#fff; display:inline-block;}
.sign-right{ position:relative; max-width:100%; flex:0 0 100%; background:#F1F1F1; padding:50px;}

.social-button{ border-radius:20px; padding:0px 10px 0px 15px; font-size:15px; line-height:40px; display:inline-block; margin-right:10px; height: 40px; position: relative;}
.social-button.facebook-button{ padding-left:30px;}
.social-button.google-button{ padding-left:40px;}
.social-button img{ margin-right:5px; vertical-align:middle; position: absolute; left:12px; top:50%; transform:translateY(-50%); max-height: 20px;}
.facebook-button{ background:#415DAE;border:1px solid #415DAE; color:#fff;}
.google-button{ background:#ffffff; border:1px solid #333; color:#000;}
.social-button:hover, .social-button:FOCUS{ background:#333; color:#fff;border:1px solid #333;}

.or-separater{position:relative; margin:10px 0 20px;}
.or-separater span{ font-size:16px;  background:#f1f1f1; padding:5px; text-align:center; display:table; margin:0 auto; position:relative; z-index:9;}
.or-separater:before{ border-top:2px solid #333; content:''; position:absolute; left:0; right:0; top:calc(50% - 1px); z-index:0;}

.sign-page{ margin-top:0 !important; padding-top:0 !important;}

.extra-link{margin-top:50px;}

.password-wrap{position:relative; max-width:370px; width: 100%;}
.password-wrap .eye-icon{position:absolute; right:20px; top:calc(50%); transform:translateY(-50%);  left:inherit; color: #000;}
.form-group .password-wrap svg{position:relative; left:0; top:0; z-index:99;}



/**Tab**/
#tabs{ position:relative;}
#tabs ul.nav-tabs li a{display:block;font-size:16px;line-height:16px;font-weight:400; color:rgba(0,0,0,1); text-align:left;}
#tabs.ui-tabs .ui-tabs-panel{padding:0;}
#tabs ul.nav-tabs li.nav-tab.active a{color:rgba(0,0,0,1); font-weight:600;}
#tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:10px 0;}
.tab-pane{display:none;}
.tab-pane.active{display:block!important}
#tabs ul.nav-tabs{display:flex; flex-wrap:inherit; text-align:center;background:0 0; border:none;border-bottom:solid 1px #ddd;position:relative;	border-radius:0;margin-bottom:0px;	width:100%;	padding-bottom:10px;}
.tab-content{ margin:30px 0 0;}
#tabs ul.nav-tabs li{list-style:none;}
#tabs ul.nav-tabs li:first-child a{text-align:left};
.tab_drawer_heading{display: none;}

#tabs ul.nav-tabs li.nav-tab{margin-right:30px; list-style:none; color:#555; cursor:pointer; min-width:150px; }
#tabs ul.nav-tabs li.nav-tab:last-child{margin-right:0px !important;}
#hinter{position:absolute;bottom:-3px; left:0; top:inherit;height:5px;	background-color:#1A78E5;border-radius:2px}
#hinter:after{position:absolute;display:block;top:50%;right:50%;color:#fff;margin-top:7px;text-align:center;margin-right:-8px;	width:30px;	height:16px;}


/**CHECKBOX**/
.form-group{ font-size:15px; line-height:18px;position:relative; margin-bottom:30px !important;}
.form-group .form-control{position:relative; border:0; padding:10px 10px 10px 45px; border-radius:25px; box-shadow:0px 0px 20px #00000029; -webkit-box-shadow:0px 0px 20px #00000029; -ms-box-shadow:0px 0px 20px #00000029; -o-box-shadow:0px 0px 20px #00000029;  margin-bottom:0px; height: 40px;}
.form-group img, .form-group svg{ position:Absolute; left:15px; top:calc(50%); z-index:99;transform:translateY(-50%);}
.form-group svg{width:20px; transform:translateY(-50%); top:50%;}

.sign-page .form-group .form-control{max-width:370px;}

.styled-checkbox{position:absolute;opacity:0;}
.styled-checkbox+label{position:relative;cursor:pointer;padding:0 0 0 30px;}
.styled-checkbox+label:before{content:"";margin-right:10px;display:inline-block;vertical-align:text-top;width:14px;height:14px;background:#fff; position:Absolute; top:3px; left:10px; border:2px solid #C12065;}
.styled-checkbox:hover+label:before{border:2px solid #C12065;}
.styled-checkbox:checked+label:before{border:2px solid #C12065;}
.styled-checkbox:checked+label:after{content:"";position:absolute;left:11px;top:10px;background:#fff;width:2px;height:2px;box-shadow:2px 0 0 #C12065,4px 0 0 #C12065,4px -2px 0 #C12065,4px -4px 0 #C12065,4px -6px 0 #C12065,4px -8px 0 #C12065;transform:rotate(45deg);}

.user-svg{ width:22px;}

/**EMAIL VERIFICATION**/
header .logo-wrap{ margin-bottom:0 ;}
#email-verification.sign-outer{margin-top:65px; }
#email-verification.sign-outer .sign-right .sign-inner{position: absolute; width: 100%; top: 50%; transform: translate(-50%, -50%);    left: 50%; max-width: 600px; text-align: center;}
#email-verification.sign-outer .sign-right .sign-inner p{ font-size:18px; line-height:26px;}
#email-verification.sign-outer .sign-right .sign-inner button{background:transparent; color: #0077b9; padding:6px 12px !important;   border-radius: 35px;  max-width:280px;  text-decoration: inherit;  text-align: center; margin: 0 auto !important; display: block; border:1px solid #0077b9; box-shadow: none;position: relative;top: -6px;}
#email-verification.sign-outer .sign-right .sign-inner button:hover{box-shadow: none; background:#0077b9; color:#fff;} 
/* #email-verification.sign-outer .sign-right .sign-inner button:hover{box-shadow: none; background:transparent linear-gradient(185deg, #C12065 0%, #273043 100%) 0% 0% no-repeat; color:#fff;}  */

label.error{ position:absolute; left: 20px; top:102%; line-height: 12px; font-size: 10px;}


 input:-webkit-autofill {
    background-color: #ffffff !important;
}

  #main-wrap.thank-you-page{ margin-top: 65px !important;}

  .sign-page .sign-inner a.common-pink-btn {min-width: 155px; text-align: center;}

@media all and (min-width:1280px){
 .sign-right{padding:55px 100px 100px;}
 .social-button{ padding:0px 30px 0 35px;}
 .social-button.facebook-button {padding-left: 35px;}
 .social-button.google-button {padding-left: 45px;}
 .sign-right .sign-inner{position: relative; width:600px; max-width:600px;}
}


@media all and (min-width:1024px){
.sign-left, .sign-right{max-width:50%; flex:0 0 50%;}
.sign-in-left .sign-inner{ padding:100px 0;}
.sign-up-left .sign-inner {
  padding: 100px 0;
}
.sign-right{padding:55px 70px 100px;}
.sign-intro{ /*position:absolute;*/ bottom:calc(100vh - 125vh);}

.sign-right .sign-inner{ position:relative; /*top:50%; left:50%; transform:translate(-50%,-50%);*/ width:500px; max-width:500px;}
.reset-password-page .sign-right .sign-inner, .forget-password-page .sign-right .sign-inner{min-width:435px;}

#tabs ul.nav-tabs li.nav-tab{margin-right:75px;}
#tabs ul.nav-tabs li:last-child{ margin-right: 0;}

.thank-you-page .sign-right .sign-inner{ position: absolute; top:50%; transform: translateY(-50%);}

}

@media all and (min-width:0) and (max-width:767px){
#tabs ul.nav-tabs{display: flex; flex-wrap:nowrap; /*overflow-x:scroll; -webkit-overflow-scrolling: touch;*/}	
/*#tabs::after{content: ""; position:absolute; top:0; right:0; height:45px; width:50px; z-index:1; pointer-events: none; background:linear-gradient(to left,hsl(54,42%,95%),hsla(54,42%,95%,0));visibility:visible; opacity:1; transition:opacity .3s 0s,visibility 0s 0s;}*/
#main-wrap{ padding-bottom:0;}

.social-button{ padding:5px 10px 5px 10px; font-size:10px; line-height:20px; height:30px;}
.social-button img{ height:15px;}
.social-button.google-button{padding-left: 32px;}
.social-button.facebook-button{padding-left: 25px;}

.sign-right{ padding:20px;}
#tabs ul.nav-tabs li a{ font-size:14px; line-height:14px;}
#tabs ul.nav-tabs li.nav-tab{ min-width:135px; margin-right:20px;}

.sign-outer{min-height:auto;}
#email-verification.sign-outer .sign-right .sign-inner{ position: relative; top:inherit; left:inherit; transform: inherit;}
#email-verification.sign-outer .sign-right .sign-inner p{ font-size:16px; line-height:22px;}

}

@media all and (min-width:0) and (max-width:567px){
.log-by-socialmedia{ text-align:center;}
.log-by-socialmedia a{ margin:0;}
}