@font-face{
    font-family:'DINOT';
    src:url('../fonts/DINOT.eot');
    src:url('../fonts/DINOT.eot') format('embedded-opentype'),
        url('../fonts/DINOT.woff2') format('woff2'),
        url('../fonts/DINOT.woff') format('woff'),
        url('../fonts/DINOT.ttf') format('truetype');
    font-weight:normal;
    font-style:normal}

@font-face{
    font-family:'DINOT';
    src:url('../fonts/DINOT-Medium.eot');
    src:url('../fonts/DINOT-Medium.eot') format('embedded-opentype'),
    url('../fonts/DINOT-Medium.woff2') format('woff2'),
    url('../fonts/DINOT-Medium.woff') format('woff'),
    url('../fonts/DINOT-Medium.ttf') format('truetype');
    font-weight:500;
    font-style:normal}

@font-face{
    font-family:'DINOT';
    src:url('../fonts/DINOT-Bold.eot');
    src:url('../fonts/DINOT-Bold.eot') format('embedded-opentype'),
    url('../fonts/DINOT-Bold.woff2') format('woff2'),
    url('../fonts/DINOT-Bold.woff') format('woff'),
    url('../fonts/DINOT-Bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal}



.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: #0067ae!important;
  
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #0067ae;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover {
    color: #fff;
}

@media (min-width: 768px) {
.sp-default-logo{
  max-width: 120%!important;
  position: relative;
top: 6px;
  min-width: 315px !important;
 } }

@media (max-width: 767px) {
.sp-default-logo{
  width: 290px !important;
min-width: 290px !important;
  position: relative;
top: 6px;
 } 
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {

 #sp-header .sp-retina-logo {
    display: block;
    width: 290px !important;
    min-width: 290px !important;
    position: relative;
    top: 6px;
  }}





#sp-page-builder.page-20 {
    padding-top: 90px !important;
 }



#sp-page-builder .sp-pagebuilder-section-parent .sp-pagebuilder-row-tools {
    right: 0!important;
}


#FooterKebu > div:nth-child(1) > div:nth-child(1) {
width: 1170px;
margin: auto;
}


@media (max-width: 1200px) {
#FooterKebu > div:nth-child(1) > div:nth-child(1) {
width: 970px!important;
margin: auto;
}}


@media (max-width: 991px) {
#FooterKebu > div:nth-child(1) > div:nth-child(1) {
width: 750px!important;
margin: auto;
}}

#FooterKebuBlau > div:nth-child(1) > div:nth-child(1) {
width: 1170px;
margin: auto;
}


@media (max-width: 1200px) {
#FooterKebuBlau > div:nth-child(1) > div:nth-child(1) {
width: 970px!important;
margin: auto;
}}


@media (max-width: 991px) {
#FooterKebuBlau > div:nth-child(1) > div:nth-child(1) {
width: 750px!important;
margin: auto;
}}



#FooterKebuGruen > div:nth-child(1) > div:nth-child(1) {
width: 1170px;
margin: auto;
}


@media (max-width: 1200px) {
#FooterKebuGruen > div:nth-child(1) > div:nth-child(1) {
width: 970px!important;
margin: auto;
}}


@media (max-width: 991px) {
#FooterKebuGruen > div:nth-child(1) > div:nth-child(1) {
width: 750px!important;
margin: auto;
}}






body, * {font-family: 'DINOT', sans-serif !important;}

.fa, .far{font: normal normal normal 14px/1 FontAwesome !important;}

.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a,
a, a:link, a:active, a:hover { color: #2b2f3b; }
.h3, h3 {margin-top: 15px;}

.breadcrumb {background-color:transparent;margin-bottom:0;}

.link_white a, .link_white a:link, .link_white a:hover, .link_white a:visited {color: #fff;}

.flip-box-inner h2 {margin-top:0 !important;}

.flip-top-right .sppb-flipbox-panel .sppb-flipbox-front .flip-box-inner {
    vertical-align: top;
    text-align: right;
}

.flip-top-left .sppb-flipbox-panel .sppb-flipbox-front .flip-box-inner {
    vertical-align: top;
    text-align: left;
}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {padding-left:0px;padding-right:30px;line-height: 125px;margin-bottom: -36px;}

body.itemid-253 header#sp-header {position: fixed;box-shadow: 0 10px 10px rgba(0,0,0,0.05) !important;}
.nav-placeholder {height: 0px !important;}
/*body.itemid-253 header#sp-header {position: fixed;transition:background-color 0.8s;background-color: rgba(255,255,255,0);box-shadow: none !important;}
body.itemid-253.affix-active header#sp-header {transition:background-color 0.8s;background-color: rgba(255,255,255,1);}
body.itemid-253 header#sp-header .logo .sp-default-logo.hidden-xs {display: none !important;}
body.itemid-253 header#sp-header .logo .sp-default-logo.visible-xs {display: block !important;-webkit-animation: fadeInFromNone 0.5s ease-out;-moz-animation: fadeInFromNone 0.5s ease-out;-o-animation: fadeInFromNone 0.5s ease-out;animation: fadeInFromNone 0.5s ease-out;}
body.itemid-253.affix-active header#sp-header .logo .sp-default-logo.hidden-xs {display: block !important;-webkit-animation: fadeInFromNone 0.5s ease-out;-moz-animation: fadeInFromNone 0.5s ease-out;-o-animation: fadeInFromNone 0.5s ease-out;animation: fadeInFromNone 0.5s ease-out;}
body.itemid-253.affix-active header#sp-header .logo .sp-default-logo.visible-xs {display: none !important;}

body.itemid-253 header #sp-menu > * {display:none;}
body.itemid-253.com-sppagebuilder #sp-main-body {position: absolute !important;top:0 !important;width:100% !important;}*/

.sp-megamenu-parent {float: left !important;}
#sp-header .logo {float: right !important;}
#offcanvas-toggler {float: left;}

.menu-search-wrapper {float: left;position: absolute;top: 10px;left: 15px;z-index: 100;}
.menu-search-wrapper form .mod-finder-seachopener {display: inline-block;line-height: 34px;}
.element-invisible {display: none !important;}
.mod-finder-seachwrapper {
    display: none;
    z-index: 1000;
    width:320px;
    float: right;
}
.mod-finder-seachwrapper input {
    width: -webkit-calc(100% - 20px);
    width:    -moz-calc(100% - 20px);
    width:         calc(100% - 20px);
}

body.com-finder {height: 100%;background-color: #ebebec;}

@media (min-width: 992px)
{
    body.itemid-253 header#sp-header .logo .sp-default-logo.visible-xs {margin-top:90px;}

}

@media (max-width: 767px)
{
    .menu-search-wrapper {
        left: 52px;
        top: 28px;
    }
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}