.logo{width:100%;max-width:170px;display:block;position:absolute;top:50%;transform:translateY(-50%);outline:0;z-index:1;}
.logo:active{outline:0;}
nav{background-color:#c5c09f;background-image:url(/kochfhr/media/images/1600/nav-bg.jpg);background-position:center center;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;padding:.5rem 12.5% 0;}
@media (max-width: 1400px){nav{padding:.5rem 1rem 0;}
}
.navOverlay{display:none;pointer-events:none;}
.navigationMenuItems{float:right;}
.navigation li{position:relative;}
.navigationSocial{display:inline-block;margin-left:50%;margin-bottom:.5rem;}
.navigationSocial li{padding-left:.5rem;}
.navigationSocial li:first-of-type{padding-left:0;padding-right:.5rem;}
.navigationSocial li:nth-child(2){padding-left:0;}
.navigationSocial li:last-of-type{padding-right:.5rem;}
#pricesButton{background-color:#C69454;color:white;font-weight:400;font-size:.65rem;padding:.25rem 1rem;text-transform:uppercase;position:relative;top:-8px;}
.socialIcon a{display:block;height:25px;width:25px;border-radius:50%;border:0px solid white;background-color:transparent;position:relative;cursor:pointer;transition:background-color 0.5s cubic-bezier(0.36,0.11,0.38,0.83),color 0.5s cubic-bezier(0.36,0.11,0.38,0.83),border-color 0.5s cubic-bezier(0.36,0.11,0.38,0.83);}
.socialIcon a svg{fill:white;height:60%;width:60%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.navigationHover{position:absolute;display:block;height:4px;width:50px;background-color:#c69454;bottom:-4px;left:50%;transition:bottom 0.25s cubic-bezier(0.36,0.11,0.38,0.83),left 0.5s cubic-bezier(0.36,0.11,0.38,0.83) 0s;}
.navigationHover .active{transition:bottom 0.25s cubic-bezier(0.36,0.11,0.38,0.83),left 0.5s cubic-bezier(0.36,0.11,0.38,0.83);}
.navigation{/*padding-left:2.5rem*/;border-top:1px solid white;}
.navigation li:nth-child(3) .subNavigation {
  width:200%;
}
.msds_wrapper {position:relative;}
.v-align-outer {display:table;height:100%;width:100%;}
.v-align-inner {display:table-cell;vertical-align:middle;}
@media (min-width: 1200px){
  /*.navigation{padding-left:7.5rem;}*/
}
.navigation>li{position:relative;}
.navigation>li::before{content:'';display:block;position:absolute;height:4px;width:100%;background-color:black;bottom:0;left:50%;transform:translateX(-50%);opacity:0;}
.navigation>li.active::before{opacity:1;background-color:#c69454;}
.navigation li p{z-index:1;transition:color 0.5s cubic-bezier(0.36,0.11,0.38,0.83);}
.navigation li p::before{content:'';display:block;position:absolute;height:100%;width:100%;left:50%;transform:translateX(-50%);bottom:0;height:0;background-color:#fff;z-index:-1;transition:height 0.5s cubic-bezier(0.36,0.11,0.38,0.83);}
.navigation li p.active{color:#c5c09f;}
.navigation li p.active::before{height:100%;}
.navigation li p,.navigation li a{position:relative;display:block;padding:.75rem 1.5rem;font-size:0.875rem;line-height:0.875rem;color:white;font-weight:400;text-decoration:none;font-family:proxima-nova,sans-serif;cursor:pointer;}
.dropdownShadow{width:100%;position:absolute;top:0;z-index:1;box-shadow:0 2px 11px rgba(0,0,0,0.5);opacity:0;pointer-events:none;}
.dropdownShadow.active{transition:opacity 1.5s cubic-bezier(0.36,0.11,0.38,0.83) 0.5s;opacity:1;}
.subNavigation{display:inline-block;display:none;position:absolute;z-index:100;left:0;width:100%;}
.subNavigation::before{content:'';display:block;position:absolute;width:100%;height:0;left:50%;transform:translateX(-50%);bottom:0;background-color:transparent;z-index:1;opacity:1;pointer-events:none;-webkit-box-shadow:0 6px 14px rgba(0,0,0,0.75);box-shadow:0 6px 14px rgba(0,0,0,0.75);transition:height 0.5s cubic-bezier(0.36,0.11,0.38,0.83);}
.subNavigation.active::before{height:calc(100% + 1.5rem + $small);}
.subNavigation li a{border-top:1px solid rgba(255,255,255,0.3);display:block;text-align:left;padding:.75rem 1.5rem;letter-spacing:0;color:#2b2a31;font-weight:100;}
.subNavigation.active{width:100%;background:#fff;}
.subNavigation li a{border-top:1px solid rgba(255,255,255,0.3);display:block;text-align:left;padding:.75rem 1.25rem;letter-spacing:0;color:#2b2a31;font-weight:100;}
@media(max-width: 1024px){
  .navigation{
    border-top: 0;
  }
  .navigation li p, .navigation li a{
    padding: 0.75rem 1rem;
  }
  .logo {
    max-width: 150px;
  }
}
@media (min-width: 1025px){.navigationMenuItems{padding-top:0!important;right:auto!important;}
#pricesButton{transition:background-color 0.25s cubic-bezier(0.36,0.11,0.38,0.83);}
#pricesButton:hover{background-color:#938f75;}
.socialIcon{color:white;}
.socialIcon:hover .facebook{border-color:#3b5998;background-color:#3b5998;}
.socialIcon:hover .twitter{border-color:#007bb6;background-color:#007bb6;}
.socialIcon:hover .youtube{border-color:red;background-color:red;}
.socialIcon:hover .linkedin{border-color:#007bb6;background-color:#007bb6;}
.subNavigation li a{transition:background-color 0.25s cubic-bezier(0.36,0.11,0.38,0.83);background-color:white;}
.subNavigation li a:hover{background-color:#eae8db;}
}
.mobileAction{display:none;}
.navigationClose,.navigationBack{display:none;}
@media (max-width: 1024px){.logo{top:auto;transform:translateY(0%);position:relative;float:left;}
nav{padding:1rem;}
.navOverlay{opacity:0;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;width:100%;position:fixed;background-color:rgba(43,42,49,0.8);z-index:99;transition:opacity 0.5s cubic-bezier(0.36,0.11,0.38,0.83);}
.navOverlay.active{opacity:1;}
.navigationMenuItems{display:block;position:fixed;z-index:110;width:auto;background-color:white;padding:1rem;top:0;bottom:0;opacity:0;transition:right 0.65s cubic-bezier(0.36,0.11,0.38,0.83),opacity 0.45s cubic-bezier(0.36,0.11,0.38,0.83) 0.15s;-webkit-box-shadow:-5px 0 15px rgba(0,0,0,0.25);box-shadow:-5px 0 15px rgba(0,0,0,0.25);}
.navigationMenuItems.active{right:0!important;opacity:1;}
.navigationMenuItems ul{float:none;width:100%;}
.navigationSocial{bottom:1rem;position:relative;margin-left:0;padding:.5rem 0;border-top:1px solid #c5c09f;border-bottom:1px solid #c5c09f;width:100%;margin-top:1rem;}
.navigationSocial li:first-of-type{display:none;}
#pricesButton{margin-top:1rem;display:inline-block;margin-bottom:2rem;}
.socialIcon a{color:#444;border-color:#444;}
.socialIcon a svg{fill:#444;}
.navigation{padding:0;padding-bottom:1rem;float:none;}
.navigation>li{display:block;}
.navigation li p.dropdown{position: relative;}
.navigation li p.dropdown::before{height:20px;width:20px;right:0;left:auto;transform:translateX(0);top:50%;transform:translateY(-50%);background-image:url(/kochfhr/media/images/svgs/arrowDown.svg);background-repeat:no-repeat;-webkit-background-size:75% 75%;background-size:75% 75%;background-position:center center;}

.navigation li p,.navigation li a{padding:.65rem 1rem;padding-right:7rem;padding-left:0;color:#444;font-weight:800;}
.navigation li.active>.subNavigation{-webkit-box-shadow:-5px 0 15px rgba(0,0,0,0.25);box-shadow:-5px 0 15px rgba(0,0,0,0.25);right:0!important;padding:1rem;}
.navigation li.active>.subNavigation a{padding-right:0;}
.subNavigation{display:none;position:fixed;width:auto;left:auto;transition:right 0.5s cubic-bezier(0.36,0.11,0.38,0.83);background-color:#fff;width:auto;display:block;top:0;bottom:0;}
.subNavigation::before{display:none;}
.subNavigation li a{background-color:transparent;}
.mobileAction, .navigationBack{display:block;float:right;color:transparent;border:1px solid white;border-radius:5px;padding:.5rem 1rem;font-weight:100;position:relative;z-index:111;transition:border-color 0.5s cubic-bezier(0.36,0.11,0.38,0.83);position:absolute;top:50%;transform:translateY(-50%);right:1rem;}
.mobileAction::before,.mobileAction::after, .navigationBack::before, .navigationBack::after{content:'';display:block;position:absolute;width:100%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#c5c09f;opacity:0;transition:opacity 0.5s cubic-bezier(0.36,0.11,0.38,0.83);}
.mobileAction::before{content:'Close';}
.mobileAction::after{content:'Menu';opacity:1;color:white;}
.mobileAction.active, .navigationBack{border-color:#c5c09f;position:fixed;top:1.4rem;transform:translateY(0);}
.mobileAction.active::before{opacity:1;}
.mobileAction.active::after{opacity:0;}
.navigationBack{
  position: absolute!important;
  left: 1rem;
  width: 78px;
  text-align: center;
  margin: 0;
  padding: 10px 0rem;
  color: #c9c5a4!important;
  font-weight: 200!important;
}
.dropdown .navigationBack{display: none;}
.navigationClose,.navigationBack{display:block;font-size:0.875rem;color:#444;padding-left:0rem;position:relative;font-weight: bold;}
.navigationClose::before,.navigationBack::before{content:'';display:none;position:absolute;top:50%;transform:translateY(-50%);height:1rem;width:1rem;left:0;background-position:center center;-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;}
}
.navigationClose::before{background-image:url(/kochfhr/media/images/svgs/closeNav.svg);}
.navigationBack{margin-bottom:1rem;}
.navigationBack::before{background-image:url(/kochfhr/media/images/svgs/backArrow.svg);}
.navigation li p.dropdown::after{ 
  content: '';
  display: block;
  position: absolute;
  background: url('/KochFHR/media/Images/down_caret.svg') center center no-repeat;
  background-size: contain;
  height: 10px;
  width: 10px;
  top: 50%;
  transform: translateY(-50%);
  right: .25rem;
  z-index: 2;
  pointer-events: none;
  /*width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4.5px 0 4.5px;
  border-color: #fff transparent transparent transparent;*/
}
@media(max-width:1024px){
  .navigation li p.dropdown::after{ 
    display: none;
  }
}