html, body{height: 100%;}
body{font-family: 'Montserrat', sans-serif; font-weight: 400;font-size:14px;line-height: 1.6em;}

*::selection {background: #333;color: #fff;}
*::-moz-selection {background: #333;color: #fff;}
*::-webkit-selection {background: #333;color: #fff;}

*:focus{outline-style: none;}
*{box-sizing: border-box;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}

a{text-decoration: none;color:#333;}

strong{font-family: 'Montserrat', sans-serif; font-weight: 500;}

.clearfix{clear: both;min-height: 0;display: block;}
.inner{width: 1240px;padding: 0 20px;margin: auto;}
.no-text{text-align: left;text-indent: -9999px;}
.icon,
.logo{background:url(../img/bg-sprite.svg) no-repeat;}

.login-box{float: left;width: 100%;height: 100%;display: table;text-align: center;}
.login-box .form{display: table-cell;vertical-align: middle;}
.login-box .form .logo{display:inline-block;width: 130px;height:50px;background-position: 0 0;margin-bottom: 80px;}
.login-box .form .title{display:inline-block;font-family: 'Montserrat', sans-serif; font-weight: 500;font-size:20px;color: #333;}
.login-box .form p{color: #919394;margin-bottom: 40px;}

.login-box .form input[type="text"],
.login-box .form input[type="password"]{width: 420px;height: 50px;background-color: #ecf0f1;border: 0;padding: 0 20px;font-family: 'Montserrat', sans-serif; font-weight: 500;font-size: 14px;color:#333;margin-bottom: 30px;}
.login-box .form input[type="text"]::placeholder,
.login-box .form input[type="password"]::placeholder{font-style: italic;color:#909293;font-family: 'Montserrat', sans-serif; font-weight: 300;}

.remember-pass{width: 420px;height: 16px;line-height: 16px;margin: auto;margin-bottom: 30px;}
.remember-pass .remember{float: left;position: relative;}
.remember-pass .remember .check{float: left;width: 16px;height: 16px;background-color: #d8dcdd;border-radius: 2px;position: absolute;left: 0;top: 0;z-index: 1;}
.remember-pass .remember.active .check,
.remember-pass .remember.active:hover .check{background-color: #2da749;}
.remember-pass .remember:hover .check{background-color: #aaa;}
.remember-pass .remember:hover label,
.remember-pass .remember.active:hover label{color: #2da749;}
.remember-pass .remember .check input[type="checkbox"]{float: left;margin: 0;position: absolute;left: 0;top: 0;width: 16px;height: 16px;opacity: 0;}
.remember-pass .remember label{color: #909293;font-family: 'Montserrat', sans-serif; font-weight: 400;font-size: 14px;padding-left: 21px;position: relative;z-index: 2;cursor: pointer;line-height: 18px;}

.remember-pass .forgot-pass{float: right;color: #909293;font-family: 'Montserrat', sans-serif; font-weight: 400;font-size: 14px;text-decoration: underline;}
.remember-pass .forgot-pass:hover{color:#2da749;}

input[type="submit"],
input[type="button"],
button{width: 420px;border: 0;height: 50px;padding: 0;color: #fff;font-family: 'Montserrat', sans-serif; font-weight: 500;font-size: 14px;background: #2da749;cursor: pointer;margin-bottom: 30px;}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover{background: #227d37}

.create-account{font-family: 'Montserrat', sans-serif; font-weight: 400;font-size: 14px;color:#909293;}
.create-account a{text-decoration: underline;color: #909293;}
.create-account a:hover{color:#2da749;}

.slider{float: left;width: 50%;height: 100%;}
.slider .flexslider{padding: 0;margin: 0;border: 0;border-radius: 0;height: 100%;background:transparent;}
.slider .slides,
.slider .slides li{height:100%;}
.slider .slides li{background:center top no-repeat;background-size:cover;}
.slider .flex-direction-nav a{width: 50px;height: 50px;opacity: 0!important;text-indent: -99999px;text-align: left!important;background-image: url(../img/bg-sprite.svg);margin-top: -25px!important;}
.slider:hover .flex-direction-nav a{opacity: 1!important;}
.slider .flex-direction-nav a.flex-prev{left: 50px!important;background-position: 0 -50px;}
.slider .flex-direction-nav a.flex-next{right: 50px!important;background-position: -50px -50px;}

@media screen and (max-width:1240px){
	.slider{display: none;}
	.login-box{width: 50%;margin:0 25%;height: 100%!important;}
	.login-box .form .logo{margin-bottom: 20px;}
	.login-box .form{padding: 0 20px;}
	.login-box .form input[type="text"], 
	.login-box .form input[type="password"],
	.remember-pass,
	input[type="submit"], 
	input[type="button"], 
	button{width: 100%;}
}

@media screen and (max-width:680px){
	.login-box{width: 80%;margin:0 10%;}
}

@media screen and (max-width:414px){
	.login-box{width: 100%;margin: 0;}
}