@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
.clr{clear:right; height:4vh;}
.fl{float:left !important;}
.fr{float:right !important;}
::-moz-selection {color: #fff;text-shadow: none;background:#000;}
*{box-sizing: border-box;}
body {font-size:16px;color:#000;font-family: 'Open Sans', sans-serif;margin:0px;padding:0px; background:#f2f2f2;}
.header{text-align:center;height:78px; background:#fff;}
.container{max-width:1520px;margin:0px auto; padding:0px 15px; position:relative;}
.header{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.header:after{position:relative;width:100%;display:inline-block;height:6px; top:-10px; content:'';
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#135bcf+0,135bcf+12,ff3399+12,ff3399+25,ff0000+25,ff0000+37,70ad47+37,70ad47+50,663300+50,663300+62,ac7f00+62,ac7f00+62,ac7f00+75,ac7f00+75,800080+75,800080+87,4472c4+87,4472c4+100 */
	background: #135bcf; /* Old browsers */
	background: -moz-linear-gradient(left, #135bcf 0%, #135bcf 12%, #ff3399 12%, #ff3399 25%, #ff0000 25%, #ff0000 37%, #70ad47 37%, #70ad47 50%, #663300 50%, #663300 62%, #ac7f00 62%, #ac7f00 62%, #ac7f00 75%, #ac7f00 75%, #800080 75%, #800080 87%, #4472c4 87%, #4472c4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #135bcf 0%,#135bcf 12%,#ff3399 12%,#ff3399 25%,#ff0000 25%,#ff0000 37%,#70ad47 37%,#70ad47 50%,#663300 50%,#663300 62%,#ac7f00 62%,#ac7f00 62%,#ac7f00 75%,#ac7f00 75%,#800080 75%,#800080 87%,#4472c4 87%,#4472c4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #135bcf 0%,#135bcf 12%,#ff3399 12%,#ff3399 25%,#ff0000 25%,#ff0000 37%,#70ad47 37%,#70ad47 50%,#663300 50%,#663300 62%,#ac7f00 62%,#ac7f00 62%,#ac7f00 75%,#ac7f00 75%,#800080 75%,#800080 87%,#4472c4 87%,#4472c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#135bcf', endColorstr='#4472c4',GradientType=1 ); /* IE6-9 */}
.header-left{width:auto;float:left; }
.logo img{ height:70px;}
.header-center{width:auto;text-align:center;color:#4f76b8;display: inline-block; margin-top:9px;}
.header-center h1{font-size:34px;padding:6px 0px 0px 0px;margin:0px;font-weight:bold;}
.header-center h1 span{color:#39ba99;}
.header-right{width:auto;float:right;text-align:right;font-size:13px;margin-top:28px; margin-right:15px;}
.header-right a{color:#000;letter-spacing:1px;padding:10px 1px; text-decoration:none;}
.header-right a:first-child:after{content:'|';margin-left: 8px;}
.header-right a:hover, .header-right a:focus-within{
color: #39ba99;}
.header-right span.active{background:#4f76b8;color:#fff; font-size:14px;padding:5px 11px; margin-left:10px;cursor: pointer;}
.dropbtn {cursor: pointer;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #fff;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 11111;right:0px;text-align:left;margin-top:5px;}
.dropdown-content a {color: #000;padding: 5px 16px;text-decoration: none;display: block;}
.dropdown-content a:hover {background-color: #f2f2f2; color:#000;}
.dropdown:hover .dropdown-content { display: block;}
.header-right .dropdown-content a:first-child:after{content:'';}
.footer-left{ width:70%; float:left;}
.footer-right{ width:30%; float:right;}
.social-icon{float:right; margin-top:10px;}
.social-icon a img{ height:40px; width:40px; float:left; padding-right:15px; text-align:right; opacity:0.7;}
.social-icon a img:hover, .social-icon a img:focus-within {opacity:1;}
.login-form h2{ font-size:24px; color:#000; text-align:center; margin:10px 0px 10px 0px; padding:0px;}
.center { text-align:center;}

/*   footer slider css */
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {display:none;}
.nbs-flexisel-container {position:relative;max-width:100%;}
.nbs-flexisel-ul{position:relative;width:99999px;margin:0px;padding:0px;list-style-type:none;text-align:center;overflow:auto;}
.nbs-flexisel-inner{position: relative;overflow: hidden;float:left;width:100%;}
.nbs-flexisel-inner ul, .nbs-flexisel-inner ul li{list-style:none;}
.nbs-flexisel-item{float:left;margin:0px;padding:0px;cursor:pointer;position:relative;line-height:0px;}
.nbs-flexisel-item img {max-width:100%; height:45px;cursor: pointer;position: relative;margin-top: 10px;margin-bottom: 10px;}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {padding:0px;position: absolute;cursor: pointer;z-index: 4;top:34%;transform: translateY(-50%);color: #828282;font-size: 58px;}
.nbs-flexisel-nav-left {left:0px; top:49%;}
.nbs-flexisel-nav-left:before {content: '\2039'}
.nbs-flexisel-nav-left.disabled {opacity: 0.4;}
.nbs-flexisel-nav-right {right:0px;}
.nbs-flexisel-nav-right:before {content: '\203A'}
.nbs-flexisel-nav-right.disabled {opacity: 0.4;}
.footer-btn{margin:5px 0px; text-align:center; font-size:13px; color:#b9b9b9; width:100%; clear:left; display:inline-block; border-top:1px solid #f2f2f2; padding:15px 0px 10px 15px;}
.footer-btn a{ font-weight:bold; color:#b9b9b9; text-decoration:none;}
footer{   background: #fff; display:inline-block; margin-top:-5px; width:100%;}

/*   login form  */
.login-form-employee{background:url("../images/employee.jpg") no-repeat center top; background-size: cover; width:60%; display
:inline-block;height: 85vh; }
.login-form-business-owner{background:url("../images/business-owner.png") no-repeat center top; background-size: cover; width:60%; display:inline-block;height: 85vh; }
.login-form-broker{background:url("../images/broker.png") no-repeat center top; background-size: cover; width:60%; display:inline-block;height: 85vh; }
.login-form-agents{background:url("../images/agents.png") no-repeat center top; background-size: cover; width:60%; display:inline-block;height: 85vh; }
.login-form-tsi{background:url("../images/tsi.png") no-repeat center top; background-size: cover; width:60%; display:inline-block;height: 85vh; }
.login-form{background:#fff; float:right; width:40%;padding:3vh 3% 0vh 3%;height:85vh;}
.login-form h1 { font-size:32px; color:#000; font-weight:bold; margin:0px 0px 4vh 0px; padding:0px;}
.login input[type="text"], .login input[type="password"]{border: 2px solid #c5c5c5;height: 54px;width: 100%;margin-bottom:3vh;padding-left:40px; font-size: 14px;font-weight: 200;padding-top: 4px;}
.login input:focus, .login input:active, .login input:focus-within{ border:2px solid #39ba99; outline: none;}
.username{background:url("../images/user.svg") no-repeat 10px 14px}
.password{background:url("../images/lock.svg") no-repeat 10px 12px}
input.btn{ border:0px; background:#000; font-size:20px; color:#fff; font-weight:bold; text-transform:uppercase; margin:10px 0px 10px 0px; width:100%; height:56px; padding:10px 0px; cursor: pointer;}
input.btn:hover, input.btn:focus{ background:#39ba99; outline:0px; border:0px;}
.login-form p{ font-size: 13px;color: #272626;line-height: 19px;padding: 0px;margin: 0px;}
.login-form h5{ font-size:16px; color:#272626; padding:0px; margin:2vh 0px; text-align:center; font-weight:normal;}
.login-form h5 a, a.forget-pass{ color:#4f76b8; font-weight:bold; text-decoration:none; font-size:16px;}
.login-form h5 a:hover, a.forget-pass:hover{color:#39ba99;}
/* checkbox */
.user-rember {display: block;position: relative;padding-left: 35px;margin-bottom: 2vh;cursor: pointer;font-size: 18px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* Hide the browser's default checkbox */
.user-rember input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom checkbox */
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #ccc;}
/* On mouse-over, add a grey background color */
.user-rember:hover input ~ .checkmark {background-color: #ccc;}
/* When the checkbox is checked, add a blue background */
.user-rember input:checked ~ .checkmark {background-color: #4f76b8;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.user-rember input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.user-rember .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.footer-left .nbs-flexisel-container{max-width:950px; width:100%; float:left; padding:0px 15px;}

/*responsive */


@media only screen and (max-width: 1024px) {
	.login-form {width:50%;}
	.login-form-employee, .login-form-business-owner, .login-form-broker, .login-form-agents,.login-form-tsi { width:50%}
	.header-center h1{font-size:28px;}
}
/* Tablet Landscape */
@media only screen and (max-width: 980px) {
	.login-form {width:60%;}
	.login-form-employee, .login-form-business-owner, .login-form-broker, .login-form-agents,.login-form-tsi{ width:40%}
	.login-form h2{ font-size:26px;}
    .header-center{display:none;}
}
/* Tablet Portrait */
@media only screen and (max-width: 767px) {
	.login-form {width:100%;background:#f9f9f9;padding:8% 6% 8% 6%;}
	.login-form-employee, .login-form-business-owner, .login-form-broker, .login-form-agents,.login-form-tsi{ display:none;}
	
}
/* mobile */
@media only screen and (max-width: 425px) { 
	.footer-left {
	    display: none !important;
	}
}
@media only screen and (max-width: 425px) {
	.fr{width:100%;}
	.login-form h2{font-size:18px;}
	.footer-left{
		display:none !important
	}
	.footer-left, .footer-right{
		display:none !important;width:100%; float:none; text-align:center; margin:10px 0px;}
	.social-icon{float:none; display: inline-block; margin-top:20px;}
	.social-icon a img{height:25px; width:45px;}
	.social-icon a:first-child img{padding-left:0px;}
	.header-left{width:28%; padding-top:11px;}
	.header-left .logo img{ width:80px; height:46px;}
	.header-right span.active{margin-left:0px;}
	.header-right{    margin-top:27px;
    margin-right: 7px;}
	.header{height:68px;}
	.header:after{top:-4px;}
	.login-form h1{font-size:25px;}
}
/* by hitesh form error*/
.error{
	color:#f00;
}