@font-face {
  font-family: 'Martel';
  font-weight: 600;
  font-style: normal;
  src: url('/fonts/Martel-600/Martel-600.eot');
  src: url('/fonts/Martel-600/Martel-600.eot?#iefix') format('embedded-opentype'),
       local('Martel DemiBold'),
       local('Martel-600'),
       url('/fonts/Martel-600/Martel-600.woff2') format('woff2'),
       url('/fonts/Martel-600/Martel-600.woff') format('woff'),
       url('/fonts/Martel-600/Martel-600.ttf') format('truetype'),
       url('/fonts/Martel-600/Martel-600.svg#Martel') format('svg');
}

@font-face {
  font-family: 'Martel';
  font-weight: 700;
  font-style: normal;
  src: url('/fonts/Martel-700/Martel-700.eot');
  src: url('/fonts/Martel-700/Martel-700.eot?#iefix') format('embedded-opentype'),
       local('Martel Bold'),
       local('Martel-700'),
       url('/fonts/Martel-700/Martel-700.woff2') format('woff2'),
       url('/fonts/Martel-700/Martel-700.woff') format('woff'),
       url('/fonts/Martel-700/Martel-700.ttf') format('truetype'),
       url('/fonts/Martel-700/Martel-700.svg#Martel') format('svg');
}

@font-face {
  font-family: 'Martel';
  font-weight: 800;
  font-style: normal;
  src: url('/fonts/Martel-800/Martel-800.eot');
  src: url('/fonts/Martel-800/Martel-800.eot?#iefix') format('embedded-opentype'),
       local('Martel ExtraBold'),
       local('Martel-800'),
       url('/fonts/Martel-800/Martel-800.woff2') format('woff2'),
       url('/fonts/Martel-800/Martel-800.woff') format('woff'),
       url('/fonts/Martel-800/Martel-800.ttf') format('truetype'),
       url('/fonts/Martel-800/Martel-800.svg#Martel') format('svg');
}
@font-face {
  font-family: 'Muli';
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/Muli-regular/Muli-regular.eot');
  src: url('/fonts/Muli-regular/Muli-regular.eot?#iefix') format('embedded-opentype'),
       local('Muli'),
       local('Muli-regular'),
       url('/fonts/Muli-regular/Muli-regular.woff2') format('woff2'),
       url('/fonts/Muli-regular/Muli-regular.woff') format('woff'),
       url('/fonts/Muli-regular/Muli-regular.ttf') format('truetype'),
       url('/fonts/Muli-regular/Muli-regular.svg#Muli') format('svg');
}
@font-face {
  font-family: 'PT Serif';
  font-weight: 400;
  font-style: italic;
  src: url('/fonts/PT-Serif-italic/PT-Serif-italic.eot');
  src: url('/fonts/PT-Serif-italic/PT-Serif-italic.eot?#iefix') format('embedded-opentype'),
       local('PT Serif Italic'),
       local('PT-Serif-italic'),
       url('/fonts/PT-Serif-italic/PT-Serif-italic.woff2') format('woff2'),
       url('/fonts/PT-Serif-italic/PT-Serif-italic.woff') format('woff'),
       url('/fonts/PT-Serif-italic/PT-Serif-italic.ttf') format('truetype'),
       url('/fonts/PT-Serif-italic/PT-Serif-italic.svg#PTSerif') format('svg');
}



* {padding: 0; margin: 0;}
html * {max-height:1000000px;}
* {-webkit-text-size-adjust: 100%;}
img {display: block;}
a {outline: 0;}

body {font-family: 'Martel', serif; font-size: 14px; background: #ececec; color: #555; line-height: 1.55em; font-weight: 600; overflow-y: scroll;}
body p {margin-bottom: 1.55em; overflow: visible;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 700;}
.h2, h2 {font-size: 21px; padding-top: 10px; margin-block: 4.5rem 1.25rem;}
h1 + h2 {margin-top: 0;}
h3, .h3 {font-size: 14px; font-weight: 800; margin-block: 3.5rem 0.5rem;}
b, strong {font-weight: 800;}

.container {max-width: 900px;}

.ballen {width: 100%; overflow: auto; padding: 20px 0;}
.ballen div {font-family: 'Muli', sans-serif; letter-spacing: 1px; text-transform: uppercase; font-size: 19px; font-weight: 400; 
color: white; text-align: center; float: left; line-height: 150px; width: 150px; border-radius: 180px; margin-left: 50px;}
.ballen div span {line-height: 1.2em; display: inline-block; padding: 0 20px;vertical-align: middle;}
.ballen div:nth-child(1) {margin-left: 0%; background: rgba(51,142,125,1);}
.ballen div:nth-child(2) {background: rgba(65,153,113,1);}
.ballen div:nth-child(3) {background: rgba(79,165,102,1);}
#content .ballen img {border: 0; box-shadow: none;}

#content table,
#content ul, #content ol {margin-bottom: 1.55em;}
#content table {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 100%; max-width: 550px; margin-bottom: 3.55em; position: relative; top: 1em;}
#content td {text-align: right; padding: 3px 20px 3px 0; white-space: nowrap;}
#content tr {border-top: 1px solid #ddd;}
#content table + p > em {position: relative; bottom: 1rem;}
#content tr:nth-child(1) {border-top: 0;}
#content td:nth-child(1) {text-align: left; white-space: pre-wrap;}
#content ul a {text-decoration: underline;}

#topmenu {display: none; overflow: auto; background: #1c6645; }
#topmenu ul {padding: 0; margin: 0; display: block; background: rgba(0,0,0,0); overflow: auto; padding-bottom: 6px;}
#topmenu ul li {list-style: none; float: left; width: 50%; border-bottom: 1px solid rgba(255,255,255,0.1);}
#topmenu ul li a {text-decoration: none; padding: 3px 15px 0; display: block; font-size: 16px; line-height: 2.5em; color: white;}
#topmenu ul li a:hover {color: white;}

#preheader {text-align: right; background: #d3e3d6; color: #777;}
#preheader .icon {color: #ccc;}
#preheader a {color: #777;}
#preheader a:hover {text-decoration: none;}
#slogan {display: inline-block; padding: 5px 0;}

.featured_image {margin-top: 60px; margin-right: 10px;}

#content a.polaroid,
#prefooter a.img,
#content a.img,
#prefooter img,
#content img {border: 4px solid white; box-shadow: 0 0 1px rgba(0,0,0,0.5); overflow: hidden;}
#prefooter a.img,
#content a.img {display: block; background: #419983;}
#prefooter a.img img,
#content a.img img {border: 0; box-shadow: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#prefooter a.img:hover img,
#content a.img:hover img {opacity: 0.4;}

#header {background: #fff;}
#banner {height: 130px; border-bottom: 3px solid #419983;} 
#banner > div {text-align: center; height: 127px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#338e7d+0,419971+50,4fa566+100 */
background: rgb(51,142,125); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(51,142,125,1) 0%, rgba(65,153,113,1) 50%, rgba(79,165,102,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(51,142,125,1) 0%,rgba(65,153,113,1) 50%,rgba(79,165,102,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(51,142,125,1) 0%,rgba(65,153,113,1) 50%,rgba(79,165,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#338e7d', endColorstr='#4fa566',GradientType=1 ); /* IE6-9 */ 
line-height: 130px; font-size: 32px; letter-spacing: 1px; color: white; overflow: hidden;
border-bottom: 3px solid white; font-style: italic;
}

#banner > div > div {outline: none; overflow: hidden; height: 130px; position: absolute;}
.home #banner > div,
.home #banner > div > div,
.home #banner {height: 400px; line-height: 400px;}
.home #banner {height: 403px;}
.home #banner > div > div {font-family: serif; line-height: 310px; padding-top: 90px; font-weight: normal; font-family: 'PT Serif'; }
.home #banner .btn {font-style: normal; background: #1c6645; text-transform: uppercase; outline: 0; margin-top: 30px; 
  border: 1px solid #1c6645; color: white; font-size: 14px; font-weight: 400; display: inline-block; line-height: 1.55em; padding: 6px 18px 5px;}
.home #banner .btn:hover {color: white; border-color: white!important; background: transparent!important;}
.form-control {border-radius: 0px; border: 1px solid #999;}
.form-group {font-family: 'Muli', sans-serif; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; font-weight: 400;}
.btn {
    font-family: 'Muli', sans-serif;
    letter-spacing: 1px; text-transform: uppercase; font-size: 11px; font-weight: 400;
    border-radius: 0px!important;
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    text-decoration: none;
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
.btn:hover {background: #555; color: white!important; border-color: #555!important;}
input[type="submit"].btn {background: white; border: 1px solid #999;}
input[type="submit"]:hover {background: #555;}
#banner .slider {width: 100%; position: absolute; white-space: nowrap;}
#banner .slider > div {width: 100%; display: inline-block; white-space: normal;}
.home .firstrow {padding-top: 45px;}


input, textarea, select {border: 1px solid #aaa; border-radius: 0; background: white; color: #555; padding: 0.5rem; font-family: sans-serif; font-weight: normal; height: 3rem;}
textarea {height: 20rem;}
input[type="checkbox"] {height: auto;}
input[type="checkbox"], input[type="radio"] {margin-top: 2px;}

#logo {margin: 0; padding: 0; position: absolute; cursor: pointer; z-index: 99; left: 50%; margin: 22px -98px; width: 196px;}
body.home #logo {margin-top: 62px;}
#menu {clear: both; display: block; text-transform: none; font-size: 17px; font-weight: 700; float: left; text-align: center; margin: 0;}
#menu li {display: block; float: left; list-style: none; background: white; vertical-align: bottom; padding: 0 29px 0 0;}
#menu li a {color: #666; text-decoration: none; display: block; padding: 19px 0 16px; border-top: 4px solid white; font-size: 16px;}
#menu li a:hover, #menu li.active a {color: #258859;}
#menu li.active a {border-color: #258859; border-top: 4px solid #258859;} 


#content .submenu {border: 0; border-top: 1px solid #419983;}
#content .submenu a {text-decoration: none; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; font-weight: 400; color: #419983; padding: 0; display: block; padding: 0 30px 0 0; text-align: right; border-bottom: 1px solid #419983; padding: 3px 0; text-align: left;}
#content .submenu a:hover {text-decoration: none;}
#content .submenu li {list-style: none;}
#content .submenu li.active a {font-family: 'Arial', sans-serif; font-weight: 700;}
#content ul.submenu {padding: 0; margin: 0; margin-right: 15px;}
#content a {color: #419983;}
#content a:active, #content a:focus, #content a:hover {text-decoration: none; color: #419983;}
#submenuspacer-left {height: 50px; width: 10px;}
#submenuspacer {height:77px; width: 10px;}


#content {background: #fff; padding: 30px 0 60px;}
.home #content {padding: 40px 0 60px;}
#content .container {text-align: left;}
#content a {text-decoration: underline;}
#prefooter img,
#content img {width: 100%;}
h1 {margin: 0 0 1px; font-size: 30px; padding: 0 0 0.65em; color: #419983; line-height: 1.15em; overflow: hidden; color: #258859;}
#content ul {margin-left: 20px;}
.home #content p {padding-right: 20px;}
.block b {color: #258859;}
.block strong {font-family: 'Muli', sans-serif; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; font-weight: 400;}
#content a.btn, #content a.more {letter-spacing: 1px; text-transform: uppercase; font-size: 11px; font-weight: 400; display: inline-block; margin: 13px 0; color: #555; border: 1px solid #999; text-decoration: none;}

.postdate,
#breadcrumbs {font-family: 'Muli', sans-serif; letter-spacing: 0.5px; color: #258859; text-transform: uppercase; font-size: 12px; font-weight:400; display: flex; margin: 0 0 0.5rem!important; overflow: hidden;}
#breadcrumbs li {list-style: none; white-space: nowrap;}
#breadcrumbs a:hover,
#breadcrumbs a {text-decoration: none!important; color: #419983;}
#breadcrumbs a::before {content: "//"; display: inline-block; margin: 0 0.75rem;}
#breadcrumbs li:first-child a::before {content: none;}
.postdate {color: #555;}

#content .block {border-left: 0px dotted #ddd;}
#content .block a {text-decoration: none; color: #555;}
#content .block a.btn {color: #555; border: 1px solid #999;}

#content form label {font-weight: normal; margin-bottom: 0.2rem;}
#content form > div {display: flex; flex-direction: column; padding-top: 0.6rem; margin-bottom: 0.6rem;}

.formwrapper {padding-right: 10px;}
textarea {resize: vertical;}

.partners {display: grid; grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));}

#gallery {padding-top: 20px;}
.fotos #gallery {padding-top: 0; padding-bottom: 20px;}
#gallery.row {margin-left: -4px; margin-right: -4px;}
#gallery.row > div {padding: 4px;}

#footer {padding: 0px 0 40px; color: #555; text-align: left;}
#footer a {color: #555; text-decoration: none;}
#footer a:hover {color: #258859;}
#footer a.btn {margin-top: 13px; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; font-weight: 400; border: 1px solid #777; }
#footer a.btn:hover {background: #1c6645; border: 1px solid #1c6645!important; color: white!important;}
#footer h3 {text-transform: none; font-size: 19px; padding-top: 25px; padding-bottom: 2px; font-weight: 700;}
#footer form {padding-top: 5px;}
#footer input {width: 100%; padding: 2px 5px 0; border: 0; background: white;}

#lightbox {cursor: pointer; display: none; z-index: 99; position: fixed; top: 0; left: 0; background: #222 url('/img/preloader.gif') center center no-repeat; text-align: center;}
#lightbox #image {z-index: 0; display: inline; max-height: 95vh; max-width: 95vw;}
#nextbutton {color: white; float: right; width: 50px; height: 50px; line-height: 45px; margin-right: 2.5vw; font-size: 50px;}
#prevbutton {color: white; float: left; width: 50px; height: 50px; line-height: 45px; margin-left: 2.5vw; font-size: 50px;}
#closebutton {color: white; position: absolute; top: 2vh; right: 2.5vw; width: 50px; height: 50px; line-height: 50px; margin-left: 2.5vw; font-size: 15px; font-weight: 400;}
#controls {height: 50px; top: 50%; position: fixed; margin-top: -25px; width: 100%;}
#controls a {color: white; text-decoration: none;}
#controls a:hover, #controls a:active {color: silver;}

.quotecontent {font-style: italic;}
.quotecontent p:before {content: "“";}
.quotecontent p:after {content: "”";}
.quotename {font-weight: bold;}
.quotestars img {border: 0!important; box-shadow: none!important; width: auto!important; height: 20px!important; display: inline-block; opacity: 0.7; position: relative; bottom: 2px;}

.textruler {border-top: 1px solid rgba(0,0,0,0.15); text-align: center; margin: 30px 0;}
.textruler span {background: white; position: relative; display: inline-block; padding: 5px 15px; bottom: 17px; font-style: italic;}

#content .partnerlogos {text-align: center;}
#content > .container > .partnerlogos {margin-top:5rem;}
#content .partnerlogos ul {margin: 0; padding: 1rem 0 0; display: flex; justify-content: center; flex-wrap: wrap; max-width: 70rem; margin: 0 auto;}
#content .partnerlogos ul li {margin: 0; padding: 0; list-style: none;}
#content .partnerlogos ul li a {display: block; padding: 2rem 2rem 0;}
#content .partnerlogos ul li a img {display: block; border: 0; box-shadow: none; height: 7rem; object-fit: contain; filter: grayscale(100%) brightness(0.4) contrast(2); opacity: 0.2;}
#content .partnerlogos ul li a:hover img {opacity: 0.8;}

@media (max-width: 991px) {
  .submenu a {text-align: left;}
  .submenu {border-right: 0;}
  #content .partnerlogos {text-align: left; padding: 2rem 0;}
  #content .partnerlogos ul {justify-content: flex-start;}
  #content .partnerlogos ul li a {padding: 2rem 0 0; margin-right: 2rem;}
}
@media (max-width: 767px) {
#content .block {border-left: 0; padding-left: 0px;}
#banner span {padding: 0 20px;}
.ballen {width: 100%;}
.ballen div {font-size: 3.1vw; line-height: 25vw; width: 25vw; margin-left: 5vw;}
}

@media (max-width: 500px) {
#banner span {font-size: 24px; padding: 0 20px; line-height: 1.3em!important;}
.partners .row.findrandom > * {width: 100%;}
}