@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,700italic,400italic);

/* CSS Document */

body{
  font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
  font-size: .92rem;
  font-weight: 400;
}
/*Javascript links*/
/* Popup Styles*/
#i_lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
    /* display: block; */
}
/* Popup Styles*/
.c_modal_close{
  font-size: 18px;
  position: absolute;
  right: 0;
  top:0;
  padding:10px 15px;
  background:#E4E4E2;
  cursor: pointer;
  color:#aaa;
  /*border: thin palevioletred solid;*/
}
.c_popupHeader {
  font-size:24px;
  /*text-transform: uppercase;*/
  color: var(--color-black-1);
  /*font-family: 'Source Sans Pro', sans-serif;*/
  /*background:#F4F4F2;*/
  /*position:relative;*/
  /*padding:10px 20px;*/
  /*padding:0px 20px;*/
  /*padding:10px 20px 0 20px;*/
  padding: 10px 20px 10px 20px;
  /*border-bottom:1px solid #DDD;*/
  font-weight:bold;
}
.c_popupBody {
  padding:20px;
  /*font-family: 'Source Sans Pro', sans-serif;*/
  color: #666;
  /*font-size: 1.2em;*/
}

.c_popupHeader .c_modal_close {
  /*position: absolute;*/
  /*right: 0;*/
  /*top:0;*/
  /*padding:10px 15px;*/
  /*background:#F4F4F2;*/
  /*cursor: pointer;*/
  /*!* color:#aaa;  *!*/
  /*color: #F4F4F2;*/
  /*font-size:16px;*/
  /*border-bottom: 1px solid #FFF;*/
}

.c_popupContainer{
	position:absolute;
	width:330px;
	height: auto;
	left:45%;
	top:80px;
	background: #FFF;
}

.c_btn {
  padding: 10px 20px; 
  /* background: #F4F4F2; */
}
.c_btn:hover {
  /* background: #E4E4E2; */
}

.c_btn_red {background: #ED6347; color: #FFF;}
.c_btn_red:hover {background: #C12B05;}

.c_btn_accent {background: #00FFAB; color: #FFF; font-weight: 600;}
.c_btn_accent:hover {background: #E4E4E2;}

a.c_btn {color:#666; text-align: center; text-decoration: none;}
a.c_btn_red {color: #FFF;}

.c_one_half {width:50%; display: block; float:left;}
.c_one_half.last {width:45%; margin-left:5%;}



.c_comingSoon {padding:20px; font-family: 'Source Sans Pro', sans-serif; font-size: 24px; color: #666; background-color: #FFF; height: 200px; line-height: 200px; text-align: center;}



/* Social Login Form */
.c_social_login {}
.c_social_login .c_social_box {display:block; clear:both; padding:10px; margin-bottom: 10px; background: #F4F4F2; overflow: hidden;}
.c_social_login .c_icon {display:block; width:10px; margin-right: 10px; float:left; color:#FFF; font-size:16px; text-align: center; padding: 5px 13px 5px 10px;}
.c_social_login .c_fb .c_icon {background:#3B5998; border-radius: 5px;}
.c_social_login .c_twitter .c_icon {background:#09F; border-radius: 5px;}
.c_social_login .c_linkedin .c_icon {background:#069; border-radius: 5px;}
.c_social_login .c_youtube .c_icon {background:#ED3833; border-radius: 5px;}
.c_instagram .c_icon {background: linear-gradient(to top, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5); border-radius: 5px;}
.c_social_login .c_icon_title {display:block; padding:5px 0; float:left; font-weight: bold; font-size: 16px; color:#777;}
.c_social_login .c_social_box:hover {background: #E4E4E2;}



.c_centeredText {text-align: center; margin: 20px 0; clear: both; overflow: hidden; text-transform: uppercase;}

#i_action_btns1 {clear:both; overflow: hidden;}
#i_action_btns1 a {display: block;}
#i_action_btns2 {clear:both; overflow: hidden;}
#i_action_btns2 a {display: block;}
#i_action_btns3 {
  clear:both; 
  /* overflow: hidden; */
  /* width: 90% */
}
#i_action_btns3 a {display: block;}
#i_action_btns4 {clear:both; overflow: hidden;}
#i_action_btns4 a {display: block;}
/* User Login Form */


.c_user_login input[type="text"],
.c_user_login input[type="email"],
.c_user_login input[type="password"] {
  display: block; 
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #DDD; 
  color: #666;
  font-size: 1rem;
  border-radius: var(--spacing-03);
  line-height: 1.5;
  font-weight: 400;
}
.c_user_register input[type="text"],
.c_user_register input[type="email"],
.c_user_register input[type="password"] {
font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
display: block;
width: 100%;
box-sizing: border-box;
padding: 10px;
border: 1px solid #DDD;
color: #666;
font-size: 1rem;
border-radius: var(--spacing-03);
line-height: 1.5;
font-weight: 400;
}
.c_user_login input[type="checkbox"], .c_user_login input[type="radio"] {
float:left;
margin-right:5px !important;
accent-color:var(--logo-color);
margin-top: 5px !important;
}
input[type="checkbox" i] {
margin: 0;
}
.c_user_login input[type="checkbox"]+label {float:left;}

.c_user_login .c_checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}
.c_forgot_password {display:block; margin: 5px 0 5px; clear: both; overflow: hidden; text-decoration: none; color:#ED6347;}
.c_forgot_password:hover {color: #000;}
/* User Register Form */
.c_user_register {}
.c_user_register label {display: block; margin-bottom:5px;}

.c_user_register input[type="checkbox"] {float:left; margin-right:5px;}
.c_user_register input[type="checkbox"]+label {float:left;}

.c_user_register .c_checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}
.c_required:after{
    font-weight: bold;
	  color:#F60;
    content:" *";
    display:inline;
}

.helptext {
  color: #888888;
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 12px;
  background-color: #E8E8E8;
  margin-left: 10px;
  margin-top: 10px;
  padding: 5px;
  margin-bottom: 10px;

}
.helptext ul{
  color: #888888;
  font-size: 10px;
  line-height: 1;
  list-style-position: inside;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
}

.errorlist {
  color: #cf0000;
  display: block;
  width:90%;
  font-size: 12px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  line-height: 1;
}

.form_m {
  width:50%;
  color: red;
  display:inline-block;
}

.c_button_generic{
  border-radius: 8px;
  border: none;
  margin: 0 10px 0 0 ;
}
.c_button_generic-inverse{
  border-radius: 8px;
  border: solid #F60 thin;
  background: #FFF;
  color: #F60;
  
}

.c_button_generic{
  border-radius: 0px;
  display: block;
  width: 90%;
}
.c_button_generic:hover, .c_button_generic-inverse:hover{
  /* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
}

.c_center-font{
  text-align: center
}
.c_margin-10{
  margin-top: 10px;
}

.c_test_buttons, #id_pop_form, #id_clear_form, #id_getStatus{
  background: #D3DEE2;
  padding: 5px;
  color: #000;
  font-weight: 200;
}
.c_bck_blue_gray{
  background: #D3DEE2;
}



/* --- Password (Eye) --- */

.password-container {
  position: relative;
}

.password-input {
  /*padding-right: 30px; !* Adjust this value to create space for the icon *!*/
}

.toggle-password {
  padding: 0;
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
}

/* --- Login (Labels) --- */
.c_user_login label {
  display: block;
  margin-bottom:5px;
}

/* --- Contact (Select) --- */
.c_contact_select{
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: var(--spacing-03);
}
.placeholder-color::placeholder {
  color: #bbb;
}