/* --------------------------------------
FONT IMPORT - Avenir
-----------------------------------------*/
@import "websfontkit.css";

/* --------------------------------------
GLOBAL STYLES
-----------------------------------------*/

html {
    font-size: 100%;   
    overflow-x: hidden;
}
body {
	font-family: 'AvenirMedium';
	font-size: 20px;
	color: #6b8175;
	font-weight: normal;
	overflow-x: hidden !important;
    background: #99a694;
}
/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
	width: device-width;
}
@-moz-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@-o-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* Other fixes*/
*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}
i {
  vertical-align: middle;
}
ul, ol {
  padding-left: 0 !important; 
}
li {
  list-style: none;
}
h1 , h2, h3, h4, h5{
  margin: 0;
}
/* LINKS */

a:hover{ text-decoration: none;}

a {text-decoration:none;}
a:hover {text-decoration:none; cursor: pointer !important;}
a:before,a:after { text-decoration:none;}
a:before,a:after,
a:hover:before,a:hover:after {text-decoration:none;}

/* ALL IMAGES TO BE RESPONSIVE */
.img-responsive,
.maincontent img{ 
  display: block;
  max-width: 100% !important;
  height: auto !important;
}
.wrapper{
  padding-left: 30px;
  padding-right: 30px;
}
/*---------------------------------------
FORM                 
-----------------------------------------*/
.form-control{
  background: #fff;
  height: 36px;
  color: #606060;
  text-transform: uppercase;
  font-size: 16px;
  border: 1px solid #c0c0c0;
  border-radius:                    0px;
  -webkit-border-radius:            0px;
  -moz-border-radius:               0px;
}
.form-control::-moz-placeholder {
  color: #606060;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #606060;
}
.form-control::-webkit-input-placeholder {
  color: #606060;
}
.form-contact .btn{
  background: #465950;
  padding: 8px 30px;
  text-transform: uppercase;
  color: #fff;
  border-radius:                    0px;
  -webkit-border-radius:            0px;
  -moz-border-radius:               0px;
}
.form-group{
  padding-bottom: 5px;
}

button.btn-green{
  background: #465950;
  padding: 10px;
  margin: 15px 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #c0c0c0;
}
.form-contact-top{
  padding-left: 20px;
}

/* HEADER */
header{
  font-size: 20px;
  color: #fff;
}
header a{
  color: #fff;
  padding: 0 10px;
}
header a:hover{
  color: #465950;
}
header .top{
  background: #99a694;
  padding: 26px 62px;
}
header ul li{
  display: inline-block;
  text-transform: uppercase;
}
header ul li:after{
  content: "|";
  padding: 0 16px;
}
header ul li:last-child:after{
  content:"" !important;
}
header .subheader{
  background: url(../images/bg_subheader.gif) 0 0 repeat-x;
  height: 221px;
}
header .subheader .logo{
  position: relative;
  top: -20px;
  padding-right: 152px;
  text-align: right;
  display: block;
}
header .showmobile{
  background: #fff;
  text-align: center;
  padding: 20px 0;
  display: none;
}
header .showmobile  a{
  color: #99a694 !important;
}
header .hdsml a{
  font-size: 17px !important;
  color: #ffffff !important;
}

/* MAIN-CONTENT */
section.maincontent{
  background: #fff;
  padding: 30px;
}
section.maincontent .photocontent img{
  position: relative;
  top: -40px;
}
section.maincontent h1{
  font-size: 48px;
  color: #465950;
  padding: 0 0 50px 0;
}
section.maincontent h3{
  font-size: 30px;
  padding: 0 0 35px 0;
}
section.maincontent p{
   line-height: 45px;
   padding-bottom: 20px;
   font-size: 20px;
}
section.maincontent p a{
  color: #ff6600;
}
section.maincontent p a:hover{
  color: #465950;
}
section.maincontent ul a{
  color: #6b8175;
}
section.maincontent ul a:hover{
  color: #465950;
}
section.maincontent .map{
   font-size: 18px;
}
section.maincontent .contentblock ul li{
  background: url(../images/bullet_green.png) 0 10px no-repeat;
  padding-left: 20px;
  margin-bottom: 10px;
}
section.maincontent .col-menu{
  padding-left: 120px;  
  padding-top: 100px;
}
section.maincontent .topspace{
  padding-top: 120px;
}
.locationblock p{
  padding: 0 0 10px 0 !important;
}
.locationblock p a{
  color: #ff6600 !important;
}
.locationblock img{
  padding-bottom: 15px;
}
.boxblock{
  border: 2px solid #99a694;
  width: 80%;
}
.boxblock h3{
  font-size: 20px;
  color: #465950;
  padding: 10px !important;
}
.boxblock p{
  padding: 10px !important;
  font-size: 18px;
  line-height: normal !important;
}
.boxblock p.link{
  padding: 0 !important;
  margin: 0;
  font-size: 20px;
}
.boxblock p.link a{
  display: block;
  background: #99a694;
  padding: 10px;
  color: #fff !important;
  text-transform: uppercase;
}
/* MENU */
#menu{
  font-size: 18px;
}
#menu a{
   color: #6b8175;
   background: url(../images/bullet_green.png) 0 center no-repeat;
   padding-left: 20px;
}
#menu li{
  padding-bottom: 10px;
}
#menu li ul{
  padding-top: 10px !important;
  padding-left: 20px !important;
}
#menu li ul li a{
  color: #778579;
  background: url(../images/dash_green.png) 0 center no-repeat;
  padding-left: 20px;
}
#menu a:hover{
   color: #465950;
}

#menu a.active{
  color: #f26722;
}
.slicknav_arrow{ position: relative; top: 4px;}
.slicknav_btn {background-color: transparent !important;}
.slicknav_menu .slicknav_icon-bar {
 background-color: #fff !important; height: 4px;}

/* BOTTOM-CONTENT */
section.bottomcontent{
  background: #778579;
  padding: 25px 50px;
  color: #fff;
}
section.bottomcontent p{
  padding-bottom: 15px;
  font-size: 18px;
}
section.bottomcontent p em{
  display: block;
  padding-top: 15px;
  font-family: "Times New Roman";
  font-size: 18px;
}
section.bottomcontent .indent{
  padding: 0 20px;
}
section.bottomcontent ul{
  padding-top: 20px;
}
section.bottomcontent ul li{
  display: inline-block;
  font-size: 14px;
}
section.bottomcontent a{
  color: #fff;
}
section.bottomcontent a:hover{
  color: #465950;
}

section.bottomcontent ul li:after{
  content: "|";
  padding: 0 10px 0 14px;
}
section.bottomcontent ul li:last-child:after{
  content:"" !important;
}
section.bottomcontent p.sm{
  font-size: 14px;
}