@import url('https://fonts.googleapis.com/css?family=Open+Sans');
a{
	color: #0e86b7;
	text-decoration: none !important;
}
a:active,a:hover{
	color: #0e86b7;
	text-decoration: none !important;
}
body
{
	overflow: auto;
	height: 100%;
	background: #eff5f7;
	line-height: normal;
	font-family: 'Open Sans', sans-serif;

}

/** Global styles */
*,
*:before,
*:after {
  box-sizing: border-box;
}

.top__bar__logo_display
{
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	background-color: #0561c4;
	left: 0;
	z-index: 999;
	     /*   box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .2);*/
	        border-bottom: 2px solid #fff;
}
	

.login_content_centric
{
	width: 400px;
	height: auto;
	background: #fff;
	border-radius: 2px;
	position: relative;
	margin: 0 auto;
	margin-top: 9%;
	transform: translate(0,-8%);
	 box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	 display: block;
	 overflow: hidden;
	 
}
/*.login_content_centric:after
{
	background: #fff;
	opacity: .9;
	width: 100%;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	z-index: -1;
	position: absolute;
}*/

.left_form_container_sector
{
	width: 50%;
	height: 100%;
	background: #0561c4;
	padding: 30px;
	padding-top: 50px;
}

.right_form_container_sector
{
	width: 100%;
	height: 100%;
	background: transparent;
	padding: 20px;
}

.inner_login_user_account
{
	width: 100%;
	height: 100%;
	background: transparent;
	
}

h3.account_title_login
{
	font-family: 'PT Sans', sans-serif;
	text-align: center;
	font-size: 27px;
	margin-top: 5px;
	color: #000;
}

.outline_tag_p
{
	color: #888da8;
	text-align: center;
	font-size: 13px;
	margin-top: 15px;
}

.extras_login_bg
{
	position: fixed;
	opacity: .6;
  top: 0;
}


.form_holder_login
{
	height: auto;
	background: transparent;
	width: 100%;
	display: block;
	margin-top: 30px;
}

.form_group_login
{
	height: 50px;
	width: 100%;
	padding: 20px;
	margin-top: 10px;
}

.form_group_button
{
	height: 50px;
	width: 100%;
	padding: 20px;
	margin-top: 10px;
}

.form_group_login input
{
	width: 100%;
	height: 40px;
	border:2px solid #b5b4b4;
	border-radius: 3px;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	padding-left: 15px;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.form_group_login input:focus
{
	border-color: #0561c4;
}

.form_group_button button
{
	width: 100%;
	background: #0561c4;
	border:none;
	border-radius: 3px;
	height: 40px;
	color: #fff;
	outline: none;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
}

.icon_lesmass
{
	
	position: absolute;
	background: transparent;
	width: 300px;
	left: 8%;
	top: 8%;
	display: flex;
	height: 68px;

}

.icon_lesmass img
{ 
margin-right: 10px;
}

#slider-wrap {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
#slider-wrap:after {
  padding-top: 40%;
  display: block;
  content: '';
}
#slider-wrap button {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	cursor: pointer;
	outline: 0;
	user-select: none;
	padding: 5px 5px 30px;
	background: transparent;
	border: 0;
	border-top: 1px solid #fff;
	transition: all 75ms ease-in;
}
#slider-wrap button:hover {
  border-top-width: 8px;
}
#slider-wrap .dark {
	color: 
}
#prev {
	position: absolute;
	bottom: 1vw;
	left: 2vw;
	z-index: 2;
}
#next {
	position: absolute;
	bottom: 1vw;
	right: 2vw;
	z-index: 2;
}
#slider {
	background: transparent;
    position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    padding: 0px;
    margin: 0 auto;
    list-style-type: none;
}
#slider h1 {
	color: #fff;
	font-size: 17px;
	font-weight: 300;
	font-family: 'open sans', sans-serif;
	text-align: center;
	background: transparent;
	width: 260px;
	left: -30px;
	position: absolute;
	margin-top: 240px;	
}
.slide {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 200px;
    height: 200px;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    left: 50%;
    transform: translate(-50%);
}
.showing {
    opacity: 1;
    z-index: 2;
}
#slider-dots {
	position: absolute;
	bottom: 5px;
	z-index: 2;
	left: 50%;
    transform: translate(-50%, 0);
}
#slider-dots span {
	border: 1px solid #fff;
	height: 10px;
	width: 10px;
	cursor: pointer;
	border-radius: 50px;
	float: left;
	display: block;
	margin: 0 2px;
	transition: all 75ms ease-in;
}
#slider-dots span:hover, #slider-dots span.active {
	background: #fff;
}

	.login_page_container
{
	
	overflow: hidden;
}

/*responsive*/

@media(max-width: 768px)
{
	.login_page_container
{
	position: fixed;
	background: #eff5f7;
	width: 100%;
	height: 100%;
	padding: 0px;
	z-index: 50;
	padding-top: 10px;
	padding-bottom: 100px;
}
	.login_content_centric
{
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 12px;
	position: relative;
	position: absolute;
	left: 0;
	top: 20px;
	transform: translate(0,-8%);
	 box-shadow: 0 5px 9px rgba(0,0,0,0.19);
	 display: block;
	 overflow: auto;
	 overflow-x: hidden;
	 
}

	.left_form_container_sector
	{
		display: none;
	}

	.right_form_container_sector
	{
		width: 100%;
	}
}


.input-field label{color:#999;}
.input-field input[type=text]:focus + label,.input-field input[type=password]:focus + label{color:#000;}
.input-field input[type=text]:focus ,.input-field input[type=password]:focus {border-bottom:1px solid #000;box-shadow:0 1px 0 0 #000;}
.input-field input[type=text].valid,.input-field input[type=password].valid{border-bottom:1px solid #2196F3;box-shadow:0 1px 0 0 #2196F3;}
.input-field input[type=text].invalid,.input-field input[type=password].invalid{border-bottom:1px solid #F44336;box-shadow:0 1px 0 0 #F44336;}
.input-field .prefix.active{color:#000;}
/* Input : switch */
.switch{margin-top:7px;}
.switch label .lever{margin:0 7px;}
.switch label input[type="checkbox"]:checked + .lever{background-color:#ADD0EB;}
.switch label input[type="checkbox"]:checked + .lever::after{background-color: #4FB0FD ;}
.login-body{background-image:url(http://i.imgur.com/aBayW5C.png);background-size:cover;background-position: center;background-attachment:fixed;}
.input-cart{min-height:400px;border-top:3px solid #2196F3;margin-top:80px;margin-bottom:100px;}
.login{margin-top:25px;border-right:1px solid #ddd;}
.policy{visibility: hidden;}
.signupForm{display: none;}
.signup{margin-top:25px;}
.signup-toggle{cursor:pointer;margin-top:140px;}
.login h4, .signup h4{font-weight:200;}
.legal{border-top:1px solid #ddd;}
.email label{margin-left:11px;}
.policy{font-size:13px;}
.main-title{font-family:pacifico;}

.remember_me_check_box
{
	margin-top: 8px;
}

.pace .pace-progress {
background: -moz-linear-gradient(left, #0246ad 2%, #0246ad 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0246ad 2%,#0246ad 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(left, #0246ad 2%,#0246ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 
  position: absolute;
  z-index: 2000;
  top: 0%;
  right: 100%;
  width: 100%;
  height: 4px;
  z-index: 999;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
 
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

.pace-inactive {
  display: none;
}

.message_on_insert_here
{
	text-align: center;
	height: 30px;
	 margin-top: 5px;
	 background: #f2f2f2;
	 border-radius: 2px;
	 line-height: 30px;
}
/*end login page stylesheet*/

@media(max-width: 768px)
{
	.login_page_container
	{
		display: none;
	}
}



.form-group .form-control
{
	border-color: #ccc;
	border-width: 0.03em;
}

.form-group .form-control:focus
{
	border: 2px solid #197293;
}

.cover__background__img
{
	/*background-image:url(http://i.imgur.com/aBayW5C.png);*/
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	opacity: .6;
	bottom: -20%;
}

.cover__background__img_top
{
	width: 100%;
	height: 70%;
	position: absolute;
	opacity: .3;
	bottom:0%;
	top: 0;
	/*padding-bottom: 100px;*/
}

.right__link
{
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	display: flex;
	height: 100%;
	padding: 7px 10px;
	background-color: transparent;
}

.right__link a
{
	width: auto;
	height: 30px;
	border-radius: 2px;
	padding: 0 10px;
	line-height: 30px;
	color: #000;
	background-color: #fff;
	box-shadow: 0px 2px 1px rgba(0,0,0,.1);
}

.right__link a:first-child:hover
{
	background-color: transparent;
	border: 1px solid #fff;
	box-shadow: none;
	color: #fff;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.footer__page__on__page
{
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	height: 50px;
	line-height: normal;
	padding-top: 4px;

}
.footer__page__on__page p
{
	height: 15px;
	background-color: transparent;
	margin: 0;
	font-size: 12px;
}
.footer__page__on__page p a
{
	color: #fff;
	font-size: 12px;
	padding-top: 5px;
}


.footer__page__on__page:after
{
	opacity: .7;
	background:#1c1c2c;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
}

.form-group
{
	position: relative;
}

.password__visibility
{
	position: absolute;
	right: 10px;
	top: 0;
	cursor: pointer;
	display: none;
	font-size: 20px;
	top: 10px;
	transition: all .6s ease;
}

.password__visibility:hover
{
	color: #000;
}


/*new css*/

.__widget__landing_page
{
	background-color: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;

}