body{ font-family: 'Varela Round', sans-serif; background:#37474f;}
.mt30{ margin-top:30px !important;}
.mt60{ margin-top:60px !important;}
.uppercase{ text-transform:uppercase;}
.ams-color{ color:#00b4ff;}

i.akkon-big {
  font-size:10rem;
}

i.akkon-small {
  font-size:2.5rem;
}

header{ width:100%; margin:0 auto; height:100px; left:0; top:0; position:fixed; z-index:999;}
header .headermain{ width:96%; margin:0 auto;}

.section{ background:#00b4ff; width:100%; margin:0 auto;}

.logo{ margin-top:30px;}
.logo a{ opacity:1; color:#ffffff; font-weight:bold; transition: 0.3s linear;}
.logo a:hover{ opacity:0.6; transition: 0.3s linear;}
.logo a span{ border-left:1px solid #4e606c; padding-left:8px; margin-left:8px; float:left; line-height:12px; font-size:10px; margin-top:-1px; text-align:left; font-family:Tahoma, Geneva, sans-serif !important;}
.logo img{ float:left; width:72px; height:34px; margin:0; padding:0; border:0;}
.client-logo { text-align:right; margin-top:30px;}

.login a{ transition: 0.3s linear; margin-left:6px; text-transform:uppercase; background:#ffffff; color:#1a2d49; font-size:12px !important; padding:8px 15px; border-radius:25px;}
.login a:hover{ background:#00b4ff; color:#ffffff; }
.login { text-align:right;}


.user-profile a{ opacity:1; transition: 0.3s linear; margin-left:6px; text-transform:uppercase; color:#ffffff; border-radius:50%;}
.user-profile a:hover{ color:#ffffff; opacity:0.6; }
.user-profile { text-align:right;}



#pagelogin, #forgot{ max-width:400px; background:#ffffff; border-radius:3px; box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); position:relative;}
#pagelogin a{ color:#00b4ff; transition: 0.3s linear;  font-size:13px; margin-top:8px;}
#pagelogin a:hover{ color:#333333;}

#pagelogin .col,  #forgot .col{ padding:0px !important;}
#pagelogin h4,  #forgot h4{ color:#000000; font-size:30px;}
.login-page h3{ font-size:40px;}
.bannertext{ color:#fff; width:70%; margin:0 auto;}
.bannertext h3{ font-size:2.8rem;}
.bannertext h6{ font-size:2.8rem; color:#00b4ff; font-weight:100; opacity:0.7; margin-bottom:0px !important;}
.bannertext h4{ font-family: 'Open Sans', sans-serif; font-weight:300; font-size:20px; color:#ffffff;  margin-bottom:0px !important;}

.device { margin-top:30px;}
.device img{ height:100px; width:180px;}




.bg1{ background:url(../../images/bg2.jpg) top; background-size:cover !important; }

#signup{ max-width:430px; background:#ffffff; padding:20px 40px 40px 40px; border-radius:3px; box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }
#signup .col{ padding:0px !important;}
#signup h4{ color:#00b4ff;}

.how-works{ max-width:600px; margin:0 auto; text-align:center;}
.how-works h4{ color:#b2dfdb; font-size:50px;}
.how-works p{ color:#4db6ac; font-size:16px; line-height:normal;}




footer{ font-family: 'Open Sans', sans-serif; border-top:1px solid #333333; background:#000000; position:absolute; width:100%; height:30px; line-height:30px; opacity:0.4; bottom:0px; left:0px; text-align:center; color:#fff; font-size:11px;}







/*Materialize Customs*/

@media only screen and (max-width:1500px) {
.bannertext h3 { font-size: 2.4rem;}
.bannertext h4 { line-height: 25px;}
}

@media only screen and (max-width:1400px) {
 
.modal{ width:40% !important;}
.bannertext h3 { font-size: 2rem;}
.row .col.s7 { padding-top: 50px;}
}

@media only screen and (max-width:1024px) {
.modal{ width:50% !important;}
#pagelogin, #forgot{ max-width:350px; /*padding:20px 30px 30px 30px;*/}
 
}

@media only screen and (max-width:600px) {
.modal{ width:90% !important;}
}

i.xlarge { font-size:8rem }

.search .material-icons{ margin-top:10px;}
.search input[type="text"]{ border-bottom:1px solid #ffffff; opacity:0.7; }
.search .input-field label{ color:#ffffff;  opacity:0.7;}
.input-field label.active{ font-size:11px !important;}

.autocomplete-content{ margin-top:-2px !important; position:absolute !important;}
.input-field .prefix{ position:relative !important; float:left;}
.input-field{ margin-top:2rem !important;}
.btn, .btn-large, .btn-flat{ padding: 0 1.4rem !important;}
.modal .modal-content{ padding:40px !important;}
.modal .modal-content h4{ font-size:30px !important;}
.modal .modal-content h6{ color:#666666; font-size:14px;}
#signup .row .col{ padding:0px 10px 0px 0px!important;}
#signup p{ font-size:12px;}

.modal-content .select-wrapper + label, .modal-content .input-field.col label{ left:0px !important; text-transform:uppercase; }
input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea
{
margin:0px !important;
font-size:16px !important;
	
}

[type="radio"]:not(:checked) + label, [type="radio"]:checked + label { padding-left:28px !important; font-size:16px !important; text-transform:none !important; color:#000000;}


 


.cls-error{min-height:30px; width:100%; font-size:13px; color:red;margin:20px auto 15px auto;line-height:15px;}


.pad-pagelogin{
 padding:20px 40px 40px 40px;
}

.hide{display:none;}