/***
 * Header
 */

html,
body {
    height: 100%;
}

html.show-menu .site:after {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.2s ease 0s;
    z-index: 3;
}

html.show-menu header {
    background: #B2B2B2;
    border-color: transparent;
}

html.show-menu header.transparent {
    background: transparent;
}

header {
    z-index: 10;
    position: relative;
}

header .header-wrap {
    position: relative;
}

header.transparent {
    position: absolute;
    width: 100%;
}

.site-navigation>ul {
    padding: 0;
}

.main-menu {
    margin-top: 15px;
    padding-left: 0px;
}

nav.site-navigation {
    z-index: 50;
    margin-top: 21px;
    min-width: 50px;
    margin-bottom: 8px;
}

nav.site-navigation ul li a {
    color: #fff;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

nav.site-navigation .above-nav-bar ul li a {
    text-transform: none;
}

nav.site-navigation ul li a:hover,
nav.site-navigation ul li a:focus,
nav.site-navigation ul li a:active {
    color: #fab702;
}

nav.site-navigation ul li {
    display: inline-block;
    float: none;
    list-style: none;
    position: relative;
    vertical-align: middle;
}


/** above nav bar */

.style-4 .above-nav-bar>*+* {
    margin-left: 20px;
}

.above-nav-bar>ul>li {
    margin-left: 5px;
}


/* header classic */

header.classic {
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.14);
    border: none;
}



.icon-header {
    padding-top: 10px;
}


@media (min-width: 1600px) {
    .header {
        width: 100%;
        transition: opacity 0.3s ease;
    }
    header.sticky {
        position: fixed;
        width: 100%;
        top: 0;
    }
    header.sticky.transparent {
        background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    }
    .logo {
        position: absolute;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
    }
    nav.site-navigation {
        margin-top: 23px;
    }
    nav.site-navigation .main-menu {
        margin-bottom: 23px;
    }
    nav.site-navigation .above-nav-bar+.main-menu {
        margin-bottom: 10px;
    }
    nav.site-navigation ul {
        text-align: right;
    }
    nav.site-navigation ul li {
        min-height: 30px;
        text-align: left;
    }
    nav.site-navigation ul.main-menu>li>a {
        padding: 20px 10px 30px;
    }
    nav.site-navigation ul li:last-child>a {
        padding-right: 0;
    }
    nav.site-navigation .sub-menu {
        height: 0;
        overflow: hidden;
    }
    nav.site-navigation li:hover>.sub-menu,
    nav.site-navigation li:focus>.sub-menu {
        height: auto;
        overflow: visible;
    }
    nav.site-navigation>ul>li a {
        padding: 10px 16px;
    }
    nav.site-navigation ul li>ul.sub-menu {
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        left: 0;
        padding-left: 0;
        position: absolute;
        text-align: left;
        top: 100%;
        width: 200px;
        z-index: 100;
        background: #fff;
    }
    nav.site-navigation ul li>ul.sub-menu a {
        clear: both;
        color: #767676;
        display: block;
        font-size: 12px;
        padding: 13px 20px;
        width: 100%;
    }
    nav.site-navigation ul li>ul.sub-menu a:hover {
        color: #fff;
        background: #fab702;
    }
    nav.site-navigation ul li>ul.sub-menu li {
        width: 100%;
    }
    nav.site-navigation ul li>ul.sub-menu li:not(:last-child) {
        border-bottom: 1px solid #ececec;
    }
    nav.site-navigation ul li>ul.sub-menu ul.sub-menu {
        left: 100%;
        top: 0;
    }
    .above-nav-bar {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        text-align: right;
    }
    .above-nav-bar>ul {
        display: inline-block;
    }
    .mobile-showchildren {
        display: none;
    }
    /* Classic header type - desktop */
    .site-header.sticky .mobile-wrap>ul>li>ul.sub-menu {
        top: 40px;
    }
    header.site-header.classic {
        padding-bottom: 0;
    }
    header.site-header.classic .mobile-wrap>ul>li>ul.sub-menu {
        top: 43px;
    }
    header.site-header.classic .mobile-wrap>ul>li>ul.sub-menu>*:first-of-type a {
        border-top: 1px solid #eff0f0;
    }
    header.site-header.classic nav.site-navigation ul li a {
        color: #8c8c8c;
    }
    header.site-header.classic nav.site-navigation ul li a:hover,
    header.site-header.classic nav.site-navigation ul li a:focus {
        color: #fab702;
        border-color: #fab702;
    }
    header.site-header.classic nav.site-navigation .main-menu ul li a:hover,
    header.site-header.classic nav.site-navigation .main-menu ul li a:focus {
        color: #fff;
    }
    header.site-header.classic .site-navigation .mobile-wrap>ul>li>a {
        color: #000000;
    }
    header.site-header.classic .site-navigation .mobile-wrap>ul>li>a:hover,
    header.site-header.classic .site-navigation .mobile-wrap>ul>li>a:focus {
        color: #fab702;
    }
    header.site-header.classic .main-menu {
        margin: 5px 0;
    }
    header.site-header.classic nav.site-navigation ul.main-menu>li>a {
        padding-bottom: 30px;
    }
    .sub-menu>li.menu-item-has-children>a {
        position: relative;
    }
    .sub-menu>li.menu-item-has-children>a:after {
        content: "\f105";
        position: absolute;
        right: 20px;
        color: #8c8c8c;
        font-family: "FontAwesome";
    }
    .sub-menu>li.menu-item-has-children>a:hover:after,
    .sub-menu>li.menu-item-has-children>a:focus:after {
        color: #fff;
    }
    /* Transparent - desktop */
    header.transparent nav.site-navigation .mobile-wrap>ul>li:hover>ul.sub-menu,
    header.transparent nav.site-navigation .mobile-wrap>ul>li:focus>ul.sub-menu {
        padding-top: 0;
    }
    header.transparent nav.site-navigation {
        margin-bottom: 0;
    }
}


/* Menu description */

.menu-item-desc {
    clear: both;
    display: block;
    line-height: 1.3em;
    margin-bottom: 15px;
    opacity: .9;
}

@media (min-width: 992px) {
    .menu-item-desc {
        color: #8c8c8c;
        line-height: 1em;
        font-size: 11px;
        margin: 0;
        max-width: 200px;
        padding: 0 10px;
    }
    .site-header.vertical .menu-item-desc {
        color: #8c8c8c;
        margin-bottom: 15px;
    }
    .site-header.transparent .menu-item-desc {
        color: #fff;
    }
    .site-header.style-4 .menu-item-desc {
        padding: 0 20px;
    }
}


/* Header Center */

@media (min-width: 1600px) {
    header.center {
        text-align: center;
    }
    header.center .logo {
        display: inline-block;
        float: none !important;
        margin-top: 15px;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    header.center .site-navigation {
        float: none !important;
    }
    header.center .site-navigation .mobile-wrap {
        display: inline-block;
    }
}


/* Header Bottom */

header.bottom {
    min-height: 77px;
    /* Fix spacing issue o0n sticky */
}

html:not(.show-menu) header.bottom:not(.sticky) {
    left: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 100%;
}

header.bottom~.site-main {
    padding-top: 0 !important;
}

@media (max-width: 1600px) {
    html {
        max-width: 100%;
    }
    body .site {
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
    }
    .site-navigation {
        right: 0;
    }
    body .site:after {
        opacity: 0;
        transition: opacity 0.2s;
    }
    .site-navigation {
        position: relative;
        bottom: 0;
        top: 0;
        right: 0;
    }
    .site-navigation .mobile-wrap {
        overflow-y: auto;
        height: 100%;
        background: #171717;
        padding: 20px 20px 20px 15px;
        border-left: 1px solid #000;
        box-shadow: inset -1px 0px 3px 3px rgba(0, 0, 0, 0.75);
        -webkit-transform: translateX(290px);
        -ms-transform: translateX(290px);
        transform: translateX(290px);
        transition: all 0.2s;
    }
    .site-navigation .mobile-wrap a {
        color: #fff;
    }
    .site-navigation .main-menu {
        padding-left: 5px;
    }
    .site-navigation .main-menu li {
        display: block;
        position: relative;
    }
    .site-navigation .main-menu li a {
        display: block;
        min-height: 40px;
        padding-top: 10px;
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
        font-size: 13px;
        font-weight: normal;
    }
    .site-navigation .main-menu li a:hover,
    .site-navigation .main-menu li a:active,
    .site-navigation .main-menu li a:focus {
        color: #fab702;
    }
    .site-navigation .main-menu li ul li a:before {
        content: "\f105";
        font-family: fontAwesome;
        margin-right: 10px;
    }
    .site-navigation .main-menu li.current-menu-item>a {
        color: #fab702;
    }
    .site-navigation .main-menu .megamenu>*,
    .site-navigation .main-menu>li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .site-navigation .main-menu .megamenu>*>ul,
    .site-navigation .main-menu>li>ul {
        padding: 10px 0;
        min-width: 100%;
    }
    .site-navigation .main-menu .megamenu>*>ul a,
    .site-navigation .main-menu>li>ul a {
        padding-top: 0;
        min-height: 32px;
        font-size: 12px;
    }
    .site-navigation .main-menu .megamenu>* ul li ul li,
    .site-navigation .main-menu>li ul li ul li {
        padding-left: 10px;
    }
    .site-navigation .main-menu ul {
        padding-left: 0;
    }
    .site-navigation .mobile-showchildren {
        background-color: transparent;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        cursor: pointer;
        padding: 10px 15px;
        color: #fff;
    }
    .site-navigation .mobile-showchildren:hover,
    .site-navigation .mobile-showchildren:active {
        color: #fab702;
    }
    .site-navigation .sub-menu .mobile-showchildren {
        padding: 0px 15px;
    }
    .logo {
        margin-top: 20px;
    }
    .above-nav-bar {
        text-align: left;
    }
    .above-nav-bar>ul {
        display: block;
        margin-bottom: 0;
    }
    .above-nav-bar>ul.contact-info>li {
        clear: both;
        width: 100%;
        margin-bottom: 13px;
    }
    .site {
        width: 100%;
    }
    .ghost-nav-wrap {
        position: fixed;
        width: 290px;
        z-index: 0;
    }
    html.show-menu body {
        overflow: hidden;
    }
    html.show-menu body .site {
        -webkit-transform: translateX(-290px) translateZ(0);
        transform: translateX(-290px) translateZ(0);
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
    }
    html.show-menu body .ghost-nav-wrap {
        width: 290px;
        right: 0;
        position: fixed;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
    }
    html.show-menu body .ghost-nav-wrap .mobile-wrap {
        position: relative;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
    }
    .site .site-navigation .mobile-wrap {
        display: none;
    }
    .site-search form {
        position: relative;
        margin-bottom: 20px;
    }
    .site-search form input.searchfield {
        width: 100%;
        border: 1px solid transparent;
        border-radius: 3px;
        background: #353535;
        margin: 5px;
        height: 37px;
        padding: 7px 16px;
    }
    .site-search form button.submit {
        background: transparent none repeat scroll 0 0;
        border: medium none transparent;
        height: 37px;
        position: absolute;
        right: 5px;
        top: 5px;
        width: 37px;
        color: #717171;
    }
    .site-search form button.submit:hover,
    .site-search form button.submit:focus {
        color: #fff;
    }
    header.classic>.container {
        padding: 0 15px 18px 15px;
    }
}


/** Burger Icon */

.burger {
    width: 39px;
    height: 39px;
    display: block;
    position: absolute;
    padding: 0;
    transition: all 0.4s;
    -webkit-backface-visibility: hidden;
    background: transparent;
    padding: 10px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    right: 0;
}

.burger.active {
    padding: 12px 8px 8px 12px;
}

.burger span {
    width: 100%;
    height: 16.66%;
    margin-bottom: 16.66%;
    background: #fff;
    display: block;
    transition: all 0.4s;
    -webkit-backface-visibility: hidden;
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transform: rotate(0) translateZ(0) scale(1, 1);
    background: #fff;
}

.burger span.burger-top {
    -webkit-transform: rotate(0) scale(1, 1);
    -ms-transform: rotate(0) scale(1, 1);
    transform: rotate(0) scale(1, 1);
    -webkit-transform-origin: 8.33% 50%;
    -ms-transform-origin: 8.33% 50%;
    transform-origin: 8.33% 50%;
}

.burger span.burger-bottom {
    -webkit-transform: rotate(0) scale(1, 1);
    -ms-transform: rotate(0) scale(1, 1);
    transform: rotate(0) scale(1, 1);
    -webkit-transform-origin: 8.33% 50%;
    -ms-transform-origin: 8.33% 50%;
    transform-origin: 8.33% 50%;
    margin-bottom: 0;
}

.burger span.burger-middle {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.burger.active .burger-top {
    -webkit-transform: rotate(45deg) scale(1.13, 1);
    -ms-transform: rotate(45deg) scale(1.13, 1);
    transform: rotate(45deg) scale(1.13, 1);
    transition: all 0.4s ease;
}

.burger.active .burger-bottom {
    -webkit-transform: rotate(-45deg) scale(1.13, 1);
    -ms-transform: rotate(-45deg) scale(1.13, 1);
    transform: rotate(-45deg) scale(1.13, 1);
    transition: all 0.4s ease;
}

.burger.active .burger-middle {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: all 0.4s easin;
}

.burger.active span {
    margin-bottom: 16.66%;
}

.burger:hover,
.burger:focus {
    opacity: .6;
    outline: none;
}

@media (max-width: 350px) {
    .show-menu .site {
        overflow: visible !important;
    }
    .show-menu .site-header .burger {
        border: 1px solid rgba(255, 255, 255, 0.2);
        right: -75px;
        transition: none;
        top: -4px;
        transition: .2s opacity;
        z-index: 9;
    }
    .show-menu .site-header .burger span {
        background-color: #fff;
    }
    .show-menu .site-navigation {
        position: absolute;
    }
    .show-menu .site-navigation:after {
        background-color: #171717;
        content: "";
        position: absolute;
        right: -300px;
        height: 70px;
        top: -21px;
        width: 280px;
    }
    .show-menu .mobile-wrap {
        padding-top: 80px;
    }
}

@media (min-width: 1600px) {
    .burger {
        display: none;
    }
}

header.classic .burger {
    border: 1px solid #000000;
}

header.classic .burger span {
    background: #000000;
}

.top-bar {
    background: #f5f5f5;
}

nav.site-navigation .current-menu-item>a {
    background: none !important;
    color: #fab702 !important;
    cursor: default;
}

header a:focus {
    outline: none;
    color: #fab702;
}


/* style-4 */

header.style-4 .above-nav-bar {
    margin-bottom: 17px;
}

@media (min-width: 1600px) {
    header.site-header.style-4 nav.site-navigation ul.main-menu>li>a {
        padding-left: 20px;
        padding-right: 20px;
    }
    header.site-header.style-4 nav.site-navigation ul.main-menu>li:last-child a {
        padding-right: 0;
    }
}


/** Vertical header */

@media (min-width: 1600px) {
    body.vertical-menu .site-main,
    body.vertical-menu .site-footer {
        margin-left: 420px;
    }
    .site-header.vertical {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 420px;
        background: #fff;
        background-image: url(../images/bg.jpg);
        box-shadow: 1px 0 4px rgba(0, 0, 0, 0.15);
    }
    .site-header.vertical .menu-item>a {
        display: block;
    }
    .site-header.vertical .header-wrap {
        width: 420px;
    }
    .site-header.vertical .logo.relative {
        position: relative;
        display: block;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        margin: 60px;
        margin-bottom: 0;
        width: auto;
        text-align: center;
    }
    .site-header.vertical .above-nav-bar {
        margin-bottom: 60px;
        margin-top: 60px;
        border-bottom: 0;
    }
    .site-header.vertical .above-nav-bar>ul {
        padding: 0;
        text-align: center;
        display: block;
        margin-left: 0;
    }
    .site-header.vertical .above-nav-bar>ul.contact-info {
        text-align: center;
    }
    .site-header.vertical .above-nav-bar>ul.contact-info>li {
        clear: both;
        display: block;
        margin: auto;
        width: 175px;
        margin-bottom: 10px;
    }
    .site-header.vertical .above-nav-bar>ul.contact-info>li a {
        font-size: 12px;
    }
    .site-header.vertical .above-nav-bar>ul.contact-info>li a:hover,
    .site-header.vertical .above-nav-bar>ul.contact-info>li a:focus {
        color: #fab702;
    }
    .site-header.vertical .above-nav-bar>ul.contact-info.transparent li:before {
        border-right-color: rgba(0, 0, 0, 0.15);
    }
    .site-header.vertical .above-nav-bar>ul.social li {
        margin: 0 6px 6px;
    }
    .site-header.vertical .above-nav-bar>ul.social li a {
        font-size: 14px;
        background: transparent;
        border: 1px solid rgba(0, 0, 0, 0.15);
    }
    .site-header.vertical .above-nav-bar>ul.social li a:hover i {
        color: #fab702;
    }
    .site-header.vertical .above-nav-bar>ul * {
        color: #8c8c8c;
        border-color: rgba(0, 0, 0, 0.15);
    }
    .site-header.vertical .main-menu>li {
        display: block;
        border-bottom: 1px solid #ececec;
        width: 195px;
        float: none;
        margin: auto;
        text-align: center;
        line-height: 49px;
    }
    .site-header.vertical .main-menu>li:last-child {
        border-bottom: none;
    }
    .site-header.vertical .main-menu>li a {
        color: #fff;
        padding: 10px 20px;
        line-height: 29px;
    }
    .site-header.vertical .main-menu>li>ul {
        top: 0px;
        left: 100%;
        line-height: 50px;
    }
    .site-header.vertical .main-menu>li:hover>a {
        color: #fab702;
    }
    .site-header.vertical .main-menu>li:hover ul {
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    }
    .site-header.vertical .main-menu>li.current-menu-item>a {
        color: #fab702;
    }
}

@media (max-width: 1600px) {
    .site-header.vertical {
        background: #fff;
        border: 1px solid #e5e5e5;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.14);
    }
    .site-header.vertical .logo {
        display: inline-block;
        margin: 20px;
    }
    .site-header.vertical .site-navigation {
        display: inline-block;
        float: right;
        margin: 20px;
        min-height: 36px;
        position: absolute;
    }
    .site-header.vertical .site-navigation .burger {
        background: #fff;
        border-color: #000000;
        display: none;
    }
    .site-header.vertical .site-navigation .burger span {
        background: #000000;
    }
}


/* Megamenu */

@media (min-width: 1600px) {
    .megamenu-wrapper {
        position: static !important;
    }
    header.site-header nav.site-navigation .main-menu>li:hover .megamenu {
        display: block !important;
        opacity: 1;
    }
    header.site-header nav.site-navigation .main-menu .megamenu {
        background-color: #fff;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
        display: none !important;
        font-size: 12px;
        left: 0;
        position: absolute;
        opacity: 0;
        overflow: hidden;
        right: 0;
        margin-top: 1px;
        top: 100%;
        width: 100%;
    }
    header.site-header nav.site-navigation .main-menu .megamenu>*:first-of-type {
        padding-left: 0;
    }
    header.site-header nav.site-navigation .main-menu .megamenu>*:first-of-type li {
        padding-left: 29px;
    }
    header.site-header nav.site-navigation .main-menu .megamenu>*:last-of-type {
        padding-right: 0;
    }
    header.site-header nav.site-navigation .main-menu .megamenu>*:last-of-type li {
        padding-right: 29px;
    }
    header.site-header nav.site-navigation .main-menu .megamenu>*:not(:last-of-type):after {
        background-color: #ececec;
        content: "";
        height: 700px;
        margin-top: -350px;
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
    }
    header.site-header nav.site-navigation .main-menu .megamenu ul {
        padding: 0;
        text-align: left;
    }
    header.site-header nav.site-navigation .main-menu .megamenu ul li {
        padding: 7px 15px;
        width: 100%;
    }
    header.site-header nav.site-navigation .main-menu .megamenu ul li:not(:last-of-type) {
        border-bottom: 1px solid #ececec;
    }
    header.site-header nav.site-navigation .main-menu .megamenu ul li>* {
        display: inline-block;
        font-size: inherit;
        padding: 5px 5px;
    }
    header.site-header nav.site-navigation .main-menu .megamenu ul li a {
        color: #8c8c8c;
        text-transform: none;
    }
    header.site-header nav.site-navigation .main-menu .megamenu ul li a:hover,
    header.site-header nav.site-navigation .main-menu .megamenu ul li a:focus {
        color: #fab702;
    }
}

.megamenu-title {
    color: #fab702;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 15px;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .megamenu {
        width: 100% !important;
    }
    .megamenu>* {
        padding: 0;
    }
    .megamenu>*+* {
        margin-top: 15px;
    }
    .megamenu>*:last-of-type {
        border-bottom: none !important;
    }
}

::-moz-selection {
    color: #fff;
    background-color: #fab702;
}

::selection {
    color: #fff;
    background-color: #fab702;
}

body {
    color: #898989;
    line-height: 1.7em;
    font-family: "Montserrat", sans-serif;
}

a {
    color: #fab702;
}

a:not([class*=""]) {
    transition: background-color .2s, color .2s;
}

a>h1,
a>h2,
a>h3,
a>h4,
a>h5,
a>h6 {
    transition: .4s opacity;
}

a:hover,
a:focus {
    color: #ffcc43;
    text-decoration: none;
}

a:hover>h1,
a:hover>h2,
a:hover>h3,
a:hover>h4,
a:hover>h5,
a:hover>h6,
a:focus>h1,
a:focus>h2,
a:focus>h3,
a:focus>h4,
a:focus>h5,
a:focus>h6 {
    opacity: .7;
}

select {
    border: 1px solid #e4e4e4;
    padding: 8px 15px;
}

.select-wrapper {
    background-color: #fff;
    display: inline-block;
    position: relative;
}

.select-wrapper select {
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 1;
}

.select-wrapper:before {
    content: "\f107";
    font-family: "FontAwesome";
    pointer-events: none;
    position: absolute;
    right: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.embed-responsive+.embed-responsive {
    margin-top: 47px;
}

@media (min-width: 992px) {
    .embed-responsive+.embed-responsive {
        margin-top: 87px;
    }
}

.background-mask {
    color: #fff;
    position: relative;
}

.background-mask>* {
    position: relative;
    z-index: 2;
}

.background-mask:before {
    background-color: rgba(0, 0, 0, 0.7);
    content: "";
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

b {
    color: #fab702;
    font-weight: normal;
}

strong {
    color: #000000;
    font-weight: 700;
    text-transform: none;
}

mark {
    background-color: #fab702;
    color: #fff;
    padding: .1em .2em;
}

.dropcap:first-letter {
    color: #000000;
    float: left;
    font-size: 36px;
    line-height: 1em;
    margin-right: 8px;
}

.empty-space {
    height: 15px;
}

em {
    color: #000000;
}

p+p {
    margin-top: 24px;
}

p+.panel-group {
    margin-top: 31px;
}

.h5,
.title.h5 {
    color: #000000;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
}

.rev_slider_wrapper {
    color: #fff;
    overflow: hidden;
}

[class*="col-"]>*:first-child {
    margin-top: 0;
}

@media (max-width: 991px) {
    [class*="col-md-"]+[class*="col-md-"] {
        margin-top: 40px;
    }
    [class*="col-sm-"]+[class*="col-sm-"] {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    [class*="col-sm-"]+[class*="col-sm-"] {
        margin-top: 40px;
    }
}

.important {
    color: #fab702 !important;
}


.important1 {
    color: #fff !important;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    font-family: "Montserrat", sans-serif;
}

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

.container {
    max-width: 100%;
    position: relative;
    z-index: 2;
}

.abs-bot-right {
    display: none;
    padding: 0 !important;
}

.abs-bot-right .container {
    z-index: 1;
}

.abs-bot-right img {
    bottom: 0;
    position: absolute;
    right: -190px;
}

@media (min-width: 992px) {
    .abs-bot-right {
        display: block;
    }
}


/* Section Spacing */

.section {
    background-repeat: no-repeat;
    padding-bottom: 10px;
    padding-top: 10px;
}

@media (min-width: 992px) {
    .section {
        padding-bottom: 00px;
        padding-top: 00px;
    }
    .section.padding-after {
        padding-bottom: 35px;
        padding-top: 0;
    }
}


/* Backgrounds */

.bg-primary {
    background-color: #fab702;
}

.bg-gray {
    background-color: #f8f9f9;
}

.sch1 {
    color: #000;
}

.afa {
    font-size: 31px;
}

.a12 {
    line-height: 1.4em;
    padding-top: 30px;
    margin-top: 20px;
    padding-bottom: 10px;
}

.pad1 {
    line-height: 1.3em;
    padding-top: 30px;
}

.bg-kasten {
    background-color: #3B3B3B;
    padding-left: 15px;
}


.bg-green {
    /* [disabled]background-color: #4dbfbf; */
    background-image: url(../images/bg-f.jpg);
    background-size: cover;
}


.bg-green-1 {
    /* [disabled]background-color: #4dbfbf; */
    background-image: url(../images/bg-f1.jpg);
}



.bg-green-light {
    background-color: #6DCFCF;
    border-color: #009F76;
}


.bg-green-light1 {
    background-color: #00d691;
    border-color: #31E356;
}



.aba {
    background-color: #4cc0c0;
    border-color: #31E356;
}

.idi {

    font-size: 19px;
    line-height: 27px;
    font-weight: 700;
}

.gross {
    font-size: 68px;
}

.gueni {
    color: #247575;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
}


.white {
    color: #fff;
}


.blacki {
    color: #000;
}


.bg-dark {
    background-color: #252525;
    padding-bottom: 25px;
}

.bg-dark * {
    color: rgba(255, 255, 255, 1);
}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6 {
    color: #fff;
}

.bg-dark .title:before {
    background-color: rgba(255, 255, 255, 0.1);
}

.background-image-center {
    background-repeat: no-repeat;
    background-position: bottom center;
}

@media (max-width: 991px) {
    .background-image-center {
        background-image: none !important;
    }
}


/***
 * Site Footer
 */

.site-footer {
    background-color: #171717;
    color: #9C9C9C;
    padding-top: 38px;
}

.site-footer p+p {
    margin-top: 0;
}

@media (min-width: 992px) {
    .fixed-footer .site-footer {
        bottom: 0;
        left: 0;
        position: fixed;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .site-footer {
        padding-top: 58px;
    }
}

.site-footer>.container {
    padding-bottom: 36px;
}

@media (min-width: 992px) {
    .site-footer>.container {
        padding-bottom: 66px;
    }
}

.site-footer .widget-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 18px;
    margin: 0;
    margin-bottom: 24px;
    padding-bottom: 16px;
    position: relative;
}

.site-footer .widget-title:after {
    background-color: #fab702;
    bottom: -1px;
    content: "";
    left: 0;
    height: 1px;
    position: absolute;
    width: 73px;
}

@media (min-width: 992px) {
    .site-footer .widget-title {
        margin-bottom: 34px;
    }
}

.site-footer .widget+.widget {
    margin-top: 16px;
}

.site-footer .menu {
    list-style: none;
    padding: 0;
}

.site-footer .menu li {
    float: left;
    margin-bottom: 17px;
    width: 50%;
}

.site-footer .menu li.current-page a {
    color: #fff;
    cursor: default;
}

.site-footer .menu a {
    padding-left: 14px;
    position: relative;
}

.site-footer .menu a:before {
    content: "\f105";
    left: 0;
    font-size: 14px;
    font-family: "FontAwesome";
    position: absolute;
}

.site-footer .working-hours td {
    color: #fff;
}

@media (max-width: 991px) {
    .site-footer [class*="col-md"]+[class*="col-md"] {
        margin-top: 25px;
    }
}

.site-footer .widget-title {
    color: #fff;
}

.site-footer a {
    color: inherit;
}

.site-footer a:hover,
.site-footer a:focus {
    color: #fab702;
}


/** Copyright Footer */

.copyright-footer {
    background-color: #2c2c2c;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 7px;
    padding-bottom: 12px;
}

.copyright-footer .widget-text {
    margin-top: 7px;
}

.copyright-footer a {
    color: #fff;
}

.copyright-footer p {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .copyright-footer [class*="col-md"] {
        text-align: left;
    }
    .copyright-footer [class*="col-md"]+[class*="col-md"] {
        margin-top: 15px;
    }
}

.rev_slider {
    font-family: "Montserrat", sans-serif;
}

.rev-title,
.rev-subtitle {
    color: #fff;
    line-height: 1.2em;
    font-weight: 700;
}

@media (max-width: 479px) {
    .rev-title,
    .rev-subtitle {
        text-align: center;
    }
}

.rev-title {
    font-size: 72px;
}

.rev-subtitle {
    font-size: 28px;
}

@media (min-width: 480px) {
    .rev-subtitle {
        font-size: 18px;
    }
}


/** Page Content & Sidebar Divider */

.sidebar,
.page-content {
    margin-top: 0 !important;
    padding-bottom: 33px;
    padding-top: 33px;
    position: relative;
}

@media (min-width: 992px) {
    .sidebar:after,
    .page-content:before,
    .page-content:after {
        background-color: #e1e2e2;
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 1px;
    }
    .sidebar+.page-content:after {
        left: -16px;
    }
    .sidebar:after {
        right: 15px;
    }
    .page-content+.sidebar:after {
        left: 15px;
    }
    .page-content:not(.col-md-6):before {
        display: none;
    }
    .page-content.col-md-6:before {
        right: -16px;
    }
    .page-content:after {
        right: -16px;
    }
}


/** Sidebar Widgets */

.sidebar {
    /* Menu */
}

.sidebar .widget+.widget {
    margin-top: 40px;
}

.sidebar a {
    color: #898989;
}

.sidebar a:hover,
.sidebar a:focus {
    color: #ffcc43;
}

.sidebar .widget-title {
    font-size: 16px;
    margin: 0;
    margin-bottom: 30px;
}

.sidebar .menu,
.sidebar .sub-menu {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

.sidebar .menu>li:first-of-type {
    border: none;
}

.sidebar .menu li {
    border-top: 1px solid #e1e2e2;
}

.sidebar .menu a {
    display: block;
    padding: 15px 15px 15px 0;
}

.sidebar .menu .current-menu-item a {
    background-color: #fab702;
    color: #fff;
    cursor: default;
    margin: -1px 0;
    position: relative;
    z-index: 1;
}

.sidebar .sub-menu a {
    padding-left: 24px;
    padding-right: 24px;
}

.sidebar-left {
    /* Remove spacing (full width elements) */
}

@media (min-width: 992px) {
    .sidebar-left .widget {
        padding-right: 30px;
    }
}

@media (min-width: 992px) {
    .sidebar-left .widget-nav-menu {
        margin-right: -30px;
    }
}

.sidebar-right {
    /* Remove spacing (full width elements) */
}

@media (min-width: 992px) {
    .sidebar-right .widget {
        padding-left: 30px;
    }
}

@media (min-width: 992px) {
    .sidebar-right .widget-nav-menu {
        margin-left: -30px;
    }
}

.sidebar-right .menu a {
    padding-left: 30px;
}


/* Recent News Widget */

.widget-recent-posts ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget-recent-posts li {
    background-color: #f7f7f7;
    display: table;
    height: 62px;
    padding-left: 92px;
    padding-right: 10px;
    position: relative;
    width: 100%;
}

.widget-recent-posts li+li {
    margin-top: 18px;
}

.widget-recent-posts a {
    display: table-cell;
    vertical-align: middle;
}

.widget-recent-posts img {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.widget-recent-posts span {
    color: #5b5b5b;
    display: block;
    font-size: 12px;
    padding: 15px 0;
    text-transform: uppercase;
}

.site {
    overflow: hidden;
}

.site-main {
    background-color: #fff;
    position: relative;
    z-index: 3;
}

@media (max-width: 991px) {
    .fixed-footer .site-main {
        margin-bottom: 0 !important;
    }
}


/* Categories Widget */

.widget-categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget-categories li {
    border-bottom: 1px solid #e5e5e5;
    padding: 9px 0;
}

.widget-categories li:first-of-type {
    padding-top: 0;
}

.widget-categories li:last-of-type {
    border-bottom: none;
}

.widget-categories a {
    display: block;
    padding: 5px 0;
}


/* Revolution Slider Navigation */

.tparrows.construction-arrows {
    height: 78px;
    width: 65px;
}

.tparrows.construction-arrows:before {
    font-family: 'FontAwesome';
    font-size: 36px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.tparrows.construction-arrows.tp-leftarrow:before {
    content: "\f104";
}

.tparrows.construction-arrows.tp-rightarrow:before {
    content: "\f105";
}


/* Custom Paddings (helper classes) */

.no-bottom-padding {
    padding-bottom: 0 !important;
}

@media (min-width: 992px) {
    .no-bottom-padding-md {
        padding-bottom: 0 !important;
    }
}

@media (min-width: 1600px) {
    .no-bottom-padding-lg {
        padding-bottom: 0 !important;
    }
}

.no-top-padding {
    padding-top: 0 !important;
}

.no-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (min-width: 992px) {
    .padding-small {
        padding: 50px 0;
    }
    .padding-top-small {
        padding-top: 30px;
    }
    .padding-top-medium {
        padding-top: 45px;
    }
    .padding-bottom-small {
        padding-top: 30px;
    }
    .padding-bottom-big {
        padding-bottom: 60px;
    }
    .padding-bottom-xl {
        padding-bottom: 100px;
    }
    .title.margin-bottom-small {
        margin-bottom: 40px;
    }
    .margin-bottom-big {
        margin-bottom: 60px;
    }
}


/* Owl Slider Chrome issue */

.owl-stage {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.owl-item {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}


/* Menu search */

.menu-search {
    display: none !important;
    position: relative;
}

@media (min-width: 1600px) {
    .menu-search {
        display: inline-block !important;
    }
}

.menu-search-toggle {
    background: none;
    border: none;
    color: #000000;
    padding: 0;
    padding-left: 10px;
    transition: .4s opacity;
}

.transparent .menu-search-toggle {
    color: #fff;
}

.menu-search-toggle:hover,
.menu-search-toggle:focus {
    opacity: .7;
    outline: none;
}

.menu-search-form {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.14);
    border-radius: 4px;
    margin-top: 5px;
    position: absolute;
    right: -15px;
    top: 100%;
}

.menu-search-form form {
    background-color: #fff;
    border-radius: inherit;
    padding: 7px 8px;
    position: relative;
    z-index: 2;
}

.menu-search-form:before {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.14);
    content: "";
    position: absolute;
    top: -4px;
    right: 17px;
    background-color: #fff;
    border: 5px solid inherit;
    border-right: 0;
    border-bottom: 0;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
    width: 8px;
}


.featured-title {

    line-height: 31px;
}


.ics {
    max-width: 7%;
}

.ics1 {
    max-width: 12%;
    margin-bottom: 3%;
}

.menu-search-field {
    background-color: #f9f9f9;
    border: 1px solid #efefef;
    padding: 4px 10px;
}

.menu-search-field::-webkit-input-placeholder {
    color: #ccc;
}

.menu-search-field::-moz-placeholder {
    color: #ccc;
}

.menu-search-field:-ms-input-placeholder {
    color: #ccc;
}

.menu-search-field::placeholder {
    color: #ccc;
}


















.accordion {

    padding: 0 10px;
    margin: 0 auto;
    list-style: none outside;
}

.accordion>*+* {}

.accordion-item-hd {
    display: block;
    padding: 15px 30px 15px 0;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.9em;
    border-bottom: 1px;
    border-bottom-color: #000;
    border-bottom-style: solid;
}



.verlauf {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#22b9a2+0,83f2e1+100,7db9e8+100,2989d8+100,207cca+100 */
    background: #22b9a2;
    /* Old browsers */
    background: -moz-linear-gradient(top, #22b9a2 0%, #83f2e1 100%, #7db9e8 100%, #2989d8 100%, #207cca 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #22b9a2 0%, #83f2e1 100%, #7db9e8 100%, #2989d8 100%, #207cca 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #22b9a2 0%, #83f2e1 100%, #7db9e8 100%, #2989d8 100%, #207cca 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22b9a2', endColorstr='#207cca', GradientType=0);
    /* IE6-9 */
}









.accordion-item-hd1 {
    display: block;
    padding: 15px 30px 15px 0;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.9em;
    border-bottom: 1px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
}

.accordion-item-input:checked~.accordion-item-bd {
    max-height: 1000px;
    padding-top: 15px;
    margin-bottom: 15px;
    -webkit-transition: max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in;
    transition: max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in;
    color: #000;
}

.accordion-item-input:checked~.accordion-item-hd>.accordion-item-hd-cta {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.accordion-item-hd-cta {
    display: block;
    width: 30px;
    position: absolute;
    top: calc(50% - 6px);
    /*minus half font-size*/
    right: 0;
    pointer-events: none;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    text-align: center;
    font-size: 12px;
    line-height: 1;
}

.accordion-item-bd {
    max-height: 0;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-transition: max-height .15s ease-out, margin-bottom .3s ease-out, padding .3s ease-out;
    transition: max-height .15s ease-out, margin-bottom .3s ease-out, padding .3s ease-out;
}

.accordion-item-input {
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1;
    overflow: hidden;
    position: absolute;
    left: -9999px;
}






.abstand22 {
    padding-left: 40px;
}


.abstand21 {
    padding-left: 40px;
}



.wrapper {}

.tabs {
    li {
        list-style: none;
        float: left;
        width: 20%;
    }
    a {
        display: block;
        text-align: center;
        text-decoration: none;
        position: relative;
        text-transform: uppercase;
        color: #fff;
        height: 70px;
        line-height: 90px;
        background: linear-gradient(165deg, transparent 29%, #98927C 30%);

        &:hover,
        &.active {
            background: linear-gradient(165deg, transparent 29%, #F2EEE2 30%);
            color: #98927C;
        }

        &:before {
            content: '';
            position: absolute;
            z-index: 11;
            left: 100%;
            top: -100%;
            height: 70px;
            line-height: 90px;
            width: 0;
            border-bottom: 70px solid rgba(0, 0, 0, .1);
            border-right: 7px solid transparent;
        }
        &.active:before {
            content: '';
            position: absolute;
            z-index: 11;
            left: 100%;
            top: -100%;
            height: 70px;
            line-height: 90px;
            width: 0;
            border-bottom: 70px solid rgba(0, 0, 0, .2);
            border-right: 20px solid transparent;
        } // &:last-child:before, &.active:last-child:before{
        //   border: none;
        // }
    }
}

.tabgroup {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1);
    ;
    div {
        padding: 30px;
        background: #F2EEE2;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
    }
}

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