/* General Blueprint Style */

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { margin-left:0px !important;}


*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

body, html { padding: 0; margin: 0; font-family: 'Open Sans'; font-size: 100%; overflow:hidden;}

.right { float:right;}
.margin_t10 { margin-top:10px !important;}
.margin_t5 { margin-top:5px !important;}

.cursor_pointer { cursor:pointer;}

.lp_wrap { width:100%; height:100%; position:absolute; left:0px; top:0px;}
.lp_col_wrap { position: absolute; left:0px; top:0px; height:100%; width:100%;}
.lp_col { width:25%; padding:0 2.5%; position: relative; height:100%; float:left;}
.lp_col { background-color:#47A3DA;}

.lp_col_cat { position:relative; height:100%; width:100%; float:left;}
.lp_col_cat .lp_col_cat_click { height:100%; top:0px; left:-50px; right:-50px; position:absolute;}
.lp_col_cat .company_logo { width:100%; position:absolute; top:4%; left:0px;}
.lp_col_cat .company_logo img { max-width:100%;}
.lp_col_cat .company_tagline { color:#fff; font-size:3em; font-weight:300; line-height:1.2; position:absolute; top:25%; left:0;}
.lp_col_cat .copyrights { position: absolute; left:0; bottom:8%; font-size:0.875em; color: #FFF; font-weight:normal;}
.lp_col_cat .app_lang { position: absolute; left:0; bottom:4%; color: #FFF; font-weight:normal;}
.lp_col_cat .lang_icon { display:inline-block; margin:0px 5px; float:left;}
.lp_col_cat .lang_icon:before {}
.lp_col_cat .lang_icon.php_icon { margin-top:-2px;}
.lp_col_cat .lang_icon.php_icon:before { font-size:22px;}


/* .lp_col_facades_wrap { width:75%; position: relative; height:100%; float:left;} */

/*======================================NEW LOGIN CSS===========================================*/
.lp_col.broker_facade { background-color:black;}
.lp_col.carrier_facade { background-color:#008b8b;}
.lp_col.customer_facade { background-color:#f76c51;}

.lp_col_facades_wrap { width:75%; position: relative; height:100%; float:left;}
.lp_col_facades_wrap .login_content{background-color: rgba(255,255,255,1);width: 360px;box-shadow:0px 0px 5px #a9a6a6;margin: 12% auto;padding: 20px 30px 15px;border-radius: 5px;}
.lp_col_facades_wrap .login_content h3{/*color:#47A3DA;*/margin:10px 0 15px 0;text-align:center;}

/* .lp_col_facades_wrap .logo_title{margin: 60px auto 20px;padding: 15px;text-align: center;} */
.lp_col_facades_wrap .logo_title h2{text-transform:uppercase;display:inline-block;}
.lp_col_facades_wrap .logo_title h2 span.facade_icon{margin-top:-10px;margin-right:15px;}
.lp_col_facades_wrap .logo_title h2 span.facade_icon:before{font-size:50px;}

.lp_col_facades_wrap .hr{margin-bottom:0;}
.lp_col_facades_wrap .login-options {margin:20px 0;overflow: hidden;}
.lp_col_facades_wrap .login-options h4 {float: left;font-weight: 600;font-size: 15px;color: #7d91aa;}
.lp_col_facades_wrap .login-options .social-icons {float: right;padding-top: 3px;margin:0;padding:0;}
.lp_col_facades_wrap .login-options .social-icons li{display:block;float:left;padding:0 6px;}
.lp_col_facades_wrap .login-options .social-icons li a{color:#9c9c9c;}
.lp_col_facades_wrap .login-options .social-icons li a:before{font-size:30px;}
.lp_col_facades_wrap .login-options .social-icons li a:hover, .lp_col_facades_wrap .login-options .social-icons li a:active, .lp_col_facades_wrap .login-options .social-icons li a:focus{text-decoration:none;}


/*======================================NEW LOGIN CSS END===========================================*/

/* .lp_col_cat .lp_col_content_wrap { position: absolute; top:15%; left:0px; width:100%; color:#FFF; text-align:center;} */
.lp_col_cat .lp_col_cat_icon { text-align:center; width:100%; cursor:pointer;}
.lp_col_cat .lp_col_cat_icon span:before { font-size:220px; color:#FFF;}
.lp_col_cat .lp_col_content h2 { font-size:2.5em; color:#FFF; line-height: normal; font-weight:300;}
.lp_col_cat .lp_col_content ul.cat_description { list-style: disc; margin:25px 0 0 0px; padding:0px; list-style:none;}
.lp_col_cat .lp_col_content ul.cat_description li { width:100%; font-size:1em; color:#FFF;}
.lp_col_cat .lp_col_content a.btn { border:0px; background-color: #FFF;}
.lp_col_cat .lp_col_content p { color:#FFF;}
.lp_col_cat .lp_col_content .login_form_wrap { max-width:250px; margin:0 auto;}
.lp_col_cat .lp_col_content .lp_login_form .login_options label { font-weight:normal;}
.lp_col_cat .lp_col_content .lp_login_form .login_options label input { float: left; margin-right: 5px;}
.lp_col_cat .lp_col_content .lp_login_form .login_options, .lp_col_cat .lp_col_content .login_options a { color:#FFF;}
.lp_col_cat .lp_col_content .lp_login_form .input-group-addon {
  background-color: #FFF;
  border: 0;
  color: #3399cc;
  border-right: 1px solid #3399CC;
}
.lp_col_cat .lp_col_content .lp_login_form input.form-control {
  border:0;
}
.lp_col_cat .lp_col_content .lp_login_form .btn {
  background-color: #FFF;
  border: 0;
}
/* .lp_col_cat .lp_col_content .lp_login_form.broker .input-group-addon { */
/*   color: #3399cc; */
/*   border-right: 1px solid #3399CC; */
/* } */
/* .lp_col_cat .lp_col_content .lp_login_form.carrier .input-group-addon { */
/*   color: #008b8b; */
/*   border-right: 1px solid #008b8b; */
/* } */
/* .lp_col_cat .lp_col_content .lp_login_form.customer .input-group-addon { */
/*   color: #f76c51; */
/*   border-right: 1px solid #f76c51; */
/* } */

@media screen and (max-width:1600px){
	
	body { font-size:80%;}
	
	.lp_col_cat .company_tagline { top:23%;}
	.lp_col_cat .lp_col_content_wrap { top:14%;}
	.lp_col_cat .lp_col_cat_icon span:before { font-size:200px;}
	
}

@media screen and (max-width:1550px){
	
	body { font-size:70%;}
	
}

@media screen and (max-width:1150px){
	
	.lp_col_cat .company_tagline { font-size:2em;}
	
	.lp_col_cat .lp_col_cat_icon span:before { font-size:160px;}
	.lp_col_cat .lp_col_content h2 { font-size:2em;}
	
}


/************************************* END LANDING PAGE CSS *************************************/

