/* -------------------------------- 
Header components 
-------------------------------- */
#stick.sticky {position: fixed; width: 100%; z-index: 700;}
.header-wrapper {position: relative; margin: 0 auto; padding:0px;} .social-bar a {text-decoration: none;}

/* --------------------------------
 Social Section
 -------------------------------- */ 
.social-bar {width: 100%; height: auto; padding: 10px 0; background-color: #dddddd;}
.social-bar .fa-twitter, .social-bar .fa-google-plus, .social-bar .fa-linkedin, .social-bar .fa-facebook { color: #a1a1a1; padding-right: 15px; } 
.social-bar a:hover > .fa-twitter, .social-bar a:hover > .fa-google-plus, .social-bar a:hover > .fa-linkedin, .fa-google-plus, .social-bar a:hover > .fa-facebook {-moz-transition:color .2s ease-in; -o-transition:color .2s ease-in;-webkit-transition:color .2s ease-in; color: #06c;}
.logged {display: inline-block; position: absolute; z-index: 900; width:280px; right:20px; top: 15px; color:#CCC;  font-size:10pt; line-height: 100%;} .logged a {color:#CCC; line-height: 100%;} .small-logged {display: none;}
.social-icons {width:172px;}
.cepro-europe {font-size:12px; color:#999; margin:-1px 18px 0 0; width:124px; text-align:right;}

/* -------------------------------- 
Nav components 
-------------------------------- */

#cd-primary-nav ul {display: block; }
#cd-nav-site ul.tabs li.tab-link  {color:#333 !important; font-weight:normal; line-height:110% !important; margin:0 !important; padding: 15px 0; border:none; display: block; cursor: pointer; float: none;width: 100%;} 
#cd-nav-site ul.tabs li:hover {color: #09f !important;}
.cd-nav-gallery .tab-content{display: none;}
.cd-nav-gallery .tab-content li a:hover {text-decoration: none !important;}

.cd-nav-gallery .tab-content.current{display: inherit;}
#cd-nav-site ul.tabs li.no-link {float: none; width: auto; height: auto; line-height:110% !important; margin:0 !important; padding: 15px 0; display: block;}
#cd-nav-site ul.tabs li.no-link a {height: auto; text-decoration: none;}
.cd-main-content, .cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  /*-webkit-transform: translateZ(0);*/
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  z-index: -1;
}
.cd-main-content, .cd-main-header {position: relative; /*-webkit-transition: -webkit-transform 0.3s; */-moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.cd-main-content {xbackground: #FAFAFA; was: #e2e3df; min-height: 100vh; z-index: 2;}
.cd-main-header {height: 70px; background: #06C; color:#FFF; z-index: 1010;}
.nav-is-fixed .cd-main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1010;
}
.cd-logo {position: relative; float:left; z-index: 900; top: 12px; left: 0px; right:0px;}
.cd-logo img {display: block;}
.cd-header-buttons {position: absolute; display: inline-block; top: 14px; right: 0 !important; z-index: 9999 !important;}
.cd-header-buttons a:hover {text-decoration: none;}
.cd-header-buttons li {display: inline-block; }
.search-label { position: absolute; top: 14px; right: 45px; display: inline-block; height: 44px; }
.cd-search-trigger, .cd-nav-trigger {position: relative; display: block; width: 44px; height: 44px; overflow: hidden; white-space: nowrap; /* hide text */ color: transparent; z-index: 5;}
/* search icon */
.cd-search-trigger::before, .cd-search-trigger::after {content: ''; position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* lens */
.cd-search-trigger::before {top: 11px;left: 11px;width: 18px;height: 18px;border-radius: 50%;border: 3px solid #FFF;}
/* handle */
.cd-search-trigger::after {height: 3px;width: 8px;background: #FFF;bottom: 14px; right: 11px; margin-top:-2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
/* container for the X icon */
.cd-search-trigger span {position: absolute; height: 100%; width: 100%; top: 0; left: 0;}
/* close icon */
.cd-search-trigger span::before, .cd-search-trigger span::after {content: ''; position: absolute; display: inline-block; height: 3px; width: 22px; top: 50%; margin-top: -2px; left: 50%; margin-left: -11px; background: #FFF; opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-search-trigger span::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.cd-search-trigger span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
/* hide search icon */
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {opacity: 0;}
/* show close icon */
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {opacity: 1;}
.cd-search-trigger.search-is-visible span::before {-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.cd-search-trigger.search-is-visible span::after {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
/* hamburger icon in CSS */
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {position: absolute; display: inline-block; height: 3px; width: 24px; background: #FFF;}
/* line in the center */
.cd-nav-trigger span {position: absolute; top: 50%; right: 10px; margin-top: -2px; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s;}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
/* other 2 lines */
  content: '';
  right: 0;
/* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
}
/* menu icon top line */
.cd-nav-trigger span::before {top: -6px;}
/* menu icon bottom line */
.cd-nav-trigger span::after {top: 6px;}
/* hide line in the center */
.cd-nav-trigger.nav-is-visible span {background: rgba(46, 50, 51, 0);}
/* keep visible other 2 lines */
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {background: #FFF;}
.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}
.cd-primary-nav, .cd-primary-nav ul {position: fixed; top: 0; right: 0; height: 100%; width: 260px; background: #2e3233; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; z-index: 800;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-primary-nav a, .cd-primary-nav ul a {display: block; height: 50px; line-height: 50px; overflow: hidden; white-space: nowrap; padding: 0 20px; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-overflow: ellipsis; border-bottom: 1px solid #3a3f40;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
/* secondary navigations hidden by default */
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
/* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}
 /* different style for the See all button on mobile and tablet */
.cd-primary-nav .see-all a {color: #4179d6; xbackground-color:#FFF;}
.cd-primary-nav .see-all a:hover {text-decoration: none;}
/* items with picture (or icon) and title */
.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {height: 80px;line-height: 80px;}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3,  {overflow: hidden; text-overflow: ellipsis; line-height: 120%;}
.cd-nav-gallery h3, .cd-nav-gallery h4 {overflow:visible;text-overflow:auto;}
.cd-primary-nav .cd-nav-gallery .cd-nav-item {padding-left: 90px;}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {position: absolute; display: block; height: 40px; width: auto; left: 20px; top: 50%; margin-top: -20px;}
.cd-primary-nav .cd-nav-icons .cd-nav-item {padding-left: 75px;}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {color: #2e3233;font-size: 13px;/* hide description on small devices */display: none;}
/* item icon */
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {content: ''; display: block; position: absolute; left: 20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px;}
.has-children > a, .go-back a {position: relative;}
/* arrow icon in CSS - for element with nested unordered lists */
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {content: ''; position: absolute; top: 50%; margin-top: 2px; display: inline-block; height: 2px; width: 10px; background: #464c4e; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.has-children > a {padding-right: 40px;}
/* arrow goes on the right side - children navigation */
.has-children > a::before, .has-children > a::after {
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}
.cd-primary-nav .go-back a {padding-left: 40px;}
/* arrow goes on the left side - go back button */
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}
.cd-search {position: absolute; height: 50px; width: 100%; top: 70px; left: 0; z-index: 3; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.cd-search form {height: 100%;width: 100%;}
.cd-search input {border-radius: 0; border: none; background: #ffffff; height: 100%; width: 100%; padding: 0 5%; box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-search input::-webkit-input-placeholder {color: #c9cbc4;}
.cd-search input::-moz-placeholder {color: #c9cbc4;}
.cd-search input:-moz-placeholder {color: #c9cbc4;}
.cd-search input:-ms-input-placeholder {color: #c9cbc4;}
.cd-search input:focus {outline: none;}
.cd-search.is-visible {opacity: 1; visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .cd-search {position: fixed;}
/* shadow layer visible when navigation is active */
.cd-overlay {position: fixed; z-index: 3; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: #b0b2aa; visibility: hidden; opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible img {opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */}
.cd-overlay.is-visible {opacity: .6; visibility: visible;
 -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 10s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}

@media only screen and (min-width: 769px) {
  .cd-main-header {height: 70px; z-index: 1010;}
  .cd-main-header::after {clear: both; content: ""; display: table; z-index: 1010;}
  .cd-nav-trigger {display: none;}
  .cd-primary-nav .margin-top {margin-top:-100px !important; margin-bottom:-160px !important;}
  .cd-primary-nav .see-all {background-color:#FFF;}
  .cd-primary-nav .top {font-size: 18px; margin-right:-30px; margin-top:-5px;}
  .cd-nav {margin-right: 18px;}
  .cd-secondary-nav, .cd-nav-gallery, .cd-nav-icons {width:100%; margin-right:-16px !important;}
  .cd-nav-gallery {padding-top:44px !important;}
  .cd-nav-gallery h3  {overflow:visible; white-space:normal !important; margin-bottom:4px; line-height:120%;}
  .cd-nav-gallery a:hover h3  {color:#09F !important;}
  .cd-nav-gallery #text {color:#666; line-height:110%; overflow:visible; white-space:normal !important; min-height:60px; }
  .cd-nav-gallery #headline {overflow:visible; white-space:normal !important; margin-bottom:4px; line-height:100%; color:#09F; text-overflow:normal; }
  .cd-primary-nav {position: relative; height: auto; width: auto; top: 30px; overflow: visible; background: transparent;}
  .cd-primary-nav::after {clear: both; content: ""; display: table;}
/* reset mobile style */  
  .cd-primary-nav.moves-out > li > a {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav ul {position: static; height: auto; width: auto; background: transparent; overflow: visible; z-index: 3;}
/* reset mobile style */  
  .cd-primary-nav ul.is-hidden {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
/* reset mobile style */ 
  .cd-primary-nav ul.moves-out > li > a {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav > li:first-child {margin-left: 40px;}
  .cd-primary-nav > li {float: left; margin-left: 3em;}
/* main navigation buttons style */
  .cd-primary-nav > li > a {
    position: relative;
    display: inline-block;
    height: auto;
    line-height: 100%;
    padding:4px 12px 0 0;
    color: #DDD; was:2e3233;
    text-decoration: none;
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
  }
  .cd-primary-nav > li > a:hover {color:#FFF; was:#4179d6; text-decoration: none;}
  .cd-primary-nav > li > a.selected {color:#FFF;  font-weight: bold;  text-decoration: none;}
  .cd-primary-nav .go-back, .cd-primary-nav .see-all {display: none;}
/* dropdown menu style */ 
  .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #ffffff;
    padding: 48px 44px 90px;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }
  .cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {clear: both; content: ""; display: table;}
  .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {opacity: 0; visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
/* this is the BIG See all button at the bottom of the dropdown menu */  
  .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    overflow: hidden;
    /* reset some inherited style */
    margin: 0;
    padding: 0;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #e2e3df;
    /* reset some inherited style */
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {background: #2e3233; border-color: #2e3233; color: #ffffff;}
/* change the height according to your needs - you can even set height: auto */  
  .cd-primary-nav .cd-secondary-nav > li { height: 330px;
    /* here you set the number of columns - use width percentage */
    width: 23%;
    float: left;
    margin-right: 2.66%;
    margin-top:-10px;
    xborder-right: 1px solid #e2e3df;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
 /* +2 because we have 2 list items with display:none */ 
  .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {margin-right: 0; border-right: none;}
 /* secondary nav title */ 
  .cd-primary-nav .cd-secondary-nav > li > a {color: #4179d6; font-weight: bold; font-size: 16px; margin-bottom: .6em;}
  .cd-primary-nav .cd-secondary-nav a {height: 28px; line-height: 30px; padding: 0 10% 0 0; color: #2e3233; border-bottom: none; font-size: 14px; margin-top:-3px;}
  .cd-primary-nav .cd-secondary-nav a:hover {color: #09F;}
/* Force Hardware Acceleration in WebKit */  
  .cd-primary-nav .cd-secondary-nav ul {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
/* tertiary navigation */  
  .cd-primary-nav .cd-secondary-nav ul ul {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
  .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .cd-primary-nav .cd-secondary-nav ul ul .go-back {display: block;}
  .cd-primary-nav .cd-secondary-nav ul ul .go-back a {color: transparent;}
  .cd-primary-nav .cd-secondary-nav ul ul .see-all {display: block;}
/* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */  
  .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .cd-nav-gallery .nav-headline a {color:#06C !important; font-size: 14px; line-height:80%; border-bottom:1px dotted #CCC; padding:4px 0 8px 0; margin:0 0 6px 0; height:auto; width:210%; overflow: hidden; white-space: nowrap;}
  .cd-nav-gallery .nav-headline {color:#666; margin-left:10px;}
  .cd-nav-gallery .nav-headline a:hover, .cd-nav-gallery .nav-headline a:active {color:#09F !important;}
  #cd-nav-mobile {width: 12% !important; float: left; margin: 0 20px 40px 0px; overflow:visible; white-space:wrap;display:none;}  
  #cd-nav-site {width: 12% !important; float: left; margin: 0 20px 40px 0px; overflow:visible; white-space:wrap; display:block;}
  #cd-nav-site #navtitle {color:#4179d6; font-weight:bold; margin-bottom:1.2em;}
  #cd-nav-site #navitem {margin:0 0 -20px 0 !important; line-height:100%}
  #cd-nav-site #navitem a {color:#333 !important; font-weight:normal; line-height:110% !important; margin:0 !important; padding:0 !important; border:none;}
  #cd-nav-site #navitem a:hover {color:#09F !important;}
/* set here number of columns - use width percentage */      
  .cd-primary-nav .cd-nav-gallery li {width: 20%; float: left; margin: 0 30px 40px 0;}
/* +2 because we have two additional list items with display:none */
  .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {margin-right: 20px;}
  .cd-primary-nav .cd-nav-gallery .cd-nav-item {border-bottom: none; padding: 0; height: auto; line-height: 1.2;}
  .cd-primary-nav .cd-nav-gallery .cd-nav-item img {position: static; margin-top: 0; height: auto; width: 100%; margin-bottom: .6em;}
  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {color: #4179d6; font-weight: bold; padding: 0 .1em;}
  .cd-primary-nav .cd-nav-gallery .cd-nav-item h4 { color: #666; padding: 6px .1em; font-size: 14px; line-height:80%;}  
/* set here number of columns - use width percentage */  
  .cd-primary-nav .cd-nav-icons li {width: 32%; float: left; margin: 0 2% 20px 0;}
 /* +2 because we have two additional list items with display:none */ 
  .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {margin-right: 0;}
  .cd-primary-nav .cd-nav-icons .cd-nav-item {border-bottom: none; height: 80px; line-height: 1.2; padding: 24px 0 0 85px; position: relative;}
  .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {background: #f6f6f5;}
  .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {color: #4179d6; font-weight: bold;}
  .cd-primary-nav .cd-nav-icons .cd-nav-item p {display: block;}
  .cd-primary-nav .cd-nav-icons .cd-nav-item::before {left: 25px;}
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {background: #c9cbc4;}
  .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {background: #4179d6;}
  .has-children > a::before, .has-children > a::after {right: 15%;}
    /* main navigation arrows on larger devices */  
  .cd-primary-nav > .has-children > a {padding-right: 30px !important;}
  .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
    width: 9px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #c9cbc4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
  }
  .cd-primary-nav > .has-children > a::before {right: 12px;}
  .cd-primary-nav > .has-children > a::after {right: 7px;}
  .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {width: 14px;}
  .cd-primary-nav > .has-children > a.selected::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .cd-primary-nav > .has-children > a.selected::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
/* remove arrows on secondary nav titles */
  .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {display: none;}
  .cd-primary-nav .go-back a {padding-left: 20px;}
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {left: 1px;}
  .cd-search {height: 120px; top: 70px;}
  .cd-search input {padding: 0 2em; font-size: 32px; font-weight: 300;}
  .no-js .cd-primary-nav {position: absolute; z-index: 3; display: inline-block; width: auto; top: 0; right: 150px; padding: 0;}
  .no-js .nav-is-fixed .cd-primary-nav {position: fixed;}
}

@media (max-width: 1699px) {.cd-primary-nav .top {font-size: 16px;}}

@media (min-width:768px) and (max-width:1369px) {
  .cd-primary-nav .top {margin-right:-36px;}
  .cd-secondary-nav {width:100%; margin-right:-16px !important;}
  #cd-nav-site #navtitle {margin-bottom:1.2em;}
  #cd-nav-site #navitem {margin:0 0 -18px 0 !important;}
  #cd-nav-site #navitem a {line-height:80%;}
}

@media only screen and (max-width: 1199px) { 
  .logged {display: none} 
  .small-logged {display: block; position: absolute; top: 80px; font-size: 12px; color: #06c;}
  .small-logged a:hover {-moz-transition:color .2s ease-in; -o-transition:color .2s ease-in;-webkit-transition:color .2s ease-in; color: #333; text-decoration: none;}
}

@media only screen and (max-width: 990px) { 
 .search-label { display: none; }
}

@media only screen and (max-width: 899px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {right: auto; left: 0;}
}
 
@media only screen and (max-width: 767px) {.social-bar .row {padding: 0 10px; margin: 0;} .small-logged {padding-left: 10px;}}
/* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
@media only screen and (max-width: 768px) {
  .cd-primary-nav {
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;
  }
  .cd-primary-nav.nav-is-visible {visibility: visible; overflow-x: hidden;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
  }
  .cd-header-buttons {padding-right: 10px;}
  .cd-overlay.is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  .nav-on-left .cd-overlay.is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
  }
  .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@media only screen and (max-width: 769px) {
body.nav-on-left.overflow-hidden {overflow: hidden;}
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    /*-webkit-transform: translateX(-260px);*/
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  .social-icons {width:140px;}
  .cepro-europe {width:104px;}
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
  }
/* Hide the display of headlines when mobile */
  .cd-nav-gallery .nav-headline {display:none;}
  #cd-nav-site {display:none;}
  #headline {overflow:visible !important; white-space:normal !important; text-overflow:normal; min-height:60px !important; }
}

@media (max-width: 489px) {
  .social-icons {display: none;}
  .social-bar {height: 30px;}
}

@media (max-width: 360px) {
  .hide-xs-link {display: none;} 
}

/* -------------------------------- 
support for no js 
-------------------------------- */
.no-js .cd-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2;
}

.no-js .cd-search {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible;
}