html {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit;}

@font-face {font-family:'Quicksand'; src:url('https://cdn.ssmedia.com/_scriptsGlobal/fonts/Quicksand/Quicksand-Light.woff2') format('woff2'), url('https://cdn.ssmedia.com/_scriptsGlobal/fonts/Quicksand/Quicksand-Light.woff') format('woff'); font-weight:300; font-style:normal;}
@font-face {font-family:'Quicksand'; src:url('https://cdn.ssmedia.com/_scriptsGlobal/fonts/Quicksand/Quicksand-Medium.woff2') format('woff2'), url('https://cdn.ssmedia.com/_scriptsGlobal/fonts/Quicksand/Quicksand-Medium.woff') format('woff'); font-weight:500; font-style:normal;}
@font-face {font-family:'Quicksand'; src:url('https://cdn.ssmedia.com/_scriptsGlobal/fonts/Quicksand/Quicksand-Regular.woff2') format('woff2'), url('https://cdn.ssmedia.com/_scriptsGlobal/fonts/Quicksand/Quicksand-Regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Quicksand'; src:url('https://cdn.ssmedia.com/_scriptsGlobal/fonts/Quicksand/Quicksand-Bold.woff2') format('woff2'), url('https://cdn.ssmedia.com/_scriptsGlobal/fonts/Quicksand/Quicksand-Bold.woff') format('woff'); font-weight:bold; font-style:normal;}

body {margin:0; font-family:'Quicksand',sans-serif; color:#5C6771; background-color:#fff;}
a {color:#616161; text-decoration:none;}
a:hover {color:#3b3b3b; text-decoration:underline;}

.text-danger {color:#D9534F;}
#ezErrorMessage {margin-bottom:15px; font-weight:bold; color:#D9534F; text-align:center;}
.labelhide {display:none;}

.left-side {position:absolute; top:0; left:0; width:50%; height:100%; padding-bottom:70px; z-index:999;}
.left-side.left-side-full {width:100%;}
.logo-block {margin-top:45px; text-align:center;}
.logo-block img {max-width:250px; max-height:130px; margin:0 auto;}
.logo-block2 img {display:block; max-width:220px; max-height:100px; margin:0 auto 20px auto;}

.formbutton, .login, .login input[type="email"], .login input[type="phone"], .login input[type="text"], input[type="password"] {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.formbutton, .login, .login input[type="email"], .login input[type="phone"], .login input[type="text"], input[type="password"] {-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}

.login {width:85%; max-width:450px; height:auto; margin:45px auto 0 auto; padding:30px 25px 20px 25px; background-color:#f5f5f5; z-index:999;}
.login h2 {margin-top:0; margin-bottom:10px; font-size:18px; font-weight:500;}
.login h3 {margin-top:0; margin-bottom:5px; font-size:16px; font-weight:400;}

.input-group {position:relative;}
.input-group-1 {margin-top:20px; margin-bottom:15px;}
.input-group-2 {margin-bottom:20px;}
.input-group-addon {position:absolute; top:15px; left:10px; font-size:18px; font-weight:400; line-height:1; color:#B2B2B2; z-index:150;}

.login input[type="email"], .login input[type="phone"], .login input[type="text"], input[type="password"] {position:relative; width:100%; padding:15px 8px 15px 50px; font-size:16px; background-color:#fff; outline:none; border:1px solid rgba(0,0,0,0.15); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; z-index:100;}
.login input[type="email"]:focus, .login input[type="phone"]:focus, .login input[type="text"]:focus, input[type="password"]:focus {outline:none; border:1px solid rgba(0,0,0,0.25); box-shadow: inset 0 1px 1px rgba(0,0,0,.055), 0 0 4px rgba(0,0,0,.20)}

.formbutton {border:none; white-space:nowrap; -webkit-appearance:none; cursor:pointer; background-color:#616161; color:#fff; font-size:18px; font-weight:400; width:100%; padding:15px 0; margin-bottom:20px;}
.formbutton:hover {background-color:#3b3b3b;}
.formbutton:not(.default)::-moz-focus-inner {border-style:none;}
.formbutton:focus {box-shadow:0 0 0 2px #ffffff, 0 0 3px 5px #616161; outline:2px dotted transparent; outline-offset:2px;}

label {display:inline-block; max-width:100%; margin-bottom:5px; font-weight:400; font-size:14px; margin-left:5px;}
.bottom {width:90%; font-size:12px; margin:0 auto; text-align:center; position:absolute; bottom:10px; left:0; right:0; z-index:-1; color:#777;}

.remembermewrapper {margin-bottom:15px;}
#ezRememberMe, #ezRememberMeSpan {cursor:pointer;}
.right-side {position:absolute; right:0; top:0; width:50%; height:100%;}
.ad {max-width:500px; width:85%; height:500px; top:0; bottom:0; position:absolute; margin:auto; left:0; right:0;}
.ad img {width:100%;}

.shadow {-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);}

@media all and (max-width:1000px) {
	.left-side {position:inherit; top:auto; width:100%; height:auto; padding-bottom:45px;}
	.right-side {position:inherit; top:auto; width:100%; height:auto; padding:50px 0;}
	.ad {margin-top:0; position:inherit; height:auto;}
	.bottom {position:inherit; margin-top:25px;}
}
@media only screen and (max-width: 480px) {
	.login {width:94%; max-width:none; margin-top:34px; padding:15px 20px;}
	.logo-block {margin-top:34px;}
	.logo-block img {max-width:200px; max-height:100px;}
	.logo-block2 img {max-width:170px; max-height:70px;}
}