/* Copyright 2012 by Matthias Herich - http://www.mherich.de */



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

/******************** This file is for custom design and layout informations which customizes the frameworks default look&feel ********************/

/* Default HTML */
body {background-color:#f5f5f5; color:#777; font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;}
h1, h2, h3{font-weight:300; letter-spacing:.05em;}
h4, h5, h6{font-weight:400; letter-spacing:.05em;}
.item h2 a{color:#333;}
.item h2 { background-image: url(../images/stripes_thin.png); background-position: bottom; background-repeat: repeat-x;}
h3 { font-size: 24px; font-size: 2.4rem; margin-bottom: 6px; }
.credits_area h3, .footer_area h3 {font-size:20px; }

a { color: #58ab27; text-decoration: none; line-height: inherit; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out; transition: .5s ease-in-out;}
a:hover { color: #c5c6c8; }
a:focus { color: #cc4714; outline: none; }

/*Basic Layout*/
.row { width: 90%; max-width: 1140px; min-width: 320px; padding:0 5%;}
.main_wrapper {padding:30px 0; border-bottom:1px solid #e4e4e4; background-color:#fff;}
.container{background-color:#fff;}
.container.logo_area {padding:10px 0; z-index:100; position:relative;float:left;  box-shadow:0px 0 5px #000;width:100%; background-color:#fff; background-color: rgba(255,255,255,.8); border-bottom:1px solid #e4e4e4;}
.container.slider_area {z-index:50; position:relative; float:left; width:100%; width:100%;  border-bottom:1px solid #e4e4e4; background-color:#fff;}
.slider_area .row {width: 100%; max-width: 1600px; min-width: 320px; padding:0;}
.container.slider_area .header_content .row{width: 95%; max-width: 1140px; min-width: 320px; padding:0 2.5%;}
.slider_area p {margin:0;}
.container.credits_area { font-size:.88em; background-color:#f5f5f5;  text-shadow:0 1px 1px #fff;}
.main_content_area {padding-bottom:20px; }
.header_active .container.logo_area {margin-bottom:-93px; border-bottom:none;}
.container.footer_area {background-color:#f5f5f5;padding:20px 0 0 0;  }
.container.footer_area .row {border-bottom:1px solid #fff;}
.container.footer_area .row .row {border:none;}
.container.credits_area .row {border-top:1px solid #e4e4e4;padding:30px 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.credits_area, .footer_area {font-size:.88em; text-shadow: 0 1px 1px #fff;}
.container.static_header_area {background-image: url(../images/stripes.png); border-bottom:1px solid #f3f3f3; text-shadow:0 1px 1px #fff; float:left; width:100%; padding:10px 0; background-color:#f6f6f6; margin-bottom:10px;}
.container.footer_area .row, .container.credits_area .row { color:#aaa;}
.container.footer_area .row:hover, .container.credits_area .row:hover { color:#777;}
.container.credits_area .row a,.container.footer_area .row a{color:#999; }
.container.credits_area .row:hover a,.container.footer_area .row:hover a{color:#58ab27; }
.container.credits_area .row:hover a:hover,.container.footer_area .row:hover a:hover{border-bottom:1px dotted #58ab27; }

/*Typo*/
.subheader {margin-bottom:6px;}
blockquote {border:none;border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:20px 0;}

/*Nav */
ul.menu.nav-bar {height:auto; margin:5px 0 0 0;}
.nav-bar>li {line-height: auto; }
ul.menu.nav-bar {float:right; }
ul.menu.nav-bar li a{padding:5px 10px 30px 10px; color:#333; font-size:14px; font-weight:lighter; text-shadow:0 1px 1px #fff; }
ul.menu.nav-bar li a:hover {background-color:#58ab27; color:#fff;padding:5px 10px 34px 10px; text-shadow:none; }
ul.menu.nav-bar li.active a{border-bottom:3px solid #58ab27;}

/* Submenu Items */
ul.menu.nav-bar li.parent:hover ul, ul.menu.nav-bar li.over ul {top:53px;background-color:#fff; background-color: rgba(255,255,255,.99);margin:0; padding:0px;width:auto; border-left:3px solid #58ab27;}
ul.menu.nav-bar li.parent:hover ul li, ul.menu.nav-bar li.over ul li {list-style:none; width:auto;margin:0; padding:0px;}
ul.menu.nav-bar li.parent:hover ul li a, ul.menu.nav-bar li.over ul li a{display:block; width:13em; margin:0; padding:10px 5px; text-align:center;border-bottom:1px solid #ccc;}
ul.menu.nav-bar li.parent:hover ul li a:hover, ul.menu.nav-bar li.over ul li a:hover{border-bottom:1px solid #58ab27;}
ul.menu.nav-bar li.parent ul li.parent:hover ul, ul.menu li ul li.over ul {left:11em;}

/*Header Content*/
.header_content h1, .header_content h2, .header_content h3 {color:#fff;}
.header_text {float:right; width:50%; position:relative; bottom:10%; text-shadow:0 1px 1px #000;  color:#fff; padding:10px 20px 20px 20px; background-color: rgba(0,0,0,.3); margin-top:-260px;}
.header_text .subheader {color:#fff;}
.header_text h1 {padding:0; margin:0; font-size:48px; letter-spacing:-.03em; }
.header_text p {margin-bottom:10px;}
.header_text a {color:#fff; font-weight:bold; font-style:italic; border-bottom: 1px dotted #fff;}
.header-text a:hover {background-color: #58ab27;}

/* Read more links */
a.readmore, .readmore a {
display: inline-block;text-align: center;padding: 8px 10px;text-decoration: none;line-height: 1;position: relative;cursor: pointer;border: none;outline: none;margin: 0;
-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; background-color: #58ab27; background-color: rgba(88,171,39, 1);color: #fff; font-weight:400; font-size:12px; text-shadow: 0 1px 1px rgba(0,0,0,.5);
-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;background-image: url(images/misc/button-gloss.png) repeat-x 0 -31px;
}

a.readmore:hover, .readmore a:hover {background-color: rgba(88,171,39,.6);} 

/* Buttons */
a.green.button {background-color:#679f46; font-style: normal; text-decoration:none; border:none;}
a.green.button:hover, .green.button:focus  { background-color: #7bbf53; background-image: url(images/misc/button-gloss.png) repeat-x 0 -11px; border:1px solid #679f46;}
.tiny.button      { font-size: 10px; padding: 6px 14px 8px; width: auto; }
.small.button       { font-size: 11px; padding: 8px 20px 10px; width: auto; }
.medium.button       { font-size: 12px; width: auto; }
.large.button       { font-size: 15px; padding: 11px 48px 13px; width: auto; }

/*Labels*/
.label {text-shadow:none; font-size:12px; font-weight:400;}

/*  
--------------------------------------------------
Slider
-------------------------------------------------- */

/* Control Nav */

.flex-control-nav li a {width: 10px; height: 10px; display: block; background-image:none; background-color:#fff; background-color: rgba(255,255,255,.7);border-radius: 100px; margin:0 3px;}
.flex-control-nav li a:hover {background-color: #fff; box-shadow: 0px 0px 5px #fff;}
.flex-control-nav li a.active {background-color: #58ab27;}

/* Mobil styles */

@media only screen and (max-width: 940px) {
ul.menu.nav-bar { height: auto; background: none;  border: none; float:left; width:100%;}  
.slider_area {display:none;}/* Disables the slider area */
ul.menu.nav-bar li a{width:90%; border-bottom:1px solid #fff;  background-color: #58ab27; display:block;}
ul.menu.nav-bar li a {color:#fff; padding:8px 4px;}
ul.menu.nav-bar li a:after{ content: ""; }
  ul.menu.nav-bar li.active a {border-bottom:1px solid #fff;background-color:#ccc;}
.nav-bar li a:hover {color:#2ba6cb; background-color:#fff;}
.wrapper {padding:5%; width:90%;}
  .header_active .container.logo_area {margin-bottom:0px;}
  .row { width: 90%; max-width: 1140px; min-width: 320px; padding:0 5%;}
   h1 { font-size: 30px; font-size: 3rem; margin-bottom: 9px;}
  h2 { font-size: 20px; font-size: 2rem; margin-bottom: 6px; }
  h3 { font-size: 16px; font-size: 1.6rem; margin-bottom: 39px; }
  h4 { font-size: 14px; font-size: 1.4rem; margin-bottom: 3px; }
  h5 { font-size: 12px; font-size: 1.2rem; font-weight: normal; margin-bottom: 0px;  }
  h6 { font-size: 11px; font-size: 1.1rem; font-weight: normal; }
  }