/* cmsms stylesheet: Bv4 Pe-Icons modified: 05/09/18 01:13:04 */
@font-face {font-family: 'Pe-icon-7-stroke';src:url('https://www.extremeprint.co.za/uploads/TBS/fonts/Pe-icon-7-stroke.eot?d7yf1v');src:url('https://www.extremeprint.co.za/uploads/TBS/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),url('https://www.extremeprint.co.za/uploads/TBS/fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),url('https://www.extremeprint.co.za/uploads/TBS/fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),url('https://www.extremeprint.co.za/uploads/TBS/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');font-weight: normal;font-style: normal;}[class^="pe-7s-"], [class*=" pe-7s-"] {font-family: 'Pe-icon-7-stroke';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;/* Better Font Rendering =========== */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.pe-7s-album:before {content: "\e6aa";}.pe-7s-arc:before {content: "\e6ab";}.pe-7s-back-2:before {content: "\e6ac";}.pe-7s-bandaid:before {content: "\e6ad";}.pe-7s-car:before {content: "\e6ae";}.pe-7s-diamond:before {content: "\e6af";}.pe-7s-door-lock:before {content: "\e6b0";}.pe-7s-eyedropper:before {content: "\e6b1";}.pe-7s-female:before {content: "\e6b2";}.pe-7s-gym:before {content: "\e6b3";}.pe-7s-hammer:before {content: "\e6b4";}.pe-7s-headphones:before {content: "\e6b5";}.pe-7s-helm:before {content: "\e6b6";}.pe-7s-hourglass:before {content: "\e6b7";}.pe-7s-leaf:before {content: "\e6b8";}.pe-7s-magic-wand:before {content: "\e6b9";}.pe-7s-male:before {content: "\e6ba";}.pe-7s-map-2:before {content: "\e6bb";}.pe-7s-next-2:before {content: "\e6bc";}.pe-7s-paint-bucket:before {content: "\e6bd";}.pe-7s-pendrive:before {content: "\e6be";}.pe-7s-photo:before {content: "\e6bf";}.pe-7s-piggy:before {content: "\e6c0";}.pe-7s-plugin:before {content: "\e6c1";}.pe-7s-refresh-2:before {content: "\e6c2";}.pe-7s-rocket:before {content: "\e6c3";}.pe-7s-settings:before {content: "\e6c4";}.pe-7s-shield:before {content: "\e6c5";}.pe-7s-smile:before {content: "\e6c6";}.pe-7s-usb:before {content: "\e6c7";}.pe-7s-vector:before {content: "\e6c8";}.pe-7s-wine:before {content: "\e6c9";}.pe-7s-cloud-upload:before {content: "\e68a";}.pe-7s-cash:before {content: "\e68c";}.pe-7s-close:before {content: "\e680";}.pe-7s-bluetooth:before {content: "\e68d";}.pe-7s-cloud-download:before {content: "\e68b";}.pe-7s-way:before {content: "\e68e";}.pe-7s-close-circle:before {content: "\e681";}.pe-7s-id:before {content: "\e68f";}.pe-7s-angle-up:before {content: "\e682";}.pe-7s-wristwatch:before {content: "\e690";}.pe-7s-angle-up-circle:before {content: "\e683";}.pe-7s-world:before {content: "\e691";}.pe-7s-angle-right:before {content: "\e684";}.pe-7s-volume:before {content: "\e692";}.pe-7s-angle-right-circle:before {content: "\e685";}.pe-7s-users:before {content: "\e693";}.pe-7s-angle-left:before {content: "\e686";}.pe-7s-user-female:before {content: "\e694";}.pe-7s-angle-left-circle:before {content: "\e687";}.pe-7s-up-arrow:before {content: "\e695";}.pe-7s-angle-down:before {content: "\e688";}.pe-7s-switch:before {content: "\e696";}.pe-7s-angle-down-circle:before {content: "\e689";}.pe-7s-scissors:before {content: "\e697";}.pe-7s-wallet:before {content: "\e600";}.pe-7s-safe:before {content: "\e698";}.pe-7s-volume2:before {content: "\e601";}.pe-7s-volume1:before {content: "\e602";}.pe-7s-voicemail:before {content: "\e603";}.pe-7s-video:before {content: "\e604";}.pe-7s-user:before {content: "\e605";}.pe-7s-upload:before {content: "\e606";}.pe-7s-unlock:before {content: "\e607";}.pe-7s-umbrella:before {content: "\e608";}.pe-7s-trash:before {content: "\e609";}.pe-7s-tools:before {content: "\e60a";}.pe-7s-timer:before {content: "\e60b";}.pe-7s-ticket:before {content: "\e60c";}.pe-7s-target:before {content: "\e60d";}.pe-7s-sun:before {content: "\e60e";}.pe-7s-study:before {content: "\e60f";}.pe-7s-stopwatch:before {content: "\e610";}.pe-7s-star:before {content: "\e611";}.pe-7s-speaker:before {content: "\e612";}.pe-7s-signal:before {content: "\e613";}.pe-7s-shuffle:before {content: "\e614";}.pe-7s-shopbag:before {content: "\e615";}.pe-7s-share:before {content: "\e616";}.pe-7s-server:before {content: "\e617";}.pe-7s-search:before {content: "\e618";}.pe-7s-film:before {content: "\e6a5";}.pe-7s-science:before {content: "\e619";}.pe-7s-disk:before {content: "\e6a6";}.pe-7s-ribbon:before {content: "\e61a";}.pe-7s-repeat:before {content: "\e61b";}.pe-7s-refresh:before {content: "\e61c";}.pe-7s-add-user:before {content: "\e6a9";}.pe-7s-refresh-cloud:before {content: "\e61d";}.pe-7s-paperclip:before {content: "\e69c";}.pe-7s-radio:before {content: "\e61e";}.pe-7s-note2:before {content: "\e69d";}.pe-7s-print:before {content: "\e61f";}.pe-7s-network:before {content: "\e69e";}.pe-7s-prev:before {content: "\e620";}.pe-7s-mute:before {content: "\e69f";}.pe-7s-power:before {content: "\e621";}.pe-7s-medal:before {content: "\e6a0";}.pe-7s-portfolio:before {content: "\e622";}.pe-7s-like2:before {content: "\e6a1";}.pe-7s-plus:before {content: "\e623";}.pe-7s-left-arrow:before {content: "\e6a2";}.pe-7s-play:before {content: "\e624";}.pe-7s-key:before {content: "\e6a3";}.pe-7s-plane:before {content: "\e625";}.pe-7s-joy:before {content: "\e6a4";}.pe-7s-photo-gallery:before {content: "\e626";}.pe-7s-pin:before {content: "\e69b";}.pe-7s-phone:before {content: "\e627";}.pe-7s-plug:before {content: "\e69a";}.pe-7s-pen:before {content: "\e628";}.pe-7s-right-arrow:before {content: "\e699";}.pe-7s-paper-plane:before {content: "\e629";}.pe-7s-delete-user:before {content: "\e6a7";}.pe-7s-paint:before {content: "\e62a";}.pe-7s-bottom-arrow:before {content: "\e6a8";}.pe-7s-notebook:before {content: "\e62b";}.pe-7s-note:before {content: "\e62c";}.pe-7s-next:before {content: "\e62d";}.pe-7s-news-paper:before {content: "\e62e";}.pe-7s-musiclist:before {content: "\e62f";}.pe-7s-music:before {content: "\e630";}.pe-7s-mouse:before {content: "\e631";}.pe-7s-more:before {content: "\e632";}.pe-7s-moon:before {content: "\e633";}.pe-7s-monitor:before {content: "\e634";}.pe-7s-micro:before {content: "\e635";}.pe-7s-menu:before {content: "\e636";}.pe-7s-map:before {content: "\e637";}.pe-7s-map-marker:before {content: "\e638";}.pe-7s-mail:before {content: "\e639";}.pe-7s-mail-open:before {content: "\e63a";}.pe-7s-mail-open-file:before {content: "\e63b";}.pe-7s-magnet:before {content: "\e63c";}.pe-7s-loop:before {content: "\e63d";}.pe-7s-look:before {content: "\e63e";}.pe-7s-lock:before {content: "\e63f";}.pe-7s-lintern:before {content: "\e640";}.pe-7s-link:before {content: "\e641";}.pe-7s-like:before {content: "\e642";}.pe-7s-light:before {content: "\e643";}.pe-7s-less:before {content: "\e644";}.pe-7s-keypad:before {content: "\e645";}.pe-7s-junk:before {content: "\e646";}.pe-7s-info:before {content: "\e647";}.pe-7s-home:before {content: "\e648";}.pe-7s-help2:before {content: "\e649";}.pe-7s-help1:before {content: "\e64a";}.pe-7s-graph3:before {content: "\e64b";}.pe-7s-graph2:before {content: "\e64c";}.pe-7s-graph1:before {content: "\e64d";}.pe-7s-graph:before {content: "\e64e";}.pe-7s-global:before {content: "\e64f";}.pe-7s-gleam:before {content: "\e650";}.pe-7s-glasses:before {content: "\e651";}.pe-7s-gift:before {content: "\e652";}.pe-7s-folder:before {content: "\e653";}.pe-7s-flag:before {content: "\e654";}.pe-7s-filter:before {content: "\e655";}.pe-7s-file:before {content: "\e656";}.pe-7s-expand1:before {content: "\e657";}.pe-7s-exapnd2:before {content: "\e658";}.pe-7s-edit:before {content: "\e659";}.pe-7s-drop:before {content: "\e65a";}.pe-7s-drawer:before {content: "\e65b";}.pe-7s-download:before {content: "\e65c";}.pe-7s-display2:before {content: "\e65d";}.pe-7s-display1:before {content: "\e65e";}.pe-7s-diskette:before {content: "\e65f";}.pe-7s-date:before {content: "\e660";}.pe-7s-cup:before {content: "\e661";}.pe-7s-culture:before {content: "\e662";}.pe-7s-crop:before {content: "\e663";}.pe-7s-credit:before {content: "\e664";}.pe-7s-copy-file:before {content: "\e665";}.pe-7s-config:before {content: "\e666";}.pe-7s-compass:before {content: "\e667";}.pe-7s-comment:before {content: "\e668";}.pe-7s-coffee:before {content: "\e669";}.pe-7s-cloud:before {content: "\e66a";}.pe-7s-clock:before {content: "\e66b";}.pe-7s-check:before {content: "\e66c";}.pe-7s-chat:before {content: "\e66d";}.pe-7s-cart:before {content: "\e66e";}.pe-7s-camera:before {content: "\e66f";}.pe-7s-call:before {content: "\e670";}.pe-7s-calculator:before {content: "\e671";}.pe-7s-browser:before {content: "\e672";}.pe-7s-box2:before {content: "\e673";}.pe-7s-box1:before {content: "\e674";}.pe-7s-bookmarks:before {content: "\e675";}.pe-7s-bicycle:before {content: "\e676";}.pe-7s-bell:before {content: "\e677";}.pe-7s-battery:before {content: "\e678";}.pe-7s-ball:before {content: "\e679";}.pe-7s-back:before {content: "\e67a";}.pe-7s-attention:before {content: "\e67b";}.pe-7s-anchor:before {content: "\e67c";}.pe-7s-albums:before {content: "\e67d";}.pe-7s-alarm:before {content: "\e67e";}.pe-7s-airplay:before {content: "\e67f";}
/* cmsms stylesheet: Bv4 Mega Menu modified: 09/05/18 08:58:00 */
/* --------------------------------Primary style-------------------------------- */*, *::after, *::before {box-sizing: border-box;}@media only screen and (max-width: 979px) {body.nav-on-left.overflow-hidden {overflow: hidden;}}input[type="search"]::-ms-clear {/* removes close icon - IE */display: none;}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {display: none;}/* --------------------------------Main components-------------------------------- */.cd-header-buttons a:hover, .cd-header-buttons a:focus {color: #009CD5;}.cd-main-header a:hover, .cd-main-header a:focus {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;}.cd-main-header {position: fixed;top: 0;right: 0px;left: 0px;z-index: 1030;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;box-shadow: 0px 0px 20px 0px rgba(21, 47, 95, 0.2);}.cd-main-content {position: relative;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}@media only screen and (max-width: 979px) {.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);}.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);}}header .container { position: relative;}.cd-main-content {z-index: 2;}.headroom--not-top .top-menubar { display: none; }.headroom--top .top-menubar { display: block; }.cd-main-header {height: 120px;z-index: 3;background: rgba(0, 0, 0, 0.75);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}.cd-main-header.shrink {height: 80px;background: rgba(0, 0, 0, 0.95);z-index: 3;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}.nav-is-fixed .cd-main-header {/* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */position: fixed;top: 0;left: 0;width: 100%;}@media only screen and (min-width: 980px) {.cd-main-header {height: 120px;}.cd-main-header.shrink {height: 80px;}.cd-main-header::after {clear: both;content: "";display: table;}}.cd-primary-nav a img, .cd-primary-nav ul a img {display: none;}@media only screen and (min-width: 980px) {.cd-primary-nav a img, .cd-primary-nav ul a img {position: relative;display: block;height: auto;width: auto;left: 0px;margin-top: 10px;margin-bottom 5px;}}.cd-logo {position: absolute;top: 5px;left: 5%;}.cd-logo img {display: block;height: 195px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}.shrink .cd-logo img {display: block;height: 70px;}@media only screen and (max-width: 979px) {.cd-logo img {height: 70px;}.nav-on-left .cd-logo {left: auto;right: 5%;}.cd-primary-nav a, .cd-primary-nav ul a { padding: 0px 40px 0px 15px !important;}.cd-primary-nav .go-back a {padding-left: 40px !important;}}@media only screen and (min-width: 980px) {.cd-logo {top: 5px;left: 15px;z-index: 4;}}@media only screen and (max-width: 980px) {.cd-logo {top: 5px;left: 0px;z-index: 4;margin-left: 20px;}}.cd-header-buttons {position: absolute;display: inline-block;top: 20px;right: 5%;z-index: 1011;}.cd-header-buttons li {display: inline-block;}@media only screen and (max-width: 979px) {.nav-on-left .cd-header-buttons {right: auto;left: 5%;}.nav-on-left .cd-header-buttons li {float: right;}}@media only screen and (min-width: 980px) {.cd-header-buttons {top: 18px;right: 2em;display: none;}.cd-main-header.shrink .cd-header-buttons {top: 18px;right: 2em;display: none;}}.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: 3;}.cd-search-trigger::before, .cd-search-trigger::after {/* search icon */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;}.cd-search-trigger::before {/* lens */top: 11px;left: 11px;width: 18px;height: 18px;border-radius: 50%;border: 3px solid #009CD5;}.cd-search-trigger::after {/* handle */height: 3px;width: 8px;background: #009CD5;bottom: 14px;right: 11px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}.cd-search-trigger span {/* container for the X icon */position: absolute;height: 100%;width: 100%;top: 0;left: 0;}.cd-search-trigger span::before, .cd-search-trigger span::after {/* close icon */content: '';position: absolute;display: inline-block;height: 3px;width: 22px;top: 50%;margin-top: -2px;left: 50%;margin-left: -11px;background: #009CD5;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);}.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {/* hide search icon */opacity: 0;}.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {/* show close icon */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);}.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {/* hamburger icon in CSS */position: absolute;display: inline-block;height: 3px;width: 24px;background: #009CD5;}.cd-nav-trigger span {/* line in the center */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;}.cd-nav-trigger span::before {/* menu icon top line */top: -6px;}.cd-nav-trigger span::after {/* menu icon bottom line */top: 6px;}.cd-nav-trigger.nav-is-visible span {/* hide line in the center */background: rgba(46, 50, 51, 0);}.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {/* keep visible other 2 lines */background: #009CD5;}.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);}@media only screen and (min-width: 980px) {.cd-nav-trigger {display: none;}}.info {position: relative;display: none}.cd-primary-nav, .cd-primary-nav ul {position: fixed;padding: 0;top: 0;right: 0;height: 100%;width: 260px;background: #424041;overflow: auto;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 1010;/* 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: auto;line-height: 50px;padding: 0 5px 0 5px;color: #ffffff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px solid #009CD5;-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;}.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {/* secondary navigations hidden by default */-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);margin-bottom: 10px;}.cd-primary-nav li, .cd-secondary-nav li {list-style:none;}.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {/* push the navigation items to the left - and lower down opacity - when secondary nav slides in */-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;}@media only screen and (max-width: 979px) {.nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {right: auto;left: 0;}}.cd-primary-nav .see-all a {/* different style for the See all button on mobile and tablet */color: #000;}.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {/* items with picture (or icon) and title */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;}.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: 1.3rem;/* hide description on small devices */display: none;}.cd-primary-nav .cd-nav-icons .cd-nav-item::before {/* item icon */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;}.cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {background-image: url("../img/line-icon-1.svg");}.cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {background-image: url("../img/line-icon-2.svg");}.cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {background-image: url("../img/line-icon-3.svg");}.cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {background-image: url("../img/line-icon-4.svg");}.cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {background-image: url("../img/line-icon-5.svg");}.cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {background-image: url("../img/line-icon-6.svg");}.cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {background-image: url("../img/line-icon-7.svg");}.cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {background-image: url("../img/line-icon-8.svg");}@media only screen and (max-width: 979px) {.cd-primary-nav {/* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */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;-webkit-transition: visibility 0s 0.2s;-moz-transition: visibility 0s 0.2s;transition: visibility 0s 0.2s;}}@media only screen and (min-width: 980px) {.cd-primary-nav {position: static;padding: 0;height: auto;width: auto;float: right;overflow: visible;background: transparent;}.cd-primary-nav::after {clear: both;content: "";display: table;}.cd-primary-nav.moves-out > li > a {/* reset mobile style */-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;margin-left: 0;}.cd-primary-nav ul.about-cde {min-height: 250px;}.cd-primary-nav ul.is-hidden {/* reset mobile style */-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}.cd-primary-nav ul.moves-out > li > a {/* reset mobile style */-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 {float: left;margin-left: 0.5em;}.cd-primary-nav > li > a {/* main navigation buttons style */position: relative;display: inline-block;height: 80px;line-height: 80px;padding: 0 5px;color: #fff;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;text-transform: uppercase;font-size: 0.8rem;font-weight: 700;}.cd-main-header.shrink .cd-primary-nav > li > a {height: 80px;line-height: 80px;}.cd-primary-nav > li > a:hover {color: #fff;}.cd-primary-nav > li > a.selected {color: #009CD5;box-shadow: inset 0 -2px 0 #009CD5;}.cd-primary-nav .go-back, .cd-primary-nav .see-all {display: none;}.cd-primary-nav .cd-secondary-nav a.selected {color: #009CD5;box-shadow: inset 0 -2px 0 #009CD5;}.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {/* dropdown menu style */position: absolute;top: 80px;width: 100vw;background: #fff;padding: 28px 24px 28px;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-main-header.shrink .cd-primary-nav .cd-secondary-nav, .cd-main-header.shrink .cd-primary-nav .cd-nav-gallery, .cd-main-header.shrink .cd-primary-nav .cd-nav-icons {     top: 80px; }.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;}.cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {/* this is the BIG See all button at the bottom of the dropdown menu */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: 2.0rem;font-weight: bold;text-align: center;line-height: 80px;border-top: 1px solid #009CD5;/* 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: #009CD5;border-color: #009CD5;color: #fff;}.cd-primary-nav .cd-secondary-nav > li {/* change the height according to your needs - you can even set height: auto */height: auto;/*min-height: 40px;*//* here you set the number of columns - use width percentage */width: 23%;float: left;margin-right: 2.66%;border-right: 1px solid #e2e3df;overflow: hidden;-webkit-overflow-scrolling: touch;clear: right;}.cd-primary-nav .cd-secondary-nav > li:nth-child(4n+1) {/* +2 because we have 2 list items with display:none */margin-right: 0;border-right: none;}.cd-primary-nav .cd-secondary-nav > li:nth-child(4n+1) {/* +2 because we have 2 list items with display:none */margin-right: 0;border-right: none;position: relative;}.cd-primary-nav .cd-secondary-nav > li > a {/* secondary nav title */color: inherit;font-weight: normal;font-size: 18px;margin-bottom: .4em;}.cd-primary-nav .cd-secondary-nav a {height: auto;line-height: 25px;/*padding: 0 18% 0 0; */color: inherit;border-bottom: none;font-size: 0.9rem;}.cd-primary-nav .cd-secondary-nav a:hover {color: #000;}.cd-primary-nav .cd-secondary-nav ul {/* Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}.cd-primary-nav .cd-secondary-nav ul ul {/* tertiary navigation */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;}.cd-primary-nav .cd-secondary-nav .moves-out > li > a {/* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}.cd-primary-nav .cd-nav-gallery li {/* set here number of columns - use width percentage */width: 22%;float: left;margin: 0 4% 40px 0;}.cd-primary-nav .cd-nav-gallery li:nth-child(4n+1) {/* +2 because we have two additional list items with display:none */margin-right: 0;}.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: #000;font-weight: bold;padding: 0 .4em;}.cd-primary-nav .cd-nav-icons li {/* set here number of columns - use width percentage */width: 32%;float: left;margin: 0 2% 20px 0;}.cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {/* +2 because we have two additional list items with display:none */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: #000;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, .go-back a {position: relative;}.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {/* arrow icon in CSS - for element with nested unordered lists */content: '';position: absolute;top: 50%;margin-top: -1px;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);}@media only screen and (min-width: 980px) {.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {background: #000;}.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {background: #000;}}.has-children > a {padding-right: 40px;}.has-children > a::before, .has-children > a::after {/* arrow goes on the right side - children navigation */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;}.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {/* arrow goes on the left side - go back button */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%;}@media only screen and (min-width: 980px) {.has-children > a::before, .has-children > a::after {right: 15%;}.cd-primary-nav > .has-children > a {/* main navigation arrows on larger devices */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: #999;-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);}.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {/* remove arrows on secondary nav titles */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 {position: absolute;height: 100px;width: 100%;top: 80px;left: 0;right: 0;padding-left: 15px;padding-right: 15px;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 {color: #bbb;border-radius: 0;border: none;background: #ffffff !important;height: 100% !important;width: 100%;padding: 0 5% !important;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: #bbb;}.cd-search input::-moz-placeholder {color: #bbb;}.cd-search input:-moz-placeholder {color: #bbb;}.cd-search input:-ms-input-placeholder {color: #bbb;}.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;}@media only screen and (min-width: 980px) {cd-search {height: 120px;top: 80px;left: 0px;right: 0px;padding-left: 15px;padding-right: 15px;}.cd-search input {padding: 0 2em;font-size: 2rem;font-weight: 300;}}.cd-overlay {/* shadow layer visible when navigation is active */position: fixed;z-index: 2;height: 100%;width: 100%;top: 0;left: 0;cursor: pointer;background-color: rgba(0, 0, 0, 0.7);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 {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;-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 (max-width: 979px) {.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);}}/* --------------------------------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;}@media only screen and (min-width: 980px) {.no-js .cd-primary-nav {position: absolute;z-index: 3;display: inline-block;width: auto;top: 0;right: 120px;padding: 0;}.no-js .nav-is-fixed .cd-primary-nav {position: fixed;}}.cd-nav i {margin-right: 5px;}@media only screen and (max-width: 360px) {.cd-main-header {height: 100px;background: rgba(0, 0, 0, 0.95);z-index: 3;}.cd-main-header.shrink { height: 60px; }.cd-header-buttons { top: 10px; }.cd-logo { display: block; margin-left: 8px; margin-top: 5px;}.cd-logo img, .shrink .cd-logo img  {display: block;height: 50px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}}@media only screen and (max-width: 768px) {.container .cd-primary-nav .cd-secondary-nav { width: 260px }}@media only screen and (max-width: 980px) {.container .cd-primary-nav .cd-secondary-nav { width: 800px }}@media only screen and (max-width: 1024px) {.container .cd-primary-nav .cd-secondary-nav { width: 930px }}@media only screen and (min-width: 1280px) {.container .cd-primary-nav .cd-secondary-nav { width: 1110px  }}.cf i {width: 15px; text-align: center; margin-right: 5px }.separator {min-height: 5px;}