*{
	margin:0; 
	padding:0;
	box-sizing:border-box;
 }
.row{
	margin-left: 0px;
	margin-right: 0px;
	}
body, footer, p {
	font-family: 'Roboto', 'Open Sans', sans-serif;
	}
body{
	background-color:#fff;
	}
.container-fluid{
	margin:0; 
	padding:0
	}
.header{
	width:100%; 
	margin:0 auto; 
	background:#fff;
	}
.top-header{
	background-color:#25735f;
	}
.info-top{
	width:85%; 
	margin:0 auto; 
	padding:5px 0
	}
.bottom-header{
	width:85%; 
	margin:0 auto; 
	padding:0;
	}
.info-top a{
	color:#fff; 
	text-decoration:none; 
	font-size:12px!important; 
	z-index:9999999
	}
.info-top a:hover {
	text-decoration:underline; 
	cursor:pointer
	}
.info-top .fa{
	color:#fff;
	font-size:13px
	}
ul.sub-menu-hidden li{
	display:block; 
	width:100%
	}
.logo{
	width:20%; 
	height:auto; 
	float:left;
	}
.logo img{
	width:172px; 
	height:auto; 
	overflow:hidden; 
	padding-top:5px
	}
.head-menu{
	width:80%; 
	float:right
	}
.head-menu ul {
	list-style-type:none
	}
.head-menu ul li{
	display:inline;
	padding: 0px 0 0px 35px; 
	float:left;
	}
.head-menu ul li a {
	font-family:'Roboto', sans-serif; 
	color:#0092e9;
	font-size: 14px; 
	line-height:48px;
    text-align: center; 
	vertical-align:middle; 
	display:block;
	transition: all 0.3s ease-out;
	}
.head-menu ul li a:before{ 
	content:''; 
	display:block; 
	height:3px; 
	background-color:#fff
	}
.head-menu ul li a:hover{
	text-decoration:none
	}
.head-menu ul li a:hover:before{
	content:''; 
	display:block; 
	height:3px; 
	background-color:#a5cd38
	}
.sub-menu-hidden{
	max-width:200px; 
	display:block; 
	background-color:#fff; 
	position:absolute; 
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	z-index:99999; 
	padding:10px; 
	display:none;
	transition: all 0.3s ease-out;
	}
.head-menu ul li:hover ul.sub-menu-hidden{
	display:block
	}
ul.sub-menu-hidden li{
	padding:0
	}
ul.sub-menu-hidden li a{
	z-index:99999; 
	padding:0 10px; 
	text-align:left; 
	text-decoration:none; 
	color:#5a5a5a
	}
ul.sub-menu-hidden li:hover{
	background-color:#0092e9; 
	}
ul.sub-menu-hidden li:hover a{
	color:#fff; 
	border:none; 
	}
ul.sub-menu-hidden li a:hover:before{
	background-color:transparent
	}
.head-menu ul li .fa-home{
	font-size:22px; 
	paddong:0 3px
	}
.mbmenu{
	position:absolute; 
	right:10px; 
	top:10px; 
	display:none
	}
.mbmenu-icon{
	font-size:25px; 
	color:#0092e9;
	}
.content{
	width:100%; 
	height:auto; 
	background-image:url("../../images/akron-background.jpg"); 
	background-repeat:no-repeat; 
	background-size:cover;
	min-height:700px
	}
.intro{
	width:75%;
  margin:0px auto 55px auto;
	text-align:center; 
	background-color:rgba(255,255,255,0);
	position:relative
	}


.akron-moto {
	color:#fff; 
	font-size:20px; 
	line-height:30px;
	font-family:"Open Sans", sans-serif;
	text-shadow: 2px 2px 4px rgba(0,0,0,.4); 
	text-transform:uppercase;
	padding:8px 30px;
  margin-top: 100px; 
  text-align: center;
}

.intro h1{
	color:#fff; 
	font-size:20px; 
	line-height:30px;
	font-family:"Open Sans", sans-serif;
	text-shadow: 2px 2px 4px rgba(0,0,0,.4); 
	text-transform:uppercase;
	padding:8px 30px;
  margin-top: 20px;
	}
.fm-container{
	width:75%; 
	margin:0px auto 150px auto;  
	background-color:rgba(0,0,0,0.4); 
	padding:25px 50px; 
	box-sizing:border-box; 
	}
.form-title{
	display:none
	}
.form-group {
	width: 30%;
	display: inline-block;
	}
.form-group div{
	display:inline-block; 
	width:100%; 
	margin:0; 
	padding:0
	}
.buttons{
	width:39%; 
	display:inline-block;
	}
.register{
	display:inline-block; 
	padding: 7px 20px; 
	text-align:center; 
	width:45%; 
	z-index:9999;  
	background-color: #5a6865; 
	/*box-shadow: 1px 1px 2px #918D8D; */
	height:36px
	}
.triangle{
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #fff;
	opacity:0.8;
  text-align: center;
  margin: auto;
}
.register:hover{
	background: #125141;
	}
.register:focus{
	background: #25735f; 
	border:none
}
.register:active{
	background: #25735f; 
	border:none
}
.register a{
	color:#fff; 
	text-decoration:none; 
	text-transform:uppercase;
	font-size:15px;
	}
.login-btn {
	display:inline-block; 
	background-color:#25735f; 
	padding: 7px 35px;
	color:#fff; 
	height:36px;  
	margin: 0 10px; 
	border:none;
	width:45%;
	font-size:15px
	}
.login-btn:hover{
	background: #125141;
	}

.login-btn:active {
	background: #25735f;
}

/*input[type="submit"]:focus{
	background-color: #fff; 
	border:none
}
input[type="submit"]:active{
	background-color: #fff; 
	border:none
}*/
 input, optgroup, select, textarea {
	font-family:"Open Sans";
    margin: 10px 5px 25px 5px;
    padding: 7px 10px;
	height:36px;
	color: #797878;
    background: rgba(255,255,255,0.9);
	border:1px solid rgba(246,246,246,0.8);
    box-shadow:1px 1px 4px rgba(137,137,137, 0.9);
	width:94%;
	transition:all 0.5s;
	font-size:14px; 
	box-sizing:border-box
}
input::placeholder{
	color: #666;
	text-transform:uppercase; 
	font-size:14px
	}
input::-webkit-input-placeholder { 
    color: #666;
	text-transform:uppercase; 
	font-size:14px
}
input:-moz-placeholder { 
    color: #666;
	text-transform:uppercase; 
	font-size:14px
}
input:-ms-input-placeholder { 
	color: #666;
	text-transform:uppercase; 
	font-size:14px
}
input::-moz-placeholder { 
	color: #666;
	text-transform:uppercase; 
	font-size:14px
}

input:focus, textarea:focus, select:focus {
    outline: none;
	webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.3), 1px 1px 2px rgba(0,0,0,0.7);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.3), 1px 1px 2px rgba(0,0,0,0.7);
	background: rgba(255,255,255,1);
}

.footer-top{
	text-align:left; 
	color:#fff; 
	width:86%; 
	margin:0 auto
	}
.footerbox{
	padding:5px; 
	margin:20px auto 30px auto; 
	background-color:transparent
	}
.footer-top .col-md-4{
	margin-top:12px; 
	margin-bottom:10px
	}
.footerbox h3{
	font-family:'Roboto','Open Sans', sans-serif; 
	padding-bottom: 24px;
    font-size: 16px;
    color: #f2f4f5;
	line-height: 1.2em;
    font-weight: 700;
	margin-top:5px;
	letter-spacing: 0.01em;
	}
.footerbox p{
	font-family:'Roboto', 'Open Sans', sans-serif; 
	font-size:13px; 
	color: #fff;
	line-height: 1.7142857143;
	text-align: justify; 
	font-weight:400;
	letter-spacing: 0.01em
	}
.footerbox ul {
	list-style:none; 
	padding:0; 
	margin:0; 
	text-align:center
	}
.footerbox ul li{
	font-size:13px; 
	padding: 0 0 0.75em 0;
	}
.footer a{
	color:rgba(255, 255, 255, 0.5);
	text-decoration:none;

	letter-spacing: 0.01em;
	}
.cllogo{
	width: 32%;
    padding-right: 12px;
	float:left
	}
.cltxt{
	width:68%; 
	float:right
	}
.mite{
	color: black; 
	font-family: Verdana, sans-serif; 
	font-size: 10pt; 
	font-weight:400
	}
.smc p{
	width:48%; 
	float:left; 
	margin-top:18px
	}
.footer-bottom{
	background-color:#fff;
	}
.footer-bottom p {
	width:85%; 
	margin:0 auto;
	padding:20px 0 50px 0; 
	color: #594d50;
	font-size: 13px;
	text-align:center; 
	font-weight:400;
	letter-spacing: 0.01em;
	}
.footer-bottom p a{
	color:#0092e9; 
	letter-spacing: 0.01em;
	}
.info .fa-map-marker {
	font-size: 20px; 
	padding-right: 6px;
	}
.info .fa-phone{
	font-size: 20px; 
	padding-right: 6px;
	}
.info .fa-envelope{
	font-size: 14px; 
	padding-right: 6px;
	}
.info a{
	font-size: 100.01%; 
	letter-spacing: 0.01em
	}
#mite{
	width:45px; 
	height:43px
	}
@media screen and (max-width: 1300px) {
	.buttons{width:37%; display:inline-block}
	.head-menu ul li{padding: 0px 0 0px 20px; }
}
@media screen and (max-width: 1200px) {
	.fm-container{width:80%}
	.head-menu{position:absolute; top:49px; left:-12.5%; z-index:999; background-color:#fff; width:125%; display:none}
	.head-menu ul li{display:block; width:100%; float:none; padding:0; transition:all 0.1s ease-in}
	.head-menu ul li a{color:#000; text-transform:uppercase}
	.head-menu ul li:hover{background-color:#0092e9; }
	.head-menu ul li:hover a{color:#fff}
	.head-menu ul li a:hover:before{ content:''; display:block; height:0px; background-color:transparent}
	.sub-menu-hidden{max-width:100%; width:100%; display:block; background-color:#f7f7f7; position:unset; box-shadow: none;z-index:99999; padding:0px; margin:0; display:none;transition: all 0.3s ease-out;}
	.sub-menu-hidden ul{margin:0; padding:0; width:100%;}
	ul.sub-menu-hidden li:hover{background-color:rgba(0,146,233,0.6)}
	ul.sub-menu-hidden li a{z-index:99999; padding:0 10px; text-align:center; text-decoration:none; color:#000!important}
	ul.sub-menu-hidden li:hover a{color:#fff!important}
	.head-menu ul li a:before{ content:''; display:block; height:0px; background-color:transparent}
	.mbmenu{display:block; z-index:999999999;}
	.header:hover .head-menu {display:block!important}
	.header:focus .head-menu {display:block!important}
	.header:active.head-menu {display:block!important}
	.header{min-height:80px}
}
@media screen and (max-width: 990px) {
	.intro{margin-top:0px}
    .fm-container{width:60%; padding:30px 5px; margin:0px auto 100px auto;}
	.form-group {width: 80%; display: block; margin:0 10%; text-align:center}
	.buttons{width: 100%; display: block; margin:0 auto; text-align:center}
	.form-group div{display:block; text-align:center; margin:0 auto}
	.login-btn {display:block;width:80%; margin:10px auto; }
	.register{display:block; width:80%; margin:10px auto}
	 input{width:100%; margin:5px auto; text-align:center}
	 label{margin:0; padding:0}
	.footer-bottom p {width:80%;}
	.footerbox{width:100%}
	.cllogo{max-width: 100%; padding: 0; float:none; margin:0 auto; padding:0; text-align:center; }
	.cllogo img{margin:0 auto}
    .cltxt{width:100%; float:none; margin:0 auto; text-align:center; text-align:center;padding:0; margin-top:20px}
	.cltxt p{text-align: center!important;}
  .akron-moto {font-size: 15px;}
  .intro h1 {font-size: 15px;}
}
@media screen and (max-width: 768px) {
	.fm-container{width:70%;margin:0px auto 100px auto; }
	.moto h1 {font-size:32px; line-height:1.2}
	.logo{margin-left:0}
  .akron-moto {font-size: 15px;}
  .intro h1 {font-size: 15px;}
}
@media screen and (max-width: 480px) {
	.intro{margin-top:0px}
	.fm-container{width:85%;margin:0px auto 100px auto; }
	.footer-bottom p {width:98%;}
	.header{min-height:80px; position:absolute; top:0}
	.content{min-height:700px; margin-top:0px}
  .akron-moto {font-size: 15px;}
  .intro h1 {font-size: 15px;}

}
@media screen and (min-width: 1550px) {
	.content{min-height:900px}
	.intro{margin-top:0px}
}