body, html{font-family: 'PT Sans', sans-serif;}
.main{
	width: 100%;
	height: 100vh;
	background: url(../images/background_layer.png),url(../images/background.jpg);
	background-size: cover;
	background-position: center;
	overflow: hidden;
	position: relative;
	padding-top: 0!important;
}
.login-header.header{
	height: 185px!important;
	position: absolute;
}
.background_header{
	height: 185px!important;
}
.middle_header{
	height: 162px!important;
}
.middle_header .logo{
	width: 269px;
	height: 64px;
	background: url(../images/login-logo.png);
}
.middle_header .menu_container{
	right: 6.5%;
}
.menu .menu_item{
	font-weight: 500;
	text-transform: uppercase;
}

.login-page-footer{width: 100%; color: #003471; font-size: 13px; position: absolute; bottom: 0px; text-align: right; padding-right: 12%;}


.desktop-link{display: block;}
.mobile-link{display: none;}

#Layer_1{display: none;}
.mobile-login-back{display: none;}

.menu_item_mobile{
    text-transform: uppercase;
}
.middle_main{
	width: 1000px;
	height: 100%;
	margin: auto;
	position: relative;
}
.part_left{
	width: 520px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.sentence_part{
	width: 430px;
	overflow: hidden;
	padding-top: 13px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-left: 5px solid #FF9800;
	text-shadow: 0px 2px #000000;
	font-family: 'Dosis', sans-serif;
	position: absolute;
	font-size: 30px;
	color: white;
	left: 0;
	bottom: 190px;
	text-transform: uppercase;
}
.part_right{
	width: 467px;
	height: 100%;
	background: white;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.left_seperator_image{
	width: 103px;
	height: 1012px;
	position: absolute;
	left: -103px;
	top: 50%;
	margin-top: -506px;
	background: url(../images/login_middle_part.png);
	background-size: 100% 100%;
}

.login_footer{
	width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 500;
}
.login_footer .middle_footer{
	width: 56%;
}
.login_footer .footer_text{
	font-weight: normal;
	position: relative;
    left: 0px;
    float: left;
    color: #002551;
    font-size: 13px;
    margin-top: 20px;
	font-family: 'Nunito', sans-serif;
}


.login_footer .social_footer{
	width: 140px;
	height: 25px;
	float: right;
	margin-top: 18px;
}
.login_footer .pi{
	width: 25px;
	height: 25px;
	float: right;
	background: url(../images/pi.png);
	background-position: right;
 	margin-left: 2px;
 	cursor: pointer;
}
.login_footer .pi:hover{
	background-position: left;
}
.login_footer .gp{
	width: 25px;
	height: 25px;
	float: right;
	background: url(../images/gp.png);
	background-position: right;
 	margin-left: 2px;
 	cursor: pointer;
}
.login_footer .gp:hover{
	background-position: left;
}
.login_footer .tw{
	width: 25px;
	height: 25px;
	float: right;
	background: url(../images/tw.png);
	background-position: right;
 	margin-left: 2px;
 	cursor: pointer;
}
.login_footer .tw:hover{
	background-position: left;
}
.login_footer .in{
	width: 25px;
	height: 25px;
	float: right;
	background: url(../images/in.png);
	background-position: right;
 	margin-left: 2px;
 	cursor: pointer;
}
.login_footer .in:hover{
	background-position: left;
}
.login_footer .fb{
	width: 25px;
	height: 25px;
	float: right;
	background: url(../images/fb.png);
	background-position: right;
 	margin-left: 2px;
 	cursor: pointer;
}
.login_footer .fb:hover{
	background-position: left;
}
/* footer */


/*popup styles*/
.modal-body{padding: 0px;}
.modal-dialog{max-width: 1002px; margin: 150px auto;}
.modal-content{border-radius: 0px; border: none; background-color: transparent;}
.modal-header{border-bottom: none;}
.modal-header .close{opacity: 1; color: white; font-size: 13px; padding: 5px 5px 0px 0px;}
.row{margin-right: 0px; margin-left: 0px; margin-bottom: 10px;}
.agent_registration_middle label{margin-bottom: 0px; font-size: 16px; font-weight: 600; color: #636363;}
.agent_registration_reel_input:focus, .agent_registration_input_captcha:focus, .agent_registration_input_data_big:focus, .agent_registration_reel_textarea:focus{border-color: #Ff9800; background-color: white;}
.no-padding{padding-left: 0px; padding-right: 0px;}
.mar-bottom-0{margin-bottom: 0px;}
.padding-left-5{padding-left: 5px;}
.padding-right-5{padding-right: 5px;}
.login-back{text-align: right;}
.login-back a{font-size: 18px; color: #003471; border-bottom: 1px solid #003471;}
.login-back a:hover{color: #FF9800; text-decoration: none; border-bottom: 1px solid #FF9800;}
.login-back-mobile{display: none;}
/*popup styles*/


@media all and (min-height: 1012px){
	.left_seperator_image{
		height: 100%;
		top: 0;
		margin-top: 0;
	}
}
.login_container{
	width: 290px;
	height: 240px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -155px;
	margin-left: -50px;
}
.login_word_bottom{
	width: 100%;
	line-height: 0.9;
	text-align: center;
	color: #FF9800;
	font-weight: bold;
	font-size: 40px;
}
.username_pass_container{
	width: 290px;
	height: 95px;
	margin-top: 23px;
	position: relative;
}
.username_pass_inner{
	width: 272px;
	position: relative;
	height: 75px;
	background: white;
	margin: auto;
	top: 9px;
}
.input_login_con{
	height: 45px;
	border: 0px;
	outline: none;
	margin-left: 6px;
	margin-top: 5.5px;
	background-color: #ebebeb; margin-left: 0px; margin-right: 0px; border-radius: 0px; width: 100%; text-align: left; margin-bottom: 3px;
}
.input_login_con img{float: left; margin-left: 8px; margin-top: 13px;}
.input_login_top{
	float: left;
	height: 35px;
	border: 0px;
	outline: none;
	margin-left: 6px;
	margin-top: 5.5px;
	background-color: #ebebeb; margin-left: 0px; margin-right: 0px; border-radius: 0px; width: 91%; text-align: left; margin-bottom: 3px;
}
.input_login_bottom{
	float: left;
	height: 35px;
	border: 0px;
	outline: none;
	margin-left: 6px;
	margin-top: 6.5px;
	background-color: #ebebeb; margin-left: 0px; margin-right: 0px; border-radius: 0px; width: 91%; text-align: left;
}

.input_login_con:focus-within{border: 1px solid #FF9800; background-color: white;}

.input_login_bottom:focus{outline: none; border: none; background-color: white !important; box-shadow: none;}
.input_login_top:focus{outline: none; border: none; background-color: white !important; box-shadow: none;}

.line_seperator{
	width: 100%;
	height: 1px;
	background: #be9e6a;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.login_button_bottom{
	width: 100px;
	padding-bottom: 7px;
	padding-top: 8px;
	background: #003470;
	text-align: center;
	color: white;
	font-size: 18px;
	margin-top: 24px;
	cursor: pointer;
	border: 0px;
	position: relative;
    left: 50%;
    margin-left: -50px;
}

.login_button_bottom:hover{
	background: #FF9800;
}
.forget_pass_container{
	width: 200px;
	height: 37px;
	position: absolute;
	bottom: -90px;
	left: 50%;
	margin-left: -96px;
}
.line_top_forget_pass{
	width: 100px;
	height: 1px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -50px;
	background: #FF9800;
}
.forget_pass_text{
	text-align: center;
	width: 100%;
	color: #003470;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 9px;
	cursor: pointer;
	font-weight: 900;
	font-family: 'Nunito', sans-serif;
}
.forget_pass_text:hover, .new-registration:hover{
	color: #FF9800;
}
.new-registration-container{
	width: 350px;
	height: 37px;
	position: relative;
	bottom: -58%;
	left: 59%;
	margin-left: -96px;
}

.new-registration{
	text-align: center;
	width: 100%;
	color: #003470;
	font-size: 15px;
	line-height: 15px;
	position: absolute;
	left: 0;
	top: 9px;
	cursor: pointer;
	font-family: 'PT Sans', sans-serif;
}
.new-registration img.register-icon{
	float: left;
	width: 7%;
	margin-right: 8px;
}
.new-registration span.register-title{
	float: left;
	margin-top: 5px;
}

.new-registration span.register-title span{
	display: block;
}
.new-registration img.register-arrow{
	margin-top: -3.5%;
}
span.register-text{
	margin-top: 5px;
}

.line_bottom_forget_pass{
	width: 100px;
	height: 1px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -50px;
	background: #FF9800;
}
.part_right_white{
	width: 5000px;
	height: 100%;
	background: white;
	position: absolute;
	right: -5000px;
	top: 0;
}


@media all and (width: 1536px) and (height: 732px){
	.login_footer .middle_footer{
		width: 65%;
	}
	.big_main_container .main{
		height: 732px;
	}
}



/*responsive start here*/
@media all and (max-width: 800px){
	.login_slideshow_container{
		width: 100%!important;
		height: calc(40% - 96.5px)!important;
		position: relative!important;
	}
	.middle_main{
		width: 100%!important;
		height: calc(60% - 96.5px)!important;
		position: relative!important;
	}
	.left_seperator_image{
		display: none;
	}
	.part_left{
		display: none;
	}
	.part_right{
		width: 100%;
	}
	.main{
		height: auto;
	}
	.login_container{
		margin-top: -170px;
	}
	.login-page-footer{display: none;}
}

@media all and (max-width: 760px) and (max-height: 450px){
	.login_slideshow_container{
		display: none;
	}
	.middle_main{
		height: 455px!important;
	}
	.login_container {
	    margin-top: -200px;
	}
}
@media all and (max-width: 700px){
	.login_slideshow_container{
		display: none;
	}
	.middle_main{
		height: 455px!important;
	}
	.login_container {
	    margin-top: -200px;
	}
}
.callIcon{
	position: absolute;
	right: 0px;
	top: 5px;
	display: none;
	width: 45px;
	height: 37px;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 45 37' style='enable-background:new 0 0 45 37;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23EBEBEB;%7D .st1%7Bfill:%23303745;%7D%0A%3C/style%3E%3Cpath class='st0' d='M5,0h35c2.8,0,5,2.2,5,5v27c0,2.8-2.2,5-5,5H5c-2.8,0-5-2.2-5-5V5C0,2.2,2.2,0,5,0z'/%3E%3Cpath class='st1' d='M31.3,23.9L28.4,21c-0.6-0.6-1.5-0.5-2.1,0l-1.4,1.4c-0.1-0.1-0.2-0.1-0.3-0.2c-0.9-0.5-2.1-1.2-3.4-2.5 c-1.3-1.3-2-2.6-2.5-3.5c-0.1-0.1-0.1-0.2-0.2-0.3l1-1l0.5-0.5c0.6-0.6,0.6-1.5,0-2.1l-2.8-2.8c-0.6-0.6-1.5-0.5-2.1,0l-0.8,0.8l0,0 c-0.3,0.3-0.5,0.7-0.7,1.2c-0.2,0.4-0.2,0.8-0.3,1.2c-0.4,3.1,1,6,4.9,9.8c5.3,5.3,9.6,4.9,9.8,4.9c0.4,0,0.8-0.1,1.2-0.3 c0.4-0.2,0.8-0.4,1.2-0.7l0,0l0.8-0.8C31.8,25.4,31.8,24.4,31.3,23.9z'/%3E%3C/svg%3E");
}
@media all and (max-width: 550px){
	@supports (-webkit-overflow-scrolling: touch) {
	  /* CSS specific to iOS devices */
	  	.big_main_container{
			height: calc(100vh - 100px)!important;
		}
	}

	@supports not (-webkit-overflow-scrolling: touch) {
	  /* CSS for other than iOS devices */ 
	  .big_main_container{
			height: 100vh!important;
			overflow-y: scroll !important;
		}
	}
	.callIcon{
		display: block;
	}
	.header{
		height: 95px!important;
	}
	.menu_container{
		margin-top: 5px!important;
	}
	.login_footer .footer_text{
		font-size: 12px;
	}
	.login_footer .middle_footer{
		width: 90%;
	}
	.hidden-xs{display: none;}
	.padding-left-5{padding-left: 15px;}
	.padding-right-5{padding-right: 15px;}
	.agent_registration_middle .row{margin-bottom: 0px;}
	.agent_registration_middle .col-12{margin-bottom: 10px;}
	.agent_registration_header_title span{display: block;}
	.login-back{display: none;}
	.login-back-mobile{display: block; position: relative; bottom: -55%; left: 42%;}
	.login-back-mobile a{font-size: 15px; line-height: 15px; font-weight: bold;  color: #003471;}
	.login-back-mobile a:hover{color: #FF9800; text-decoration: none;}
	.forget_pass_container{width: 100%; bottom: -45px; left: unset; margin-left: unset;}
	.login_word_bottom{font-size: 40px; font-family: 'PT Sans', sans-serif; text-shadow: unset;}
	.new-registration-container{bottom: -40%; width: 100%;}
	.username_pass_container{background: unset;}
	.username_pass_inner{box-shadow: unset;}
	span.register-text{margin-top: 15px; font-weight: bold;}
	.new-registration img.register-arrow{margin-top: -3%;}
	.desktop-link{display: none;}
	.mobile-link{display: block;}
	.mobile-login-back{display: block; float: right;margin-top: -14%;}
	.middle_header .logo{display: none;}
	#Layer_1{display: block;}
}