@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../fonts/OpenSans-Regular.eot');
  src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
       url('../fonts/OpenSans-Regular.woff') format('woff'),
       url('../fonts/OpenSans-Regular.ttf') format('truetype'),
       url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg'),
       url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.eot');
  src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
       url('../fonts/Poppins-Regular.woff') format('woff'),
       url('../fonts/Poppins-Regular.ttf') format('truetype'),
       url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg'),
       url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SourceSansPro-SemiBold';
  src: url('../fonts/SourceSansPro-SemiBold.eot');
  src: url('../fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
       url('../fonts/SourceSansPro-SemiBold.woff') format('woff'),
       url('../fonts/SourceSansPro-SemiBold.ttf') format('truetype'),
       url('../fonts/SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold') format('svg'),
       url('fonts/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Medium';
  src: url('../fonts/Poppins-Medium.eot');
  src: url('../fonts/Poppins-Medium.woff2') format('woff2'),
       url('../fonts/Poppins-Medium.woff') format('woff'),
       url('../fonts/Poppins-Medium.ttf') format('truetype'),
       url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg'),
       url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
.wraper {
    overflow: hidden;
}
.padding-r{padding-right: 0;}
.padding-l{padding-left: 0;}
a.logo {
    position: absolute;
    top: 30px;
    left: 40px;
}
.left-section {
    background: url(../images/logIn.jpg);
    background-size: 120% 100%;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background-color: rgba(6, 6, 6, 0.9);
    height: 100vh;
	position: relative;
}
.left-section video {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 120%;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translate(-50%, -50%);
}
.logIn-form {
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	padding: 0 100px;
}

.logIn-slider {
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.logIn-slider h4 {
    color: #fff;
    font-size: 34px;
    letter-spacing: 1px;
    margin-top: 20px;
	font-family: 'OpenSans-Regular';
}

.logIn-slider .des {
    padding: 10px 0;
    color: #A6A6A6;
	font-family: 'Poppins-Regular';
    font-size: 16px;
}

.logIn-slider-img {
    width: 400px;
    margin: 0 auto;
    margin-top: 50px;
}
.logIn-slider-img img{width: 100%}
.logIn-slider .des p {
    letter-spacing: 1px;
	font-family: poppins-regular;
    font-size: 17px;
}
.right-section {
    height: 100vh;
    position: relative;
    z-index: 1000;
	padding-top: 60px;
	padding-bottom: 40px;
	background: #fff;
}

.logIn-form label {
    margin: 15px 0;
	text-transform: uppercase;
	font-family: 'Poppins-medium';
	font-weight: 500;
    letter-spacing: 1px;
	font-size: 18px;
}

.logIn-form .button {
    width: 100%;
    margin-top: 20px;
    background: #0FA9DD;
    color: #fff;
    border: 0;
    padding: 10px;
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 50px;
    border-radius: 6px;
    font-family: 'SourceSansPro-SemiBold';
}
.logIn-form .button:hover {
    background: #0cb9f2;
}
.logIn-top {
	color: #fff;
    padding: 20px;
}

.logIn-top h6 {
    display: -webkit-inline-box;
    font-size: 14px;
    font-family: 'Poppins-regular';
	letter-spacing: 0.5px;
}

.logIn-top .start a {
    border: 1px solid #A6A6A6;
    color: #888;
	background: #fff;
    border-radius: 18px;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-left: 15px;
    cursor: pointer;
}

.logIn-top .start a:hover {
    color: #fff;
    background: #0cb9f2;
    border: 1px solid #0db2e8;
	text-decoration: none;
}
.logIn-slider-img h2 {}

.logIn-form h2 {
    margin: 20px 0;
	font-family: 'Poppins-Medium';
    color: #3F3F3F;
}

.logIn-form h6 {
    font-size: 17px;
    font-weight: 500;
    color: #8C8C8C;
    margin-bottom: 40px;
    letter-spacing: 0.5px;
    font-family: 'Poppins-Regular';
}

.wrap-logIn input.form-control {height: 60px;padding: 20px 15px;font-size: 17px;border: 1px solid #d7d7d7;box-shadow: none;border-radius: 5px;}

.wrap-logIn input.form-control::placeholder {
    text-transform: uppercase;
    color: #d7d7d7;
    letter-spacing: 1px;
	font-family: 'Poppins-medium';
	
}
.wrap-logIn {
    position: relative;
}

.wrap-logIn .error {
    
    bottom: -22px;
    color: #d67474;
    font-family: 'Poppins-regular';
    font-size: 12px;
}
a.forgot {
    font-family: poppins-regular;
    float: right;
    color: #333;
        margin-top: 15px;
}
a.forgot:hover {
    text-decoration: none;
    color: #0cb9f2;
}
span.start span {
    font-size: 10px;
    margin-top: 10px;
    margin-left: 15px;
    color: #0cb9f2;
}

span.start {
    text-align: center;
    display: inline-grid;
}
.remember{
	position: relative;
    display: inline;
    margin-top: 10px;
    margin-bottom: 10px;
}
.remember input[type=checkbox] {
    display: none;
}
.remember input[type=checkbox]+label {
    color: #888;
    font-size: 13px;
    font-weight: 400;
    padding-right: 5px;
	text-transform: capitalize;
}
.remember input[type=checkbox]+label span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid #bbb;
    border-radius: 2px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    cursor: pointer;
}
.remember input[type=checkbox]:checked+label span {
    background: #0cb9f2;
    position: relative;
    border: 2px solid #0cb9f2;
}
.remember input[type=checkbox]:checked+label span:after {
    content: "";
    width: 10px;
    height: 6px;
    border: 2px solid #fff;
    border-top: transparent;
    border-right: transparent;
    position: absolute;
    top: 1px;
    left: 1px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.right-section a.logo {position: absolute;top: 20px;left: 20px;width: 90px;}
.right-section a.logo img{width: 100%;height: 100%;}
/*Responsive*/
@media only screen  and (max-width : 1024px) {
.right-section .logIn-top h6 {
    color: #373737;
	font-size: 16px;
}

.right-section .logIn-top {
    text-align: right;
	padding-left: 40px;
}

.right-section {
    padding-top: 30px;
}
span.start span {font-size: 14px;}
.logIn-top a{font-size: 16px;}
.right-section a.logo {position: inherit;}
}
@media only screen  and (max-width : 992px) {
	.right-section{padding-top: 0;}
	.hidden-md{display: none;}
	.padding-l {padding-left: 15px;}
	.logIn-top{padding-bottom: 0;text-align: right;}
	span.start span {font-size: 14px;}
	.logIn-top .start a {font-size: 14px;padding: 8px 25px;}
	.logIn-top h6 {color: #373737;font-size: 16px;}
	.right-section .logIn-top {padding-left: 20px;}
}

@media only screen  and (min-width : 810px) and (max-width : 812px) {
	.logIn-form {position: inherit;float: none;top: 0;left: 0;transform: none;padding-bottom: 30px;}
	.wraper {overflow-y: auto;}
}

@media only screen  and (max-width : 768px) {
/* Styles */
}
@media only screen  and (min-width : 730px) and (max-width : 736px) {
	.logIn-form {position: inherit;float: none;top: 0;left: 0;transform: none;padding-bottom: 30px;}
	.wraper {overflow-y: auto;}
}
@media only screen  and (min-width : 660px) and (max-width : 667px) {
	.logIn-form {position: inherit;float: none;top: 0;left: 0;transform: none;padding-bottom: 30px;}
	.wraper {overflow-y: auto;}
}
@media only screen  and (min-width : 560px) and (max-width : 570px) {
	.logIn-form {position: inherit;float: none;top: 0;left: 0;transform: none;padding-bottom: 30px;}
	.wraper {overflow-y: auto;}
}
@media only screen  and (min-width : 620px) and (max-width : 640px) {
	.logIn-form	{transform: translate(-50%, -40%);}
}
@media only screen  and (max-width : 640px) {
	.wraper {overflow-x: hidden;overflow-y: auto;}
	.logIn-form	{padding: 0 20px;margin-top: 0px;}
	.logIn-form h2{font-size: 25px;display: -webkit-inline-box;margin: 10px 0;}
	.logIn-form h6 {font-size: 14px;margin-bottom: 10px;}
	.logIn-form label{font-size: 14px;}
	.wrap-logIn input.form-control{height: 50px;font-size: 14px;padding: 20px 10px;margin-bottom: 30px;}
	.logIn-form .button{margin-top: 20px;font-size: 18px;padding: 7px;margin-bottom: 20px;}
	.right-section .logIn-top h6{font-size: 10px;color: #8C8C8C;text-align: right;}
	.right-section .logIn-top .start a{font-size: 10px;padding: 6px 10px;}
	span.start {text-align: center;display: initial;}
	span.start span{margin-top: 5px;font-size: 10px;display: block;text-align: right;}
	
}
@media only screen  and (min-width : 460px) and (max-width : 480px) {
	.logIn-form {position: inherit;float: none;top: 0;left: 0;transform: none;}
}
@media only screen  and (max-width : 375px) {
	.logIn-form {position: relative;float: left;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.right-section .logIn-top h6 {font-size: 7px;}
	.right-section .logIn-top .start a {font-size: 8px;padding: 6px 10px;margin-left: 0px;}
	span.start span {margin-top: 5px;font-size: 8px;}
}

.logIn-form .error{
    text-transform: none;
    margin: 0;
    
}
#login_message, #forgot_message, #reset_message{
    font-family: 'Poppins-regular';
    font-size: 15px;
}
.logIn-form label .required{
        color: #d67474;
}