.logoWrap {
    position: relative;
}

.titleImageOverlay {
    position: absolute;
    background-color: rgba(0,0,0,.65);
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.logoOuter {
    position: relative;
}

.logoWrap svg {
    transition: all ease 1s;
    max-height: 200px;
    margin-top: 0;
    position: relative;
}

.moreScrolled .logoWrap svg {
    /*    max-height: 45px;*/
    transition: all ease .65s;
    max-height: 50px;
    margin-top: 1px;
}

.cls-2 {
    transition: all ease .75s;
}


.scrolled .cls-2 {
    fill: #565555 !important;
}

.logoInner:hover .cls-2 {
    fill: #565555 !important;
}

.logoWrap path {
    z-index: 3;
    position: relative;
}


    .logoWrap path.iconPart {
        z-index: 1;
        position: relative;
    }


.logoWrap.top {
    position: relative;
    z-index: 3;
}


.logoWrap.bottom {
    transition: all ease .15s;
    position: relative;
    z-index: 1;
}

.moreScrolled .logoWrap.bottom {
    transition: all ease .55s;
}


.moreScrolled .logoWrap.top svg {
    transition: all ease .65s;
}

.logoWrap.top svg {
    transition: all ease .65s;
    max-height: 55px;
}


.logoWrap.bottom svg {
    transition-delay: 0s;
    transition-duration: .95s;
}

.moreScrolled .logoWrap.bottom svg {
    transition-delay: 0s;
    transition-duration: .95s;
}

.logoWrap.bottom {
    padding-top: 5px;
}

.logoInner {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 9px;
    padding-bottom: 6px;
    transition: all ease .25s, margin-top ease .0s;
    margin-top: 30px;
}

.moreScrolled .logoInner {
    padding-bottom: 0;
    transition: all ease .25s, margin-top ease .35s;
}

.logoInner {
    padding-left: 10px;
    padding-right: 10px;
}



    .logoInner:hover {
        background-color: #ffffff;
    }

.scrolled .logoInner {
    margin-top: 0;
}

.moreScrolled .logoInner {
    margin-top: -64px;
}

.moreScrolled #mobileTrigger {
    margin-top: 10px;
}

.contactDataWrap {
    margin-top: 15px;
}

    .contactDataWrap > div {
        float: left;
        margin-right: 30px;
    }

.navigationWrap ul {
    padding-left: 0;
    margin-bottom: 0;
}

    .navigationWrap ul li {
        display: inline-block;
    }

.navSideWrap {
    margin-left: -30px;
}

.contactDataWrap {
    margin-top: 15px;
    padding-left: 35px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

    .contactDataWrap svg {
        margin-right: 5px;
    }

        .contactDataWrap svg path, .contactDataWrap, .contactDataWrap a {
            color: #ffffff;
            fill: #ffffff;
        }


.scrolled .contactDataWrap svg path, .scrolled .contactDataWrap, .scrolled .contactDataWrap a {
    color: #ec7621;
    fill: #ec7621;
}

.contactDataWrap > div:hover svg path, .contactDataWrap > div:hover a {
    fill: #ec7621;
    color: #ec7621;
    text-decoration: none;
}

.navigationWrap {
    margin-top: 21px;
    transition: all ease .35s;
    transition-delay: .0;
}

.scrolled .navigationWrap {
    margin-top: 18.5px;
}

.navigationWrap a {
    color: white;
    padding: 16px 18.5px;
    display: inline-block;
    font-size: 14px;
    transition: all ease .35s;
}

    .navigationWrap a:hover {
        text-decoration: none;
        background-color: #ffffff;
        color: #ec7621;
    }


.scrolled .navigationWrap a {
    color: #565555;
    padding-bottom: 20px;
    padding-top: 20px;
}

.scrolled .navigationWrap li.active a {
    color: #ec7621;
}



/*.moreScrolled .navigationWrap {
    margin-top: 63px;
    transition-delay: .5s;
}*/



.titleImage h1 {
    color: white;
    position: relative;
    font-size: 30px;
}

.titleImage h2 {
    font-size: 16px;
    font-weight: 500;
    color: white;
}

.quadratLine {
    position: relative;
}

.quadratContent {
    position: absolute;
    width: 260px;
}

.titleImageContent {
    position: relative;
    z-index: 2;
}

.titleImage.smallTitle .quadratLine, .titleImage.smallTitle p, .titleImage.smallTitle a {
    display: none;
}

.titleImageContent p {
    color: white;
    max-width: 500px;
    line-height: 26px;
    font-size: 16px;
    margin-top: 60px;
}

.button svg {
    margin-right: 8px;
    margin-bottom: -1px;
}

.button:hover svg path {
    fill: #ffffff;
}

.button.invertOrange svg path {
    fill: #ffffff;
}


.button.invertOrange:hover svg path {
    fill: #141414;
}

.upperBorder {
    width: 8px;
    height: 40px;
    position: absolute;
    right: 0;
    top: -1px;
    background-color: #ec7621;
}

.underBorder {
    width: 8px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: -1px;
    background-color: #ec7621;
}

.footerContactRow img {
    width: 35px;
    margin-right: 15px;
    display: inline-block;
    margin-top: -19px;
}

.footerContactRow > div > div {
    display: inline-block;
    padding-top: 15px;
}

.footerContactRow a {
    font-weight: bold;
    color: white;
}

.navigationWrap .active a {
    color: #ec7621;
}

.minus {
    font-size: 29px;
    color: #ec7621;
    margin-right: 7px;
    line-height: 26px;
    display: inline-block;
    margin-top: -3px;
    float: left;
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.footerLinks {
    font-size: 16px;
    color: white;
}

    .footerLinks:hover {
        text-decoration: none;
        color: #ec7621;
    }

.button.smaller {
    border: 2px solid #ec7621;
    padding: 12px 25px;
}


.backCallWrap {
    background-color: #1A1A1A;
    padding: 25px;
}


    .backCallWrap h4 {
        font-weight: 400;
        font-size: 16px;
        color: white;
    }

    .backCallWrap input {
        width: 100%;
        padding: 5px 15px;
        margin-bottom: 15px;
    }

.backCallWrap {
    background-color: #1A1A1A;
    padding: 25px;
    margin-top: -130px;
    position: relative;
    z-index: 4;
}

.contactDataWrap span {
    font-size: 13px;
}

.backCallWrap textarea {
    width: 100%;
    min-height: 150px;
    padding: 15px;
}

.scrolled #mobileTrigger path {
    fill: #ec7621;
}

img#closeTrigger {
    position: absolute;
    width: 36px;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.verySmallTitle {
    max-height: 240px;
    min-height: 240px !important;
}

.centerMe.beerWrapper {
    max-height: 800px !important;
    margin: 0 auto;
    overflow: hidden;
}

.imageTextSection .swiper-slide img {
    max-height: 400px;
}

p a {
    color: #ec7621;
}

.swiperInner {
    display: inline-block;
    position: relative;
}

.sliderText {
    background-color: rgba(236,118,33,0.9);
    z-index: 1;
    position: absolute;
    bottom: 0;
    padding: 5px 11px;
    left: 0;
    right: 0;
    color: white;
}

@media screen and (min-width:1200px) {
    .footerContactRow > div > div {
        font-size: 11px;
    }
}



body {
    position: relative;
    font-family: 'Manrope', sans-serif;
    max-width: 100%;
    overflow-x: hidden;
}

    body.menuOpen {
        overflow-y: hidden !important;
        touch-action: none;
        -ms-touch-action: none;
    }

.pageContainer {
    transition: all ease .65s;
    position: relative;
    max-width: 100%;
    overflow: hidden;
}

.menuOpen .pageContainer {
    max-height: 100%;
    overflow-y: hidden;
    margin-right: 80%;
    margin-left: -80%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
}

.topHeader {
    height: 50px;
    padding-top: 11px;
    position: relative;
    z-index: 3;
}


section h2 {
    font-family: "Manrope", Sans-serif;
    font-weight: 700;
    font-size: 24px;
}



p {
    font-weight: 400;
}

.navigation {
    /*    border-top: 1px solid #f5f5f5;*/
    position: relative;
}

/*.bottomHeader {
    min-height: 85px;
}
*/

.bottomHeader {
    min-height: 73px;
}

.boxSection {
    background-color: white;
}

.iconSection {
    background-color: white;
}

.logo {
    max-width: 200px;
    margin-top: 15px;
}

.navigation ul {
    margin: 0;
    padding: 0;
}

    .navigation ul li a {
        position: relative;
        z-index: 2;
    }

.navigation li {
    display: inline-block;
    margin-right: -3px;
    margin-top: 0;
    /*   margin-top: -1px;*/
    /*    border-top: 1px solid #ebebeb;*/
}

    .navigation li a {
        color: #919199;
        font-size: 14px;
        text-transform: uppercase;
        padding: 15px 20px;
        display: inline-block;
    }

        .navigation li a:hover {
            text-decoration: none;
            color: #007ac2;
        }

    .navigation li.active > a {
        color: #007ac2;
    }


.serviceContent p {
    margin-bottom: 0;
}

.titleImage {
    width: 100%;
    -ms-background-position: center center;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.iconWrapper img {
    max-width: 20px;
}

.iconWrapper a {
    font-family: 'Manrope';
    font-size: 14px;
    text-transform: uppercase;
    color: #232323;
}

.marginRightSmall {
    margin-right: 10px;
}


.bgBlue {
    background-color: #01477f;
}

.bgOrange {
    background-color: #EC7621;
}

.bgYellow {
    background-color: #fec200;
}



.box {
    position: relative;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    padding: 45px;
}


.innerBorder {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border: 3px dashed white;
    opacity: 0.53;
    border-radius: 12px;
}

.box img.boxImage {
    position: absolute;
    width: 156px;
    right: 0;
    bottom: 0;
    opacity: 0.25;
}

.box .arrowRight {
    width: 25px;
    margin-left: 9px;
}

.box:hover {
    transform: scale(1.1) !important;
    cursor: pointer;
}

.box h2 {
    font-size: 24px;
    color: white;
    margin-top: 20px;
    /*    text-transform: uppercase;*/
    margin-top: -5px;
}

header {
    min-height: 88px;
    position: relative;
    z-index: 5;
    position: fixed;
    width: 100%;
}

.innerHeader {
}

.scrolled .innerHeader {
    top: -1px;
    position: fixed;
    width: 100%;
    background-color: white;
    z-index: 10;
}


.bottomHeader {
    transition: margin-top ease 1s;
}

.iconSection {
    padding-top: 65px;
    padding-bottom: 65px;
}

.subService {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .subService img {
        max-width: 40px;
        margin-bottom: 8px;
    }

    .subService h2 {
        font-size: 32px;
        margin-bottom: 65px;
        margin-top: 20px;
    }

    .subService h3 {
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
    }

.smallLine {
    width: 30px;
    height: 2px;
    margin: 0 auto;
}

.subService p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 26px;
    font-family: "Manrope";
    padding-right: 10px;
}

.innerIcon {
    padding-top: 20px;
    border-top: 1px dashed;
}

    .innerIcon a {
        white-space: nowrap;
        margin-left: 7px;
        font-size: 13px;
        text-transform: uppercase;
    }

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

        .innerIcon a span {
            display: inline-block;
            margin-left: 4px;
        }


.blue .innerIcon a {
    color: #01477f;
}

.blue .smallLine {
    background-color: #01477f;
}

.blue .innerIcon {
    border-color: #01477f;
}

.orange .innerIcon a {
    color: #EC7621;
}

.orange .smallLine {
    background-color: #EC7621;
}

.orange .innerIcon {
    border-color: #EC7621;
}

.yellow .innerIcon a {
    color: #fec200;
}

.yellow .smallLine {
    background-color: #fec200;
}

.yellow .innerIcon {
    border-color: #fec200;
}

.boxWrap {
    margin-top: 40px;
}

img.arrow {
    max-width: 40px;
    margin-top: 120px;
    animation: jump 2.2s infinite;
}

.bgLightBlue {
    background-color: #F7F7F7;
}

footer {
    padding-top: 40px;
    font-size: 14px;
    color: #ffffff;
    border-top: 35px solid white;
    background-color: #1A1A1A;
}

    footer .contactDiv a {
        color: #ffffff;
    }


.contactDiv img {
    max-width: 20px;
    margin-right: 10px;
}

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

.contactDiv a {
    color: #606060;
}

.contactSection {
    min-height: 400px;
    background-size: cover;
    background-position: center center;
    position: relative;
    width: 100%;
}

.contactSection {
    min-height: 300px;
}

.contach2 {
    font-size: 36px;
    color: white;
}

.contactSection h3 {
    font-family: 'Manrope';
    font-weight: 300;
    color: white;
}

.centerText {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
}

.hasAnchor:hover {
    text-decoration: none;
}

.contactRow {
    cursor: pointer;
    background-color: #01477f;
    padding: 6px;
    margin-top: 3px;
    padding-right: 14px;
}


    .contactRow a {
        color: white;
    }

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

    .contactRow.orange {
        background-color: #ef6129;
    }

    .contactRow img {
        max-width: 45px;
        margin-right: 15px;
        transition: all ease .25s;
    }

.contact {
    transition: all ease .25s;
    top: 140px;
    position: fixed;
    right: -400px;
    z-index: 5;
}

.moreScrolled .contact {
    right: -247px;
}

    .moreScrolled .contact.expanded {
        top: 160px;
        right: 0;
    }

.expanded .contactRow img {
    max-width: 25px;
}

.navigation {
    display: none;
}

.contactInfo {
    margin-top: 35px;
    float: right;
    margin-left: 65px;
    color: #444444;
}

    .contactInfo img {
        padding-top: 25px;
        width: 45px;
        padding-bottom: 25px;
        border-right: 1px solid #d0d0d0;
        padding-right: 15px;
        display: inline-block;
        float: left;
    }

    .contactInfo span {
        display: inline-block;
        margin-left: 0;
        padding-left: 15px;
        float: left;
        margin-top: 10px;
        line-height: 28px;
    }

    .contactInfo a {
        color: #444444;
    }

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

.contactInfo {
    display: none;
}

.openTime {
    display: none;
}

#mobileTrigger {
    float: right;
    max-width: 55px;
    margin-top: 23px;
    cursor: pointer;
    transition: all ease .35s;
}

.scrolled #mobileTrigger {
    margin-top: 53px;
}

.moreScrolled #mobileTrigger {
    margin-top: 10px;
}

.menuOpen .mobileOverlay {
    opacity: 1;
    z-index: 11;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    width: 100%;
}

.mobileOverlay {
    opacity: 0.1;
    -ms-transition: background-color ease .25s, opacity ease .25s, left ease .45s;
    -o-transition: background-color ease .25s, opacity ease .25s, left ease .45s;
    -webkit-transition: background-color ease .25s, opacity ease .25s, left ease .45s;
    transition: background-color ease .25s, opacity ease .25s, left ease .45s;
    z-index: -1111;
    background-color: rgba(0, 0, 0, 0);
    width: 0%;
    top: 0;
    bottom: 0;
    left: 100%;
    position: absolute;
    cursor: pointer;
}


.mobileMenu {
    position: fixed;
    top: -100%;
    text-align: center;
    padding-top: 49px;
    width: 80%;
    height: 100%;
    left: 20%;
    background-color: transparent;
    transition: all ease .35s;
    overflow: scroll;
}

    .mobileMenu ul {
        padding-left: 0;
        margin-bottom: 30px;
    }

.menuOpen .mobileMenu {
    background-color: #232323;
    top: 0;
    transition: top .65s ease-in-out .1s;
}

.mobileMenu a {
    display: none;
    color: transparent;
    transition: color ease .25s;
    font-size: 22px;
    margin-top: 15px;
    display: inline-block;
}

.mobileMenu .iconWrapper {
    padding-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
}

.mobileMenu img {
    display: none;
}


.mobileMenu span {
    color: transparent;
}

.menuOpen .mobileMenu span {
    color: white;
}

.menuOpen .mobileMenu a {
    color: white;
}

.menuOpen .mobileMenu img {
    display: inline-block;
}

.menuOpen .mobileMenu .iconWrapper {
    border-top: 1px solid white;
}

.mobileMenu .iconWrapper a {
    font-size: 16px;
    margin-top: 0;
}

.innerHeader {
    transition: background-color ease .65s;
    min-height: 140px;
}

.scrolled .innerHeader {
    min-height: unset;
}

.scrolled .innerHeader {
    left: 0;
}

.scrolled.menuOpen .innerHeader {
    right: 80%;
    left: unset;
}

.moreScrolled .innerHeader {
    border-bottom: 1px solid #ebebeb;
}


.monsterMenu li {
    display: block;
}

.monsterMenu {
    position: absolute;
    width: 100%;
    background-color: #fff;
    left: 0px;
    right: 0px;
    z-index: 1;
    top: -550%;
    transition: top ease-in-out .55s;
    padding-bottom: 20px;
}


.mobileMenu li ul {
    margin-bottom: 0;
}

    .mobileMenu li ul li a {
        font-size: 18px;
    }


.monsterMenu ul {
    margin-top: 20px;
    width: 100%;
}

.monsterMenu.expanded, .navigation ul li:hover .monsterMenu {
    top: 50px;
}

.header {
    width: 100%;
}

    .header img {
        margin-left: 30px;
        margin-top: 20px;
        max-width: 30px;
        float: left;
    }

    .header span {
        display: inline-block;
        font-size: 18px;
        display: inline-block;
        padding-top: 22px;
        padding-left: 28px;
        float: left;
        text-transform: uppercase;
        color: #919199;
    }

.monsterMenu ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F0F5F9;
    margin-bottom: 1px;
    margin-left: 30px;
    padding-left: 0;
    width: 80%;
}

.bgWhite {
    background-color: white;
}


.moreOverlay {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
}

.centerDiv {
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.whiteText {
    color: white;
    font-size: 15px;
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #ec7621;
}


.referenceRow {
    margin-bottom: 50px;
}

.referenceTextInner {
    position: relative;
    background-color: #f0f5f9;
    padding: 15px;
    padding-bottom: 40px;
}


.footerLogo {
    max-width: 240px;
    margin-bottom: 25px;
}

.imageWrapper {
    height: 70px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

    .imageWrapper img {
        position: relative;
        z-index: -1;
    }

.paddingTopBigger {
    padding-top: 80px;
}

.servich2 {
    font-size: 26px;
}

.serviceSection.bgLightBlue h2 {
    color: #01477D;
}

.serviceSection.bgWhite h2 {
    color: #01477D;
}

/*.serviceContent {
    margin-bottom: 15px;
    padding-left: 30px;
    border-left: 4px solid #fec200;
}

.bgLightBlue .serviceContent {
    border-color: #fec200;
}
*/
.shortLine {
    width: 80px;
    height: 4px;
    background-color: #ec7621;
    margin-bottom: 20px;
}

    .shortLine.orange {
        background-color: #ec7621;
    }


    .shortLine.smaller {
        height: 3px;
        width: 60px;
    }

/*.serviceSection.bgLightBlue .shortLine {
    background-color: #fec200;
}*/


.headSection {
    background-color: #232323;
}

.heah2 {
    color: white;
}


.memberText b {
    font-size: 16px;
    letter-spacing: 0.5px;
    font-family: 'Manrope';
    color: #141414;
}

.function {
    font-size: 12px;
    color: #ec7621;
    font-weight: 700;
}

h2.colored {
    color: #212529;
    text-transform: uppercase;
    font-weight: 500;
}

    h2.colored span {
        color: #ec7621;
    }

    h2.colored.smaller {
        font-size: 14px;
    }

    h2.colored.medium {
        font-size: 20px;
    }

    h2.colored.mediumBig {
        font-size: 26px;
    }

.navigation a:not([href]):not([tabindex]) {
    color: #919199;
}

.cursornormal {
    cursor: default;
}

.greyLine {
    height: 1px;
    background-color: #f5f5f5;
    width: 100%;
    position: relative;
    z-index: 2;
}

.buttonBlue {
    background-color: #01477f;
    border: 2px solid #01477f;
    color: white;
}

.buttonOrange {
    background-color: #EC7621;
    color: #141414;
}

    .buttonOrange.invertOrange {
        color: #ffffff;
    }

        .buttonOrange.invertOrange:hover {
            color: #141414;
            background-color: white;
        }


.button {
    padding: 20px 50px;
    transition: all ease .25s;
    text-transform: uppercase;
    font-size: 11px;
    font-family: "Manrope", Sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 22px;
    display: inline-block;
}

    .button:hover {
        background-color: #1A1A1A;
        color: white;
    }


.buttonYellow {
    background-color: #fec200;
    border: 2px solid #fec200;
    color: white;
    margin-bottom: 15px;
}

.button.biggerButton {
    padding: 14px 28px;
    font-size: 15px;
    letter-spacing: 1px;
}

.specialButton {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.buttonYellow:hover {
    background-color: #fff;
    color: #fec200;
}


.buttonBlue:hover {
    background-color: #fff;
    color: #01477f;
}

.button:hover {
    text-decoration: none;
}


.beer-slider:hover .beer-handle {
    background-color: #ef6129;
}

.contactWrap a {
    color: #ef6129;
}

.beer-slider:hover .beer-handle:before {
    color: white;
}

.beer-slider:hover .beer-handle:after {
    color: white;
}


.beer-reveal {
    border-right: 2px solid white;
}

/*.beer-slider {
    width: 100%;
}



    .beer-slider > img {
        width: 100%;
    }*/


.beerWrapper {
    margin-bottom: 40px !important;
}

.beer-slider img {
    max-height: 800px;
}

.mz-title {
    overflow: hidden;
    float: left;
    width: 100%;
}

.mz-title {
    overflow: hidden;
    float: left;
    width: 100%;
}

.dt-sc-title {
    position: relative;
    clear: both;
    float: left;
}

.mz-title .mz-title-content {
    position: relative;
    clear: both;
    float: left;
    margin-top: 13px;
}

.mz-title .mz-title-content {
    margin-bottom: 30px;
    position: relative;
    clear: both;
    float: left;
}

    .dt-sc-title.with-two-color-bg:after, .dt-sc-triangle-title:after, .dt-sc-title.with-right-border-decor:after, .dt-sc-title.with-right-border-decor:before, .dt-sc-title.with-boxed, .mz-title .mz-title-content h2, .mz-title-content h3.widgettitle, .mz-title .mz-title-content:before, .mz-blog .comments a, .mz-blog div.vc_gitem-post-category-name, .mz-blog .ico-format {
        background-color: #fec200;
    }

    .mz-title .mz-title-content:before {
        content: "";
        position: absolute;
        right: -16px;
        top: 0px;
        width: 100%;
        height: 100%;
        -webkit-transform: skewX( 30deg );
        transform: skewX( 30deg );
        -ms-transform: skewX(30deg);
    }

    .mz-title .mz-title-content:after {
        content: "";
        height: 100%;
        top: 0px;
        left: 114%;
        left: -webkit-calc(100% - -26px);
        left: -moz-calc(100% - -26px);
        left: calc(100% - -26px);
        position: absolute;
        -ms-transform: skewX(30deg);
        -webkit-transform: skewX( 30deg );
        transform: skewX( 30deg );
        width: 9000px;
        background: #f0f5f9;
    }



.dt-sc-title.mz-title .mz-title-content h2 {
    color: #fff;
}

.dt-sc-title.mz-title .mz-title-content h2 {
    padding: 17px 10px 15px 20px;
    position: relative;
    z-index: 1;
    margin: 0px;
    left: 0px;
    font-size: 16px;
    text-transform: uppercase;
}

.dt-sc-title.with-two-color-bg:after, .dt-sc-triangle-title:after, .dt-sc-title.with-right-border-decor:after, .dt-sc-title.with-right-border-decor:before, .dt-sc-title.with-boxed, .mz-title .mz-title-content h2, .mz-title-content h3.widgettitle, .mz-title .mz-title-content:before, .mz-blog .comments a, .mz-blog div.vc_gitem-post-category-name, .mz-blog .ico-format {
    background-color: #fec200;
}

.mz-title .mz-title-content h2 {
    font-size: 35px;
}

.mz-title .mz-title-content h2, .mz-title .mz-title-content h3.widgettitle {
    padding: 7px 0 7px 10px;
    position: relative;
    z-index: 1;
    margin: 0px;
    left: 0px;
    text-transform: uppercase;
    color: #fff;
}

.mz-title h2 {
    font-family: Manrope;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: inherit;
    text-transform: none;
    color: #232323;
}

.calcBox {
    width: 100%;
}

.referenceBgImage {
    background-size: cover;
    background-position: center center;
    border-radius: 5px;
    position: relative;
}

    .referenceBgImage > img {
        display: none;
    }

.buttonWrap {
    margin-top: 17px;
}

.beer-handle {
    z-index: 1;
}



.yellowOverlay {
    display: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: #ec7621;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
}

.referenceBgImage:hover .yellowOverlay {
    opacity: 0.9;
}

.yellowOverlay img {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contactData a {
    text-decoration: none;
    color: white;
    font-size: 24px;
    line-height: 50px;
    transition: all ease .5s;
    border: 1px solid white;
    display: inline-block;
    padding: 10px 45px;
}

    .contactData a:hover {
        background-color: white;
        color: #fec200;
    }

div#map {
    min-height: 650px;
}

.heah2 {
    margin-bottom: 0;
}

.headSection {
    background-color: #fec200;
}

.underFooter {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #919199;
    padding-left: 0;
    color: #919199;
}


    .underFooter ul {
        padding-left: 0;
    }

        .underFooter ul li {
            display: inline-block;
            margin-left: 0;
            margin-right: 20px;
        }

    .underFooter a {
        color: #606060;
        text-decoration: none;
    }

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

h2 {
    font-size: 1.5rem;
}

.serviceIcon {
    max-width: 50px;
}


.quadratLine {
    max-width: 400px;
    border: 8px solid #EC7621;
    border-right: none;
    padding: 40px;
}

.marginTopTitleImage {
    padding-top: 220px;
}

.titleImage {
    min-height: 970px;
}

    .titleImage.smallTitle {
        min-height: unset;
    }

.specialText p {
    padding-left: 10px;
    border-left: 3px solid #ec7621;
}

.box {
    background-color: #1A1A1A;
    font-size: 14px;
}

.absoluteQuadrat {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #ec7621;
    top: 24px;
    left: 24px;
}

.boxWrap a {
    color: white;
}

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

.box span {
    margin-top: 10px;
    display: inline-block;
}

.titleImageDiv {
    position: relative;
}

    .titleImageDiv .absoluteQuadrat {
        width: 8px;
        height: 8px;
        left: -10px;
        top: -5px;
    }

.moreScrolled header {
    min-height: 20px;
}

.mobileContactData img {
    width: 20px;
}

.mobileMenu .mobileContactData a {
    margin-top: 2px;
    margin-bottom: 10px;
    font-size: 15px;
}

.mobileMenu .mobileContactData span {
    font-size: 13px;
}

.referenceInner {
    background-color: #1A1A1A;
    padding: 25px;
}

    .referenceInner h2 {
        margin-top: 20px;
        color: white;
        font-size: 18px;
    }

    .referenceInner p {
        color: white;
    }

.grey {
    border-color: #1A1A1A;
}

.referenceWrapper {
    margin-bottom: 15px;
}

.backCallWrap input.error {
    background-color: pink;
}

@media screen and (min-width:370px) {
    .titleImage {
        min-height: 930px;
    }

        .titleImage.smallTitle {
            min-height: unset;
        }
}


@media screen and (min-width:768px) {
    .imageWrapper {
        height: 140px;
    }

    .navigation {
        display: block;
    }

    #mobileTrigger {
        display: none;
    }

    .openTime {
        display: block;
    }


    .logo {
        max-width: 280px;
        margin-top: 30px;
    }

    .bottomHeader {
        min-height: 136px;
        position: relative;
        z-index: 2;
    }

    .moreScrolled .bottomHeader {
        /*        margin-top: -140px;*/
        /*        margin-top: -110px;*/
        /*      margin-top: -112px;*/
        margin-top: -119px;
        transition: margin-top ease 0.45s;
    }

    .headerWrap {
        border-style: solid;
        border-width: 1px;
        border-color: rgba(255, 255, 255, 0.25);
    }

    .logoInner {
        margin-top: 30px;
        border-right: 1px solid rgba(255, 255, 255, 0.25);
    }

    .titleImage {
        min-height: 1000px;
    }

        .titleImage.smallTitle {
            min-height: unset;
        }


    .moreScrolled .navigationWrap {
        margin-top: 65px;
        transition-delay: .5s;
        margin-bottom: -2px;
    }

    .moreScrolled .logoInner {
        margin-top: 51px;
    }

    .logoWrap.bottom svg {
        transition-delay: .35s;
    }

    .quadratLine {
        max-width: 400px;
        border: 13px solid #EC7621;
        border-right: 0;
    }

    .upperBorder {
        width: 13px;
    }

    .underBorder {
        width: 13px;
    }

    .quadratContent {
        width: 500px;
    }

    .titleImage h1 {
        font-size: 42px;
    }

    h2 {
        font-size: 28px;
    }

    .titleImageDiv .absoluteQuadrat {
        width: 12px;
        height: 12px;
        left: -15px;
    }
}


@media screen and (min-width:992px) {

    .memberText {
        margin-left: -15px;
    }

    h2 {
        font-size: 2rem;
    }

    .navigation li a {
        padding: 20px 30px;
    }

    .contactInfo {
        display: block;
    }

    .innerIcon {
        border-top: none;
        border-right: 1px dashed;
    }

    header {
        min-height: 201px;
    }

    .boxSection {
        display: block;
    }

    .contach2 {
        font-size: 56px;
    }

    .referenceImageWrapper {
        padding-right: 0;
    }

    .referenceTextWrapper {
        padding-left: 0;
    }

    .yellowOverlay {
        display: block;
    }

    .logoInner {
        padding: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navigationWrap a {
        color: white;
        /*        padding: 16px 25px;*/
        padding: 16px 32px;
        font-size: 16px;
    }

    .navigationWrap {
        margin-top: 47px;
    }

    .scrolled .navigationWrap {
        margin-top: 42px;
        margin-bottom: -2px;
    }

    .moreScrolled .navigationWrap {
        margin-top: 80px;
    }

    .contactDataWrap span {
        font-size: 16px;
    }

    .logoWrap.top svg {
        max-height: 68px;
    }

    header {
        /*   height: 201px;*/
        min-height: 193px;
    }

    .moreScrolled .bottomHeader {
        margin-top: -134px;
    }

    .titleImage h1 {
        font-size: 52px;
    }

    h2 {
        font-size: 32px;
    }
}

@media screen and (min-width:1200px) {
    .imageWrapper {
        height: 200px;
    }

    .referenceTextInner {
        padding: 25px;
        padding-bottom: 50px;
    }

    .navigationWrap a {
        padding: 22px 35px;
    }

    .navigationWrap {
        margin-top: 67px;
    }

    .quadratLine {
        margin-left: -50px;
    }

    /*    .logoWrap.top svg {
        max-height: 100px;
    }*/
    .logoWrap.top svg {
        max-height: 85px;
    }

    .moreScrolled .logoInner {
        margin-top: 33px;
    }

    .scrolled .navigationWrap {
        margin-top: 71px;
        margin-bottom: -2px;
    }

    .moreScrolled .navigationWrap {
        margin-top: 80px;
    }

    h2 {
        font-size: 48px;
    }
}


@media screen and (min-width:1600px) {
    .imageWrapper {
        height: 265px;
    }

    .marginTopTitleImage {
        padding-top: 280px;
    }
    /*    .quadratLine {
        max-width: 400px;
        border: 13px solid #EC7621;
        border-right: none;
        padding: 40px;
        margin-left: -50px;
    }*/
    .titleImage h1 {
        font-size: 52px;
    }
}

@media screen and (min-width:2000px) {
    .marginTopTitleImage {
        padding-top: 360px;
    }

    .titleImage h1 {
        font-size: 63px;
    }
}


body {
    font-family: 'Work Sans', sans-serif;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 600;
}

.workSans {
    font-family: "Work Sans" !important;
}


.titleImageOverlay {
    background-color: rgba(0,0,0,0.35);
}

.topLogo {
    margin-top: 15px;
}


.navigationWrap {
    background-color: #753700;
    position: relative;
}


    .navigationWrap a {
        color: #d3c2ae;
    }

.scrolled .navigationWrap a {
    color: #d3c2ae;
}

.navigationWrap .active a {
    color: #FDC311;
}

.contactDataWrap > div {
    float: right;
}


.box-right:before {
    right: -999em;
    background: #753700;
}

.box-left:before, .box-right:before {
    content: '';
    display: block;
    position: absolute;
    width: 999em;
    top: 0;
    bottom: 0;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.navigationWrap a:hover {
    text-decoration: none;
    background-color: #F79A4A;
    color: white;
}

.contactDataWrap {
    border-bottom: none;
    margin-top: 25px;
    margin-bottom: 8px;
}

.scrolled .navigationWrap {
    margin-top: 0;
}

.titleImage {
    min-height: unset !important;
}

.scrolled .innerHeader {
    background-color: transparent;
}



.moreScrolled .innerHeader {
    border-bottom: none !important;
}

.topLogo {
    width: 100%;
}

.innerHeader, .topLogo {
    transition: all ease .45s;
}



.moreScrolled .innerHeader {
    background-color: #753700;
}

#mobileTrigger {
    margin-top: 15px !important;
}

.scrolled img.topLogo {
    max-width: 141px;
    margin-bottom: 19px;
}

.contactDataWrap > div:hover a {
    color: #F79A4A;
    fill: #f79a4a;
}

.menuOpen .mobileMenu {
    background-color: #753700;
}

.underFooter a {
    color: white;
}

.imageWrap {
    position: relative;
}

.innerWrap {
    border: 3px solid white;
    position: absolute;
    top: 15px;
    right: 15px;
    left: 15px;
    bottom: 15px;
}

.tickOuter {
    position: relative;
}

img.tick {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}

.tickOuter div {
    width: 90%;
}

    .tickOuter div.tickWrap {
        width: 10%;
    }

.textWrap {
    padding-left: 30px;
}

.titleWrap {
    position: relative;
}

    .titleWrap h2 {
        display: inline-block;
    }

    .titleWrap img {
        position: absolute;
        width: 100px;
        top: -5px;
        right: -15px;
    }

.titleWrap {
    display: inline-block;
}

.bgLightGrey {
    background-color: #f6f6f6;
}

.offerWrap {
    padding: 15px;
    background-color: white;
    margin-bottom: 30px;
    border-radius: 15px;
    padding-bottom: 32px;
}

    .offerWrap img {
        border-radius: 8px;
    }

    .offerWrap h3 {
        text-transform: none;
        font-size: 16px;
    }

    .offerWrap p {
        font-size: 13px;
    }

.innerWrap.smallerWrap {
    border: 2px solid white;
    top: 10px;
    right: 10px;
    left: 10px;
    bottom: 10px;
    border-radius: 5px;
}

.offerWrap a.orangeBtn, .blogWrap a.orangeBtn {
    background-color: #FDC311;
    display: inline-block;
    color: white;
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 5px;
    position: absolute;
    right: 15px;
    bottom: 30px;
    border: 2px solid #FDC311;
    transition: all ease .45s;
}

a.orangeBtn:hover {
    background-color: white;
    color: #FDC311;
    text-decoration: none;
}

.marginTopSmall {
    margin-top: 10px;
}

.referencesWrap {
    padding-left: 15px;
    padding-right: 15px;
}

.referenceWrapper {
    padding: 0;
    margin-bottom: 0;
}

span.horLine {
    height: 5px;
    width: 75px;
    background-color: #FDC311;
    position: absolute;
    top: 25px;
    left: 8px;
    transition: all ease .45s;
}

span.vertLine {
    width: 5px;
    height: 75px;
    background-color: #FDC311;
    position: absolute;
    top: 8px;
    left: 25px;
    transition: all ease .45s;
}


span.referenceName {
    position: absolute;
    color: white;
    background-color: #FDC311;
    padding: 6px;
    top: 37px;
    left: 37px;
    border-bottom-right-radius: 11px;
    transition: all ease .45s;
}

.referenceWrapper:hover .vertLine {
    height: 125px;
    width: 7px;
}

.referenceWrapper:hover .horLine {
    width: 125px;
    height: 7px;
}

.referenceWrapper:hover .referenceName {
    top: 50px;
    left: 50px;
    font-size: 25px;
    padding-left: 20px;
    padding-right: 20px;
}

.orangeBtn {
    background-color: #FDC311;
    color: white;
    font-family: 'Work Sans', sans-serif !important;
    border-radius: 5px;
    border: 2px solid #FDC311;
}

.blogWrap {
    padding: 15px;
    background-color: white;
    margin-bottom: 30px;
    border-radius: 15px;
    position: relative;
    padding-bottom: 35px;
}

.blogImageWrap img {
    border-radius: 15px;
}

.blogWrap h3 {
    color: #141414;
    font-size: 16px;
    margin-top: 16px;
}

.blogInfoWrap img {
    max-width: 20px;
    margin-top: -5px;
}

.blogInfoWrap {
    padding-bottom: 5px;
    border-bottom: 1px solid #FDC311;
    height: 30px;
}

.blogWrap a.orangeBtn {
    bottom: 0;
    right: 0;
}

.blogDetailInfoWrap {
    margin-top: 20px;
}

    .blogDetailInfoWrap img {
        width: 30px;
    }

.dateWrap {
    font-size: 17px;
}

.float-left.dateWrap {
    margin-top: 5px;
}

@media screen and (min-width:768px) {
    .moreScrolled .bottomHeader {
        margin-top: 0;
    }

    .bottomHeader {
        min-height: unset;
    }
}

@media screen and (min-width:992px) {
    .navigationWrap a {
        padding: 16px 26px;
    }

    .navigationWrap {
        margin-top: -12px;
    }

    img.topLogo {
        padding-right: 20px;
        margin-top: 27px;
    }

    .scrolled img.topLogo {
        /*  width: 170px;*/
        width: 144px;
        margin-top: 80px;
        margin-bottom: 0;
        max-width: unset;
    }

    .contactDataWrap span {
        font-size: 14px;
    }

    .contactDataWrap > div {
        margin-right: 20px;
    }

    .topLogo {
        margin-top: 40px;
    }

    .scrolled .innerHeader {
        margin-top: -72px;
    }
}



@media screen and (min-width: 1200px) {
    .navigationWrap {
        margin-top: 0;
    }

    img.topLogo {
        padding-right: 35px;
        margin-top: 36px;
    }

    .scrolled img.topLogo {
        width: 170px;
        margin-top: 80px;
    }

    .scrolled .navigationWrap a, .navigationWrap a {
        padding: 22px 35px;
    }

    .contactDataWrap span {
        font-size: 16px;
    }

    .contactDataWrap > div {
        margin-right: 30px;
    }

    .moreScrolled .bottomHeader {
        margin-top: 0 !important;
        height: 140px;
    }
}


@media (min-width: 1400px) {
    .bigger-container {
        max-width: 1340px;
    }
}


@media (min-width: 1600px) {
    .bigger-container {
        max-width: 1540px;
    }
}