@import url("//hello.myfonts.net/count/31b4f3");

  
@font-face {font-family: 'Sailec-Light';src: url('../fonts/31B4F3_0_0.eot');src: url('../fonts/31B4F3_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/31B4F3_0_0.woff2') format('woff2'),url('../fonts/31B4F3_0_0.woff') format('woff'),url('../fonts/31B4F3_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Sailec-Medium';src: url('../fonts/31B4F3_1_0.eot');src: url('../fonts/31B4F3_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/31B4F3_1_0.woff2') format('woff2'),url('../fonts/31B4F3_1_0.woff') format('woff'),url('../fonts/31B4F3_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Sailec-Regular';src: url('../fonts/31B4F3_2_0.eot');src: url('../fonts/31B4F3_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/31B4F3_2_0.woff2') format('woff2'),url('../fonts/31B4F3_2_0.woff') format('woff'),url('../fonts/31B4F3_2_0.ttf') format('truetype');}


@font-face {
  font-family: 'Feijoa-Medium';
  src: url('../fonts/FeijoaWeb-Medium.eot?75466084');
  src: url('../fonts/FeijoaWeb-Medium.eot?75466084#iefix') format('embedded-opentype'),
       url('../fonts/FeijoaWeb-Medium.woff2?75466084') format('woff2'),
       url('../fonts/FeijoaWeb-Medium.woff?75466084') format('woff'),
       url('../fonts/FeijoaWeb-Medium.ttf?75466084') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Feijoa-Italic';
  src: url('../fonts/FeijoaWeb-MediumItalic.eot?85466084');
  src: url('../fonts/FeijoaWeb-MediumItalic.eot?85466084#iefix') format('embedded-opentype'),
       url('../fonts/FeijoaWeb-MediumItalic.woff2?85466084') format('woff2'),
       url('../fonts/FeijoaWeb-MediumItalic.woff?85466084') format('woff'),
       url('../fonts/FeijoaWeb-MediumItalic.ttf?85466084') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html,body{font-family:'Sailec-Regular';font-weight:normal;font-style:normal;font-size:14px;line-height:1.5;background-color:#f1f8fe;color:#2699fb;}
html,button,input,textarea{-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,strong,b{font-family:'Sailec-Medium';font-weight:normal;line-height:1.4;}
h1,h2,h3,h4,h5{font-size:1.25em;padding:0;margin:0;}
p{font-size:1em;line-height:1.6;}
a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:0 !important;}
a,a:hover,a:visited,a:focus{color:inherit;text-decoration:underline;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-o-transition:color 1s ease; transition:color 1s ease;}
p i,p em{font-weight:normal;font-style:normal;color:#1272d6;}
p u{font-weight:normal;font-style:normal;text-decoration:underline;color:inherit;}

img.responsive-img{width:100%;height:auto;}


/* TRANSITIONS */
.transition-color{-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-o-transition:color 1s ease; transition:color 1s ease;}
.transition-background{-webkit-transition:background-color 1s ease;-moz-transition:background-color 1s ease;-o-transition:background-color 1s ease; transition:background-color 1s ease;}
.transition-all{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease; transition:all 1s ease;}

button{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease; transition:all 1s ease;}



/* GRID */

.container-fluid{max-width:1210px;}
.container-fluid{padding-left:20px;padding-right:20px;}
@media (max-width: 1199px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
html,body{font-size:14px;}
.container-fluid{padding-left:20px;padding-right:20px;}
}


::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }

/* HEADER */
#header{width:100%;height:100px;background:#fff;margin:0 auto;padding:15px 30px;border-bottom:1px solid #bce0fd;}
img.ehfg-logo{width:auto;height:70px;margin-left:-5px;}

.need-help{text-align:right;float:right;line-height:70px;font-size:12px;}
.need-help strong{text-transform:uppercase;}
.need-help span{margin:0 0.25em;}

/* FOOTER */
#footer{width:100%;height:auto;padding:15px 30px;}



.ehfg-limit{width:100%;max-width:1160px;margin:0 auto;}


/* CONTENT */
.content{padding:50px 30px;height:auto;margin:0 auto;}

/* SECTION */
.section{padding:0 0 50px 0;}



/* LOGIN */
.login{text-align:center;font-size:14px;}
.login h1{font-size:22px;}

.login-box{width:100%;max-width:480px;height:auto;overflow:hidden;margin:0 auto 20px auto;padding:40px 60px;border:1px solid #bce0fd;background:#fff;border-radius:5px;}

.login-box hr{width:100%;height:1px;background:#bce0fd;border:none;margin:25px 0;padding:0;}
.login-box label{display:none;}

.login input{display:block;width:100%;padding:15px 15px 12px 15px;margin:0 0 15px 0;line-height:1;border:1px solid #bce0fd;color:#2699fb;background:#fff;border-radius:0;-webkit-appearance:none;-moz-appearance:none;}

.login input::-webkit-input-placeholder{color:#2699fb;opacity:0.75;}

.login button{font-family:'Sailec-Medium';font-size:12px;font-weight:normal;line-height:1;text-transform:uppercase;padding:15px 35px 12px 35px;margin:0 auto;border:1px solid #2699fb;color:#2699fb;background:#fff;border-radius:5px;}

.login button:hover{background-color:#2699fb;color:#fff;}


#pwindicator {
    width: 100%;
    height:auto;overflow:hidden;display:none;
    padding:0 2px;
}

#pwindicator.pw-very-weak,#pwindicator.pw-weak,#pwindicator.pw-mediocre,#pwindicator.pw-strong,#pwindicator.pw-very-strong{display:block;margin:0 0 10px 0;}

#pwindicator .label{width:30%;float:right;text-align:right;font-size:10px;text-transform:uppercase;font-family:'Sailec-Medium';color:#2699fb;}

.bar{width:70%;height:auto;background:#f1f8fe;float:left;margin-top:3px;border-radius:2px;overflow:hidden;}

.bar-inner {
	width:0;
	height: 3px;
	background:#2699fb;
}

.pw-very-weak .bar-inner {
    width: 20%;  
}

.pw-weak .bar-inner {
    width: 40%;
}

.pw-mediocre .bar-inner {
    width: 60%;
}

.pw-strong .bar-inner {
    width: 80%;
}

.pw-very-strong .bar-inner {
    width: 100%;
}