address, body, div, fieldset, form, h1, h2, h3, h4, h5, h6, img, input, textarea, li, ol, p, select, ul {outline: 0;padding: 0;margin: 0}
a, a:focus, button:focus, fieldset, img {outline: 0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
.clear, .clearfix {clear: both}
fieldset, img {border: none}
.clear {height: 0;overflow: hidden}
a {text-decoration: none;color:#2d7cff; transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-webkit-transition:.25s ease-in-out;}
a:hover {cursor: pointer;text-decoration:none;}
a:focus,a:visited{text-decoration:none;}
ul {list-style: none}
body, html {height: 100%;}
/* a, input {transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out} */
body {  font-family: 'Arimo'; font-size: 13px; background:#fff; }
img{max-width:100%;height:auto;border:none;}
.effects{-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;}
::-webkit-input-placeholder {
   color: #888;
   opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
	color: #888; 
	opacity:1;   
}
::-moz-placeholder {  /* Firefox 19+ */
	color: #888; 
	opacity:1;   
}
:-ms-input-placeholder {  
	color: #888;
	opacity:1;   
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}	

.fr{ float:right;}
.fl{ float:left;}
.maincontainer{width:1100px; margin:0 auto;}
#headerinfoarea{ position:absolute; left:0px; top:0px; z-index:10; width:100%; padding:30px 0px;}
.logo{ width:100%; float:left;}
.logo a{ float:left; width:auto;}
.logo span{ float:right; width:auto;}

#about-txt{ width:100%; float:left; padding:30px 0px; text-align:center;}
#about-txt h1{ font-size:75px; color:#198438; padding-bottom:20px; text-transform:uppercase; font-family: 'Squ721Rm';}
#about-txt p {color: #2c2c2c; font-size: 18px; line-height: 23px; padding-bottom: 17px;}

#section-1{ width:100%; float:left; background: url(../images/bg1.jpg) center top no-repeat; padding:30px 0px; text-align:center;}
#section-1 h2{ font-size:50px; color:#000; padding-bottom:8px; text-transform:uppercase;  font-family: 'AkrobatBlack'; }
#section-1 h4{ font-size:35px; color:#fff; padding-bottom:25px; font-family: 'AkrobatRegular'; }
#section-1 h4 span{ display:inline-block; position:relative;}
#section-1 h4 span:before { background: #fff none repeat scroll 0 0; content: ""; height: 1px; left: -178px; position: absolute; top: 22px; width: 170px; z-index: 10;}

#section-1 h4 span:after { background: #fff none repeat scroll 0 0; content: ""; height: 1px; right: -178px; position: absolute; top: 22px; width: 170px; z-index: 10;}

#footerinfo{ width:100%; float:left; height:111px; background:#f1f1f1; position:relative;}
#footerinfo .ft-first{ width:50%; position:absolute; left:0px; height:100%; top:0px; bottom:0px;}
#footerinfo .ft-second{ width:50%; position:absolute; right:0px; height:100%; top:0px; bottom:0px; background:#dedede;}
.ft-info {font-family: 'AkrobatSemiBold';
  width: 100%; padding:20px 0px;
  float: left;
}.f1-info {
  float: left;
  width: 50%; z-index:12; 
}
.f1-info span{ font-size:28px; color:#1f1f1f; display:block; margin-bottom:3px;position:relative;}
.f1-info a{ font-size:28px; color:#1f1f1f; display:inline-block; margin-bottom:0px;}
.f2-right {
  float: right;
  position: relative;
  z-index: 10;
  font-size: 28px; text-align:right;
}
.f1-info a:hover{ color:#1f7d3a;}


@media screen and ( max-width:1150px) {
	.maincontainer{ width:100%; float:left; padding:0px 10px;}
	
	}
	
	

@media screen and ( max-width:767px) {
	#headerinfoarea{ padding:6px 0px;}
	@media screen and ( max-width:680px) {
	#about-txt h1{ font-size:45px;}
	#about-txt p {font-size: 16px; line-height: 21px;}
	#section-1 h2 { font-size: 29px;}
	#section-1 h4{ font-size:23px;}
	#section-1 h4 span::before{ left:0px; width:0px; height:0px;}
	#section-1 h4 span::after{ right:0px; width:0px; height:0px;}
}	

@media screen and ( max-width:680px) {
	#footerinfo .ft-first,#footerinfo .ft-second{ display:none;}
	.f2-right {
  float: right;
  font-size: 23px;
  margin-top: 32px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 10;
}
.f1-info span,.f1-info a{ font-size:23px;}
.f1-info {
  float: left;
  width: 100%;
  z-index: 12;
  text-align: center;
}
#footerinfo{ height:auto;}
	}
	
	@media screen and ( max-width:379px) {
		.logo img {
  width: 148px;
}
		}