@import "reset.css";
@import "grid.css";
@import "superfish.css";

@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

     body {
	background-color: #055140;
}
     .map {
	margin: auto;
	height: 200px;
	width: 500px;
}

html, {
	background: #383338;
	width: 100%;
	position: relative;
	font: normal 13px/20px 'Ubuntu', sans-serif;
	color: #fff
}

p {
	font-size: 15px;
	line-height: 20px;
	padding-left: 20px;
	padding-right: 5px;
}

* ul { list-style: none; }

a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}

* {
	-webkit-text-size-adjust: none;
}
a {
	text-decoration: none;
	color: #fff;
	transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

#toTop {
    background: url(../images/toTop.png) 0 100% no-repeat;
    border: none;
    bottom: 341px;
    display: none;
    height: 58px;
    left: 58%;
    margin-left: 489px;
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    text-indent: -999px;
    width: 58px;
    z-index: 20;
    opacity: .9;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';

    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    
    -webkit-transition: all .1s ease .1s;
    -moz-transition: all .1s ease .1s;
    -ms-transition: all .1s ease .1s;
    -o-transition: all .1s ease .1s;
    transition: all .1s ease .1s;
}

#toTop:hover {
	background: url(../images/toTop.png) 0 0 no-repeat;
	opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';

}

/************Header************/

#header {
	min-height: 178px;
	position: relative;
}

h1 a img {margin-top: 36px;position: relative;}

/************Content***********/

.bg {
	background-color: #CECFA4;
	padding: 50px 0;
}
.bg_1 {
	background-color: #027D34;
	padding: 61px 0 133px;
}
.bg_2 {
	background-color: #027D34;
	padding-right: 0;
	padding-left: 0;
}
.bg_3 {
	background-color: #055140;
	padding: 85px 0 98px;
}
.bg_4 {
	background: #99b565;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
}

.wrap {margin-top: 46px; position: relative;}

h2,h3,h4,h5,h6 {
	display: block;
	font: bold 34px/85px 'Ubuntu', sans-serif;
	color: #fff;
	text-transform: uppercase;
}
h2 {
	font-size: 64px;
	line-height: 85px;
	margin-bottom: 20px;
	text-align: left;
}
h3 {
	font-size: 34px;
	line-height: 34px;
	margin: 25px 0;
}
h4 {
	font-size: 30px;
	line-height: 48px;
	text-transform: uppercase;
	font-weight: normal;
}
h5 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 500;
	margin-top: 0;
	text-transform: none;
	margin-bottom: 15px;
}
h6 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 500;
	margin-top: 0;
	text-transform: none;
	margin-bottom: 15px;
}

a.link1 {
	font-size: 18px;
	line-height: 35px;
	font-weight: 700;
	display: inline-block;
	text-transform: uppercase;
}
a.link1:hover {
	color: #e1f4bc; 
	text-decoration: none;
}
a.link2 {
	font-size: 30px;
	line-height: 30px;
	font-weight: 500;
	display: inline;
	color: #fff;
	text-transform: none;
}

a.link2:hover {
	color: #383338;
	text-decoration: none;
}

.thumb {
	background-color: #055140;
	text-align: center;
	padding: 49px 30px 63px;
	margin-bottom: 38px;
}

.thumb>a {margin-top: 39px;}
.thumb>h3 {margin: 31px 0 14px;}
.thumb>p {
	color: #bab6ba;
	font-size: 13px;
	line-height: 20px;
	padding: 0 9px;
}

.col1 {
	background-color: #055140;
	-webkit-box-shadow: 0 10px 16px #F7F8F5;
	-moz-box-shadow: 0 10px 16px #aac970;
	-o-box-shadow: 0 10px 16px #aac970;
	box-shadow: 0 10px 16px #F7F8F5;
}
.col1>img { 
	padding: 11px;
	border: 1px solid #c7de9d;
	position: relative;
	left: -6px;
	top: -12px;

	-webkit-border-radius: 500px; 
	-moz-border-radius: 500px; 
	-o-border-radius: 500px; 
	border-radius: 500px;

	-webkit-box-shadow: 1px 0 20px #aac47a;
	-moz-box-shadow: 1px 0 20px #aac47a;
	-o-box-shadow: 1px 0 20px #aac47a;
	box-shadow: 1px 0 20px #aac47a;
}
.col1>p {color: #fff;padding: 0 9px;}
.col1>h3 {margin: 7px 0 14px;}

.banner {position: relative;overflow: hidden;padding-top: 30px;}
.banner>img {width: 100%;}

.text {
	position: relative;
	margin-top: 49px;
	padding-right: 34px;
	color: #fff
}

.text2 {
	position: relative;
	margin-top: 49px;
	padding-right: 34px;
	color: #0D5106
}

.section {
	position: relative;
	margin-bottom: 48px;
}
.section h5 {margin-top: 9px;}
.section p {margin-bottom: 29px;}

ul.socials {
	position: relative;
	overflow:hidden;
	margin-top: 37px;
}

ul.socials li {
	position: relative;
	float: left;
	margin: 0 3px 0 0;
	width: 47px;
	height: 47px;
	display: inline-block;
}

ul.socials li a {
	display: inline-block;
	background: #b0d074;
	color: #383338;
	width: 47px;
	height: 47px;
	font-size: 14px;
	line-height: 44px;
	text-align: center;

	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	-o-border-radius: 500px;
	border-radius: 500px;
}

ul.socials li a:hover, ul.list li a:hover {
	background: #454145;
	color: #fff;
}

.right {text-align: right;}

ul.list {
	position: relative;
	float: right;
	width: 245px;
	margin: 20px 1px 0 0;

}

ul.list li {
	background: #B0D074;
	float: right;
	margin-left: 1px;
	margin-bottom: 1px;
}

ul.list li a {
	color: #383338;
	display: inline-block;
	padding: 0 9px;
	font: normal 15px/34px 'Ubuntu', sans-serif;
}

h1 a.logo2 img {
	margin-top: 0!important;
}

.text1 {
	text-align: right;
	position: relative;
	line-height: 20px;
	font-size: 15px;
	color: #a9a6a9;
	margin-top: 16px;
}

address {
	position: relative;
	margin: 17px 0 52px;
	line-height: 18px;
	float: right;
	text-align: right;
	color: #a9a6a9;
	font-size: 15px;
	line-height: 20px;
}
address span {margin-bottom:19px; display: block;}
address dl dd {width: 200px;}

.map_wide {
	position: relative;
	height: 413px;
	width: 100%;
}

.article {
	position: relative;
	overflow: hidden;
	margin: 47px 0 30px; 
}
.article .lk {display: block;margin: 10px 0 15px;position: relative;}

.thumbnail {
	position: relative;
	overflow: hidden;
	margin: 30px 0 14px; 
}
.thumbnail>img {margin-bottom: 39px;}
.thumbnail>span {display: block; font-size: 15px;padding-top: 6px;}

a.block {
	display: block;
	position: relative;
	background: #383338;
	padding: 40px 46px 46px;
	text-align: center;
	margin-top: 30px;
}

a.block:hover {
	background: #b9d684;	
	-webkit-box-shadow: 0 10px 16px #aac970;
	-moz-box-shadow: 0 10px 16px #aac970;
	-o-box-shadow: 0 10px 16px #aac970;
	box-shadow: 0 10px 16px #aac970;
}

.block>p {font-size: 13px!important; line-height: 20px;}

.thumb2 {
	position: relative;
	overflow: hidden;
	margin: 18px 0 30px;
}
.thumb2 a {
	margin-top: 20px;
	display: inline;
	font-size: 15px;
	line-height: 20px;
	text-decoration: none;
}
.thumb2 a:hover {
	color: #383338;
}
.thumb2 time {display: block;margin-bottom: 15px;}
time {font: 500 30px/30px 'Ubuntu', sans-serif;}

.block1 {margin-top: 47px;}
.block1 img {margin-bottom: 37px;}

.items {
	position: relative;
	text-align: center;
	margin: 45px 0 27px;
}

.items a {margin-top: 28px;}
.items img {margin-bottom: 2px;}
.items p {margin-top: 2px;}

.thumb3 {position: relative;margin: 30px 0 0;}
.thumb3 img {margin-bottom: 39px;}
.thumb3 h5 {line-height: 30px;margin-bottom: 22px;}

.block2 {
	position: relative;
	overflow: hidden;
	margin: 48px 0 0px;
}
.block2 time, .block2 span {font-size: 15px;line-height: 20px;color:#fff;font-weight: normal;}
.block2 p {
	margin-top: 15px;
	padding-bottom: 20px;
}
.block2 a.link1 {margin-top: 15px;}
a.link3 {font-size: 15px;line-height: 20px; color: #383338;}
a.link3:hover {text-decoration: underline;color: #736873;}

ul.list1 {
	position: relative;
	width: 100%;
}
ul.list1 li {
	margin-bottom: 3px;
	padding-right: 54px;
}
ul.list1 li a {
	color: #fff;
	font: 500 16px/26px 'Ubuntu', sans-serif;
	display: inline-block;
	text-decoration: none;
	letter-spacing: 2px;
	padding: 0 7px;
	text-transform: uppercase;
}
ul.list1 li a:hover {
	background-color: #383338;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}

.map_c {
	position: relative;
	height: 638px;
	width: 100%;
	margin-top: 45px;
}

.address {
	position: relative;
	overflow: hidden;
	font: normal 15px/20px 'Ubuntu', sans-serif;
	color:#fff;
	float: left;
	text-align: left;
	width: 100%;
	margin: 10px 0 0;
}

.address span {float: left; margin: 0;}
.address p {font-size: 30px; line-height: 30px;font-weight: 500;margin-bottom: 21px;}
.address dl dd {text-align: right;width: 190px;}
dl {  margin-top: 23px;}

.text2 {position: relative;margin-top: 34px;}
.text2 a {font-size: 15px;line-height: 20px;display: inline-block;}
.text2 a:hover {color: #383338;}

/************Footer************/

#footer {
	position: relative;
	padding: 25px 0 21px;
	color: #fff;
	font: 600 19px/20px 'Open Sans', sans-serif;
}

.copy a {color: #fff;text-decoration: none;}
.copy a:hover {color: #B0D074;}


/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 1199px) {

	.thumb>img, .thumb3>img, .thumb2 img, .section img, .article img, .thumbnail>img, .block2 img, .block1 img {width:100%;}

	ul.list1 li {padding-right: 0;}
	ul.list a {font-size: 15px;}

	address {margin-top: 6px;}

}

@media only screen and (max-width: 995px) {

	h2 {font-size: 53px; line-height: 55px;}
	
	ul.list {margin-right: 3px; width: 100%;}
	ul.list li a {padding: 0 7px;}

	address {letter-spacing: -1px;}

}

@media only screen and (max-width: 767px) {
  
  	h2 {font-size: 50px; line-height: 50px;}
  	h6 {font-size: 30px; line-height: 32px;}

  	address {letter-spacing: 0;}
	
	.text {width: 100%; padding: 0;}
	
	.bg, .bg_1, .bg_2, .bg_3 {padding: 50px 0;}

	ul.socials, ul.list, address {margin-bottom:30px;}

	.col1 > img {left:-12px;}

	.section {margin-bottom: 35px;}

	.map_wide {height:250px;}

	.text1 > br, h2+br {display:none;}

	#footer {
		font-size: 15px;
		line-height: 20px;
		padding:21px 0;
	}
	ul.list {width: 100%;}

	.text2 a {margin-bottom: 30px;}

	.block2 img {margin-bottom: 20px;}

	.article img, .thumb2 img {margin-bottom: 20px;}
	.article {margin-top: 30px;}

	.thumb3 {padding-bottom: 15px;}
	.thumb2 {margin-bottom: 50px;}

	ul.list1 {margin-bottom: 25px;}
	ul.list1 li {padding-right: 50px;}

	h4 {font-size: 28px;}

	.map_wide {height: 300px;}

	ul.list {margin-right: 0px;}
	ul.list li a {padding: 0 9px;}

}

@media only screen and (max-width: 480px) {
    
	ul.list {padding-left: 0;}

	h1 a img, h1 a.logo2 img {width: 100%;}

	h2 {
	font-size: 40px;
	line-height: 45px;
}
  	h5, h6 {font-size: 25px; line-height: 30px;}

  	a.link3 {font-size: 14px;}

   .map_wide {height: 200px;}

   .section img {margin-bottom: 15px;}

}

@media only screen and (max-width: 320px) {
  
}
/*Core variables and mixins*/