html, body {width:100%;height:100%}

body {
	margin:0;
	padding:0;
	background:#fff;
	font-size:14px;
	color:#666666;
	line-height:30px;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	font-weight:400;
}
*, *:before, *:after {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
ol, ul {
	list-style:none;
	margin:0;
	padding:0;
}
img {
	max-width:100%;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
}
a {
	text-decoration:none;
	color:#29abe2;
	font-size:13px;
	letter-spacing:-0.02em;
	font-weight:700;
    text-transform: uppercase;
}
a:hover, a:focus {
	color:#fff;
	text-decoration:none;
}
.container:before, .container:after, .row:before, .row:after {
	content:"";
	display:table;
}
.container:after, .row:after {
	clear:both;
}
p {margin:0 0 25px;}

/** Basic Style End: **/

/** Banner Section **/
h2.heading-title {
    font-size: 28px;
    line-height: 36px;
    color: #29abe2;
    font-weight: 800;
    padding-bottom: 25px;
	font-family: "Raleway";
	letter-spacing: -0.02em;
}
button.banner-btn {
	position:relative;
	background: #e08f02;
    padding: 16px 45px;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    border: none;
    display: inline-block;
    font-size: 18px;
    font-family: "Raleway";
    font-weight: 700;
    outline: none;
    line-height: 22px;
    letter-spacing: -0.02em;
	z-index:10;
}
.banner-btn:before {
    content: "";
    position: absolute;
    border-radius: 4px;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7a81e;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform, all 0.3s ease-out;
    transition: transform, all 0.3s ease-out;
}
.banner-btn:hover:before, .banner-btn:focus:before, .banner-btn:active:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
/** Banner Section End: **/

/** About your business **/
.inner-banner {
	background:url(../images/inner-banner.jpg) no-repeat center;
	-webkit-background-size:cover;
	background-size:cover;
	padding:10% 0;
	overflow-x: hidden;
    height: 100%;
}
.login-banner {
	background:url(../images/login-banner.jpg) no-repeat center;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
    height: 100%;
}
.inner-banner .container {
	position:relative;
}

.form-sec {
    background: #fff;
    position: relative;
    width: 80%;
    margin: 0 auto;
}
.form-sec:before, .form-sec:after {
	content: "";
    position: absolute;
}
.form-sec:before {
    left: -120px;
    bottom: 0px;
    /* background: url(../images/form-shield.png) no-repeat; */
    width: 189px;
    height: 272px;
}
.form-sec:after {
    right: 0;
    top: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid #23a1de;
    border-bottom: 40px solid transparent;
}
.form-sec input, .form-sec select, .kioskmode .form-sec textarea {
    width: 100%;
    padding: 18px;
    margin-bottom: 6px;
    border: 1px solid #eeeeee;
    font-size: 13px;
    font-weight: 400;
    outline: none;
    display: block;
    height: 100%;
	color:#000;
    line-height: 24px;
	padding-right:35px;
}

.form-sec input[type="checkbox"] {
    width: 15px;
    margin-top: 10px;
    float: left;
    height: auto;
}
.form-sec #sms_consent {
    margin-top:0;
}

.form-sec .promo .promo-button input[type="text"]{
    width: 160px;
    margin-top: -17px;
    float: left;
    height: 15px;
    margin-left: 13px;
}
.form-sec .promo .promo-button{
    display: none;
}
.form-sec .promo .promo-button input[type="button"]{
    width: 69px;
    margin-top: -17px;
    float: left;
    height: 35px;
    padding: 0;
    margin-left: 13px;
    color: #fff;
    background: #5dd837;
}

.form-sec .promo{
    float: left;
    margin-left: 15px;
    width: 100%;
    margin-top: -14px;
}

.form-sec .promo-txt{
    float: left;
    margin-left: 15px;
    width: 100%;
    margin-top: -14px;
}



.form-sec input:-webkit-input-placeholder {
	color:#666666;
}
.form-sec button.banner-btn {
    padding: 15px;
    font-size: 16px;
    width: 100%;
}
.form-sec .half {
    width: 49%;
    display: inline-block;
}
.space-left {
    margin-left: 1%;
}
.input-icon {
    position: relative;
}
.input-icon i, .input-icon img {
    position: absolute;
    right: 15px;
    z-index: 10;
    top: 50%;
	cursor:pointer;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.input-icon img {
	width:14px;
	height:9px;
}
.form-sec select {
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
    padding-right: 0;
    cursor: pointer;
	color:#666;
}
.alignment h2, h3.form-sub {
	text-align:center;
}
h3.form-sub {
    font-size: 20px;
    font-weight: 800;
    color: #666666;
    margin: 25px 0 17px;
}
.form-sub.no-space {
	margin-top:0;
}
.login-banner .form-sec {
    width: 45%;
    padding: 50px 70px 60px;
}
.login-banner .form-sec:before {
    left: -230px;
    bottom: -70px;
    height: 450px;
    background-size: contain;
}
.login-banner .form-sec:after {
    border-right: 40px solid #32a9e1;
}
.form-sec  a {
	display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 14px;
    color: #29abe2;
    text-transform: capitalize;
    font-weight: 400;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-sec  a:hover {
	text-decoration:underline;
}
select::-ms-expand {
    display: none;
}
/** About your business End: **/
