html, body{
	font-size: 16px;
	margin:0;
	font-family: 'Open Sans', sans-serif;
}
ul, ol{
	list-style: none;
	padding:0;
	margin:0;
}
.right-inner-wrapper{
	background-image: url(../images/right.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}

.intro{
	cursor: pointer;
	background-image: url(../images/landing_page_picture.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}

.content-row {
    min-height: calc(100vh - 7.2rem);
}
.logo{
width: 14rem;
  
}
.form-sec{
width: 30rem;
max-width: 100%;
}
.form-sec h1{
color: #AB1032;
font-size: 2.2rem;
letter-spacing: -1px;
font-weight: 700;
margin-top: 3rem;
margin-bottom: 2rem;
}
.form .form-group label span{
width: 100%;
display: inline-block;
font-size: 1rem;
color: grey;
}
.form .form-group label{
width: 100%;
}
input:focus{
outline:none;
}
.textinput, .select-style{
width: 100%;
height: 3.2rem;
transition: all .3s ease;
border: 1px solid grey;
margin-top: .5rem;
padding-left: 1rem;
}
.textinput input:focus{
border: 1px solid #AB1032;
}
.form .form-group.form-group-half{
width: 50%;
float: left;
}
.form .form-group.password-col{
margin-bottom:.5rem;
}
.form .forgot-pass a{
font-size: .9rem;
color: #0087CD;
}
.form .remember{
position: relative;
}
.form .remember input{
position: absolute;
opacity: 0;
visibility: hidden;
left:0;
width: 0;
}
.form .remember label{
font-size: .9rem;
text-align: right;
}
.form .remember label p{
display: inline-block;
margin:0;
cursor: pointer;
}
.form .remember span{
width: 1.4rem !important;
height: 1.4rem;
border: 1px solid #000;
display: inline-block;
margin-top: 0rem;
vertical-align: top;
margin-right: .5rem;
cursor: pointer;
position: relative;
}
.form .remember input:checked ~ span:after{
position: absolute;
content: "";
width: .8rem;
height: .8rem;
left: .25rem;
top: .25rem;
background-color: #333;
}
.form .form-buttons{
text-align: right;
margin-top: 3rem;
display: inline-block;
width: 100%;
}
.btn-primary{
width: 11rem;
height: 3.5rem;
color: #fff;
background-color: #AB1032;
cursor: pointer;
border: 1px solid #AB1032;
font-weight: 600;
transition: all .3s ease;
margin-top: 3rem;
float: right; 
}
.btn-primary:hover{
background-color: #fff;
color: #AB1032;
}
.form .form-group button.signup-btn{
background-color: #fff;
color: grey;
border-color: #fff;
}
.form .form-group button.signup-btn:hover{
background-color: #fff;
color: #AB1032;
}
.form .remember label p,
.form .form-group label span{
transition: all .3s ease;
}
.form .remember label p:hover{
color: #AB1032;
}
.form .form-group label span:hover{
border-color: #AB1032;
}
.footer{
background-color: #98989A;
padding-bottom: 1.5rem;
padding-top: .5rem;
color: #fff;
}
.footer h5{
font-weight: 600;
font-size: 1rem;
margin-bottom: 1.5rem;
}
.footer h6{
font-weight: 400;
font-size: .9rem;
margin-bottom: 0;
}
.footer ul li{
display: inline-block;
position: relative;
padding: 0 .5rem;
}
.footer .footer-links ul li:first-child{
padding-left:0;
}
.footer ul li a{
font-size: .9rem;
color: #fff;
}
.footer ul li:after{
position: absolute;
content: "";
width: 1px ;
top:.4rem;
bottom:.2rem;
background-color: #fff;
right:-1px;
}
.footer .footer-links ul li:last-child:after, .footer .contact-footer ul li:last-child:after{
display: none;
}
.footer .contact-footer ul li:last-child{
padding-right: 0;
}
.contact-footer{
text-align: right;
padding-right: 3rem;
padding-top: 2rem;
}
.right-inner-wrapper{
padding:0;
}
.right-inner-wrapper h2{
float: left;
background-color: rgba(255, 255, 255, .8);
margin-top: 30vh;
font-size: 1.5rem;
font-weight: 400;
padding: 1.8rem 2.5rem;
}
.right-inner-wrapper h2 span{
font-weight: 700;
}
.left-inner-wrapper{
	padding: 3rem 4rem;
}
.form .form-group.password-col {
position: relative;
}
.form .form-group.password-col .eye-col{
position: absolute;
bottom: 1.5rem;
right: .8rem;
}
.form .form-group.password-col .eye-col img{
width: 2rem;
cursor: pointer;
}
.form .form-group.password-col .eye-col img:nth-child(2){
display: none;
}
.form .form-group.password-col .eye-col.active img:nth-child(2){
display: block;
}
.form .form-group.password-col .eye-col.active img:nth-child(1){
display: none;
}



@media(max-width: 1200px){
	body, html{
		font-size: 12px;
	}
}
@media(max-width: 1024px){
	body, html{
		font-size: 10px;
	}
}
@media(max-width: 767px){
	body, html{
		font-size: 13px;
	}
	.contact-footer{
		text-align: left;
	}
	.footer .contact-footer ul li:first-child {
	    padding-left: 0;
	}
	.left-inner-wrapper {
    padding: 3rem 3rem;
}
.right-inner-wrapper{
	min-height:50vh;
}
}