@charset "utf-8";
/* CSS Document */

body {font-family: HelveticaNeueW01-Thin,HelveticaNeueW02-Thin,HelveticaNeueW10-35Thin,sans-serif;font-size: 16px;}	 
	.clear{clear:both;}
	.outer{width:1200px; margin:auto;}
	.topSection .padding60{padding: 60px 0;}
	a {color: #459fed;text-decoration: none;}
	
	.psw {float:right}	 
	.topSection .top-head {padding:0%;}
	.topSection .top-head .left-bx{float:left;width:112px;}
    .topSection .top-head .left-bx img{width:200px;}
    
    .mid-line{width:70%; margin:auto; color:#000;}
    .mid-line .login-head{text-align:center;}
    .mid-line h2{font-size: 56px;}    
    .mid-line .new-user{font-size: 20px;margin-bottom: 34px;}
    .mid-line .log-in-title{font-size: 56px;margin-bottom: 17px;}
    
    .mid-pannel{}
    .mid-pannel .midpannel-left{float:left; width:50%;}
    .mid-pannel .midpannel-center{float:left; width:50%;margin-left:25%}
    .mid-pannel .midpannel-right{float:right; width:45%;padding-top: 37px;}
    .mid-pannel .midpannel-right img{}    
    .mid-pannel .midpannel-left.divider{border-right: 1px solid #c8c8c8;min-height: 223px;}	
	
	 input[type=text], input[type=password], input[type=email] {width: 100%;padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ccc;box-sizing: border-box;}
    .login-btn {width: auto;padding: 8px 47px;border-radius:25px;border: 1px solid #459fed;color: #000;font-size: 16px;background: #fff;}
    .login-btn:hover{background:#4eb7f5; color:#fff; cursor:pointer;}
    .register-btn {width: auto;padding: 8px 47px;border-radius:25px;border: 1px solid #459fed;color: #000;font-size: 16px;background: #fff;}
    .register-btn:hover{background:#4eb7f5; color:#fff; cursor:pointer;}
    .container-form {padding: 16px;width: 85%;}

    .icon-and-text {display: -webkit-flex;display: -ms-flexbox;display: flex;}  
    .sozial-login {cursor: pointer;margin-bottom: 27px;}
    .icon {width: 58px;height: 48px;color: #fff;}
    .signin-button-text {color: #d34836;border: 1px solid #d34836;}
    .signin-sozial-zoogle .signin-button-text:hover{background:#fbeceb;}
    .signin-sozial-zoogle .icon {background-color: #d34836;}
    .icon { background-color: #3b5998;}
    .signin-sozial-fazebook .signin-button-text {color: #3b5998;border: 1px solid #3b5998;}
    .signin-sozial-fazebook .signin-button-text:hover{background:#ebeef4;}
    .signin-button-text{width: 239px;padding: 12px;}
    .field-validation-error {color: #ff0000;font-size: 12px;}
@media screen and (min-width:768px) and (max-width:1024px) {
	.outer{width:98%;}
	.mid-line{width:100%;} 
}


@media screen and (max-width:47.9375em) {
	.outer{width:98%;}.mid-line{width:100%;} .topSection .top-head .left-bx{float:none; text-align: center; margin:auto;} .mid-pannel .midpannel-left.divider{border:none;}
	.mid-pannel .midpannel-left{width:100%;}
	.mid-pannel .midpannel-right{float:none; width:100%;}
	.mid-pannel .midpannel-right img{width:80%;} .mid-line{text-align:center;}
	.container-form{padding-top:0;}
	.mid-line p{margin-top:0;} .mid-line .new-user{margin-bottom:20px;}
}