.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;

}
.header{
	height: 193px!important;
}
.background_header{
	height: 193px!important;
}
.middle_header{
	height: 162px!important;
}


.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 #f9a830;

	text-shadow: 0px 2px #000000;

	font-family: 'Dosis', sans-serif;

	position: absolute;

	font-size: 30px;

	color: white;

	left: 0;

	bottom: 190px;

}

.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%;

}

@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: -120px;

	margin-left: -145px;

}

.login_word_bottom{

	width: 100%;

	line-height: 0.9;

	text-align: center;

	color: #f8a41a;

	font-weight: 900;

	font-size: 41px;

	text-shadow: 0px 2px #7f7f7f;

}

.username_pass_container{

	width: 290px;

	height: 108px;

	margin-top: 23px;

	border-radius: 13px;

	background: #fbd18c;

	position: relative;

}

.username_pass_inner{

	width: 272px;

	position: relative;

	height: 90px;

	background: white;

	border-radius: 10px;

	margin: auto;

	top: 9px;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);

	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);

}

.input_login_top{

	width: 260px;

	height: 34px;

	border: 0px;

	outline: none;

	margin-left: 6px;

	margin-top: 5.5px;

	text-align: center;

}

.input_login_top:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #ffffff inset;}

.input_login_bottom{

	width: 260px;

	height: 34px;

	border: 0px;

	outline: none;

	margin-left: 6px;

	margin-top: 6.5px;

	text-align: center;

}

.input_login_bottom:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #ffffff inset;}

.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: #002551;

	text-align: center;

	color: white;

	font-size: 18px;

	/*margin: auto;*/

	margin-top: 24px;

	border-radius: 12px;

	cursor: pointer;

	border: 0px;

	position: relative;

    left: 50%;

    margin-left: -50px;

}

.login_button_bottom:hover{

	background: #f8a41a;

}

.forget_pass_container{

	width: 192px;

	height: 37px;

	position: absolute;

	bottom: -58px;

	left: 50%;

	margin-left: -96px;

}

.line_top_forget_pass{

	width: 100px;

	height: 1px;

	position: absolute;

	top: 0px;

	left: 50%;

	margin-left: -50px;

	background: #f8a41a;

}

.forget_pass_text{

	text-align: center;

	width: 100%;

	color: #002551;

	font-size: 14px;

	position: absolute;

	left: 0;

	top: 9px;

	cursor: pointer;

}

.forget_pass_text:hover{

	color: #f8a41a;

}

.line_bottom_forget_pass{

	width: 100px;

	height: 1px;

	position: absolute;

	bottom: 0px;

	left: 50%;

	margin-left: -50px;

	background: #f8a41a;

}

.part_right_white{

	width: 5000px;

	height: 100%;

	background: white;

	position: absolute;

	right: -5000px;

	top: 0;

}





















/*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;
	}
}

@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;
		}
	}
	.callIcon{
		display: block;
	}
	.header{
		height: 95px!important;
	}
	.menu_container{
		margin-top: 5px!important;
	}
}