@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype');
}
/* TO DO

* Default styling for webshop (webshop.less + views + modules) Clean up styles and reference everything to the base colors
* Create basic demo templates and data

+ Create helper styles for module and widget views (basic styles available, suggestions welcome)

Modules and Widgets:
* blog_webshop
* calendar
* downloads
* events
* locations
* pages
* products
* ~ search (products)//

*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/

// ==========================================================================
// Base styles: opinionated defaults
// ==========================================================================

// Moved global H5BP text styles to global.less


// Remove text-shadow in selection highlight: h5bp.com/i
// These selection rule sets have to be separate.
// Customize the background color to match your design.
*/
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/* A better looking default horizontal rule */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 0;
}
/* Remove the gap between images, videos, audio and canvas and the bottom of
// their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
  vertical-align: middle;
}
/* Remove default fieldset styles */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/* Allow only vertical resizing of textareas */
textarea {
  resize: vertical;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*	CROSS BROWSER HELPERS

	http://lesselements.com/test.html
	mixins that focus on consolidating cross-browser prefixes

	.gradient(#6CB1EE, #4F85B2, #BCE6FF);
	.bw-gradient(#EEE, 150, 255);
	.bordered(#DDD, #BBB, #555, #BBB);
	.drop-shadow(2px, 5px, 10px, 0.5);
	.rounded(10px);
	.border-radius(10px, 10px, 0, 0);
	.opacity(0.4);
	.transition-duration(0.5s);
	.rotation(20deg);
	.scale(0.5);
	.transition(1s, linear);
	.inner-shadow(2px, 5px, 10px, 0.5);
	.box-shadow(2px 5px 10px green);
	.columns(40px, 3, 20px, #EEE, solid, 1px);
	.translate(100px, 0);
	.box-sizing(border-box);
	.user-select(none); 
*/
@charset "UTF-8";
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff /*url("./ajax-loader.gif") center center no-repeat*/; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; cursor: pointer; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), /*url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"),*/ url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-slider { /*margin-bottom: 30px;*/ }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

/*# sourceMappingURL=slick.css.map */

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.lt-ie8 .row {
  zoom: 1;
}
.row {
  position: relative;
  clear: both;
  margin: 0 auto;
  max-width: 1366px;
  padding: 0 10px;
}
.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11,
.span-12 {
  position: relative;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.span-12 {
  width: 100%;
}
.span-11 {
  width: 91.66666667%;
}
.span-10 {
  width: 83.33333333%;
}
.span-9 {
  width: 75%;
}
.span-8 {
  width: 66.66666667%;
}
.span-7 {
  width: 58.33333333%;
}
.span-6 {
  width: 50%;
}
.span-5 {
  width: 41.66666667%;
}
.span-4 {
  width: 33.33333333%;
}
.span-3 {
  width: 25%;
}
.span-2 {
  width: 16.66666667%;
}
.span-1 {
  width: 8.33333333%;
}
html,
button,
input,
select,
textarea {
  font-family: 'Open Sans', Helvetica, sans-serif;
  color: #2a2a2a;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html {
  font-size: 16px;
  line-height: 1.5;
  background: #0090d2;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
header,
#main,
footer {
  clear: both;
}
header {
  background: #FFF;
}
#main {
  background: #FFF;
}
footer {
  background: #0090d2;
}
p,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
form,
table,
fieldset {
  padding: 0;
  margin: 0 0 24px 0;
  color: #2a2a2a;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #0090d2;
  text-decoration: none;
}
h1,
h1 a {
  color: #0090d2;
  font-size: 30px;
  margin: 0 0 30px 0;
}
h2,
h2 a {
  color: #0090d2;
  font-size: 24px;
  margin: 0 0 15px 0;
}
h3,
h3 a {
  color: #0090d2;
  font-size: 30px;
  margin: 50px 0;
}
h4,
h4 a {
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 24px 0;
}
h5,
h5 a {
  color: #2a2a2a;
  font-size: 20px;
}
ul,
ol {
  list-style: none;
}
li {
  padding-left: 18px;
  padding-top: 11px;
  padding-bottom: 11px;
  background: url('/img/default-arrow.png') 2px 18px no-repeat;
}
address {
  font-style: normal;
}
a,
.fake-link {
  cursor: pointer;
  color: #d3a713;
  text-decoration: underline;
}
a:hover,
.fake-link:hover {
  text-decoration: none;
}
table td,
table th {
  vertical-align: top;
}
label,
.fake-label {
  display: inline-block;
  vertical-align: top;
}
form label + label {
  margin-left: 10px;
}
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
  width: 200px;
  padding: 3px;
  border: 1px solid #CCCCCC;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
select:hover,
textarea:hover,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  border-color: #3399ff;
}
textarea {
  height: 80px;
}
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  top: 1px;
  margin-right: 4px;
}
input[type="submit"],
button[type="submit"],
button[type="button"],
.button {
  background: #0090d2;
  border: none;
  color: #FFF;
  padding: 5px 15px;
  margin-top: 10px;
  cursor: pointer;
  text-decoration: none;
}
input[type="submit"]:hover,
button[type="submit"]:hover,
button[type="button"]:hover,
.button:hover {
  background: #0073a8;
}
fieldset {
  padding: 10px;
  border: 1px solid #CCCCCC;
}
legend {
  margin-left: -5px;
  padding: 0 5px;
}
form table th,
form table td {
  padding: 4px 8px 4px 0;
  word-wrap: break-word;
}
form table label,
form table .fake-label {
  margin-top: 2px;
}
@media only screen and (min-width: 1200px) {
  .row {
    padding: 0 23px;
  }
}
@media only screen and (max-width: 500px) {
  .row {
    padding: 0;
  }
  input[type="text"],
  input[type="email"],
  input[type="password"],
  select,
  textarea {
    width: 100%;
  }
  input[type="checkbox"],
  input[type="radio"] {
    float: left;
    margin-top: 2px;
  }
}
/* ==========================================================================
// Javascript and jQuery classes
// ==========================================================================
*/
/* set navigation absolute (@rNavAbsolute) to true, change sub-slide-menu-active to appropriate */
@media only screen and (max-width: 980px) {
  #main-nav .fold-out,
  #main-nav .sub-fold-out {
    display: none;
    background: #0081bd;
  }
  #main-nav .parent:hover ul,
  #main-nav .sub-parent:hover ul {
    display: none;
  }
  #main-nav .slide-menu-active.parent > span.back,
  #main-nav .sub-slide-menu-active.sub-parent > span.back {
    display: inline-block;
    float: left;
    width: 40px;
    height: 41px;
    margin: 0 15px 0 0;
    cursor: pointer;
    background-image: url(/img/arrow-back.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 0 solid #0081bd;
    border-right-width: 1px;
  }
  #main-nav .slide-menu-active.parent > span.back:hover,
  #main-nav .sub-slide-menu-active.sub-parent > span.back:hover {
    background-color: #0081bd;
  }
  #main-nav .slide-menu-active.parent > a:before,
  #main-nav .sub-slide-menu-active.sub-parent > a:before {
    content: '';
  }
  #main-nav .slide-menu-active,
  #main-nav .sub-slide-menu-active {
    position: absolute;
    left: 100%;
    width: 100%;
    top: 0;
    z-index: 10;
    background: #0073a8;
  }
}
.responsive {
  display: block;
  width: 100% !important;
  height: auto !important;
}
.error {
  display: block;
  font-size: 13px;
  color: #CC0033;
  margin-top: 2px;
}
.error input[type="text"],
.error textarea {
  border-color: #CC0033;
}
.fr {
  float: right;
}
.arrow-r,
button.arrow-r[type="submit"] {
  padding-right: 30px;
}
.arrow-l,
button.arrow-l[type="submit"] {
  padding-left: 30px;
}
.arrow-r:after,
.arrow-l:before {
  position: absolute;
  content: ' ';
  height: 0;
  width: 0;
  margin-top: 5px;
  border: 6px solid transparent;
}
.arrow-r.right:after,
.arrow-l.right:before {
  margin-left: 8px;
  border-left-color: #FFF;
}
.arrow-r.left:after,
.arrow-l.left:before {
  margin-left: -22px;
  border-right-color: #FFF;
}
.toggle {
  cursor: pointer;
}
.panel {
  display: none;
  position: absolute;
  background-color: #FFF;
  border: 1px solid #CCCCCC;
  -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.07);
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.07);
}
.list-1,
.list-2,
.list-3,
.list-4,
.list-5 {
  margin-left: -15px;
  margin-right: -15px;
}
.list-1 a,
.list-2 a,
.list-3 a,
.list-4 a,
.list-5 a {
  display: block;
  text-decoration: none;
}
.list-1 li,
.list-2 li,
.list-3 li,
.list-4 li,
.list-5 li {
  display: inline-block;
  padding: 0 15px;
  vertical-align: top;
  background-image: none;
}
.list-1 img.responsive,
.list-2 img.responsive,
.list-3 img.responsive,
.list-4 img.responsive,
.list-5 img.responsive {
  margin-bottom: 30px;
}
.list-1 {
  margin-left: 0;
  margin-right: 0;
}
.list-1 li {
  display: block;
  padding: 0;
}
.list-2 li {
  width: 50%;
}
.list-3 li {
  width: 33.33%;
}
.list-4 li {
  width: 25%;
}
.list-5 li {
  width: 20%;
}
.module a,
.widget a {
  display: block;
}
#search-results h3 {
  margin-bottom: 0;
}
#search-results h3 a {
  text-decoration: none;
  font-weight: normal;
}
#search-results .url {
  text-decoration: none;
  color: #999;
  font-size: 0.9em;
}
#breadcrumb {
  font-size: 14px;
}
#breadcrumb a {
  text-decoration: none;
  padding-right: 15px;
  background: url('/img/default-arrow.png') right 2px center no-repeat;
}
#breadcrumb a:hover {
  text-decoration: underline;
}
.rsnav {
  clear: both;
  padding: 13px 0;
}
.rsnav a {
  display: block;
  width: 29px;
  height: 29px;
  margin-right: 7px;
  padding-top: 5px;
  text-align: center;
  text-decoration: none;
  background: #FFF;
  border: 1px solid #CCCCCC;
  color: #808080;
}
.rsnav a:hover,
.rsnav a.active {
  background: #DBDBDB;
}
.rsnav div {
  display: table;
  margin: 0 auto;
}
.rsnav div span {
  float: left;
  display: table-cell;
  margin-right: 7px;
}
.rsnav div a {
  float: left;
  display: table-cell;
}
.rsnav .back {
  float: left;
}
.rsnav .next {
  float: right;
  margin-top: -29px;
}
.frm-bldr label,
.frm-bldr .fake-label {
  width: 150px;
}
.frm-bldr button,
.frm-bldr input[type="submit"],
.frm-bldr button[type="submit"] {
  margin-left: 150px;
}
.frm-bldr li {
  clear: both;
  padding: 0;
  background: none;
  margin-bottom: 7px;
}
.frm-bldr .form-rows {
  width: 200px;
  display: inline-block;
  margin: 0 0 5px 0;
}
.frm-bldr .form-rows .form-row {
  margin: 0 0 5px 0;
}
.frm-bldr .form-rows .form-row label {
  display: block;
  margin-left: 22px;
}
.frm-bldr .form-rows .form-row input[type="checkbox"],
.frm-bldr .form-rows .form-row input[type="radio"] {
  float: left;
  margin-top: 2px;
}
.frm-bldr .error {
  display: inline-block;
}
.frm-bldr .error span {
  display: block;
  margin-top: 3px;
}
@media only screen and (max-width: 500px) {
  .frm-bldr label,
  .frm-bldr .fake-label {
    width: auto;
  }
  .frm-bldr button,
  .frm-bldr input[type="submit"],
  .frm-bldr button[type="submit"] {
    margin-left: 0;
  }
  .frm-bldr .form-rows {
    width: 100%;
  }
  .frm-bldr .error {
    display: block;
  }
}
.custom-form td {
  padding-bottom: 7px;
  padding-right: 10px;
}
@media only screen and (max-width: 500px) {
  .custom-form table {
    width: 100%;
  }
  .custom-form td {
    display: block;
    padding-right: 0;
  }
}
#bar-preview {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 25px;
  padding: 5px 0 5px 0;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #000;
}
#bar-preview a {
  float: right;
  display: inline-block;
  margin-right: 10px;
}
#hmn {
  display: none;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}
.lt-ie8 .ir {
  text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.lt-ie8 .clearfix {
  zoom: 1;
}
.removed-item {
  background: #ededed none repeat scroll 0 0;
  margin-bottom: 20px;
  padding: 15px 15px 1px;
}
.grecaptcha-badge {
  display: none;
}
#logo {
  padding: 25px 10px 15px 0;
  width: 240px;
  margin: 0 auto;
}
.phone-icon {
  background: url('/img/phone-icon.png') 0 0 no-repeat;
  height: 16px;
  width: 16px;
  display: none;
}
#main-nav-tree > li {
  position: static;
}
header .row,
header .span-10 {
  position: static;
}
.secondary-phone {
  display: none;
  vertical-align: top;
  position: relative;
  top: 34px;
  right: 0;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: 40px;
  background: url('/img/phone-icon.png') 0 2px no-repeat;
}
.secondary-phone a {
  color: #FFF;
  text-decoration: none;
}
header {
  position: fixed;
  width: 100%;
  z-index: 100;
  background: linear-gradient(90deg, #FFF 50%, #0090d2 50%);
}
header .row {
  background: linear-gradient(90deg, #FFF 25px, #0090d2 23px);
}
#main {
  padding-top: 90px;
}
header nav ul {
  margin-bottom: 0;
}
header nav li {
  float: left;
  position: relative;
  padding: 0;
  background: none;
}
header nav a {
  display: block;
  text-decoration: none;
}
header nav li ul {
  display: none;
  position: absolute;
  min-width: 100%;
  left: 0;
  margin: 0;
  background: #0081bd;
  z-index: 101;
  padding-top: 22px;
  padding-bottom: 22px;
}
header nav li:hover > ul {
  display: block;
}
header nav li ul li {
  float: none;
}
header nav li ul li ul {
  left: 100%;
  top: 0;
}
#main-nav-switch {
  display: none;
  position: relative;
  float: right;
  margin: 0 34px;
  padding: 3px 10px 3px 30px;
  color: #FFF;
  cursor: pointer;
  top: 31px;
  z-index: 10;
}
.hamburger-container {
  display: inline-block;
  margin-right: 10px;
}
.hamburger-container .icon-bar {
  display: block;
  width: 12px;
  height: 2px;
  margin-top: 2px;
  background-color: #FFF;
  border-radius: 1px;
}
#main-nav {
  background: #0090d2;
}
#main-nav .phone {
  float: right;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 34px;
  right: 0;
  padding-left: 25px;
  font-size: 17px;
  background: url('/img/phone-icon.png') 0 6px no-repeat;
}
#main-nav .phone a {
  color: #FFF;
}
#main-nav-tree {
  margin-left: -15px;
  font-size: 16px;
  padding-left: 40px;
  float: left;
}
#main-nav-tree a {
  display: block;
  color: #FFF;
  padding: 33px 22px 32px 22px;
  font-size: 17px;
}
#main-nav-tree a:hover,
#main-nav-tree a.active {
  color: #000;
}
#main-nav-tree ul li {
  background: url('/img/arrow.png') 15px 16px no-repeat;
}
#main-nav-tree ul li a {
  padding: 11px 0 11px 35px;
  color: #FFF;
  font-size: 14px;
}
#main-nav-tree ul li a:hover,
#main-nav-tree ul li a.active {
  color: #000;
}
#top-nav-tree {
  position: absolute;
  top: -72px;
  right: 250px;
  font-size: 14px;
}
#top-nav-tree a {
  color: #2a2a2a;
  padding: 5px 10px;
}
#top-nav-tree a:hover,
#top-nav-tree a.active {
  color: #808080;
}
@media only screen and (max-width: 1250px) {
  header #logo {
    margin-left: 0;
  }
}
@media only screen and (max-width: 980px) {
  .secondary-phone {
    display: inline-block;
  }
  .secondary-phone .p-number {
    color: #FFF;
  }
  #main-nav-switch {
    display: block;
    position: absolute;
    right: 0;
  }
  #main-nav {
    display: none;
    background: #0081bd;
    height: 100vh;
    top: 90px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 200;
  }
  #main-nav .phone {
    display: none;
  }
  #main-nav ul {
    display: block;
    position: relative;
  }
  #main-nav li {
    float: none;
  }
  #main-nav .row {
    padding: 0;
  }
  #main-nav-tree,
  #top-nav-tree {
    font-size: 17px;
  }
  #main-nav-tree a,
  #top-nav-tree a {
    padding: 10px 0 10px 35px;
    color: #FFF;
  }
  #main-nav-tree a:hover,
  #top-nav-tree a:hover,
  #main-nav-tree a.active,
  #top-nav-tree a.active {
    color: #000;
  }
  #main-nav-tree ul li,
  #top-nav-tree ul li {
    left: 0 !important;
  }
  #main-nav-tree {
    margin-left: 0;
  }
  #top-nav-tree {
    position: relative;
    top: 0;
    left: 0;
  }
  header nav li {
    float: none;
  }
  header nav li ul {
    display: block;
    position: relative;
    background: none;
    margin: 0 0 0 30px;
    padding-top: 0;
    padding-bottom: 0;
  }
  header nav li ul li {
    border-top: none;
  }
  header nav li ul li ul {
    left: 0;
  }
  header #logo {
    width: 220px;
  }
  header .span-3 {
    width: 33%;
  }
}
@media only screen and (max-width: 750px) {
  header #main-nav {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-top: 20px;
    padding-bottom: 180px;
  }
  header .phone-icon {
    display: inline-block;
  }
  header .phone-link {
    position: relative;
    top: 34px;
  }
  header .secondary-phone {
    height: 18px;
    top: initial;
  }
  header .secondary-phone .p-number {
    display: none;
  }
  header .span-3 {
    width: 50%;
  }
  header .span-10 {
    width: 66%;
  }
}
@media only screen and (max-width: 500px) {
  header .span-3 {
    min-height: 60px;
  }
  header .span-10 {
    width: 100%;
  }
  header #logo {
    padding: 15px 0 10px;
    width: 100%;
    height: auto;
    max-width: 170px;
  }
  header #main-nav-switch {
    margin: 0 10px;
    top: 19px;
  }
  header .secondary-phone {
    margin-left: 20px;
  }
  header .phone-link {
    top: 22px;
  }
  header #main-nav {
    top: 60px;
    padding-bottom: 80px;
  }
  #main {
    padding-top: 60px;
  }
  #main-nav-tree {
    padding-left: 0;
  }
  #main-nav-tree a,
  #top-nav-tree a {
    padding-left: 10px;
  }
  header nav li ul {
    margin-left: 10px;
  }
}
footer {
  padding-top: 60px;
  padding-bottom: 47px;
}
footer p {
  color: #fefefe;
}
footer p a {
  padding-left: 10px;
}
footer p img {
  vertical-align: top;
}
footer .last {
  margin-bottom: 30px;
}
footer .disclaimer {
  color: #FFF;
  font-size: 13px;
  opacity: 0.5;
  margin-top: 100px;
}
footer .no-style li {
  background: 0 0;
  color: #fefefe;
  padding-left: 0;
}
footer ul li {
  padding: 0 0 0 23px;
}
footer a {
  color: #fefefe;
  text-decoration: none;
}
footer .phone {
  background: url('/img/phone-icon-tp.png') 0 4px no-repeat;
}
footer .arrow {
  background: url('/img/arrow.png') 0 6px no-repeat;
}
#footer-nav-tree li {
  background: url('/img/arrow.png') 0 6px no-repeat;
  padding-bottom: 11px;
  padding-top: 0;
}
#footer-nav-tree a {
  color: #fefefe;
  text-decoration: none;
}
@media screen and (max-width: 980px) {
  footer .footer-menu-container {
    display: none;
  }
}
.text-center {
  text-align: center;
}
h3.text-center {
  margin-bottom: 70px;
}
.block-center {
  margin: 0 auto;
}
.span-1-offset-left {
  margin-left: 8.33%;
}
.main-text,
h1 + p {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 58px;
}
.altbg {
  background-color: #ededed;
}
.button {
  background-color: #d4ae31;
  padding: 15px 28px;
  display: inline-block;
  margin-bottom: 65px;
  font-weight: 700;
}
.mail-button {
  border: 1px solid #e5e5e5 !important;
  display: inline-block !important;
  background: #FFF !important;
  padding: 12px 27px !important;
  color: #d4ae31 !important;
  margin-top: 0 !important;
}
.mail-button:hover {
  color: #FFF;
  background: #0073a8;
}
.large-text {
  font-size: 20px;
}
.bold {
  font-weight: 700;
}
.themecolor {
  color: #0090d2;
}
.themebg {
  background-color: #0090d2;
}
.whitebg {
  background-color: #FFF;
}
.first-row {
  padding-bottom: 50px;
}
.top-wrap {
  margin-bottom: 50px;
}
#map {
  height: 327px;
}
.slick-slide {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#tabs.gmaps ul {
  margin: 0;
  padding: 0;
}
#tabs.gmaps #left-container {
  display: none;
}
#tabs.gmaps li {
  display: none;
}
.rsnav a {
  padding-top: 3px;
}
.rsnav .next {
  background: url(/img/arrow.png) 9px 7px no-repeat;
  color: transparent;
}
.rsnav .back {
  background: url(/img/arrow-left.png) 9px 7px no-repeat;
  color: transparent;
}
p li {
  padding-top: 11px;
  padding-bottom: 11px;
  background-position: 2px 16px;
}
.linkedin {
  position: relative;
  top: 3px;
}
.breadcrumb {
  font-size: 13px;
  color: #989898;
}
.breadcrumb a {
  color: inherit;
  text-decoration: none;
}
.breadcrumb a:after {
  content: '/';
  margin-left: 5px;
}
.diensten-list {
  margin-bottom: 0;
}
.diensten-list li {
  padding-bottom: 50px;
}
.diensten-list .img-container,
.diensten-list .d-content {
  max-width: 49%;
  display: inline-block;
  vertical-align: top;
}
.diensten-list .img-container img {
  border-radius: 50%;
}
.diensten-list .d-content p {
  margin-bottom: 26px;
}
.diensten-list img {
  max-width: 241px;
}
.read-more {
  background-color: #bebebe;
  color: #FFF;
  font-size: 14px;
  padding: 5px 14px;
  display: inline-block !important;
}
.read-more:hover {
  background: #0073a8;
}
.mt-50 {
  margin-top: 50px;
}
.cta {
  background-color: #e4c86b;
  padding: 30px;
}
.cta h5 {
  font-weight: 700;
}
.cta ul {
  margin: 0;
}
.cta li {
  padding-bottom: 12px;
  padding-top: 0;
  padding-left: 40px;
  background: url(/img/checkmark-white.png) 1px 4px no-repeat;
}
.news-img-wrap {
  text-align: center;
}
.news-list > li {
  padding: 0;
}
.news-list .item-container {
  border: 1px solid #e5e5e5;
  padding: 35px 30px;
  margin-left: 15px;
  margin-right: 15px;
}
.news-list h4 {
  margin-bottom: 5px;
}
.news-list .date {
  font-size: 13px;
  color: #9c9c9c;
  display: block;
  margin-top: -2px;
  margin-bottom: 15px;
}
.news-list.module li {
  background: none;
  padding: 0;
  margin: 0;
}
.news-list.module .item-container {
  margin: 0;
}
.news-list.module .news-content {
  display: inline-block;
  width: 58.33%;
  padding: 0 15px;
}
.news-list.module .news-img-wrap {
  display: inline-block;
  vertical-align: top;
  width: 40%;
}
.news-list.module .news-img-wrap img {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}
.news-list.module > li {
  width: 100%;
  margin-bottom: 15px;
}
.news-list.widget .news-img-wrap img {
  max-width: 270px;
  margin: 0 auto;
}
#news-widget .button {
  margin-bottom: 10px;
}
.newsletter-signup {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 60px;
}
.newsletter-signup a {
  text-decoration: none;
}
.newsletter-signup span {
  color: #0090d2;
  font-weight: 700;
  font-size: 20px;
  margin-right: 25px;
}
.newsletter-signup input[type="email"] {
  padding: 15px 27px 15px 15px;
  margin: 0;
  width: 370px;
  height: 50px;
  border-color: #e5e5e5;
  border-right: 0;
  -webkit-appearance: none;
  border-radius: 0;
}
@media screen and (max-width: 1250px) {
  .span-6.span-1-offset-left,
  .span-5.span-1-offset-left {
    margin-left: 0;
  }
  #main .span-5 {
    width: 50%;
  }
  #main .span-6 {
    width: 60%;
  }
  #main .span-4 {
    width: 40%;
  }
}
@media screen and (max-width: 980px) {
  .span-1-offset-left {
    margin-left: 0;
  }
  .span-10 {
    width: 100%;
  }
  #main .span-6,
  #main .span-5,
  #main .span-4 {
    width: 100%;
  }
  .news-list.list-2 .news-content,
  .news-list.module .news-content {
    display: inline-block;
    width: 58.33%;
    padding: 0 15px;
  }
  .news-list.list-2 .news-img-wrap,
  .news-list.module .news-img-wrap {
    display: inline-block;
    vertical-align: top;
    width: 40%;
  }
  .news-list.list-2 .news-img-wrap img,
  .news-list.module .news-img-wrap img {
    width: 100%;
  }
  .news-list.list-2 > li,
  .news-list.module > li {
    width: 100%;
    margin-bottom: 15px;
  }
  .cta {
    margin: 50px 0 0 0;
  }
  .diensten-list .img-container,
  .diensten-list .d-content {
    max-width: none;
  }
}
@media screen and (max-width: 750px) {
  .span-6,
  .span-4 {
    width: 100%;
  }
  .diensten-list.list-2 li {
    width: 100%;
    margin-bottom: 30px;
  }
  .newsletter-signup {
    text-align: left;
  }
  .newsletter-signup a {
    border-top: 0;
  }
  .newsletter-signup input[type=email] {
    width: 100%;
    border: 1px solid #CCC;
  }
  .diensten-list img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 500px) {
  .top-wrap {
    margin-bottoM: 34px;
  }
  .news-list.list-2 .news-content,
  .news-list.module .news-content {
    display: inline-block;
    width: 100%;
    padding: 0;
  }
  .news-list.list-2 .item-container,
  .news-list.module .item-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .news-list.list-2 .news-img-wrap,
  .news-list.module .news-img-wrap {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .news-list.list-2 .news-img-wrap img,
  .news-list.module .news-img-wrap img {
    width: 100%;
  }
  .news-list.list-2 > li,
  .news-list.module > li {
    width: 100%;
    margin-bottom: 20px;
  }
  .cta {
    padding: 30px 18px;
  }
  .mail-button {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  h1 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .main-text {
    font-size: 16px;
  }
  h2 {
    font-size: 20px;
  }
  h3 {
    font-size: 24px;
  }
  h5,
  h4 {
    font-size: 18px;
  }
  html {
    font-size: 14px;
  }
  .linkedin {
    position: relative;
    top: 0px;
  }
}
/* ==========================================================================
// HTML5 Boilerplate Print styles
// Inlined to avoid required HTTP connection: h5bp.com/r
// ========================================================================== 

// NOTE: Removed content insertion after a[href]:after and abbr[title]:after
*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/*# sourceMappingURL=main.css.map */