/* ******* */
/* GENERAL */
/* ******* */
body {
  background : #f2f2f2;
}

body, div, span, article, section, h1, h2, img, ul, input, p {
  margin      : 0;
  padding     : 0;
  border      : 0;
  font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.top, .bottom {
  position : relative;
}
.top {
  z-index    : 2;
  box-shadow : rgba(0, 0, 0, 0.5) 0px 5px 5px -5px, rgba(0, 0, 0, 0.5) 0px 5px 5px -2px !important;
}
.bottom {
  z-index : -100;
}

.card {
  margin     : 0 auto 40px auto;
  padding    : 40px 0;
  width      : 960px;
  background : rgb(248, 255, 248);
  box-shadow : 0 4px 6px rgba(0,0,0,0.16), 0 4px 6px rgba(0,0,0,0.16);
}
.card.first {
  padding    : 30px 0 10px 0;
}
.card.last {
  margin-bottom : 0;
  padding       : 20px 0;
  width         : 100%;
}
.card.dark {
  background : #01160b;
}
.card.medium {
  background : #4e7b6f;
}
.card.last > div {
  width      : 960px;
  margin     : 0 auto;
  font-size  : 0.8em;
  text-align : left;
}

.card .bag {
  box-shadow : 0 2px 5px rgba(0,0,0,0.16), 0 2px 5px rgba(0,0,0,0.16);
}
.card.medium .bag {
  box-shadow : 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.16);
}

.col4blog > div:not(:first-child) {
  margin-left : 77px;
}
.col4blog > div {
  max-width      : 22%;
  display        : inline-block;
  color          : #659388;
  vertical-align : top;
}
.col4blog > div .contact {
  margin-top: 75px;
}

.col4blog li:not(:last-child) {
  margin-bottom : 6px;
}
.col4blog a {
  color : #c1d6c1;
}
.col4blog a:hover {
  text-shadow : 1px -1px 2px rgba(193, 214, 193, 0.7);
}

.clear {
  margin  : 0 !important;
  padding : 0 !important;
  clear   : both !important;
}

.nomargin {
  margin  : 0 !important;
  padding : 0 !important;
}

.nopadding {
  padding : 0 !important;
}

/* ******* */
/* GENERAL */
/* ******* */
h1,h2,h3,th {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, sans-serif;
}
h1 {
  font-size : 1.4em;
}
h1.right {
  margin     : 0px 40px 0 0;
  width      : 78%;
  float      : right;
  text-align : right;
}

a {
  text-decoration : none;
}

ul.nav {
  list-style-type : none;
}

.label {
  background: #3e695c;
  text-align: center;
  color : white;
}
.label h1 {
  font-size: 3em;
  font-weight:normal;
  color : #aeeeb5;

}
.label h2 {
  margin-top : -8px;
  font-size: 1.5em;
  font-weight:normal;
  color: #2f5046;
}
.label h3 {
  margin-top :25px;
  font-size: 0.9em;
  color: #51866f;
}

/* ****** */
/* LAYOUT */
/* ****** */
.col2thirds {
  width  : 960px;
  margin : 0 auto;
}
.col2thirds > .left {
  width : 70%;
  float : left;
}
.col2thirds > .right {
  width : 20%;
  float : right;
}

/* ******** */
/* TIMELINE */
/* ******** */
.timeline {
  text-align: center;
}

.timeline .info, .timeline .start {
  width: 192px;
  background: #cdc;
  height: 48px;
  box-shadow : 0 3px 6px rgba(204, 221, 204, 0.3), 0 3px 6px rgba(204, 221, 204, 0.3);
}

.timeline .info img, .timeline .start img {
  width: 32px;
  padding: 8px;
  background: #f6fff6;
  display: inline-block;
}
.timeline .info a, .timeline .start h1 {
  color: #06341d;
  display: inline-block;
  width: 144px;
  text-align: center;
  vertical-align: middle;
  margin-top: -40px;
  font-size: 0.9em;
}

.timeline .start h1 {
  font-size: 1.6em;
  font-weight: normal;
}

.timeline .divider {
  background: #83887b;
  box-shadow : 0 2px 2px rgba(131, 136, 123, 0.5), 0 2px 2px rgba(131, 136, 123, 0.5);
}
.timeline .divider::before, .timeline .divider::after {
  content:'';
  background: #83887b;
  padding: 10px;
  border-radius: 10px;
  box-shadow : 0 2px 2px rgba(131, 136, 123, 0.5), 0 2px 2px rgba(131, 136, 123, 0.5);
}
.timeline .divider::after {
  position:absolute;
  z-index: 99;
}

.timeline.horizontal > div {
  display: inline-block;
  vertical-align: middle;
}
.timeline.horizontal:not(:last-of-type) {
  margin-bottom: 80px;
}

.timeline.horizontal .divider {
  width:20px;
  height:8px;
  margin: auto 5px;
}
.timeline.horizontal .divider::before, .timeline.horizontal .divider::after {
  margin-top:-6.5px;
}
.timeline.horizontal .divider::before {
  float: left;
  margin-left: -15.5px;
}
.timeline.horizontal .divider::after {
  float: right;
}

.timeline.vertical > div {
  margin: 0 auto;
}

.timeline.vertical .divider {
  width: 8px;
  height: 50px;
  margin: 7px auto;
}
.timeline.vertical .divider::before, .timeline.vertical .divider::after {
  margin-left:-6px;
}
.timeline.vertical .divider::before {
float:left;
margin-top: -10px;
}
.timeline.vertical .divider::after {

  margin-top:29px;
  margin-left:-12px;
}

/* ****** */
/* HEADER */
/* ****** */
.header {
  background : #001c0b;
  width      : 100%;
}

.header .headerblock {
  margin      : 0 auto;
  padding-top : 15px;
  height      : 90px;
  width       : 930px;
}
.header .title {
  float : left;
}
.header .menu {
  float : right;
}

.header img {
  display        : inline;
  vertical-align : middle;
  padding        : 0 5px;
}
.header img.inline {
  height : 1.8em;
}
.header img.lginline {
  height : 2em;
  margin-top: 10px;
  padding-right: 20px;
}

.header h1, .header h2 {
  font-weight : normal;
  font-style  : normal;
  display     : inline-block;
  color       : #fff;
}
.header h1 {
  text-transform : uppercase;
  font           : italic 1.8em Futura;
}
.header h2 {
  font-size  : small;
  float      : right;
  margin-top : -20px;
}
.header a {
  color : #fff;
}

.header ul{
  margin-top : 12px;
}
.header li {
  display     : inline;
  padding     : 0 5px 2px 8px;
  font-size   : 0.9em;
  margin-left : 7px;
}
.header li:hover{
  border-bottom : 2px inset #819a84;
  text-shadow   : 0 0 5px #ffffff;
}
.header li a {
  color : #fff;
}
.header .current {
  color       : #aeeeb5;
  font-weight : bold;
}

.header .search {
  width              : 220px;
  margin             : 15px 0 0 10px;
  border-radius      : 4px;
  padding-left       : 15px;
  height             : 22px;
  -webkit-box-shadow : inset 10px 10px 8px -9px rgba(0,0,0,0.75);
  -moz-box-shadow    : inset 10px 10px 8px -9px rgba(0,0,0,0.75);
  box-shadow         : inset 5px 10px 10px -10px rgba(0,0,0,0.75);
  font               : 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
  text-transform     : lowercase;
}

/* *************** */
/* HEADER SCROLLED */
/* *************** */
.navmenu img {
  display : none;
}
.navmenu p {
  display : inline;
}

.navscroll {
  position  : fixed;
  right     : 50px;
  top       : 50%;
  transform : translate(0%, -50%);
  z-index   : 100;
}
.navscroll > li:not(:first-child) {
  margin-top : 15px;
}
.navscroll > li :not(.current) p {
  color:#f6fff6;
}
.navscroll > li {
  display        : block;
  vertical-align : middle;
  text-align     : center;
  padding        : 0;
  width          : 56px;
  height         : 56px;
  background     : #06341d;
  border-radius  : 28px;
  box-shadow     : 0 20px 20px -5px rgba(45,45,45,0.2), 0 20px 20px -5px rgba(45,45,45,0.2);
}
.navscroll li:hover {
  border-bottom: 2px groove #06190d;
}
.navscroll a.current img {
  -webkit-filter : sepia(100%) saturate(10000%) contrast(0.2) grayscale(.8);
}
.navscroll img {
  -webkit-filter : sepia(100%) hue-rotate(50deg);
  display        : inline;
  width          : 32px;
  margin-top     : 10px;
}

.navscroll p {
  display: none;
}
.navscroll a:hover:after {
  content:attr(title);
  background: #848479;
  border-radius : 10px;
  width:65px;
  height:30px;
  float:left;
  margin: 13px auto auto -70px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  font-weight:bold;
}

/* ****** */
/* FOOTER */
/* ****** */
.disclaimer, .credits {
  display        : inline-block;
  max-width      : 75%;
  vertical-align : top;
  color          : #cdc;
  font-size      : 0.85em;
}
.credits {
  float : right;
  color : #9a9;
}