@font-face {
  	font-family: 'Lato';
 /*	src: url('../../fonts/latobold.ttf'); */
   
  /* 	src: url('/vendor/fonts/latobold.ttf');*/
  	font-weight: normal;
  	font-weight: 700;

} 
@font-face {
    font-family: 'Lato';
    /*src: url('../../fonts/latoregular.ttf');*/
/*    src: url('/vendor/fonts/latoregular.ttf');*/
    font-weight: 400;
    font-style: normal;
}

a {
    color: #337ab7;
    text-decoration: none;
}

.container-fluide {

	max-width: 1230px;
    position: relative;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;

    background-color:#ffffff;


}

.wrap-head {

	display:flex;
	justify-content: center;
	align-items: center;

	padding: 20px 0;
	border-bottom: solid 1px #ddd;
}

.logo-block {

	padding: 20px 0;

}



.heading1 {

	text-align: center;
    margin-bottom: 50px;
    font-size: 22px;

    font-family: Lato;
    font-weight: 700;

    color:#333;

}

.login-container{
	padding: 20px 0px 20px 0px;
	position:relative;
    border: solid 1px #c6c6c6;
    box-shadow: 0 0 10px #d3d3d3;
    border-radius: 10px;
    width: 400px;
    margin: auto;
 /*   -moz-transition: width .25s;
    transition: width .25s;*/

    margin-top:60px;

    display:flex;
    flex-direction: column;

}

.login-cross{

	position:absolute;
	right:-50px;
	top:0;

	width:40px;
	height:40px;
    border: solid 1px #c6c6c6;
    box-shadow: 0 0 10px #d3d3d3;
    border-radius: 10px;

    display:flex;
    justify-content: center;
    align-content: center;
    color:#999;
}
.login-cross svg{

	fill:#999;
}
.login-cross:hover{

	cursor: pointer;
}
.login-wrap{

	display:flex;
	align-items: center;
	

}
.login-left{

	width:100%;
	height:100%;
	padding: 0 40px;

	display:flex;
	flex-direction:column;
	justify-content: center;

}

.login-right{

	width:50%;

	padding: 0 40px;
	display:flex;
	justify-content: flex-start;
	flex-direction:column;
}

.nav-wrap{

	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
	margin-bottom:20px;
}
.nav-btn-wrap{

	display:flex;
	justify-content: center;
	align-items: center;	
	width:50%;
	height:100%;
	margin: 0 10px;
}

.forgot-title-wrap{

	display:flex;
	justify-content: center;
	align-items: center;	
	width:100%;
	height:100%;
	margin: 0 10px;

}


.nav-btn{
	
	display:flex;
	justify-content: center;
	align-items: center;
	

	width:100%;
	height:100%;


	font-size: 22px;
    font-family: Lato;
    font-weight: 700;


}

.passive{

    color:#999;
	border-bottom: solid 1px #ddd;

}

.passive:hover{

	color:#3590ca;
	cursor:pointer;

}

.active{
	color:#3590ca;
	border-bottom: solid 2px #3590ca;

}

.active span{
	cursor:default;
}

.form-group{

	box-sizing: border-box;
}

.visible{

	display:block;
	margin-bottom:0;
}

.unvisible{
	display:none;
}

.form-row{

	margin-bottom: 20px;
	line-height: 13px;
	position: relative;

}

.check-row{

	display:flex;
	justify-content: center;
	align-items: center;

	margin-bottom: 15px;
	line-height: 13px;
	position: relative;

}

.form-text{

	text-align: left;
    padding: 12px 10px 12px 12px;
    box-sizing: border-box;
    font-size: 16px;
	outline: 0;
	border: 1px solid #ccc;
	border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;


	width:100%;

}

.show-hidden{
	position: absolute;
	display: inline-block;
	top:50%;
	right:10px;
	font-size: 33px;
	color: #ddd;
	height:33px;
	width:33px;


    transform: translateY(-50%);

}
.eye-svg-wrap{

	position:absolute;
	top:50%;
	right:10px;	
	transform: translateY(-50%);
	height:44px;
	width:44px;
	

	justify-content: center;
	align-items: center;

}

#icon-22-eye {
  fill: #999999;
}

.eye-svg-wrap:hover{

	cursor:pointer;


}
.check-box{
	display: flex;
	align-items: center;
	justify-content: center;
	width:16px;
	height:16px;
	
	border-radius: 3px;
    background-color: #fff;
    border: solid 3px #fff;
    box-shadow: 0 0 0 1px #dcdedb;
    color: #468500;
}

.check-text{

	font-size:10px;
	color:#999;
	margin-left:10px;
	display:flex;
	justify-content: center;
	align-items: center;

	font-family: Lato;
	font-weight: 400;

}

.btn-blue{
	
	display:flex;
	justify-content: center;
	align-items: center;

	border-radius: 3px;
	width:100%;
	height:44px;

	color:#ffffff;
	background-color:#3590ca;
	font-size:18px;
	font-family: Lato;
	font-weight: 400;
}




.btn-blue:hover{

	box-shadow:0 0 3px 3px rgba(53, 144, 202,.3);
	cursor:pointer;

}


.sign-in-social{

	width:100%;
	
	display:flex;
	justify-content: center;
	align-items: center;

	margin-bottom:15px;
}

.title{
	height:40px;
	display:flex;
	justify-content: center;
	align-items: center;

	font-size:20px;
	font-family: Lato;
	font-weight: 700;
}


.forgot-text{

	height:40px;
	display:flex;
	justify-content: center;
	align-items: center;

	font-size:13px;
	font-family: Lato;
	font-weight: 700;

	color:#999999;

}
.forgot-text span{

	text-align: center;
	margin: 0 10px; 

}

.hr-wrap{

	display:flex;
	justify-content: center;

	height:40px;
	width:100%;

}

.hr-text{

	height:40px;
	margin-left:10px;
	margin-right:10px;
	display:flex;
	justify-content: center;
	align-items: center;
	color: #ccc;
	font-size: 15px;
	font-family: Lato;
	font-weight: 700;
}
.hr-wrap hr{

	flex-grow: 1;
	margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee

}

.social-wrap{

	height: 81px;
	width:100%;


	display:flex;
	justify-content: center;
	align-items: center;

}

.social-svg{

	width:69px;
	height:69px;

	margin: 0 10px;

	border-radius: 50%;

}

.facebook-svg{

	border:1px solid #3F65A6;

}
.facebook-svg circle{

	r:275;
}

.facebook-svg:hover circle{

	fill: #ffffff;
	transition: 1s;
}

.facebook-svg circle{

	fill: #3F65A6;
	transition: 1s;
}

.facebook-svg:hover path{
	
	transition: 1s;
	fill:#3F65A6;
}

.facebook-svg path{
	
	transition: 1s;
	fill:#ffffff;
}

.facebook-svg:hover, .google-svg:hover {
	cursor:pointer;
	
}

.google-svg{

	border:2px solid #DC4E41;

}

.google-svg circle, .google-svg path#google-path-1{

	fill:#DC4E41;
	transition: 1s;
}
.google-svg:hover circle, .google-svg:hover path#google-path-1{

	fill:#ffffff;
	transition: 1s;
}
.google-svg path#google-path-2, .google-svg path#google-path-3{

	fill:#ffffff;
	transition: 1s;	
}

.google-svg:hover path#google-path-2, .google-svg:hover path#google-path-3{

	fill:#DC4E41;
	transition: 1s;	
}





.social-facebook-invert{

	position:absolute;
	left:0;
	top:0;	
	transition: opacity 0.3s linear;

}


.social-google-white{

	position:absolute;
	left:0;
	top:0;
	transition: opacity 0.3s linear;


}


.social-facebook{

	position:absolute;
	left:0;
	top:0;
	transition: opacity 0.3s linear;
}


.social-google-red{

	position:absolute;
	left:0;
	top:0;
	transition: opacity 0.3s linear;


}

.facebook{

	width:65px;
	height:65px;

	margin-right:10px;
	position:relative;
}

.google{

	width:65px;
	height:65px;

	margin-left:10px;
	position:relative;
}

.info{

	display:none;
}
.forgot-text a{

	cursor:pointer;

}

.placeholder-red::-webkit-input-placeholder {color:#c00;}
.placeholder-red::-moz-placeholder          {color:#c00;}/* Firefox 19+ */
.placeholder-red:-moz-placeholder           {color:#c00;}/* Firefox 18- */
.placeholder-red:-ms-input-placeholder      {color:#c00;}

input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;} 
input:-moz-placeholder      {text-overflow:ellipsis;} 
input:-ms-input-placeholder {text-overflow:ellipsis;}

.chForPass{
	color: #0d66c2;
	cursor: pointer;
	font-size: 15px;
}
.box-overlay{
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.box-modal {
	text-align: center;
	position: relative;
	width: 500px;
	padding: 16px;
	background: #fff;
	color: #3c3c3c;
	font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	box-shadow: 0 0 0 6px rgb(153 153 153 / 30%);
	border-radius: 6px;
}
.box-modal_close {
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 15px;
	line-height: 15px;
	color: #999;
	cursor: pointer;

}
.box-modal_title{
	text-align: center;
	font-size: 25px;
	color: #000;
	font-weight: bold;
	margin-bottom: 20px;
}
.box-modal_text{
	text-align: center;
	font-size: 16px;
	color: #000;
}
.box-modal_box{
	display: flex;
	flex-direction: column;
}
.auth_error_text{
	font-size: 12px;
	color: red;
	text-align: center;
	position: absolute;
	bottom: -15px;
	left:0;
}
.auth_clue_text{
	font-size: 11px;
	color: green;
	position: absolute;
	bottom: -25px;
	left:0;
}

.authlogo{
	width: 180px;
}

.authlogo img {
	width: 100%;
	display: block;
	max-width: 100%;
	height: auto;
}

.authlogo svg {
	width: 100%;
	display: block;
	max-width: 100%;
	height: auto;
}