/*  Author:   Martin Stettler (https://dieweberei.ch/)
    Version:  22/11/2019 // BS v4.3.1
*/

@font-face {
    font-family: "Frutiger LT W01_45 Ligh1475730";
    src: url("../fonts/087d8a95-3f25-4bae-a1d1-db9ddffd72f5.woff2") format("woff2"),
        url("../fonts/ab1bcdf7-9570-4cba-a8e3-3e39ddd861db.woff") format("woff"),
        url("../fonts/83c94878-06c8-442c-a7df-d520b0ced00b.ttf") format("truetype");
}

@font-face {
    font-family: "Frutiger LT W01_65 Bold1475746";
    src: url("../fonts/8c92eb68-ce37-4962-a9f4-5b47d336bd1c.woff2") format("woff2"),
        url("../fonts/9bdfdcac-bbd4-46a9-9280-056c9a4438a2.woff") format("woff"),
        url("../fonts/5dae3a6e-9b07-4c2f-aed2-1f5b8951261b.ttf") format("truetype");
}

@font-face {
    font-family: "CharterITCW01-BoldItali";
    src: url("../fonts/ddf06504-e618-494d-b1b9-56e26c0bf664.woff2") format("woff2"),
        url("../fonts/291df853-a088-4f20-9bb4-ce8097a4011b.woff") format("woff"),
        url("../fonts/3f4f26ae-3bd3-4b3c-91e0-daf64c948eda.ttf") format("truetype");
}

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

/* ==========================================================================
   Browse Happy prompt lte IE 9
   ========================================================================== */

.browsehappy {
    margin: 3px 0;
    background: #CC0033;
    color: #FFF;
    padding: 8px;
}

.browsehappy a {
    color: #FFF;
    text-decoration: underline;
}

.browsehappy a:hover {
    text-decoration: none;
}

/* ==========================================================================
   BASE STYLES
   ========================================================================== */

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 17px;
    line-height: 1.4;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
ul,
blockquote {
    margin-bottom: 20px;
}

h1,
h2,
blockquote {
    font-size: 24px;
    font-size: calc(24px + (30 - 24) * (100vw - 320px)/(1440 - 320));
}

h1 strong,
h2 strong {
    font-size: 32px;
    font-size: calc(32px + (38 - 32) * (100vw - 320px)/(1440 - 320));
}

h1 {
    position: relative;
    margin-top: 20px;
    margin-bottom: 40px;
}

h1:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 110px;
    padding-top: 40px;
    border-bottom: 0.09375rem solid #000;
}

.unit-inset h2,
.unit-inset h3,
.unit-inset h4 {
   font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #FFF !important;
}

.unit-inset h2 {
    text-transform: uppercase;
}

h2 {
    margin-bottom: 40px;
}

h3 {
    font-size: 23px;
}

h4 {
    font-size: 17px;
    margin-bottom: 0;
}

.part h4 {
    margin-bottom: 20px;
}

.part h4:after {
    content: "";
    display: block;
    width: 23px;
    padding-top: 12px;
    border-bottom: 0.09375rem solid #000;
}

.unit *:last-child {
    margin-bottom: 0;
}

.unit ul,
.unit li {
    padding-left: 0;
}

.unit li {
    list-style: none;
}

.unit img {
    max-width: 100%;
    height: auto;
}

b,
strong,
h2,
h3,
h4 {
    font-weight: normal;
   font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

blockquote {
    font-family: "Libre Baskerville", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: italic;
    text-indent: -15px;
    margin-left: 25px;
}

blockquote:before {
    position: relative;
    content: '«';
    left: -5px;
}

blockquote:after {
    position: relative;
    content: '»';
    right: -5px;
}

a,
a:hover {
    color: #000;
}

.unit-inset a,
.unit-inset a:hover {
    color: #FFF;
}

.main a,
.main a[href^="tel:"] {
    text-decoration: underline;
}

.main a:hover,
.main a[href^="tel:"]:hover {
    text-decoration: none;
    cursor: pointer;
}

a:focus,
button:focus {
    outline: none;
}

/* File icon */
.main a[href$=".pdf"]:before,
.main a[href$=".doc"]:before,
.main a[href$=".docx"]:before,
.main a[href$=".xls"]:before,
.main a[href$=".xlsx"]:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 16px;
    background-image: url(../img/file-icon.svg);
    background-color: transparent;
    color: #000;
    position: relative;
    margin: 0 8px 0 0;
}


a:hover {
    text-decoration: none;
}

.anchor {
    display: block;
    height: 100px;
    margin-top: -100px;
    visibility: hidden;
}

/* Smooth animations */
a,
a:hover,
.news-link,
.news-link:hover,
.news-link span,
.news-link:hover span {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

header {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.news-link {
    position: relative;
    margin: 15px;
    padding: 10px 15px 40px 15px;
    font-size: 20px;
    background: #b4bd9a;
    color: #FFF;
    text-transform: uppercase;
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.news-link span {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 42px;
    height: 27px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 42 26.4' style='enable-background:new 0 0 42 26.4;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bclip-path:url(%23SVGID_2_);fill:none;stroke:%23FFFFFF;stroke-width:1.5;%7d %3c/style%3e%3cg%3e%3cdefs%3e%3crect id='SVGID_1_' width='42' height='26.4'/%3e%3c/defs%3e%3cclipPath id='SVGID_2_'%3e%3cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3e%3c/clipPath%3e%3cpolyline class='st0' points='28.3,25.8 41,13.2 28.3,0.5 '/%3e%3cline class='st0' x1='0' y1='13.3' x2='41' y2='13.3'/%3e%3c/g%3e%3c/svg%3e ");
}

.news-link:hover {
    background: rgba(171, 182, 140, 0.8);
}

.news-link:hover span {
    transform: translateX(5px);
}

.navbar-brand {
    padding: 0;
    margin: 15px;
}

.navbar-brand span {
    display: inline-block;
    width: 200px;
    height: 39px;
    background: url(../img/frutiger-sarbach-logo.svg);
    background-size: 100% 100%;
    text-indent: -9999px;
}

.logo-icon span {
    position: absolute;
    right: 80px;
    top: -50px;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27 27' style='enable-background:new 0 0 27 27;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2360574D;%7D .st1%7Bfill:%2390D4F1;%7D%0A%3C/style%3E%3Crect class='st0' width='27' height='27'/%3E%3Cg%3E%3Cpath class='st1' d='M22.8,13.5c0,5.2-4.2,9.3-9.3,9.3s-9.3-4.2-9.3-9.3s4.2-9.3,9.3-9.3C18.7,4.2,22.8,8.3,22.8,13.5'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
}

.fullsize-image img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

/* ==========================================================================
   NAVIGATION
   ========================================================================== */

/* https://www.codeply.com/go/4RtpB24k23/bootstrap-4-sticky-navbar-mobile-only 
   » sticky-top-custom for working on mobile */

.navbar-toggler {
    position: fixed;
    top: 10px;
    right: 16px;
}

/* Bootstrap CSS */
.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    margin-top: 20px;
    overflow: hidden;
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.bg-light {
    background-color: #FFF !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

/* Offcanvas menu
-------------------------------------------------- */
@media (max-width: 991.98px) {
    .offcanvas-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 100%;
        /* left for collapse-left */
        right: -240px;
        /* left for collapse-left */
        width: 240px;
        padding-right: 16px;
        padding-left: 16px;
        overflow-y: auto;
        visibility: hidden;
        background-color: #FFF;
        border-left: 1px solid #b4bd9a;
        transition-timing-function: ease-in-out;
        transition-duration: .3s;
        transition-property: right, visibility;
        z-index: 1030;
    }

    .offcanvas-collapse.open {
        right: 0;
        /* left for collapse-left */
        visibility: visible;
    }

    .navbar-nav {
        margin-top: 35px;
    }
}

/* Hamburger
-------------------------------------------------- */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    z-index: 1080;
    padding: 0;
    /* 15px 15px */
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: 1px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #000;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

/* Spin */
.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Nav item */
.navbar-nav li {
    text-align: center;
}

.nav-link {
    display: block;
    font-size: 20px;
    padding: 0 16px;
    margin-bottom: 40px;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}


.navbar-light .navbar-nav .active>.nav-link {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav li a:hover {
    cursor: pointer;
}

.navbar-nav li a:before {
    content: '';
    display: block;
    margin: 0 auto 25px auto;
    height: 14px;
    width: 27px;
}

.navbar-nav li:nth-child(1) a:before {
    content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='27' width='27'><rect width='27' height='27' stroke='%2390d4f1' fill='%23FFF' stroke-width='3' /></svg>");
}

.navbar-nav li:nth-child(2) a:before {
    content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='27' width='27'><rect width='27' height='27' stroke='%23d9b2bd' fill='%23FFF' stroke-width='3' /></svg>");
}

.navbar-nav li:nth-child(3) a:before {
    content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='27' width='27'><rect width='27' height='27' stroke='%23abb68c' fill='%23FFF' stroke-width='3' /></svg>");
}

.navbar-nav li:nth-child(4) a:before {
    content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='27' width='27'><rect width='27' height='27' stroke='%23e3b56a' fill='%23FFF' stroke-width='3' /></svg>");
}

.navbar-nav li:nth-child(1) a:hover:before,
.navbar-nav li:nth-child(1).active a:before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27 27' style='enable-background:new 0 0 27 27;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:none;stroke:%2390D4F1;stroke-width:1.5;%7D .st1%7Bclip-path:url(%23SVGID_2_);fill:%2390D4F1;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='27' height='27'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='0.8' y='0.8' class='st0' width='25.5' height='25.5'/%3E%3Cpath class='st1' d='M21.8,13.5c0,4.6-3.7,8.3-8.3,8.3c-4.6,0-8.3-3.7-8.3-8.3c0-4.6,3.7-8.3,8.3-8.3C18.1,5.2,21.8,8.9,21.8,13.5' /%3E%3C/g%3E%3C/svg%3E");
}

.navbar-nav li:nth-child(2) a:hover:before,
.navbar-nav li:nth-child(2).active a:before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27 27' style='enable-background:new 0 0 27 27;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:none;stroke:%23d9b2bd;stroke-width:1.5;%7D .st1%7Bclip-path:url(%23SVGID_2_);fill:%23d9b2bd;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='27' height='27'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='0.8' y='0.8' class='st0' width='25.5' height='25.5'/%3E%3Cpath class='st1' d='M21.8,13.5c0,4.6-3.7,8.3-8.3,8.3c-4.6,0-8.3-3.7-8.3-8.3c0-4.6,3.7-8.3,8.3-8.3C18.1,5.2,21.8,8.9,21.8,13.5' /%3E%3C/g%3E%3C/svg%3E");
}

.navbar-nav li:nth-child(3) a:hover:before,
.navbar-nav li:nth-child(3).active a:before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27 27' style='enable-background:new 0 0 27 27;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:none;stroke:%23abb68c;stroke-width:1.5;%7D .st1%7Bclip-path:url(%23SVGID_2_);fill:%23abb68c;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='27' height='27'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='0.8' y='0.8' class='st0' width='25.5' height='25.5'/%3E%3Cpath class='st1' d='M21.8,13.5c0,4.6-3.7,8.3-8.3,8.3c-4.6,0-8.3-3.7-8.3-8.3c0-4.6,3.7-8.3,8.3-8.3C18.1,5.2,21.8,8.9,21.8,13.5' /%3E%3C/g%3E%3C/svg%3E");
}

.navbar-nav li:nth-child(4) a:hover:before,
.navbar-nav li:nth-child(4).active a:before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27 27' style='enable-background:new 0 0 27 27;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:none;stroke:%23e3b56a;stroke-width:1.5;%7D .st1%7Bclip-path:url(%23SVGID_2_);fill:%23e3b56a;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='27' height='27'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='0.8' y='0.8' class='st0' width='25.5' height='25.5'/%3E%3Cpath class='st1' d='M21.8,13.5c0,4.6-3.7,8.3-8.3,8.3c-4.6,0-8.3-3.7-8.3-8.3c0-4.6,3.7-8.3,8.3-8.3C18.1,5.2,21.8,8.9,21.8,13.5' /%3E%3C/g%3E%3C/svg%3E");
}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */

.main {
    position: relative;
    padding-bottom: 60px;
    z-index: 50;
}

.unit {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.unit.unit-small {
    margin-bottom: 0;
}

footer .unit {
    padding-left: 15px;
    padding-right: 15px;
}

.unit:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 110px;
    padding-top: 40px;
    border-bottom: 0.09375rem solid #000;
}

.news {
    padding-top: 20px;
}

.unit:last-child:after,
.unit.unit-small:after,
footer .unit:after {
    padding-top: 0;
    border-bottom: 0;
}

/*.unit.unit-small:last-child:after {
    margin-bottom: -20px;
}*/

.unit-inset {
    padding: 40px;
    background: #b4bd9a;
    color: #FFF;
}

.part {
    margin-bottom: 40px;
}

/* Colors */

.green h1 strong,
.green h2,
.green .part h3,
.green .part h4,
.green blockquote {
    color: #abb68c;
}

.green .unit:after,
.green h1:after,
.green .part h4:after {
    border-color: #abb68c;
}

.blue h1 strong,
.blue h2,
.blue blockquote {
    color: #90d4f1;
}

.blue .unit:after,
.blue h1:after,
.blue .part h4:after {
    border-color: #90d4f1;
}

.pink h1 strong,
.pink h2,
.pink blockquote {
    color: #d9b2bd;
}

.pink .unit:after,
.pink h1:after,
.pink .part h4:after {
    border-color: #d9b2bd;
}

.orange h1 strong,
.orange h2,
.orange blockquote {
    color: #e3b56a;
}

.orange .unit:after,
.orange h1:after,
.orange .part h4:after {
    border-color: #e3b56a;
}

/* ==========================================================================
   FORM
   ========================================================================== */

.help-block {
    margin: 0;
}

#contact-form .form-group input,
#contact-form .form-group textarea {
    width: 100%;
    font-size: 18px;
    padding: 10px;
    height: auto;
    background-color: #fbf8f1;
    border: 0;
    border-radius: 0;
    font-weight: normal;
    color: #000;
}

label {
    font-size: 17px;
    padding-top: 5px;
    padding-left: 0px;
}

.form-check-input {
    margin-top: 7px;
}

.honeypot {
    display: none;
}

#contact-form .list-unstyled li {
    /* check default list-style on line 164 */
    padding-left: 0;
    background-color: transparent !important;
}

#contact-form .list-unstyled li:before {
    content: '';
}

#success {
    font-weight: normal;
    color: #000;
    border: 0;
    border-radius: 0;
}

.alert-success,
.alert-danger {
    border-radius: 0;
}

.has-error input,
.has-error textarea {
    border: 1px solid #a40000 !important;
    margin-bottom: 10px;
}

.has-error .help-block {
    color: #a40000;
}

.col-btn {
    width: 100%;
    padding: 0;
    margin-top: 16px;
}

.btn {
    display: inline-block;
    border-color: transparent;
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    padding: 5px 15px;
    color: #FFF;
    border-radius: 0;
    background: #e3b56a;
    border: 0;
    -webkit-transition: background linear 300ms;
}

.btn:hover,
.btn:focus,
.btn.active {
    color: #000;
    -webkit-transition: background linear 300ms;
}

.messages {
    background: #FFF;
    color: #000;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

footer {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f2f2f2;
}

.fn-name,
.street-address,
.tel {
    display: block;
}

.fn-name {
   font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #000 !important;
}

.tel a:hover {
    cursor: pointer;
}

footer h4 {
    color: #000 !important;
    margin-bottom: 0;
}



footer p strong,
footer a:hover {
    color: #abb68c;
}

footer .border-left {
    border-left: 0.09375rem solid #abb68c !important;
}

/* Back to top */
#return-to-top {
    position: fixed;
    bottom: 40px;
    right: 15px;
    width: 27px;
    height: 42px;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26.4 42.2' style='enable-background:new 0 0 26.4 42.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:none;stroke:%23ABB68C;stroke-width:1.5;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='26.4' height='42.2'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpolyline class='st0' points='25.8,13.7 13.2,1.1 0.5,13.7 '/%3E%3Cline class='st0' x1='13.2' y1='1.2' x2='13.2' y2='42.2'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    opacity: 0.8;
}

/* Background graphics */
.green footer,
.orange footer {
    position: relative;
}

.green footer:before {
    position: absolute;
    top: -540px;
    left: 20px;
    display: block;
    content: '';
    width: 117px;
    height: 520px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 117 519.3' style='enable-background:new 0 0 117 519.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bopacity:0.2;clip-path:url(%23SVGID_4_);%7D .st2%7Bclip-path:url(%23SVGID_6_);fill:%23ABB68C;%7D .st3%7Bclip-path:url(%23SVGID_8_);fill:%23ABB68C;%7D .st4%7Bclip-path:url(%23SVGID_10_);fill:%23ABB68C;%7D .st5%7Bclip-path:url(%23SVGID_12_);fill:%23ABB68C;%7D .st6%7Bclip-path:url(%23SVGID_14_);fill:%23ABB68C;%7D .st7%7Bclip-path:url(%23SVGID_16_);fill:%23ABB68C;%7D .st8%7Bclip-path:url(%23SVGID_18_);fill:%23ABB68C;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='117' height='519.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st0'%3E%3Cdefs%3E%3Crect id='SVGID_3_' width='117' height='519.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_5_' x='0.4' y='273.5' width='54.3' height='64.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_6_'%3E%3Cuse xlink:href='%23SVGID_5_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='1.4' y='282.5' class='st2' width='46.3' height='46.3'/%3E%3C/g%3E%3C/g%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_7_' x='17.1' y='224.9' width='70.6' height='80.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_8_'%3E%3Cuse xlink:href='%23SVGID_7_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='18.1' y='233.9' class='st3' width='62.6' height='62.6'/%3E%3C/g%3E%3C/g%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_9_' x='58.9' y='361.6' width='44.3' height='54.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_10_'%3E%3Cuse xlink:href='%23SVGID_9_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='59.9' y='370.6' class='st4' width='36.3' height='36.3'/%3E%3C/g%3E%3C/g%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_11_' x='43.2' y='426' width='24.6' height='35'/%3E%3C/defs%3E%3CclipPath id='SVGID_12_'%3E%3Cuse xlink:href='%23SVGID_11_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='44.2' y='435' class='st5' width='16.6' height='17'/%3E%3C/g%3E%3C/g%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_13_' x='51.5' y='-9' width='24.6' height='35'/%3E%3C/defs%3E%3CclipPath id='SVGID_14_'%3E%3Cuse xlink:href='%23SVGID_13_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='52.5' class='st6' width='16.6' height='17'/%3E%3C/g%3E%3C/g%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_15_' x='-1' y='474' width='44.3' height='54.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_16_'%3E%3Cuse xlink:href='%23SVGID_15_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect y='483' class='st7' width='36.3' height='36.3'/%3E%3C/g%3E%3C/g%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_17_' x='79.7' y='82.2' width='44.3' height='54.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_18_'%3E%3Cuse xlink:href='%23SVGID_17_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='80.7' y='91.2' class='st8' width='36.3' height='36.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    z-index: 10;
}

.orange footer:before {
    position: absolute;
    top: -540px;
    left: 20px;
    display: block;
    content: '';
    width: 117px;
    height: 520px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 117 519.3' style='enable-background:new 0 0 117 519.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bopacity:0.2;clip-path:url(%23SVGID_4_);%7D .st2%7Bclip-path:url(%23SVGID_6_);fill:%23e3b56a;%7D .st3%7Bclip-path:url(%23SVGID_8_);fill:%23e3b56a;%7D .st4%7Bclip-path:url(%23SVGID_10_);fill:%23e3b56a;%7D .st5%7Bclip-path:url(%23SVGID_12_);fill:%23e3b56a;%7D .st6%7Bclip-path:url(%23SVGID_14_);fill:%23e3b56a;%7D .st7%7Bclip-path:url(%23SVGID_16_);fill:%23e3b56a;%7D .st8%7Bclip-path:url(%23SVGID_18_);fill:%23e3b56a;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='117' height='519.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st0'%3E%3Cdefs%3E%3Crect id='SVGID_3_' width='117' height='519.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_5_' x='0.4' y='273.5' width='54.3' height='64.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_6_'%3E%3Cuse xlink:href='%23SVGID_5_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='1.4' y='282.5' class='st2' width='46.3' height='46.3'/%3E%3C/g%3E%3C/g%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_7_' x='17.1' y='224.9' width='70.6' height='80.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_8_'%3E%3Cuse xlink:href='%23SVGID_7_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='18.1' y='233.9' class='st3' width='62.6' height='62.6'/%3E%3C/g%3E%3C/g%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_9_' x='58.9' y='361.6' width='44.3' height='54.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_10_'%3E%3Cuse xlink:href='%23SVGID_9_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='59.9' y='370.6' class='st4' width='36.3' height='36.3'/%3E%3C/g%3E%3C/g%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_11_' x='43.2' y='426' width='24.6' height='35'/%3E%3C/defs%3E%3CclipPath id='SVGID_12_'%3E%3Cuse xlink:href='%23SVGID_11_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='44.2' y='435' class='st5' width='16.6' height='17'/%3E%3C/g%3E%3C/g%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_13_' x='51.5' y='-9' width='24.6' height='35'/%3E%3C/defs%3E%3CclipPath id='SVGID_14_'%3E%3Cuse xlink:href='%23SVGID_13_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='52.5' class='st6' width='16.6' height='17'/%3E%3C/g%3E%3C/g%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_15_' x='-1' y='474' width='44.3' height='54.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_16_'%3E%3Cuse xlink:href='%23SVGID_15_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect y='483' class='st7' width='36.3' height='36.3'/%3E%3C/g%3E%3C/g%3E%3Cg class='st1'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_17_' x='79.7' y='82.2' width='44.3' height='54.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_18_'%3E%3Cuse xlink:href='%23SVGID_17_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Crect x='80.7' y='91.2' class='st8' width='36.3' height='36.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    z-index: 10;
}

/* ==========================================================================
   SELECTION
   ========================================================================== */

::-moz-selection {
    text-shadow: none;
    background: #333;
    color: #FFF;
}

::selection {
    text-shadow: none;
    background: #333;
    color: #FFF;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #333;
}

a[href^="tel"],
a[href^="sms"] {
    color: inherit;
    cursor: default;
    text-decoration: none;
}