/** (c) mediaeins | @version 1.0 **/ /* mixins and other helpers
====================================================================== */
/**
 * usage example:
 *  .heading {
 *      font-size: 2em;
 *      @include between(mobile_portrait, mobile_landscape) {
 *          font-size: 1.5em;
 *      }
 *  }
 */
/* --------------------------------------------------
	:: Typographic mixins
---------------------------------------------------*/
/**
 * Set a rem font size with pixel fallback
 * Usage:  
 * @include font-size(14px)
 * 
 * Output: 
 * font-size: 16px; //Will be overridden if browser supports rem
 * font-size: 0.8rem;
 */
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v30-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-300.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300.woff") format("woff"), url("../fonts/roboto-v30-latin-300.ttf") format("truetype"), url("../fonts/roboto-v30-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular.woff") format("woff"), url("../fonts/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v30-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700.woff") format("woff"), url("../fonts/roboto-v30-latin-700.ttf") format("truetype"), url("../fonts/roboto-v30-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* icon fonts
====================================================================== */
@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.eot?uxp3g5");
  src: url("../fonts/iconfont.eot?uxp3g5#iefix") format("embedded-opentype"), url("../fonts/iconfont.ttf?uxp3g5") format("truetype"), url("../fonts/iconfont.woff?uxp3g5") format("woff"), url("../fonts/iconfont.svg?uxp3g5#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
 * http://materializecss.com/grid.html
 */
.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row .col {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2.5;
}
.row .col.s1 {
  width: 4.1666666667%;
  margin-left: 0;
}
.row .col.s2 {
  width: 8.3333333333%;
  margin-left: 0;
}
.row .col.s3 {
  width: 12.5%;
  margin-left: 0;
}
.row .col.s4 {
  width: 16.6666666667%;
  margin-left: 0;
}
.row .col.s5 {
  width: 20.8333333333%;
  margin-left: 0;
}
.row .col.s6 {
  width: 25%;
  margin-left: 0;
}
.row .col.s7 {
  width: 29.1666666667%;
  margin-left: 0;
}
.row .col.s8 {
  width: 33.3333333333%;
  margin-left: 0;
}
.row .col.s9 {
  width: 37.5%;
  margin-left: 0;
}
.row .col.s10 {
  width: 41.6666666667%;
  margin-left: 0;
}
.row .col.s11 {
  width: 45.8333333333%;
  margin-left: 0;
}
.row .col.s12 {
  width: 50%;
  margin-left: 0;
}
.row .col.s13 {
  width: 54.1666666667%;
  margin-left: 0;
}
.row .col.s14 {
  width: 58.3333333333%;
  margin-left: 0;
}
.row .col.s15 {
  width: 62.5%;
  margin-left: 0;
}
.row .col.s16 {
  width: 66.6666666667%;
  margin-left: 0;
}
.row .col.s17 {
  width: 70.8333333333%;
  margin-left: 0;
}
.row .col.s18 {
  width: 75%;
  margin-left: 0;
}
.row .col.s19 {
  width: 79.1666666667%;
  margin-left: 0;
}
.row .col.s20 {
  width: 83.3333333333%;
  margin-left: 0;
}
.row .col.s21 {
  width: 87.5%;
  margin-left: 0;
}
.row .col.s22 {
  width: 91.6666666667%;
  margin-left: 0;
}
.row .col.s23 {
  width: 95.8333333333%;
  margin-left: 0;
}
.row .col.s24 {
  width: 100%;
  margin-left: 0;
}
.row .col.offset-s1 {
  margin-left: 4.1666666667%;
}
.row .col.offset-s2 {
  margin-left: 8.3333333333%;
}
.row .col.offset-s3 {
  margin-left: 12.5%;
}
.row .col.offset-s4 {
  margin-left: 16.6666666667%;
}
.row .col.offset-s5 {
  margin-left: 20.8333333333%;
}
.row .col.offset-s6 {
  margin-left: 25%;
}
.row .col.offset-s7 {
  margin-left: 29.1666666667%;
}
.row .col.offset-s8 {
  margin-left: 33.3333333333%;
}
.row .col.offset-s9 {
  margin-left: 37.5%;
}
.row .col.offset-s10 {
  margin-left: 41.6666666667%;
}
.row .col.offset-s11 {
  margin-left: 45.8333333333%;
}
.row .col.offset-s12 {
  margin-left: 50%;
}
.row .col.offset-s13 {
  margin-left: 54.1666666667%;
}
.row .col.offset-s14 {
  margin-left: 58.3333333333%;
}
.row .col.offset-s15 {
  margin-left: 62.5%;
}
.row .col.offset-s16 {
  margin-left: 66.6666666667%;
}
.row .col.offset-s17 {
  margin-left: 70.8333333333%;
}
.row .col.offset-s18 {
  margin-left: 75%;
}
.row .col.offset-s19 {
  margin-left: 79.1666666667%;
}
.row .col.offset-s20 {
  margin-left: 83.3333333333%;
}
.row .col.offset-s21 {
  margin-left: 87.5%;
}
.row .col.offset-s22 {
  margin-left: 91.6666666667%;
}
.row .col.offset-s23 {
  margin-left: 95.8333333333%;
}
.row .col.offset-s24 {
  margin-left: 100%;
}
@media only screen and (min-width : 601px) {
  .row .col.m1 {
    width: 4.1666666667%;
    margin-left: 0;
  }
  .row .col.m2 {
    width: 8.3333333333%;
    margin-left: 0;
  }
  .row .col.m3 {
    width: 12.5%;
    margin-left: 0;
  }
  .row .col.m4 {
    width: 16.6666666667%;
    margin-left: 0;
  }
  .row .col.m5 {
    width: 20.8333333333%;
    margin-left: 0;
  }
  .row .col.m6 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.m7 {
    width: 29.1666666667%;
    margin-left: 0;
  }
  .row .col.m8 {
    width: 33.3333333333%;
    margin-left: 0;
  }
  .row .col.m9 {
    width: 37.5%;
    margin-left: 0;
  }
  .row .col.m10 {
    width: 41.6666666667%;
    margin-left: 0;
  }
  .row .col.m11 {
    width: 45.8333333333%;
    margin-left: 0;
  }
  .row .col.m12 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.m13 {
    width: 54.1666666667%;
    margin-left: 0;
  }
  .row .col.m14 {
    width: 58.3333333333%;
    margin-left: 0;
  }
  .row .col.m15 {
    width: 62.5%;
    margin-left: 0;
  }
  .row .col.m16 {
    width: 66.6666666667%;
    margin-left: 0;
  }
  .row .col.m17 {
    width: 70.8333333333%;
    margin-left: 0;
  }
  .row .col.m18 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.m19 {
    width: 79.1666666667%;
    margin-left: 0;
  }
  .row .col.m20 {
    width: 83.3333333333%;
    margin-left: 0;
  }
  .row .col.m21 {
    width: 87.5%;
    margin-left: 0;
  }
  .row .col.m22 {
    width: 91.6666666667%;
    margin-left: 0;
  }
  .row .col.m23 {
    width: 95.8333333333%;
    margin-left: 0;
  }
  .row .col.m24 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-m1 {
    margin-left: 4.1666666667%;
  }
  .row .col.offset-m2 {
    margin-left: 8.3333333333%;
  }
  .row .col.offset-m3 {
    margin-left: 12.5%;
  }
  .row .col.offset-m4 {
    margin-left: 16.6666666667%;
  }
  .row .col.offset-m5 {
    margin-left: 20.8333333333%;
  }
  .row .col.offset-m6 {
    margin-left: 25%;
  }
  .row .col.offset-m7 {
    margin-left: 29.1666666667%;
  }
  .row .col.offset-m8 {
    margin-left: 33.3333333333%;
  }
  .row .col.offset-m9 {
    margin-left: 37.5%;
  }
  .row .col.offset-m10 {
    margin-left: 41.6666666667%;
  }
  .row .col.offset-m11 {
    margin-left: 45.8333333333%;
  }
  .row .col.offset-m12 {
    margin-left: 50%;
  }
  .row .col.offset-m13 {
    margin-left: 54.1666666667%;
  }
  .row .col.offset-m14 {
    margin-left: 58.3333333333%;
  }
  .row .col.offset-m15 {
    margin-left: 62.5%;
  }
  .row .col.offset-m16 {
    margin-left: 66.6666666667%;
  }
  .row .col.offset-m17 {
    margin-left: 70.8333333333%;
  }
  .row .col.offset-m18 {
    margin-left: 75%;
  }
  .row .col.offset-m19 {
    margin-left: 79.1666666667%;
  }
  .row .col.offset-m20 {
    margin-left: 83.3333333333%;
  }
  .row .col.offset-m21 {
    margin-left: 87.5%;
  }
  .row .col.offset-m22 {
    margin-left: 91.6666666667%;
  }
  .row .col.offset-m23 {
    margin-left: 95.8333333333%;
  }
  .row .col.offset-m24 {
    margin-left: 100%;
  }
}
@media only screen and (min-width : 801px) {
  .row .col.l1 {
    width: 4.1666666667%;
    margin-left: 0;
  }
  .row .col.l2 {
    width: 8.3333333333%;
    margin-left: 0;
  }
  .row .col.l3 {
    width: 12.5%;
    margin-left: 0;
  }
  .row .col.l4 {
    width: 16.6666666667%;
    margin-left: 0;
  }
  .row .col.l5 {
    width: 20.8333333333%;
    margin-left: 0;
  }
  .row .col.l6 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.l7 {
    width: 29.1666666667%;
    margin-left: 0;
  }
  .row .col.l8 {
    width: 33.3333333333%;
    margin-left: 0;
  }
  .row .col.l9 {
    width: 37.5%;
    margin-left: 0;
  }
  .row .col.l10 {
    width: 41.6666666667%;
    margin-left: 0;
  }
  .row .col.l11 {
    width: 45.8333333333%;
    margin-left: 0;
  }
  .row .col.l12 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.l13 {
    width: 54.1666666667%;
    margin-left: 0;
  }
  .row .col.l14 {
    width: 58.3333333333%;
    margin-left: 0;
  }
  .row .col.l15 {
    width: 62.5%;
    margin-left: 0;
  }
  .row .col.l16 {
    width: 66.6666666667%;
    margin-left: 0;
  }
  .row .col.l17 {
    width: 70.8333333333%;
    margin-left: 0;
  }
  .row .col.l18 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.l19 {
    width: 79.1666666667%;
    margin-left: 0;
  }
  .row .col.l20 {
    width: 83.3333333333%;
    margin-left: 0;
  }
  .row .col.l21 {
    width: 87.5%;
    margin-left: 0;
  }
  .row .col.l22 {
    width: 91.6666666667%;
    margin-left: 0;
  }
  .row .col.l23 {
    width: 95.8333333333%;
    margin-left: 0;
  }
  .row .col.l24 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-l_l1 {
    margin-left: 4.1666666667%;
  }
  .row .col.offset-l_r1 {
    margin-right: 4.1666666667%;
  }
  .row .col.offset-l_l2 {
    margin-left: 8.3333333333%;
  }
  .row .col.offset-l_r2 {
    margin-right: 8.3333333333%;
  }
  .row .col.offset-l_l3 {
    margin-left: 12.5%;
  }
  .row .col.offset-l_r3 {
    margin-right: 12.5%;
  }
  .row .col.offset-l_l4 {
    margin-left: 16.6666666667%;
  }
  .row .col.offset-l_r4 {
    margin-right: 16.6666666667%;
  }
  .row .col.offset-l_l5 {
    margin-left: 20.8333333333%;
  }
  .row .col.offset-l_r5 {
    margin-right: 20.8333333333%;
  }
  .row .col.offset-l_l6 {
    margin-left: 25%;
  }
  .row .col.offset-l_r6 {
    margin-right: 25%;
  }
  .row .col.offset-l_l7 {
    margin-left: 29.1666666667%;
  }
  .row .col.offset-l_r7 {
    margin-right: 29.1666666667%;
  }
  .row .col.offset-l_l8 {
    margin-left: 33.3333333333%;
  }
  .row .col.offset-l_r8 {
    margin-right: 33.3333333333%;
  }
  .row .col.offset-l_l9 {
    margin-left: 37.5%;
  }
  .row .col.offset-l_r9 {
    margin-right: 37.5%;
  }
  .row .col.offset-l_l10 {
    margin-left: 41.6666666667%;
  }
  .row .col.offset-l_r10 {
    margin-right: 41.6666666667%;
  }
  .row .col.offset-l_l11 {
    margin-left: 45.8333333333%;
  }
  .row .col.offset-l_r11 {
    margin-right: 45.8333333333%;
  }
  .row .col.offset-l_l12 {
    margin-left: 50%;
  }
  .row .col.offset-l_r12 {
    margin-right: 50%;
  }
  .row .col.offset-l_l13 {
    margin-left: 54.1666666667%;
  }
  .row .col.offset-l_r13 {
    margin-right: 54.1666666667%;
  }
  .row .col.offset-l_l14 {
    margin-left: 58.3333333333%;
  }
  .row .col.offset-l_r14 {
    margin-right: 58.3333333333%;
  }
  .row .col.offset-l_l15 {
    margin-left: 62.5%;
  }
  .row .col.offset-l_r15 {
    margin-right: 62.5%;
  }
  .row .col.offset-l_l16 {
    margin-left: 66.6666666667%;
  }
  .row .col.offset-l_r16 {
    margin-right: 66.6666666667%;
  }
  .row .col.offset-l_l17 {
    margin-left: 70.8333333333%;
  }
  .row .col.offset-l_r17 {
    margin-right: 70.8333333333%;
  }
  .row .col.offset-l_l18 {
    margin-left: 75%;
  }
  .row .col.offset-l_r18 {
    margin-right: 75%;
  }
  .row .col.offset-l_l19 {
    margin-left: 79.1666666667%;
  }
  .row .col.offset-l_r19 {
    margin-right: 79.1666666667%;
  }
  .row .col.offset-l_l20 {
    margin-left: 83.3333333333%;
  }
  .row .col.offset-l_r20 {
    margin-right: 83.3333333333%;
  }
  .row .col.offset-l_l21 {
    margin-left: 87.5%;
  }
  .row .col.offset-l_r21 {
    margin-right: 87.5%;
  }
  .row .col.offset-l_l22 {
    margin-left: 91.6666666667%;
  }
  .row .col.offset-l_r22 {
    margin-right: 91.6666666667%;
  }
  .row .col.offset-l_l23 {
    margin-left: 95.8333333333%;
  }
  .row .col.offset-l_r23 {
    margin-right: 95.8333333333%;
  }
  .row .col.offset-l_l24 {
    margin-left: 100%;
  }
  .row .col.offset-l_r24 {
    margin-right: 100%;
  }
}

body.contactBar__open {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

body .section-contact-bar {
  padding: 0;
  position: relative;
  z-index: 101;
}
@media (max-width: 1000px) {
  body .section-contact-bar {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    transform: translateY(-100%);
  }
}
body .section-contact-bar.sticky {
  position: fixed;
  top: 0;
}
@media (max-width: 1000px) {
  body .section-contact-bar.sticky {
    top: 40px;
  }
}
body .section-contact-bar.sticky {
  left: 0;
  width: 100%;
}
body .section-contact-bar .inline-content {
  text-align: right;
  max-width: 940px;
}
body .section-contact-bar .col {
  display: inline-block;
  text-align: left;
  padding: 5px 9px;
  color: #393838;
  float: left;
}
body .section-contact-bar .col:not(:first-child) {
  box-shadow: -1px 0 0 #E4E4E4;
}
@media (max-width: 1000px) {
  body .section-contact-bar .col {
    padding: 25px 30px;
    text-align: left;
    width: 100%;
  }
}
body .section-contact-bar [class^=icon-], body .section-contact-bar [class*=" icon-"] {
  float: left;
  padding-right: 12px;
  height: 18px;
}
body .section-contact-bar .content {
  display: inline-block;
  color: #393838;
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
}
@media (max-width: 1000px) {
  body .section-contact-bar .content {
    width: 86%;
  }
}
@media (max-width: 1000px) {
  body .section-contact-bar .content ad {
    display: block;
  }
}
body .section-contact-bar .content time {
  position: relative;
}
body .section-contact-bar .content time:first-child {
  margin-right: 15px;
}
@media (max-width: 1000px) {
  body .section-contact-bar .content time {
    display: block;
  }
}
body .section-contact-bar .content time:after {
  content: "";
  position: absolute;
  top: 7px;
  right: -17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #2D2D2D transparent transparent transparent;
}
@media (max-width: 1000px) {
  body .section-contact-bar .content time:after {
    top: 15px;
  }
}
body .section-contact-bar .content b {
  font-weight: inherit;
  margin-right: 5px;
  color: #6d6d6d;
}
@media (max-width: 1000px) {
  body .section-contact-bar .content b {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
  }
}
body .section-contact-bar .content t {
  margin-left: 5px;
}
@media (max-width: 1000px) {
  body .section-contact-bar .content t {
    margin-left: 0px;
  }
}
body .section-contact-bar .open-times {
  position: relative;
  cursor: pointer;
}
body .section-contact-bar .all-open-times {
  display: none;
  position: absolute;
  background: #2D2D2D;
  line-height: 1.5;
  color: #d2d2d2;
  right: -8px;
  top: 37px;
  z-index: 2;
  padding: 15px 0;
  padding-top: 27px;
  border-radius: 5px;
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.8);
}
@media (max-width: 1000px) {
  body .section-contact-bar .all-open-times {
    position: absolute;
    top: 68px;
    right: 50%;
    margin-top: 10px;
    box-shadow: 0 0 0;
    transform: translateX(50%);
  }
}
body .section-contact-bar .all-open-times.show {
  display: block;
}
body .section-contact-bar .all-open-times:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #2D2D2D transparent;
}
@media (max-width: 1000px) {
  body .section-contact-bar .all-open-times:before {
    right: 50%;
    transform: translateX(50%);
  }
}
body .section-contact-bar .all-open-times .close {
  position: absolute;
  top: 24px;
  right: 8px;
  color: black;
  background: #cdc8c8;
  padding: 2px;
  line-height: 1;
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 50%;
  margin-top: -15px;
  cursor: pointer;
}
body .section-contact-bar .all-open-times .day {
  white-space: nowrap;
  padding: 2px 12px;
}
body .section-contact-bar .all-open-times .day:not(:last-child) {
  margin-bottom: 10px;
}
body .section-contact-bar .all-open-times .day:nth-child(odd) {
  background: rgba(255, 255, 255, 0.1);
}
body .section-contact-bar .all-open-times .name {
  display: inline-block;
  width: 100px;
}
body .section-contact-bar .toogle {
  display: none;
}
@media (max-width: 1000px) {
  body .section-contact-bar .toogle {
    display: block;
    z-index: 99;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 2;
    background: #E4E4E4;
    color: #2D2D2D;
    cursor: pointer;
  }
}
/* mixins and other helpers
====================================================================== */
/**
 * usage example:
 *  .heading {
 *      font-size: 2em;
 *      @include between(mobile_portrait, mobile_landscape) {
 *          font-size: 1.5em;
 *      }
 *  }
 */
/* --------------------------------------------------
	:: Typographic mixins
---------------------------------------------------*/
/**
 * Set a rem font size with pixel fallback
 * Usage:  
 * @include font-size(14px)
 * 
 * Output: 
 * font-size: 16px; //Will be overridden if browser supports rem
 * font-size: 0.8rem;
 */
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v30-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-300.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300.woff") format("woff"), url("../fonts/roboto-v30-latin-300.ttf") format("truetype"), url("../fonts/roboto-v30-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular.woff") format("woff"), url("../fonts/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v30-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700.woff") format("woff"), url("../fonts/roboto-v30-latin-700.ttf") format("truetype"), url("../fonts/roboto-v30-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* icon fonts
====================================================================== */
@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.eot?uxp3g5");
  src: url("../fonts/iconfont.eot?uxp3g5#iefix") format("embedded-opentype"), url("../fonts/iconfont.ttf?uxp3g5") format("truetype"), url("../fonts/iconfont.woff?uxp3g5") format("woff"), url("../fonts/iconfont.svg?uxp3g5#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
 * http://materializecss.com/grid.html
 */
.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row .col {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2.5;
}
.row .col.s1 {
  width: 4.1666666667%;
  margin-left: 0;
}
.row .col.s2 {
  width: 8.3333333333%;
  margin-left: 0;
}
.row .col.s3 {
  width: 12.5%;
  margin-left: 0;
}
.row .col.s4 {
  width: 16.6666666667%;
  margin-left: 0;
}
.row .col.s5 {
  width: 20.8333333333%;
  margin-left: 0;
}
.row .col.s6 {
  width: 25%;
  margin-left: 0;
}
.row .col.s7 {
  width: 29.1666666667%;
  margin-left: 0;
}
.row .col.s8 {
  width: 33.3333333333%;
  margin-left: 0;
}
.row .col.s9 {
  width: 37.5%;
  margin-left: 0;
}
.row .col.s10 {
  width: 41.6666666667%;
  margin-left: 0;
}
.row .col.s11 {
  width: 45.8333333333%;
  margin-left: 0;
}
.row .col.s12 {
  width: 50%;
  margin-left: 0;
}
.row .col.s13 {
  width: 54.1666666667%;
  margin-left: 0;
}
.row .col.s14 {
  width: 58.3333333333%;
  margin-left: 0;
}
.row .col.s15 {
  width: 62.5%;
  margin-left: 0;
}
.row .col.s16 {
  width: 66.6666666667%;
  margin-left: 0;
}
.row .col.s17 {
  width: 70.8333333333%;
  margin-left: 0;
}
.row .col.s18 {
  width: 75%;
  margin-left: 0;
}
.row .col.s19 {
  width: 79.1666666667%;
  margin-left: 0;
}
.row .col.s20 {
  width: 83.3333333333%;
  margin-left: 0;
}
.row .col.s21 {
  width: 87.5%;
  margin-left: 0;
}
.row .col.s22 {
  width: 91.6666666667%;
  margin-left: 0;
}
.row .col.s23 {
  width: 95.8333333333%;
  margin-left: 0;
}
.row .col.s24 {
  width: 100%;
  margin-left: 0;
}
.row .col.offset-s1 {
  margin-left: 4.1666666667%;
}
.row .col.offset-s2 {
  margin-left: 8.3333333333%;
}
.row .col.offset-s3 {
  margin-left: 12.5%;
}
.row .col.offset-s4 {
  margin-left: 16.6666666667%;
}
.row .col.offset-s5 {
  margin-left: 20.8333333333%;
}
.row .col.offset-s6 {
  margin-left: 25%;
}
.row .col.offset-s7 {
  margin-left: 29.1666666667%;
}
.row .col.offset-s8 {
  margin-left: 33.3333333333%;
}
.row .col.offset-s9 {
  margin-left: 37.5%;
}
.row .col.offset-s10 {
  margin-left: 41.6666666667%;
}
.row .col.offset-s11 {
  margin-left: 45.8333333333%;
}
.row .col.offset-s12 {
  margin-left: 50%;
}
.row .col.offset-s13 {
  margin-left: 54.1666666667%;
}
.row .col.offset-s14 {
  margin-left: 58.3333333333%;
}
.row .col.offset-s15 {
  margin-left: 62.5%;
}
.row .col.offset-s16 {
  margin-left: 66.6666666667%;
}
.row .col.offset-s17 {
  margin-left: 70.8333333333%;
}
.row .col.offset-s18 {
  margin-left: 75%;
}
.row .col.offset-s19 {
  margin-left: 79.1666666667%;
}
.row .col.offset-s20 {
  margin-left: 83.3333333333%;
}
.row .col.offset-s21 {
  margin-left: 87.5%;
}
.row .col.offset-s22 {
  margin-left: 91.6666666667%;
}
.row .col.offset-s23 {
  margin-left: 95.8333333333%;
}
.row .col.offset-s24 {
  margin-left: 100%;
}
@media only screen and (min-width : 601px) {
  .row .col.m1 {
    width: 4.1666666667%;
    margin-left: 0;
  }
  .row .col.m2 {
    width: 8.3333333333%;
    margin-left: 0;
  }
  .row .col.m3 {
    width: 12.5%;
    margin-left: 0;
  }
  .row .col.m4 {
    width: 16.6666666667%;
    margin-left: 0;
  }
  .row .col.m5 {
    width: 20.8333333333%;
    margin-left: 0;
  }
  .row .col.m6 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.m7 {
    width: 29.1666666667%;
    margin-left: 0;
  }
  .row .col.m8 {
    width: 33.3333333333%;
    margin-left: 0;
  }
  .row .col.m9 {
    width: 37.5%;
    margin-left: 0;
  }
  .row .col.m10 {
    width: 41.6666666667%;
    margin-left: 0;
  }
  .row .col.m11 {
    width: 45.8333333333%;
    margin-left: 0;
  }
  .row .col.m12 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.m13 {
    width: 54.1666666667%;
    margin-left: 0;
  }
  .row .col.m14 {
    width: 58.3333333333%;
    margin-left: 0;
  }
  .row .col.m15 {
    width: 62.5%;
    margin-left: 0;
  }
  .row .col.m16 {
    width: 66.6666666667%;
    margin-left: 0;
  }
  .row .col.m17 {
    width: 70.8333333333%;
    margin-left: 0;
  }
  .row .col.m18 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.m19 {
    width: 79.1666666667%;
    margin-left: 0;
  }
  .row .col.m20 {
    width: 83.3333333333%;
    margin-left: 0;
  }
  .row .col.m21 {
    width: 87.5%;
    margin-left: 0;
  }
  .row .col.m22 {
    width: 91.6666666667%;
    margin-left: 0;
  }
  .row .col.m23 {
    width: 95.8333333333%;
    margin-left: 0;
  }
  .row .col.m24 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-m1 {
    margin-left: 4.1666666667%;
  }
  .row .col.offset-m2 {
    margin-left: 8.3333333333%;
  }
  .row .col.offset-m3 {
    margin-left: 12.5%;
  }
  .row .col.offset-m4 {
    margin-left: 16.6666666667%;
  }
  .row .col.offset-m5 {
    margin-left: 20.8333333333%;
  }
  .row .col.offset-m6 {
    margin-left: 25%;
  }
  .row .col.offset-m7 {
    margin-left: 29.1666666667%;
  }
  .row .col.offset-m8 {
    margin-left: 33.3333333333%;
  }
  .row .col.offset-m9 {
    margin-left: 37.5%;
  }
  .row .col.offset-m10 {
    margin-left: 41.6666666667%;
  }
  .row .col.offset-m11 {
    margin-left: 45.8333333333%;
  }
  .row .col.offset-m12 {
    margin-left: 50%;
  }
  .row .col.offset-m13 {
    margin-left: 54.1666666667%;
  }
  .row .col.offset-m14 {
    margin-left: 58.3333333333%;
  }
  .row .col.offset-m15 {
    margin-left: 62.5%;
  }
  .row .col.offset-m16 {
    margin-left: 66.6666666667%;
  }
  .row .col.offset-m17 {
    margin-left: 70.8333333333%;
  }
  .row .col.offset-m18 {
    margin-left: 75%;
  }
  .row .col.offset-m19 {
    margin-left: 79.1666666667%;
  }
  .row .col.offset-m20 {
    margin-left: 83.3333333333%;
  }
  .row .col.offset-m21 {
    margin-left: 87.5%;
  }
  .row .col.offset-m22 {
    margin-left: 91.6666666667%;
  }
  .row .col.offset-m23 {
    margin-left: 95.8333333333%;
  }
  .row .col.offset-m24 {
    margin-left: 100%;
  }
}
@media only screen and (min-width : 801px) {
  .row .col.l1 {
    width: 4.1666666667%;
    margin-left: 0;
  }
  .row .col.l2 {
    width: 8.3333333333%;
    margin-left: 0;
  }
  .row .col.l3 {
    width: 12.5%;
    margin-left: 0;
  }
  .row .col.l4 {
    width: 16.6666666667%;
    margin-left: 0;
  }
  .row .col.l5 {
    width: 20.8333333333%;
    margin-left: 0;
  }
  .row .col.l6 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.l7 {
    width: 29.1666666667%;
    margin-left: 0;
  }
  .row .col.l8 {
    width: 33.3333333333%;
    margin-left: 0;
  }
  .row .col.l9 {
    width: 37.5%;
    margin-left: 0;
  }
  .row .col.l10 {
    width: 41.6666666667%;
    margin-left: 0;
  }
  .row .col.l11 {
    width: 45.8333333333%;
    margin-left: 0;
  }
  .row .col.l12 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.l13 {
    width: 54.1666666667%;
    margin-left: 0;
  }
  .row .col.l14 {
    width: 58.3333333333%;
    margin-left: 0;
  }
  .row .col.l15 {
    width: 62.5%;
    margin-left: 0;
  }
  .row .col.l16 {
    width: 66.6666666667%;
    margin-left: 0;
  }
  .row .col.l17 {
    width: 70.8333333333%;
    margin-left: 0;
  }
  .row .col.l18 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.l19 {
    width: 79.1666666667%;
    margin-left: 0;
  }
  .row .col.l20 {
    width: 83.3333333333%;
    margin-left: 0;
  }
  .row .col.l21 {
    width: 87.5%;
    margin-left: 0;
  }
  .row .col.l22 {
    width: 91.6666666667%;
    margin-left: 0;
  }
  .row .col.l23 {
    width: 95.8333333333%;
    margin-left: 0;
  }
  .row .col.l24 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-l_l1 {
    margin-left: 4.1666666667%;
  }
  .row .col.offset-l_r1 {
    margin-right: 4.1666666667%;
  }
  .row .col.offset-l_l2 {
    margin-left: 8.3333333333%;
  }
  .row .col.offset-l_r2 {
    margin-right: 8.3333333333%;
  }
  .row .col.offset-l_l3 {
    margin-left: 12.5%;
  }
  .row .col.offset-l_r3 {
    margin-right: 12.5%;
  }
  .row .col.offset-l_l4 {
    margin-left: 16.6666666667%;
  }
  .row .col.offset-l_r4 {
    margin-right: 16.6666666667%;
  }
  .row .col.offset-l_l5 {
    margin-left: 20.8333333333%;
  }
  .row .col.offset-l_r5 {
    margin-right: 20.8333333333%;
  }
  .row .col.offset-l_l6 {
    margin-left: 25%;
  }
  .row .col.offset-l_r6 {
    margin-right: 25%;
  }
  .row .col.offset-l_l7 {
    margin-left: 29.1666666667%;
  }
  .row .col.offset-l_r7 {
    margin-right: 29.1666666667%;
  }
  .row .col.offset-l_l8 {
    margin-left: 33.3333333333%;
  }
  .row .col.offset-l_r8 {
    margin-right: 33.3333333333%;
  }
  .row .col.offset-l_l9 {
    margin-left: 37.5%;
  }
  .row .col.offset-l_r9 {
    margin-right: 37.5%;
  }
  .row .col.offset-l_l10 {
    margin-left: 41.6666666667%;
  }
  .row .col.offset-l_r10 {
    margin-right: 41.6666666667%;
  }
  .row .col.offset-l_l11 {
    margin-left: 45.8333333333%;
  }
  .row .col.offset-l_r11 {
    margin-right: 45.8333333333%;
  }
  .row .col.offset-l_l12 {
    margin-left: 50%;
  }
  .row .col.offset-l_r12 {
    margin-right: 50%;
  }
  .row .col.offset-l_l13 {
    margin-left: 54.1666666667%;
  }
  .row .col.offset-l_r13 {
    margin-right: 54.1666666667%;
  }
  .row .col.offset-l_l14 {
    margin-left: 58.3333333333%;
  }
  .row .col.offset-l_r14 {
    margin-right: 58.3333333333%;
  }
  .row .col.offset-l_l15 {
    margin-left: 62.5%;
  }
  .row .col.offset-l_r15 {
    margin-right: 62.5%;
  }
  .row .col.offset-l_l16 {
    margin-left: 66.6666666667%;
  }
  .row .col.offset-l_r16 {
    margin-right: 66.6666666667%;
  }
  .row .col.offset-l_l17 {
    margin-left: 70.8333333333%;
  }
  .row .col.offset-l_r17 {
    margin-right: 70.8333333333%;
  }
  .row .col.offset-l_l18 {
    margin-left: 75%;
  }
  .row .col.offset-l_r18 {
    margin-right: 75%;
  }
  .row .col.offset-l_l19 {
    margin-left: 79.1666666667%;
  }
  .row .col.offset-l_r19 {
    margin-right: 79.1666666667%;
  }
  .row .col.offset-l_l20 {
    margin-left: 83.3333333333%;
  }
  .row .col.offset-l_r20 {
    margin-right: 83.3333333333%;
  }
  .row .col.offset-l_l21 {
    margin-left: 87.5%;
  }
  .row .col.offset-l_r21 {
    margin-right: 87.5%;
  }
  .row .col.offset-l_l22 {
    margin-left: 91.6666666667%;
  }
  .row .col.offset-l_r22 {
    margin-right: 91.6666666667%;
  }
  .row .col.offset-l_l23 {
    margin-left: 95.8333333333%;
  }
  .row .col.offset-l_r23 {
    margin-right: 95.8333333333%;
  }
  .row .col.offset-l_l24 {
    margin-left: 100%;
  }
  .row .col.offset-l_r24 {
    margin-right: 100%;
  }
}

.section-header.full-bg-section, .section-header.col {
  color: #fff;
  padding: 200px 60px;
  height: 800px;
  height: 80vh;
  display: table;
  width: 100%;
}
.section-header.full-bg-section .headline, .section-header.col .headline {
  max-width: 500px;
  margin: 0 auto;
}
.section-header.full-bg-section .inline-content, .section-header.col .inline-content {
  display: table-cell;
  vertical-align: middle;
}
.section-header.col {
  display: block;
  overflow: hidden;
  padding: 0;
}
@media (max-width: 1080px) {
  .section-header.col {
    padding-top: 50px;
    height: inherit;
  }
}
.section-header.col .inline-content {
  text-align: left;
  padding: 0 120px;
  max-width: inherit;
  display: inline-block;
  height: inherit;
}
@media (max-width: 768px) {
  .section-header.col .inline-content {
    padding: 0 50px;
  }
}
.section-header.col .inline-content .ctn {
  width: 50%;
  float: left;
  display: table;
  height: inherit;
}
@media (max-width: 1080px) {
  .section-header.col .inline-content .ctn {
    width: 100%;
    margin-bottom: 50px;
  }
}
.section-header.col .inline-content .ctn .text {
  max-width: 500px;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .section-header.col .inline-content .ctn .text {
    max-width: inherit;
  }
}
.section-header.col .inline-content .ctn .image-ctn {
  height: inherit;
  display: table-cell;
  vertical-align: bottom;
}
.section-header.col .inline-content .ctn .image-ctn img {
  top: 5px;
  position: relative;
}
.section-header.col .headline,
.section-header.col .introtext,
.section-header.col .btn-ctn {
  max-width: inherit;
  margin: 0 auto;
}
@media (max-width: 1080px) {
  .section-header.full-bg-section {
    width: 100%;
  }
  .section-header.full-bg-section .ctn:not(:last-child) {
    margin-bottom: 50px;
  }
}
.section-header .inline-content {
  text-align: center;
  width: 100%;
}
.section-header .subline {
  opacity: 0.8;
}
.section-header .introtext {
  margin: 25px auto 0 !important;
}
.section-header .btn-ctn {
  margin-top: 30px !important;
}
.section-header .full-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-size: cover;
}
/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* mixins and other helpers
====================================================================== */
/**
 * usage example:
 *  .heading {
 *      font-size: 2em;
 *      @include between(mobile_portrait, mobile_landscape) {
 *          font-size: 1.5em;
 *      }
 *  }
 */
/* --------------------------------------------------
	:: Typographic mixins
---------------------------------------------------*/
/**
 * Set a rem font size with pixel fallback
 * Usage:  
 * @include font-size(14px)
 * 
 * Output: 
 * font-size: 16px; //Will be overridden if browser supports rem
 * font-size: 0.8rem;
 */
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v30-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-300.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300.woff") format("woff"), url("../fonts/roboto-v30-latin-300.ttf") format("truetype"), url("../fonts/roboto-v30-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular.woff") format("woff"), url("../fonts/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v30-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700.woff") format("woff"), url("../fonts/roboto-v30-latin-700.ttf") format("truetype"), url("../fonts/roboto-v30-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* icon fonts
====================================================================== */
@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.eot?uxp3g5");
  src: url("../fonts/iconfont.eot?uxp3g5#iefix") format("embedded-opentype"), url("../fonts/iconfont.ttf?uxp3g5") format("truetype"), url("../fonts/iconfont.woff?uxp3g5") format("woff"), url("../fonts/iconfont.svg?uxp3g5#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
 * http://materializecss.com/grid.html
 */
.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row .col {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2.5;
}
.row .col.s1 {
  width: 4.1666666667%;
  margin-left: 0;
}
.row .col.s2 {
  width: 8.3333333333%;
  margin-left: 0;
}
.row .col.s3 {
  width: 12.5%;
  margin-left: 0;
}
.row .col.s4 {
  width: 16.6666666667%;
  margin-left: 0;
}
.row .col.s5 {
  width: 20.8333333333%;
  margin-left: 0;
}
.row .col.s6 {
  width: 25%;
  margin-left: 0;
}
.row .col.s7 {
  width: 29.1666666667%;
  margin-left: 0;
}
.row .col.s8 {
  width: 33.3333333333%;
  margin-left: 0;
}
.row .col.s9 {
  width: 37.5%;
  margin-left: 0;
}
.row .col.s10 {
  width: 41.6666666667%;
  margin-left: 0;
}
.row .col.s11 {
  width: 45.8333333333%;
  margin-left: 0;
}
.row .col.s12 {
  width: 50%;
  margin-left: 0;
}
.row .col.s13 {
  width: 54.1666666667%;
  margin-left: 0;
}
.row .col.s14 {
  width: 58.3333333333%;
  margin-left: 0;
}
.row .col.s15 {
  width: 62.5%;
  margin-left: 0;
}
.row .col.s16 {
  width: 66.6666666667%;
  margin-left: 0;
}
.row .col.s17 {
  width: 70.8333333333%;
  margin-left: 0;
}
.row .col.s18 {
  width: 75%;
  margin-left: 0;
}
.row .col.s19 {
  width: 79.1666666667%;
  margin-left: 0;
}
.row .col.s20 {
  width: 83.3333333333%;
  margin-left: 0;
}
.row .col.s21 {
  width: 87.5%;
  margin-left: 0;
}
.row .col.s22 {
  width: 91.6666666667%;
  margin-left: 0;
}
.row .col.s23 {
  width: 95.8333333333%;
  margin-left: 0;
}
.row .col.s24 {
  width: 100%;
  margin-left: 0;
}
.row .col.offset-s1 {
  margin-left: 4.1666666667%;
}
.row .col.offset-s2 {
  margin-left: 8.3333333333%;
}
.row .col.offset-s3 {
  margin-left: 12.5%;
}
.row .col.offset-s4 {
  margin-left: 16.6666666667%;
}
.row .col.offset-s5 {
  margin-left: 20.8333333333%;
}
.row .col.offset-s6 {
  margin-left: 25%;
}
.row .col.offset-s7 {
  margin-left: 29.1666666667%;
}
.row .col.offset-s8 {
  margin-left: 33.3333333333%;
}
.row .col.offset-s9 {
  margin-left: 37.5%;
}
.row .col.offset-s10 {
  margin-left: 41.6666666667%;
}
.row .col.offset-s11 {
  margin-left: 45.8333333333%;
}
.row .col.offset-s12 {
  margin-left: 50%;
}
.row .col.offset-s13 {
  margin-left: 54.1666666667%;
}
.row .col.offset-s14 {
  margin-left: 58.3333333333%;
}
.row .col.offset-s15 {
  margin-left: 62.5%;
}
.row .col.offset-s16 {
  margin-left: 66.6666666667%;
}
.row .col.offset-s17 {
  margin-left: 70.8333333333%;
}
.row .col.offset-s18 {
  margin-left: 75%;
}
.row .col.offset-s19 {
  margin-left: 79.1666666667%;
}
.row .col.offset-s20 {
  margin-left: 83.3333333333%;
}
.row .col.offset-s21 {
  margin-left: 87.5%;
}
.row .col.offset-s22 {
  margin-left: 91.6666666667%;
}
.row .col.offset-s23 {
  margin-left: 95.8333333333%;
}
.row .col.offset-s24 {
  margin-left: 100%;
}
@media only screen and (min-width : 601px) {
  .row .col.m1 {
    width: 4.1666666667%;
    margin-left: 0;
  }
  .row .col.m2 {
    width: 8.3333333333%;
    margin-left: 0;
  }
  .row .col.m3 {
    width: 12.5%;
    margin-left: 0;
  }
  .row .col.m4 {
    width: 16.6666666667%;
    margin-left: 0;
  }
  .row .col.m5 {
    width: 20.8333333333%;
    margin-left: 0;
  }
  .row .col.m6 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.m7 {
    width: 29.1666666667%;
    margin-left: 0;
  }
  .row .col.m8 {
    width: 33.3333333333%;
    margin-left: 0;
  }
  .row .col.m9 {
    width: 37.5%;
    margin-left: 0;
  }
  .row .col.m10 {
    width: 41.6666666667%;
    margin-left: 0;
  }
  .row .col.m11 {
    width: 45.8333333333%;
    margin-left: 0;
  }
  .row .col.m12 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.m13 {
    width: 54.1666666667%;
    margin-left: 0;
  }
  .row .col.m14 {
    width: 58.3333333333%;
    margin-left: 0;
  }
  .row .col.m15 {
    width: 62.5%;
    margin-left: 0;
  }
  .row .col.m16 {
    width: 66.6666666667%;
    margin-left: 0;
  }
  .row .col.m17 {
    width: 70.8333333333%;
    margin-left: 0;
  }
  .row .col.m18 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.m19 {
    width: 79.1666666667%;
    margin-left: 0;
  }
  .row .col.m20 {
    width: 83.3333333333%;
    margin-left: 0;
  }
  .row .col.m21 {
    width: 87.5%;
    margin-left: 0;
  }
  .row .col.m22 {
    width: 91.6666666667%;
    margin-left: 0;
  }
  .row .col.m23 {
    width: 95.8333333333%;
    margin-left: 0;
  }
  .row .col.m24 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-m1 {
    margin-left: 4.1666666667%;
  }
  .row .col.offset-m2 {
    margin-left: 8.3333333333%;
  }
  .row .col.offset-m3 {
    margin-left: 12.5%;
  }
  .row .col.offset-m4 {
    margin-left: 16.6666666667%;
  }
  .row .col.offset-m5 {
    margin-left: 20.8333333333%;
  }
  .row .col.offset-m6 {
    margin-left: 25%;
  }
  .row .col.offset-m7 {
    margin-left: 29.1666666667%;
  }
  .row .col.offset-m8 {
    margin-left: 33.3333333333%;
  }
  .row .col.offset-m9 {
    margin-left: 37.5%;
  }
  .row .col.offset-m10 {
    margin-left: 41.6666666667%;
  }
  .row .col.offset-m11 {
    margin-left: 45.8333333333%;
  }
  .row .col.offset-m12 {
    margin-left: 50%;
  }
  .row .col.offset-m13 {
    margin-left: 54.1666666667%;
  }
  .row .col.offset-m14 {
    margin-left: 58.3333333333%;
  }
  .row .col.offset-m15 {
    margin-left: 62.5%;
  }
  .row .col.offset-m16 {
    margin-left: 66.6666666667%;
  }
  .row .col.offset-m17 {
    margin-left: 70.8333333333%;
  }
  .row .col.offset-m18 {
    margin-left: 75%;
  }
  .row .col.offset-m19 {
    margin-left: 79.1666666667%;
  }
  .row .col.offset-m20 {
    margin-left: 83.3333333333%;
  }
  .row .col.offset-m21 {
    margin-left: 87.5%;
  }
  .row .col.offset-m22 {
    margin-left: 91.6666666667%;
  }
  .row .col.offset-m23 {
    margin-left: 95.8333333333%;
  }
  .row .col.offset-m24 {
    margin-left: 100%;
  }
}
@media only screen and (min-width : 801px) {
  .row .col.l1 {
    width: 4.1666666667%;
    margin-left: 0;
  }
  .row .col.l2 {
    width: 8.3333333333%;
    margin-left: 0;
  }
  .row .col.l3 {
    width: 12.5%;
    margin-left: 0;
  }
  .row .col.l4 {
    width: 16.6666666667%;
    margin-left: 0;
  }
  .row .col.l5 {
    width: 20.8333333333%;
    margin-left: 0;
  }
  .row .col.l6 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.l7 {
    width: 29.1666666667%;
    margin-left: 0;
  }
  .row .col.l8 {
    width: 33.3333333333%;
    margin-left: 0;
  }
  .row .col.l9 {
    width: 37.5%;
    margin-left: 0;
  }
  .row .col.l10 {
    width: 41.6666666667%;
    margin-left: 0;
  }
  .row .col.l11 {
    width: 45.8333333333%;
    margin-left: 0;
  }
  .row .col.l12 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.l13 {
    width: 54.1666666667%;
    margin-left: 0;
  }
  .row .col.l14 {
    width: 58.3333333333%;
    margin-left: 0;
  }
  .row .col.l15 {
    width: 62.5%;
    margin-left: 0;
  }
  .row .col.l16 {
    width: 66.6666666667%;
    margin-left: 0;
  }
  .row .col.l17 {
    width: 70.8333333333%;
    margin-left: 0;
  }
  .row .col.l18 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.l19 {
    width: 79.1666666667%;
    margin-left: 0;
  }
  .row .col.l20 {
    width: 83.3333333333%;
    margin-left: 0;
  }
  .row .col.l21 {
    width: 87.5%;
    margin-left: 0;
  }
  .row .col.l22 {
    width: 91.6666666667%;
    margin-left: 0;
  }
  .row .col.l23 {
    width: 95.8333333333%;
    margin-left: 0;
  }
  .row .col.l24 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-l_l1 {
    margin-left: 4.1666666667%;
  }
  .row .col.offset-l_r1 {
    margin-right: 4.1666666667%;
  }
  .row .col.offset-l_l2 {
    margin-left: 8.3333333333%;
  }
  .row .col.offset-l_r2 {
    margin-right: 8.3333333333%;
  }
  .row .col.offset-l_l3 {
    margin-left: 12.5%;
  }
  .row .col.offset-l_r3 {
    margin-right: 12.5%;
  }
  .row .col.offset-l_l4 {
    margin-left: 16.6666666667%;
  }
  .row .col.offset-l_r4 {
    margin-right: 16.6666666667%;
  }
  .row .col.offset-l_l5 {
    margin-left: 20.8333333333%;
  }
  .row .col.offset-l_r5 {
    margin-right: 20.8333333333%;
  }
  .row .col.offset-l_l6 {
    margin-left: 25%;
  }
  .row .col.offset-l_r6 {
    margin-right: 25%;
  }
  .row .col.offset-l_l7 {
    margin-left: 29.1666666667%;
  }
  .row .col.offset-l_r7 {
    margin-right: 29.1666666667%;
  }
  .row .col.offset-l_l8 {
    margin-left: 33.3333333333%;
  }
  .row .col.offset-l_r8 {
    margin-right: 33.3333333333%;
  }
  .row .col.offset-l_l9 {
    margin-left: 37.5%;
  }
  .row .col.offset-l_r9 {
    margin-right: 37.5%;
  }
  .row .col.offset-l_l10 {
    margin-left: 41.6666666667%;
  }
  .row .col.offset-l_r10 {
    margin-right: 41.6666666667%;
  }
  .row .col.offset-l_l11 {
    margin-left: 45.8333333333%;
  }
  .row .col.offset-l_r11 {
    margin-right: 45.8333333333%;
  }
  .row .col.offset-l_l12 {
    margin-left: 50%;
  }
  .row .col.offset-l_r12 {
    margin-right: 50%;
  }
  .row .col.offset-l_l13 {
    margin-left: 54.1666666667%;
  }
  .row .col.offset-l_r13 {
    margin-right: 54.1666666667%;
  }
  .row .col.offset-l_l14 {
    margin-left: 58.3333333333%;
  }
  .row .col.offset-l_r14 {
    margin-right: 58.3333333333%;
  }
  .row .col.offset-l_l15 {
    margin-left: 62.5%;
  }
  .row .col.offset-l_r15 {
    margin-right: 62.5%;
  }
  .row .col.offset-l_l16 {
    margin-left: 66.6666666667%;
  }
  .row .col.offset-l_r16 {
    margin-right: 66.6666666667%;
  }
  .row .col.offset-l_l17 {
    margin-left: 70.8333333333%;
  }
  .row .col.offset-l_r17 {
    margin-right: 70.8333333333%;
  }
  .row .col.offset-l_l18 {
    margin-left: 75%;
  }
  .row .col.offset-l_r18 {
    margin-right: 75%;
  }
  .row .col.offset-l_l19 {
    margin-left: 79.1666666667%;
  }
  .row .col.offset-l_r19 {
    margin-right: 79.1666666667%;
  }
  .row .col.offset-l_l20 {
    margin-left: 83.3333333333%;
  }
  .row .col.offset-l_r20 {
    margin-right: 83.3333333333%;
  }
  .row .col.offset-l_l21 {
    margin-left: 87.5%;
  }
  .row .col.offset-l_r21 {
    margin-right: 87.5%;
  }
  .row .col.offset-l_l22 {
    margin-left: 91.6666666667%;
  }
  .row .col.offset-l_r22 {
    margin-right: 91.6666666667%;
  }
  .row .col.offset-l_l23 {
    margin-left: 95.8333333333%;
  }
  .row .col.offset-l_r23 {
    margin-right: 95.8333333333%;
  }
  .row .col.offset-l_l24 {
    margin-left: 100%;
  }
  .row .col.offset-l_r24 {
    margin-right: 100%;
  }
}

input,
textarea {
  outline: none;
  font-family: inherit;
  font-weight: inherit;
}

textarea {
  resize: none;
  min-height: 200px;
}

input[type=submit] {
  border: 0;
}

input[type=text],
input[type=email],
input[type=tel] {
  line-height: 1.45em;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=file],
textarea {
  font-size: 0.9em;
  padding: 8px 10px;
  border: 0;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=file]:focus,
textarea:focus {
  border: 1px solid #5C180F;
}

select {
  font-family: inherit;
  font-weight: inherit;
  width: 100%;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 1em;
  color: #2D2D2D;
  border: 1px solid transparent;
  border-width: 1px 0;
  padding: 10px 0;
}

input[type=text],
input[type=email],
input[type=tel] input[type=file],
textarea {
  font-family: "Roboto", sans-serif;
  color: #2D2D2D;
  border: 1px solid transparent;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
input[type=text].error,
input[type=email].error,
input[type=tel] input[type=file].error,
textarea.error {
  border: 1px solid #f00;
}

.checkbox--section:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .checkbox--section {
  height: 1px;
}
.checkbox--section {
  margin-bottom: 24px;
}
.checkbox--section input[type=checkbox],
.checkbox--section label {
  float: left;
}
.checkbox--section input[type=checkbox] {
  margin: 0;
}
.checkbox--section label {
  font-family: "Roboto", sans-serif;
  text-align: left;
  float: left;
  margin-left: 18px;
}

button:focus {
  outline: 0;
}

::-webkit-input-placeholder { /* WebKit browsers */
  color: rgba(151, 151, 151, 0.5);
  font-family: "Roboto", sans-serif;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: rgba(151, 151, 151, 0.5);
  opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgba(151, 151, 151, 0.5);
  opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: rgba(151, 151, 151, 0.5);
}

.placeholder {
  color: rgba(151, 151, 151, 0.5) !important;
}

.hidden {
  display: none !important;
}

.visbility-hidden {
  display: none;
  visibility: hidden;
}

.vertical-spacer {
  margin-bottom: 20px;
}

.mb-none {
  margin-bottom: 0 !important;
}

.txtC {
  text-align: center;
}

.txtL {
  text-align: left;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-bold {
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.text-style-normal {
  text-transform: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clearfix {
  height: 1px;
}

.fll {
  float: left;
}

.flr {
  float: right;
}

.horizontal-spacer {
  margin-bottom: 14px;
}

.page-width {
  max-width: 996px;
  margin: 0 auto;
}

/* Base Styles here - style all used default elements here
======================================================================*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  height: 100%;
  width: 100%;
  overflow-y: visible;
  overflow-x: hidden;
  color: #fff;
}
@media (max-width: 320px) {
  html {
    font-size: 90%;
  }
}

body {
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: 100%;
  font: 100 1rem/1 "Roboto", sans-serif;
  font-weight: 300;
  font-size: 17px;
  font-size: 1.0625rem;
  color: #2D2D2D;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background: #F3F3F3 !important;
  line-height: 1.2;
  top: 0;
}

/* Zeichne jeden markierten Text gelb auf rotem Hintergrund */
::-moz-selection {
  color: #fff;
  background: #5C180F;
}

::selection {
  color: #fff;
  background: #5C180F;
}

img {
  max-width: 100%;
}

/* ############# */
.section {
  background: #F3F3F3;
  padding: 60px;
}
@media (max-width: 480px) {
  .section {
    padding: 20px;
  }
}
.section {
  position: relative;
}
.section.bg-white {
  background: #fff;
}
.section .inline-content {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

address {
  font-style: normal;
}
address a {
  color: inherit;
  text-decoration: none;
}

.color-grey {
  color: #2D2D2D !important;
}

.color-white {
  color: #fff !important;
}

/* ############# */
.headline {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 100;
  position: relative;
  padding-bottom: 30px;
}
.headline:after {
  content: "";
  background: #979797;
  height: 1px;
  width: 200px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -100px;
}

.subline {
  margin-bottom: 20px;
}

/* ############# */
.btn-pri {
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: none;
  display: inline-block;
  color: #0176FF;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
  position: relative;
  padding: 10px 14px;
  border-radius: 4px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.btn-pri:after {
  font-family: "iconfont";
  content: "\e902";
  margin-left: 5px;
  position: relative;
  top: 1px;
}
.btn-pri:hover {
  text-decoration: none;
  background-color: #0176FF;
  color: #fff;
}

.btn-trans {
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: none;
  display: inline-block;
  color: #0176FF;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
  position: relative;
  padding: 10px 14px;
  border-radius: 4px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.btn-trans:after {
  font-family: "iconfont";
  content: "\e902";
  margin-left: 5px;
  position: relative;
  top: 1px;
}
.btn-trans:hover {
  text-decoration: none;
  background-color: #0176FF;
  color: #fff;
}
.btn-trans {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
.btn-trans:hover {
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0px 0 80px rgba(0, 0, 0, 0.2);
}

.btn-clean {
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: none;
  display: inline-block;
  color: #0176FF;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
  position: relative;
  padding: 10px 14px;
  border-radius: 4px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.btn-clean:after {
  font-family: "iconfont";
  content: "\e902";
  margin-left: 5px;
  position: relative;
  top: 1px;
}
.btn-clean:hover {
  text-decoration: none;
  background-color: #0176FF;
  color: #fff;
}
.btn-clean {
  margin-top: 20px;
  padding: 0;
  font-size: 17px;
  font-size: 1.0625rem;
}
.btn-clean:after {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.btn-clean:hover {
  background: inherit;
  color: #0176FF;
}
.btn-clean:hover:after {
  margin-left: 8px;
}

/* icons */
.icon-arrow-down:before {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\e900";
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.subpage .section-contact-bar {
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100%;
}
body.subpage .main-navi {
  position: fixed;
  z-index: 98;
  background: #fff;
  color: #2D2D2D !important;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
}
body.subpage .main-navi .logo.withBg {
  background: url(../images/logo.svg) no-repeat;
  height: 58px;
  position: relative;
  top: 0;
}
body.subpage .main-navi nav a {
  padding: 9px 0;
}
body.subpage .main-navi nav a.active:after {
  background: #2D2D2D;
  bottom: 5px;
}
body.subpage .section-header {
  margin-top: 96px;
  padding: 0;
  height: 360px;
}
body.subpage .section-header .intro {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  bottom: 15%;
  margin: 0 auto;
  text-align: center;
  text-shadow: 0 0 25px black;
}
body.subpage .section-header .intro .headline {
  font-size: 48px;
  font-size: 3rem;
  position: relative;
  max-width: initial;
  display: inline-block;
  padding: 0;
  padding-bottom: 19px;
  margin-bottom: 18px;
  hyphens: auto;
}
@media (max-width: 640px) {
  body.subpage .section-header .intro .headline {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
body.subpage .section-header .intro .headline:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #5C180F;
  height: 3px;
  margin-left: 0;
  width: 40%;
}
body.subpage .section-header .intro p {
  font-size: 20px;
  font-size: 1.25rem;
}

.main-navi.sticky nav a.shop {
  color: #5c1811;
}
.main-navi nav a.shop {
  border: 1px solid;
  padding: 10px !important;
  border-radius: 3px;
  text-align: center;
}
/* mixins and other helpers
====================================================================== */
/**
 * usage example:
 *  .heading {
 *      font-size: 2em;
 *      @include between(mobile_portrait, mobile_landscape) {
 *          font-size: 1.5em;
 *      }
 *  }
 */
/* --------------------------------------------------
	:: Typographic mixins
---------------------------------------------------*/
/**
 * Set a rem font size with pixel fallback
 * Usage:  
 * @include font-size(14px)
 * 
 * Output: 
 * font-size: 16px; //Will be overridden if browser supports rem
 * font-size: 0.8rem;
 */
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v30-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-300.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300.woff") format("woff"), url("../fonts/roboto-v30-latin-300.ttf") format("truetype"), url("../fonts/roboto-v30-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular.woff") format("woff"), url("../fonts/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v30-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700.woff") format("woff"), url("../fonts/roboto-v30-latin-700.ttf") format("truetype"), url("../fonts/roboto-v30-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* icon fonts
====================================================================== */
@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.eot?uxp3g5");
  src: url("../fonts/iconfont.eot?uxp3g5#iefix") format("embedded-opentype"), url("../fonts/iconfont.ttf?uxp3g5") format("truetype"), url("../fonts/iconfont.woff?uxp3g5") format("woff"), url("../fonts/iconfont.svg?uxp3g5#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
 * http://materializecss.com/grid.html
 */
.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row .col {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2.5;
}
.row .col.s1 {
  width: 4.1666666667%;
  margin-left: 0;
}
.row .col.s2 {
  width: 8.3333333333%;
  margin-left: 0;
}
.row .col.s3 {
  width: 12.5%;
  margin-left: 0;
}
.row .col.s4 {
  width: 16.6666666667%;
  margin-left: 0;
}
.row .col.s5 {
  width: 20.8333333333%;
  margin-left: 0;
}
.row .col.s6 {
  width: 25%;
  margin-left: 0;
}
.row .col.s7 {
  width: 29.1666666667%;
  margin-left: 0;
}
.row .col.s8 {
  width: 33.3333333333%;
  margin-left: 0;
}
.row .col.s9 {
  width: 37.5%;
  margin-left: 0;
}
.row .col.s10 {
  width: 41.6666666667%;
  margin-left: 0;
}
.row .col.s11 {
  width: 45.8333333333%;
  margin-left: 0;
}
.row .col.s12 {
  width: 50%;
  margin-left: 0;
}
.row .col.s13 {
  width: 54.1666666667%;
  margin-left: 0;
}
.row .col.s14 {
  width: 58.3333333333%;
  margin-left: 0;
}
.row .col.s15 {
  width: 62.5%;
  margin-left: 0;
}
.row .col.s16 {
  width: 66.6666666667%;
  margin-left: 0;
}
.row .col.s17 {
  width: 70.8333333333%;
  margin-left: 0;
}
.row .col.s18 {
  width: 75%;
  margin-left: 0;
}
.row .col.s19 {
  width: 79.1666666667%;
  margin-left: 0;
}
.row .col.s20 {
  width: 83.3333333333%;
  margin-left: 0;
}
.row .col.s21 {
  width: 87.5%;
  margin-left: 0;
}
.row .col.s22 {
  width: 91.6666666667%;
  margin-left: 0;
}
.row .col.s23 {
  width: 95.8333333333%;
  margin-left: 0;
}
.row .col.s24 {
  width: 100%;
  margin-left: 0;
}
.row .col.offset-s1 {
  margin-left: 4.1666666667%;
}
.row .col.offset-s2 {
  margin-left: 8.3333333333%;
}
.row .col.offset-s3 {
  margin-left: 12.5%;
}
.row .col.offset-s4 {
  margin-left: 16.6666666667%;
}
.row .col.offset-s5 {
  margin-left: 20.8333333333%;
}
.row .col.offset-s6 {
  margin-left: 25%;
}
.row .col.offset-s7 {
  margin-left: 29.1666666667%;
}
.row .col.offset-s8 {
  margin-left: 33.3333333333%;
}
.row .col.offset-s9 {
  margin-left: 37.5%;
}
.row .col.offset-s10 {
  margin-left: 41.6666666667%;
}
.row .col.offset-s11 {
  margin-left: 45.8333333333%;
}
.row .col.offset-s12 {
  margin-left: 50%;
}
.row .col.offset-s13 {
  margin-left: 54.1666666667%;
}
.row .col.offset-s14 {
  margin-left: 58.3333333333%;
}
.row .col.offset-s15 {
  margin-left: 62.5%;
}
.row .col.offset-s16 {
  margin-left: 66.6666666667%;
}
.row .col.offset-s17 {
  margin-left: 70.8333333333%;
}
.row .col.offset-s18 {
  margin-left: 75%;
}
.row .col.offset-s19 {
  margin-left: 79.1666666667%;
}
.row .col.offset-s20 {
  margin-left: 83.3333333333%;
}
.row .col.offset-s21 {
  margin-left: 87.5%;
}
.row .col.offset-s22 {
  margin-left: 91.6666666667%;
}
.row .col.offset-s23 {
  margin-left: 95.8333333333%;
}
.row .col.offset-s24 {
  margin-left: 100%;
}
@media only screen and (min-width : 601px) {
  .row .col.m1 {
    width: 4.1666666667%;
    margin-left: 0;
  }
  .row .col.m2 {
    width: 8.3333333333%;
    margin-left: 0;
  }
  .row .col.m3 {
    width: 12.5%;
    margin-left: 0;
  }
  .row .col.m4 {
    width: 16.6666666667%;
    margin-left: 0;
  }
  .row .col.m5 {
    width: 20.8333333333%;
    margin-left: 0;
  }
  .row .col.m6 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.m7 {
    width: 29.1666666667%;
    margin-left: 0;
  }
  .row .col.m8 {
    width: 33.3333333333%;
    margin-left: 0;
  }
  .row .col.m9 {
    width: 37.5%;
    margin-left: 0;
  }
  .row .col.m10 {
    width: 41.6666666667%;
    margin-left: 0;
  }
  .row .col.m11 {
    width: 45.8333333333%;
    margin-left: 0;
  }
  .row .col.m12 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.m13 {
    width: 54.1666666667%;
    margin-left: 0;
  }
  .row .col.m14 {
    width: 58.3333333333%;
    margin-left: 0;
  }
  .row .col.m15 {
    width: 62.5%;
    margin-left: 0;
  }
  .row .col.m16 {
    width: 66.6666666667%;
    margin-left: 0;
  }
  .row .col.m17 {
    width: 70.8333333333%;
    margin-left: 0;
  }
  .row .col.m18 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.m19 {
    width: 79.1666666667%;
    margin-left: 0;
  }
  .row .col.m20 {
    width: 83.3333333333%;
    margin-left: 0;
  }
  .row .col.m21 {
    width: 87.5%;
    margin-left: 0;
  }
  .row .col.m22 {
    width: 91.6666666667%;
    margin-left: 0;
  }
  .row .col.m23 {
    width: 95.8333333333%;
    margin-left: 0;
  }
  .row .col.m24 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-m1 {
    margin-left: 4.1666666667%;
  }
  .row .col.offset-m2 {
    margin-left: 8.3333333333%;
  }
  .row .col.offset-m3 {
    margin-left: 12.5%;
  }
  .row .col.offset-m4 {
    margin-left: 16.6666666667%;
  }
  .row .col.offset-m5 {
    margin-left: 20.8333333333%;
  }
  .row .col.offset-m6 {
    margin-left: 25%;
  }
  .row .col.offset-m7 {
    margin-left: 29.1666666667%;
  }
  .row .col.offset-m8 {
    margin-left: 33.3333333333%;
  }
  .row .col.offset-m9 {
    margin-left: 37.5%;
  }
  .row .col.offset-m10 {
    margin-left: 41.6666666667%;
  }
  .row .col.offset-m11 {
    margin-left: 45.8333333333%;
  }
  .row .col.offset-m12 {
    margin-left: 50%;
  }
  .row .col.offset-m13 {
    margin-left: 54.1666666667%;
  }
  .row .col.offset-m14 {
    margin-left: 58.3333333333%;
  }
  .row .col.offset-m15 {
    margin-left: 62.5%;
  }
  .row .col.offset-m16 {
    margin-left: 66.6666666667%;
  }
  .row .col.offset-m17 {
    margin-left: 70.8333333333%;
  }
  .row .col.offset-m18 {
    margin-left: 75%;
  }
  .row .col.offset-m19 {
    margin-left: 79.1666666667%;
  }
  .row .col.offset-m20 {
    margin-left: 83.3333333333%;
  }
  .row .col.offset-m21 {
    margin-left: 87.5%;
  }
  .row .col.offset-m22 {
    margin-left: 91.6666666667%;
  }
  .row .col.offset-m23 {
    margin-left: 95.8333333333%;
  }
  .row .col.offset-m24 {
    margin-left: 100%;
  }
}
@media only screen and (min-width : 801px) {
  .row .col.l1 {
    width: 4.1666666667%;
    margin-left: 0;
  }
  .row .col.l2 {
    width: 8.3333333333%;
    margin-left: 0;
  }
  .row .col.l3 {
    width: 12.5%;
    margin-left: 0;
  }
  .row .col.l4 {
    width: 16.6666666667%;
    margin-left: 0;
  }
  .row .col.l5 {
    width: 20.8333333333%;
    margin-left: 0;
  }
  .row .col.l6 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.l7 {
    width: 29.1666666667%;
    margin-left: 0;
  }
  .row .col.l8 {
    width: 33.3333333333%;
    margin-left: 0;
  }
  .row .col.l9 {
    width: 37.5%;
    margin-left: 0;
  }
  .row .col.l10 {
    width: 41.6666666667%;
    margin-left: 0;
  }
  .row .col.l11 {
    width: 45.8333333333%;
    margin-left: 0;
  }
  .row .col.l12 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.l13 {
    width: 54.1666666667%;
    margin-left: 0;
  }
  .row .col.l14 {
    width: 58.3333333333%;
    margin-left: 0;
  }
  .row .col.l15 {
    width: 62.5%;
    margin-left: 0;
  }
  .row .col.l16 {
    width: 66.6666666667%;
    margin-left: 0;
  }
  .row .col.l17 {
    width: 70.8333333333%;
    margin-left: 0;
  }
  .row .col.l18 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.l19 {
    width: 79.1666666667%;
    margin-left: 0;
  }
  .row .col.l20 {
    width: 83.3333333333%;
    margin-left: 0;
  }
  .row .col.l21 {
    width: 87.5%;
    margin-left: 0;
  }
  .row .col.l22 {
    width: 91.6666666667%;
    margin-left: 0;
  }
  .row .col.l23 {
    width: 95.8333333333%;
    margin-left: 0;
  }
  .row .col.l24 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-l_l1 {
    margin-left: 4.1666666667%;
  }
  .row .col.offset-l_r1 {
    margin-right: 4.1666666667%;
  }
  .row .col.offset-l_l2 {
    margin-left: 8.3333333333%;
  }
  .row .col.offset-l_r2 {
    margin-right: 8.3333333333%;
  }
  .row .col.offset-l_l3 {
    margin-left: 12.5%;
  }
  .row .col.offset-l_r3 {
    margin-right: 12.5%;
  }
  .row .col.offset-l_l4 {
    margin-left: 16.6666666667%;
  }
  .row .col.offset-l_r4 {
    margin-right: 16.6666666667%;
  }
  .row .col.offset-l_l5 {
    margin-left: 20.8333333333%;
  }
  .row .col.offset-l_r5 {
    margin-right: 20.8333333333%;
  }
  .row .col.offset-l_l6 {
    margin-left: 25%;
  }
  .row .col.offset-l_r6 {
    margin-right: 25%;
  }
  .row .col.offset-l_l7 {
    margin-left: 29.1666666667%;
  }
  .row .col.offset-l_r7 {
    margin-right: 29.1666666667%;
  }
  .row .col.offset-l_l8 {
    margin-left: 33.3333333333%;
  }
  .row .col.offset-l_r8 {
    margin-right: 33.3333333333%;
  }
  .row .col.offset-l_l9 {
    margin-left: 37.5%;
  }
  .row .col.offset-l_r9 {
    margin-right: 37.5%;
  }
  .row .col.offset-l_l10 {
    margin-left: 41.6666666667%;
  }
  .row .col.offset-l_r10 {
    margin-right: 41.6666666667%;
  }
  .row .col.offset-l_l11 {
    margin-left: 45.8333333333%;
  }
  .row .col.offset-l_r11 {
    margin-right: 45.8333333333%;
  }
  .row .col.offset-l_l12 {
    margin-left: 50%;
  }
  .row .col.offset-l_r12 {
    margin-right: 50%;
  }
  .row .col.offset-l_l13 {
    margin-left: 54.1666666667%;
  }
  .row .col.offset-l_r13 {
    margin-right: 54.1666666667%;
  }
  .row .col.offset-l_l14 {
    margin-left: 58.3333333333%;
  }
  .row .col.offset-l_r14 {
    margin-right: 58.3333333333%;
  }
  .row .col.offset-l_l15 {
    margin-left: 62.5%;
  }
  .row .col.offset-l_r15 {
    margin-right: 62.5%;
  }
  .row .col.offset-l_l16 {
    margin-left: 66.6666666667%;
  }
  .row .col.offset-l_r16 {
    margin-right: 66.6666666667%;
  }
  .row .col.offset-l_l17 {
    margin-left: 70.8333333333%;
  }
  .row .col.offset-l_r17 {
    margin-right: 70.8333333333%;
  }
  .row .col.offset-l_l18 {
    margin-left: 75%;
  }
  .row .col.offset-l_r18 {
    margin-right: 75%;
  }
  .row .col.offset-l_l19 {
    margin-left: 79.1666666667%;
  }
  .row .col.offset-l_r19 {
    margin-right: 79.1666666667%;
  }
  .row .col.offset-l_l20 {
    margin-left: 83.3333333333%;
  }
  .row .col.offset-l_r20 {
    margin-right: 83.3333333333%;
  }
  .row .col.offset-l_l21 {
    margin-left: 87.5%;
  }
  .row .col.offset-l_r21 {
    margin-right: 87.5%;
  }
  .row .col.offset-l_l22 {
    margin-left: 91.6666666667%;
  }
  .row .col.offset-l_r22 {
    margin-right: 91.6666666667%;
  }
  .row .col.offset-l_l23 {
    margin-left: 95.8333333333%;
  }
  .row .col.offset-l_r23 {
    margin-right: 95.8333333333%;
  }
  .row .col.offset-l_l24 {
    margin-left: 100%;
  }
  .row .col.offset-l_r24 {
    margin-right: 100%;
  }
}

.main-navi {
  padding: 20px 0;
  position: absolute;
  top: 29px;
  left: 0;
  width: 100%;
  z-index: 99;
}
@media (max-width: 640px) {
  .main-navi {
    top: 39px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
}
.main-navi .inline-content {
  max-width: 960px;
  margin: 0 auto;
}
@media (max-width: 920px) {
  .main-navi .inline-content {
    padding: 0 20px;
  }
}
.main-navi .logo {
  width: 120px;
  float: left;
  margin-right: 20px;
}
.main-navi .logo.withBg {
  background: url(../images/logo_flag.svg) no-repeat;
  height: 150px;
  position: relative;
  top: -20px;
}
.main-navi nav {
  float: left;
  padding: 10px 0;
  display: inline-block;
}
@media (max-width: 920px) {
  .main-navi nav {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    background: #F3F3F3;
  }
  .main-navi nav.active {
    padding: inherit;
    height: 100vh;
  }
  .main-navi nav a {
    width: 100%;
    margin: 0 !important;
    padding-left: 20px !important;
  }
  .main-navi nav a:not(:last-child) {
    border-bottom: 1px solid #dadada;
    padding: 20px !important;
  }
}
.main-navi nav a {
  color: inherit;
  text-decoration: none;
  margin: 0 12px;
  position: relative;
  display: inline-block;
}
.main-navi nav a.active:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #fff;
  left: 0;
  bottom: -6px;
}
@media (max-width: 920px) {
  .main-navi nav a.active:after {
    width: 5px;
    height: 70%;
    bottom: 15%;
  }
}
.main-navi.sticky {
  position: fixed;
  background: #fff;
  color: #2D2D2D !important;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
}
.main-navi.sticky .logo.withBg {
  background: url(../images/logo.svg) no-repeat;
  height: 58px;
  position: relative;
  top: 0;
}
.main-navi.sticky nav a {
  padding: 9px 0;
}
.main-navi.sticky nav a.active:after {
  background: #2D2D2D;
  bottom: 5px;
}
.main-navi.big .inline-content {
  max-width: 100%;
  padding: 0 50px;
}
.main-navi.nav-position_center .inline-content {
  text-align: center;
}
.main-navi.nav-position_center nav {
  float: none;
}
.main-navi.nav-position_right nav {
  float: right;
}
.main-navi .subnav {
  position: absolute;
  right: 16px;
}
.main-navi .subnav a {
  position: relative;
  top: 0;
  left: 0;
  padding-right: 5px;
  float: left;
}
.main-navi .subnav .text {
  float: left;
}
.main-navi .subnav [class^=icon-], .main-navi .subnav [class*=" icon-"] {
  position: relative;
  float: left;
  padding-right: 10px;
}
.main-navi .nav-toogle {
  display: none;
  -webkit-tap-highlight-color: transparent;
}
@media (max-width: 920px) {
  .main-navi .nav-toogle {
    display: block;
  }
}
.main-navi .nav-toogle {
  padding: 19px 0 19px 22px;
  cursor: pointer;
}
.main-navi .nav-toogle.active .icon {
  background: #fff;
}
.main-navi .nav-toogle.active .icon:before {
  transform: rotate(45deg);
  top: 0;
}
.main-navi .nav-toogle.active .icon:after {
  transform: rotate(-45deg);
  top: 0;
}
.main-navi .nav-toogle .icon {
  display: inline-block;
  position: relative;
  top: -4px;
  width: 12px;
  height: 2px;
  background: #2D2D2D;
  margin-left: 5px;
}
.main-navi .nav-toogle .icon:before, .main-navi .nav-toogle .icon:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  background: #2D2D2D;
  transform: rotate(0deg);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.main-navi .nav-toogle .icon:before {
  top: -4px;
}
.main-navi .nav-toogle .icon:after {
  top: 4px;
}

.main-navi.preview {
  position: relative;
  background: #fff;
}
.main-navi.preview:nth-child(odd) {
  background: #F3F3F3;
}
.main-navi.preview {
  margin: 50px 0;
}
/* mixins and other helpers
====================================================================== */
/**
 * usage example:
 *  .heading {
 *      font-size: 2em;
 *      @include between(mobile_portrait, mobile_landscape) {
 *          font-size: 1.5em;
 *      }
 *  }
 */
/* --------------------------------------------------
	:: Typographic mixins
---------------------------------------------------*/
/**
 * Set a rem font size with pixel fallback
 * Usage:  
 * @include font-size(14px)
 * 
 * Output: 
 * font-size: 16px; //Will be overridden if browser supports rem
 * font-size: 0.8rem;
 */
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v30-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-300.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300.woff") format("woff"), url("../fonts/roboto-v30-latin-300.ttf") format("truetype"), url("../fonts/roboto-v30-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular.woff") format("woff"), url("../fonts/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v30-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700.woff") format("woff"), url("../fonts/roboto-v30-latin-700.ttf") format("truetype"), url("../fonts/roboto-v30-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* icon fonts
====================================================================== */
@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.eot?uxp3g5");
  src: url("../fonts/iconfont.eot?uxp3g5#iefix") format("embedded-opentype"), url("../fonts/iconfont.ttf?uxp3g5") format("truetype"), url("../fonts/iconfont.woff?uxp3g5") format("woff"), url("../fonts/iconfont.svg?uxp3g5#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
 * http://materializecss.com/grid.html
 */
.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row .col {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2.5;
}
.row .col.s1 {
  width: 4.1666666667%;
  margin-left: 0;
}
.row .col.s2 {
  width: 8.3333333333%;
  margin-left: 0;
}
.row .col.s3 {
  width: 12.5%;
  margin-left: 0;
}
.row .col.s4 {
  width: 16.6666666667%;
  margin-left: 0;
}
.row .col.s5 {
  width: 20.8333333333%;
  margin-left: 0;
}
.row .col.s6 {
  width: 25%;
  margin-left: 0;
}
.row .col.s7 {
  width: 29.1666666667%;
  margin-left: 0;
}
.row .col.s8 {
  width: 33.3333333333%;
  margin-left: 0;
}
.row .col.s9 {
  width: 37.5%;
  margin-left: 0;
}
.row .col.s10 {
  width: 41.6666666667%;
  margin-left: 0;
}
.row .col.s11 {
  width: 45.8333333333%;
  margin-left: 0;
}
.row .col.s12 {
  width: 50%;
  margin-left: 0;
}
.row .col.s13 {
  width: 54.1666666667%;
  margin-left: 0;
}
.row .col.s14 {
  width: 58.3333333333%;
  margin-left: 0;
}
.row .col.s15 {
  width: 62.5%;
  margin-left: 0;
}
.row .col.s16 {
  width: 66.6666666667%;
  margin-left: 0;
}
.row .col.s17 {
  width: 70.8333333333%;
  margin-left: 0;
}
.row .col.s18 {
  width: 75%;
  margin-left: 0;
}
.row .col.s19 {
  width: 79.1666666667%;
  margin-left: 0;
}
.row .col.s20 {
  width: 83.3333333333%;
  margin-left: 0;
}
.row .col.s21 {
  width: 87.5%;
  margin-left: 0;
}
.row .col.s22 {
  width: 91.6666666667%;
  margin-left: 0;
}
.row .col.s23 {
  width: 95.8333333333%;
  margin-left: 0;
}
.row .col.s24 {
  width: 100%;
  margin-left: 0;
}
.row .col.offset-s1 {
  margin-left: 4.1666666667%;
}
.row .col.offset-s2 {
  margin-left: 8.3333333333%;
}
.row .col.offset-s3 {
  margin-left: 12.5%;
}
.row .col.offset-s4 {
  margin-left: 16.6666666667%;
}
.row .col.offset-s5 {
  margin-left: 20.8333333333%;
}
.row .col.offset-s6 {
  margin-left: 25%;
}
.row .col.offset-s7 {
  margin-left: 29.1666666667%;
}
.row .col.offset-s8 {
  margin-left: 33.3333333333%;
}
.row .col.offset-s9 {
  margin-left: 37.5%;
}
.row .col.offset-s10 {
  margin-left: 41.6666666667%;
}
.row .col.offset-s11 {
  margin-left: 45.8333333333%;
}
.row .col.offset-s12 {
  margin-left: 50%;
}
.row .col.offset-s13 {
  margin-left: 54.1666666667%;
}
.row .col.offset-s14 {
  margin-left: 58.3333333333%;
}
.row .col.offset-s15 {
  margin-left: 62.5%;
}
.row .col.offset-s16 {
  margin-left: 66.6666666667%;
}
.row .col.offset-s17 {
  margin-left: 70.8333333333%;
}
.row .col.offset-s18 {
  margin-left: 75%;
}
.row .col.offset-s19 {
  margin-left: 79.1666666667%;
}
.row .col.offset-s20 {
  margin-left: 83.3333333333%;
}
.row .col.offset-s21 {
  margin-left: 87.5%;
}
.row .col.offset-s22 {
  margin-left: 91.6666666667%;
}
.row .col.offset-s23 {
  margin-left: 95.8333333333%;
}
.row .col.offset-s24 {
  margin-left: 100%;
}
@media only screen and (min-width : 601px) {
  .row .col.m1 {
    width: 4.1666666667%;
    margin-left: 0;
  }
  .row .col.m2 {
    width: 8.3333333333%;
    margin-left: 0;
  }
  .row .col.m3 {
    width: 12.5%;
    margin-left: 0;
  }
  .row .col.m4 {
    width: 16.6666666667%;
    margin-left: 0;
  }
  .row .col.m5 {
    width: 20.8333333333%;
    margin-left: 0;
  }
  .row .col.m6 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.m7 {
    width: 29.1666666667%;
    margin-left: 0;
  }
  .row .col.m8 {
    width: 33.3333333333%;
    margin-left: 0;
  }
  .row .col.m9 {
    width: 37.5%;
    margin-left: 0;
  }
  .row .col.m10 {
    width: 41.6666666667%;
    margin-left: 0;
  }
  .row .col.m11 {
    width: 45.8333333333%;
    margin-left: 0;
  }
  .row .col.m12 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.m13 {
    width: 54.1666666667%;
    margin-left: 0;
  }
  .row .col.m14 {
    width: 58.3333333333%;
    margin-left: 0;
  }
  .row .col.m15 {
    width: 62.5%;
    margin-left: 0;
  }
  .row .col.m16 {
    width: 66.6666666667%;
    margin-left: 0;
  }
  .row .col.m17 {
    width: 70.8333333333%;
    margin-left: 0;
  }
  .row .col.m18 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.m19 {
    width: 79.1666666667%;
    margin-left: 0;
  }
  .row .col.m20 {
    width: 83.3333333333%;
    margin-left: 0;
  }
  .row .col.m21 {
    width: 87.5%;
    margin-left: 0;
  }
  .row .col.m22 {
    width: 91.6666666667%;
    margin-left: 0;
  }
  .row .col.m23 {
    width: 95.8333333333%;
    margin-left: 0;
  }
  .row .col.m24 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-m1 {
    margin-left: 4.1666666667%;
  }
  .row .col.offset-m2 {
    margin-left: 8.3333333333%;
  }
  .row .col.offset-m3 {
    margin-left: 12.5%;
  }
  .row .col.offset-m4 {
    margin-left: 16.6666666667%;
  }
  .row .col.offset-m5 {
    margin-left: 20.8333333333%;
  }
  .row .col.offset-m6 {
    margin-left: 25%;
  }
  .row .col.offset-m7 {
    margin-left: 29.1666666667%;
  }
  .row .col.offset-m8 {
    margin-left: 33.3333333333%;
  }
  .row .col.offset-m9 {
    margin-left: 37.5%;
  }
  .row .col.offset-m10 {
    margin-left: 41.6666666667%;
  }
  .row .col.offset-m11 {
    margin-left: 45.8333333333%;
  }
  .row .col.offset-m12 {
    margin-left: 50%;
  }
  .row .col.offset-m13 {
    margin-left: 54.1666666667%;
  }
  .row .col.offset-m14 {
    margin-left: 58.3333333333%;
  }
  .row .col.offset-m15 {
    margin-left: 62.5%;
  }
  .row .col.offset-m16 {
    margin-left: 66.6666666667%;
  }
  .row .col.offset-m17 {
    margin-left: 70.8333333333%;
  }
  .row .col.offset-m18 {
    margin-left: 75%;
  }
  .row .col.offset-m19 {
    margin-left: 79.1666666667%;
  }
  .row .col.offset-m20 {
    margin-left: 83.3333333333%;
  }
  .row .col.offset-m21 {
    margin-left: 87.5%;
  }
  .row .col.offset-m22 {
    margin-left: 91.6666666667%;
  }
  .row .col.offset-m23 {
    margin-left: 95.8333333333%;
  }
  .row .col.offset-m24 {
    margin-left: 100%;
  }
}
@media only screen and (min-width : 801px) {
  .row .col.l1 {
    width: 4.1666666667%;
    margin-left: 0;
  }
  .row .col.l2 {
    width: 8.3333333333%;
    margin-left: 0;
  }
  .row .col.l3 {
    width: 12.5%;
    margin-left: 0;
  }
  .row .col.l4 {
    width: 16.6666666667%;
    margin-left: 0;
  }
  .row .col.l5 {
    width: 20.8333333333%;
    margin-left: 0;
  }
  .row .col.l6 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.l7 {
    width: 29.1666666667%;
    margin-left: 0;
  }
  .row .col.l8 {
    width: 33.3333333333%;
    margin-left: 0;
  }
  .row .col.l9 {
    width: 37.5%;
    margin-left: 0;
  }
  .row .col.l10 {
    width: 41.6666666667%;
    margin-left: 0;
  }
  .row .col.l11 {
    width: 45.8333333333%;
    margin-left: 0;
  }
  .row .col.l12 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.l13 {
    width: 54.1666666667%;
    margin-left: 0;
  }
  .row .col.l14 {
    width: 58.3333333333%;
    margin-left: 0;
  }
  .row .col.l15 {
    width: 62.5%;
    margin-left: 0;
  }
  .row .col.l16 {
    width: 66.6666666667%;
    margin-left: 0;
  }
  .row .col.l17 {
    width: 70.8333333333%;
    margin-left: 0;
  }
  .row .col.l18 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.l19 {
    width: 79.1666666667%;
    margin-left: 0;
  }
  .row .col.l20 {
    width: 83.3333333333%;
    margin-left: 0;
  }
  .row .col.l21 {
    width: 87.5%;
    margin-left: 0;
  }
  .row .col.l22 {
    width: 91.6666666667%;
    margin-left: 0;
  }
  .row .col.l23 {
    width: 95.8333333333%;
    margin-left: 0;
  }
  .row .col.l24 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-l_l1 {
    margin-left: 4.1666666667%;
  }
  .row .col.offset-l_r1 {
    margin-right: 4.1666666667%;
  }
  .row .col.offset-l_l2 {
    margin-left: 8.3333333333%;
  }
  .row .col.offset-l_r2 {
    margin-right: 8.3333333333%;
  }
  .row .col.offset-l_l3 {
    margin-left: 12.5%;
  }
  .row .col.offset-l_r3 {
    margin-right: 12.5%;
  }
  .row .col.offset-l_l4 {
    margin-left: 16.6666666667%;
  }
  .row .col.offset-l_r4 {
    margin-right: 16.6666666667%;
  }
  .row .col.offset-l_l5 {
    margin-left: 20.8333333333%;
  }
  .row .col.offset-l_r5 {
    margin-right: 20.8333333333%;
  }
  .row .col.offset-l_l6 {
    margin-left: 25%;
  }
  .row .col.offset-l_r6 {
    margin-right: 25%;
  }
  .row .col.offset-l_l7 {
    margin-left: 29.1666666667%;
  }
  .row .col.offset-l_r7 {
    margin-right: 29.1666666667%;
  }
  .row .col.offset-l_l8 {
    margin-left: 33.3333333333%;
  }
  .row .col.offset-l_r8 {
    margin-right: 33.3333333333%;
  }
  .row .col.offset-l_l9 {
    margin-left: 37.5%;
  }
  .row .col.offset-l_r9 {
    margin-right: 37.5%;
  }
  .row .col.offset-l_l10 {
    margin-left: 41.6666666667%;
  }
  .row .col.offset-l_r10 {
    margin-right: 41.6666666667%;
  }
  .row .col.offset-l_l11 {
    margin-left: 45.8333333333%;
  }
  .row .col.offset-l_r11 {
    margin-right: 45.8333333333%;
  }
  .row .col.offset-l_l12 {
    margin-left: 50%;
  }
  .row .col.offset-l_r12 {
    margin-right: 50%;
  }
  .row .col.offset-l_l13 {
    margin-left: 54.1666666667%;
  }
  .row .col.offset-l_r13 {
    margin-right: 54.1666666667%;
  }
  .row .col.offset-l_l14 {
    margin-left: 58.3333333333%;
  }
  .row .col.offset-l_r14 {
    margin-right: 58.3333333333%;
  }
  .row .col.offset-l_l15 {
    margin-left: 62.5%;
  }
  .row .col.offset-l_r15 {
    margin-right: 62.5%;
  }
  .row .col.offset-l_l16 {
    margin-left: 66.6666666667%;
  }
  .row .col.offset-l_r16 {
    margin-right: 66.6666666667%;
  }
  .row .col.offset-l_l17 {
    margin-left: 70.8333333333%;
  }
  .row .col.offset-l_r17 {
    margin-right: 70.8333333333%;
  }
  .row .col.offset-l_l18 {
    margin-left: 75%;
  }
  .row .col.offset-l_r18 {
    margin-right: 75%;
  }
  .row .col.offset-l_l19 {
    margin-left: 79.1666666667%;
  }
  .row .col.offset-l_r19 {
    margin-right: 79.1666666667%;
  }
  .row .col.offset-l_l20 {
    margin-left: 83.3333333333%;
  }
  .row .col.offset-l_r20 {
    margin-right: 83.3333333333%;
  }
  .row .col.offset-l_l21 {
    margin-left: 87.5%;
  }
  .row .col.offset-l_r21 {
    margin-right: 87.5%;
  }
  .row .col.offset-l_l22 {
    margin-left: 91.6666666667%;
  }
  .row .col.offset-l_r22 {
    margin-right: 91.6666666667%;
  }
  .row .col.offset-l_l23 {
    margin-left: 95.8333333333%;
  }
  .row .col.offset-l_r23 {
    margin-right: 95.8333333333%;
  }
  .row .col.offset-l_l24 {
    margin-left: 100%;
  }
  .row .col.offset-l_r24 {
    margin-right: 100%;
  }
}

footer {
  background: #2D2D2D;
  color: #fff;
  overflow: hidden;
}
footer .section {
  background: inherit;
  padding: 0;
}
footer .inline-content {
  text-align: center;
}
@media (min-width: 990px) {
  footer .inline-content {
    text-align: inherit;
  }
}
footer .logo-ctn {
  display: inline-block;
  margin: 0 auto;
  left: 50%;
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
}
@media (min-width: 990px) {
  footer .logo-ctn {
    float: left;
    left: 0;
    bottom: inherit;
    position: relative;
    transform: none;
    padding-right: 40px;
    border-right: 1px solid #555353;
  }
}
footer .logo-ctn .content {
  background: #fff;
  margin-top: 184px;
  height: 180px;
}
footer .logo {
  background: url(../images/logo.svg) no-repeat center;
  height: 79px;
  position: relative;
  top: 0;
  width: 135px;
}
footer .col {
  padding: 40px;
  line-height: 1.6;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: left;
  display: inline-block;
  margin-bottom: 200px;
  float: none;
}
@media (min-width: 990px) {
  footer .col {
    margin: 0 auto;
    padding-left: 40px;
    padding-top: 50px;
    float: left;
    margin-bottom: 0;
  }
}
footer .col .part {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  footer .col .part {
    float: left;
    margin-bottom: 0;
  }
}
footer .col .part .line:not(:last-child) {
  margin-bottom: 10px;
}
footer .col .part:not(:last-child) {
  padding-right: 120px;
}
footer .col .part a {
  color: inherit;
  text-decoration: none;
}
footer .col .heading {
  margin-bottom: 15px;
}
footer .contact-numbers .line span {
  width: 40px;
  display: inline-block;
}
footer .open-times {
  margin-top: 35px;
}
footer .open-times b {
  display: block;
  font-weight: 100;
  margin-bottom: 8px;
  padding-bottom: 8px;
  position: relative;
}
footer .open-times b:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 35%;
  height: 1px;
  background: #fff;
}
footer .open-times span {
  width: 60px;
  display: inline-block;
}
footer .open-times .time {
  display: inline-block;
  margin-left: 12px;
  width: inherit;
}
footer .firm-links a {
  color: inherit;
  text-decoration: none;
  display: block;
}
footer .payment .line {
  margin-bottom: 16px;
}
footer .payment img {
  margin-right: 15px;
}
/* mixins and other helpers
====================================================================== */
/**
 * usage example:
 *  .heading {
 *      font-size: 2em;
 *      @include between(mobile_portrait, mobile_landscape) {
 *          font-size: 1.5em;
 *      }
 *  }
 */
/* --------------------------------------------------
	:: Typographic mixins
---------------------------------------------------*/
/**
 * Set a rem font size with pixel fallback
 * Usage:  
 * @include font-size(14px)
 * 
 * Output: 
 * font-size: 16px; //Will be overridden if browser supports rem
 * font-size: 0.8rem;
 */
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v30-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-300.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300.woff") format("woff"), url("../fonts/roboto-v30-latin-300.ttf") format("truetype"), url("../fonts/roboto-v30-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular.woff") format("woff"), url("../fonts/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v30-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700.woff") format("woff"), url("../fonts/roboto-v30-latin-700.ttf") format("truetype"), url("../fonts/roboto-v30-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* icon fonts
====================================================================== */
@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.eot?uxp3g5");
  src: url("../fonts/iconfont.eot?uxp3g5#iefix") format("embedded-opentype"), url("../fonts/iconfont.ttf?uxp3g5") format("truetype"), url("../fonts/iconfont.woff?uxp3g5") format("woff"), url("../fonts/iconfont.svg?uxp3g5#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
 * http://materializecss.com/grid.html
 */
.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row .col {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2.5;
}
.row .col.s1 {
  width: 4.1666666667%;
  margin-left: 0;
}
.row .col.s2 {
  width: 8.3333333333%;
  margin-left: 0;
}
.row .col.s3 {
  width: 12.5%;
  margin-left: 0;
}
.row .col.s4 {
  width: 16.6666666667%;
  margin-left: 0;
}
.row .col.s5 {
  width: 20.8333333333%;
  margin-left: 0;
}
.row .col.s6 {
  width: 25%;
  margin-left: 0;
}
.row .col.s7 {
  width: 29.1666666667%;
  margin-left: 0;
}
.row .col.s8 {
  width: 33.3333333333%;
  margin-left: 0;
}
.row .col.s9 {
  width: 37.5%;
  margin-left: 0;
}
.row .col.s10 {
  width: 41.6666666667%;
  margin-left: 0;
}
.row .col.s11 {
  width: 45.8333333333%;
  margin-left: 0;
}
.row .col.s12 {
  width: 50%;
  margin-left: 0;
}
.row .col.s13 {
  width: 54.1666666667%;
  margin-left: 0;
}
.row .col.s14 {
  width: 58.3333333333%;
  margin-left: 0;
}
.row .col.s15 {
  width: 62.5%;
  margin-left: 0;
}
.row .col.s16 {
  width: 66.6666666667%;
  margin-left: 0;
}
.row .col.s17 {
  width: 70.8333333333%;
  margin-left: 0;
}
.row .col.s18 {
  width: 75%;
  margin-left: 0;
}
.row .col.s19 {
  width: 79.1666666667%;
  margin-left: 0;
}
.row .col.s20 {
  width: 83.3333333333%;
  margin-left: 0;
}
.row .col.s21 {
  width: 87.5%;
  margin-left: 0;
}
.row .col.s22 {
  width: 91.6666666667%;
  margin-left: 0;
}
.row .col.s23 {
  width: 95.8333333333%;
  margin-left: 0;
}
.row .col.s24 {
  width: 100%;
  margin-left: 0;
}
.row .col.offset-s1 {
  margin-left: 4.1666666667%;
}
.row .col.offset-s2 {
  margin-left: 8.3333333333%;
}
.row .col.offset-s3 {
  margin-left: 12.5%;
}
.row .col.offset-s4 {
  margin-left: 16.6666666667%;
}
.row .col.offset-s5 {
  margin-left: 20.8333333333%;
}
.row .col.offset-s6 {
  margin-left: 25%;
}
.row .col.offset-s7 {
  margin-left: 29.1666666667%;
}
.row .col.offset-s8 {
  margin-left: 33.3333333333%;
}
.row .col.offset-s9 {
  margin-left: 37.5%;
}
.row .col.offset-s10 {
  margin-left: 41.6666666667%;
}
.row .col.offset-s11 {
  margin-left: 45.8333333333%;
}
.row .col.offset-s12 {
  margin-left: 50%;
}
.row .col.offset-s13 {
  margin-left: 54.1666666667%;
}
.row .col.offset-s14 {
  margin-left: 58.3333333333%;
}
.row .col.offset-s15 {
  margin-left: 62.5%;
}
.row .col.offset-s16 {
  margin-left: 66.6666666667%;
}
.row .col.offset-s17 {
  margin-left: 70.8333333333%;
}
.row .col.offset-s18 {
  margin-left: 75%;
}
.row .col.offset-s19 {
  margin-left: 79.1666666667%;
}
.row .col.offset-s20 {
  margin-left: 83.3333333333%;
}
.row .col.offset-s21 {
  margin-left: 87.5%;
}
.row .col.offset-s22 {
  margin-left: 91.6666666667%;
}
.row .col.offset-s23 {
  margin-left: 95.8333333333%;
}
.row .col.offset-s24 {
  margin-left: 100%;
}
@media only screen and (min-width : 601px) {
  .row .col.m1 {
    width: 4.1666666667%;
    margin-left: 0;
  }
  .row .col.m2 {
    width: 8.3333333333%;
    margin-left: 0;
  }
  .row .col.m3 {
    width: 12.5%;
    margin-left: 0;
  }
  .row .col.m4 {
    width: 16.6666666667%;
    margin-left: 0;
  }
  .row .col.m5 {
    width: 20.8333333333%;
    margin-left: 0;
  }
  .row .col.m6 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.m7 {
    width: 29.1666666667%;
    margin-left: 0;
  }
  .row .col.m8 {
    width: 33.3333333333%;
    margin-left: 0;
  }
  .row .col.m9 {
    width: 37.5%;
    margin-left: 0;
  }
  .row .col.m10 {
    width: 41.6666666667%;
    margin-left: 0;
  }
  .row .col.m11 {
    width: 45.8333333333%;
    margin-left: 0;
  }
  .row .col.m12 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.m13 {
    width: 54.1666666667%;
    margin-left: 0;
  }
  .row .col.m14 {
    width: 58.3333333333%;
    margin-left: 0;
  }
  .row .col.m15 {
    width: 62.5%;
    margin-left: 0;
  }
  .row .col.m16 {
    width: 66.6666666667%;
    margin-left: 0;
  }
  .row .col.m17 {
    width: 70.8333333333%;
    margin-left: 0;
  }
  .row .col.m18 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.m19 {
    width: 79.1666666667%;
    margin-left: 0;
  }
  .row .col.m20 {
    width: 83.3333333333%;
    margin-left: 0;
  }
  .row .col.m21 {
    width: 87.5%;
    margin-left: 0;
  }
  .row .col.m22 {
    width: 91.6666666667%;
    margin-left: 0;
  }
  .row .col.m23 {
    width: 95.8333333333%;
    margin-left: 0;
  }
  .row .col.m24 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-m1 {
    margin-left: 4.1666666667%;
  }
  .row .col.offset-m2 {
    margin-left: 8.3333333333%;
  }
  .row .col.offset-m3 {
    margin-left: 12.5%;
  }
  .row .col.offset-m4 {
    margin-left: 16.6666666667%;
  }
  .row .col.offset-m5 {
    margin-left: 20.8333333333%;
  }
  .row .col.offset-m6 {
    margin-left: 25%;
  }
  .row .col.offset-m7 {
    margin-left: 29.1666666667%;
  }
  .row .col.offset-m8 {
    margin-left: 33.3333333333%;
  }
  .row .col.offset-m9 {
    margin-left: 37.5%;
  }
  .row .col.offset-m10 {
    margin-left: 41.6666666667%;
  }
  .row .col.offset-m11 {
    margin-left: 45.8333333333%;
  }
  .row .col.offset-m12 {
    margin-left: 50%;
  }
  .row .col.offset-m13 {
    margin-left: 54.1666666667%;
  }
  .row .col.offset-m14 {
    margin-left: 58.3333333333%;
  }
  .row .col.offset-m15 {
    margin-left: 62.5%;
  }
  .row .col.offset-m16 {
    margin-left: 66.6666666667%;
  }
  .row .col.offset-m17 {
    margin-left: 70.8333333333%;
  }
  .row .col.offset-m18 {
    margin-left: 75%;
  }
  .row .col.offset-m19 {
    margin-left: 79.1666666667%;
  }
  .row .col.offset-m20 {
    margin-left: 83.3333333333%;
  }
  .row .col.offset-m21 {
    margin-left: 87.5%;
  }
  .row .col.offset-m22 {
    margin-left: 91.6666666667%;
  }
  .row .col.offset-m23 {
    margin-left: 95.8333333333%;
  }
  .row .col.offset-m24 {
    margin-left: 100%;
  }
}
@media only screen and (min-width : 801px) {
  .row .col.l1 {
    width: 4.1666666667%;
    margin-left: 0;
  }
  .row .col.l2 {
    width: 8.3333333333%;
    margin-left: 0;
  }
  .row .col.l3 {
    width: 12.5%;
    margin-left: 0;
  }
  .row .col.l4 {
    width: 16.6666666667%;
    margin-left: 0;
  }
  .row .col.l5 {
    width: 20.8333333333%;
    margin-left: 0;
  }
  .row .col.l6 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.l7 {
    width: 29.1666666667%;
    margin-left: 0;
  }
  .row .col.l8 {
    width: 33.3333333333%;
    margin-left: 0;
  }
  .row .col.l9 {
    width: 37.5%;
    margin-left: 0;
  }
  .row .col.l10 {
    width: 41.6666666667%;
    margin-left: 0;
  }
  .row .col.l11 {
    width: 45.8333333333%;
    margin-left: 0;
  }
  .row .col.l12 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.l13 {
    width: 54.1666666667%;
    margin-left: 0;
  }
  .row .col.l14 {
    width: 58.3333333333%;
    margin-left: 0;
  }
  .row .col.l15 {
    width: 62.5%;
    margin-left: 0;
  }
  .row .col.l16 {
    width: 66.6666666667%;
    margin-left: 0;
  }
  .row .col.l17 {
    width: 70.8333333333%;
    margin-left: 0;
  }
  .row .col.l18 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.l19 {
    width: 79.1666666667%;
    margin-left: 0;
  }
  .row .col.l20 {
    width: 83.3333333333%;
    margin-left: 0;
  }
  .row .col.l21 {
    width: 87.5%;
    margin-left: 0;
  }
  .row .col.l22 {
    width: 91.6666666667%;
    margin-left: 0;
  }
  .row .col.l23 {
    width: 95.8333333333%;
    margin-left: 0;
  }
  .row .col.l24 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-l_l1 {
    margin-left: 4.1666666667%;
  }
  .row .col.offset-l_r1 {
    margin-right: 4.1666666667%;
  }
  .row .col.offset-l_l2 {
    margin-left: 8.3333333333%;
  }
  .row .col.offset-l_r2 {
    margin-right: 8.3333333333%;
  }
  .row .col.offset-l_l3 {
    margin-left: 12.5%;
  }
  .row .col.offset-l_r3 {
    margin-right: 12.5%;
  }
  .row .col.offset-l_l4 {
    margin-left: 16.6666666667%;
  }
  .row .col.offset-l_r4 {
    margin-right: 16.6666666667%;
  }
  .row .col.offset-l_l5 {
    margin-left: 20.8333333333%;
  }
  .row .col.offset-l_r5 {
    margin-right: 20.8333333333%;
  }
  .row .col.offset-l_l6 {
    margin-left: 25%;
  }
  .row .col.offset-l_r6 {
    margin-right: 25%;
  }
  .row .col.offset-l_l7 {
    margin-left: 29.1666666667%;
  }
  .row .col.offset-l_r7 {
    margin-right: 29.1666666667%;
  }
  .row .col.offset-l_l8 {
    margin-left: 33.3333333333%;
  }
  .row .col.offset-l_r8 {
    margin-right: 33.3333333333%;
  }
  .row .col.offset-l_l9 {
    margin-left: 37.5%;
  }
  .row .col.offset-l_r9 {
    margin-right: 37.5%;
  }
  .row .col.offset-l_l10 {
    margin-left: 41.6666666667%;
  }
  .row .col.offset-l_r10 {
    margin-right: 41.6666666667%;
  }
  .row .col.offset-l_l11 {
    margin-left: 45.8333333333%;
  }
  .row .col.offset-l_r11 {
    margin-right: 45.8333333333%;
  }
  .row .col.offset-l_l12 {
    margin-left: 50%;
  }
  .row .col.offset-l_r12 {
    margin-right: 50%;
  }
  .row .col.offset-l_l13 {
    margin-left: 54.1666666667%;
  }
  .row .col.offset-l_r13 {
    margin-right: 54.1666666667%;
  }
  .row .col.offset-l_l14 {
    margin-left: 58.3333333333%;
  }
  .row .col.offset-l_r14 {
    margin-right: 58.3333333333%;
  }
  .row .col.offset-l_l15 {
    margin-left: 62.5%;
  }
  .row .col.offset-l_r15 {
    margin-right: 62.5%;
  }
  .row .col.offset-l_l16 {
    margin-left: 66.6666666667%;
  }
  .row .col.offset-l_r16 {
    margin-right: 66.6666666667%;
  }
  .row .col.offset-l_l17 {
    margin-left: 70.8333333333%;
  }
  .row .col.offset-l_r17 {
    margin-right: 70.8333333333%;
  }
  .row .col.offset-l_l18 {
    margin-left: 75%;
  }
  .row .col.offset-l_r18 {
    margin-right: 75%;
  }
  .row .col.offset-l_l19 {
    margin-left: 79.1666666667%;
  }
  .row .col.offset-l_r19 {
    margin-right: 79.1666666667%;
  }
  .row .col.offset-l_l20 {
    margin-left: 83.3333333333%;
  }
  .row .col.offset-l_r20 {
    margin-right: 83.3333333333%;
  }
  .row .col.offset-l_l21 {
    margin-left: 87.5%;
  }
  .row .col.offset-l_r21 {
    margin-right: 87.5%;
  }
  .row .col.offset-l_l22 {
    margin-left: 91.6666666667%;
  }
  .row .col.offset-l_r22 {
    margin-right: 91.6666666667%;
  }
  .row .col.offset-l_l23 {
    margin-left: 95.8333333333%;
  }
  .row .col.offset-l_r23 {
    margin-right: 95.8333333333%;
  }
  .row .col.offset-l_l24 {
    margin-left: 100%;
  }
  .row .col.offset-l_r24 {
    margin-right: 100%;
  }
}

.page-planer .cards {
  display: flex;
  gap: 20px;
  padding-top: 0;
}
.page-planer .card {
  text-align: center;
  background: #F3F3F3;
  color: #2D2D2D;
  text-decoration: none;
  display: block;
  padding: 50px 20px;
  width: 100%;
  transition: all 0.3s ease;
}
.page-planer .card:hover {
  background: #E4E4E4;
}
.page-planer .card .card-title {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 10px;
}
.page-planer .card p {
  font-size: 16px;
  font-weight: 300;
}