/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}


@media only screen and (max-width: 1169px) {
  body.nav-on-left.overflow-hidden {
    overflow: hidden;
  }
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content, .cd-main-header {-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);  transform: translateZ(0); will-change: transform;}
.cd-main-content, .cd-main-header {position: relative;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
@media only screen and (max-width: 1169px) {
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {-webkit-transform: translateX(-60%);-moz-transform: translateX(-60%);    -ms-transform: translateX(-60%);-o-transform: translateX(-60%); transform: translateX(-60%);}
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {-webkit-transform: translateX(60%);-moz-transform: translateX(60%);-ms-transform: translateX(60%);-o-transform: translateX(60%);transform: translateX(60%);}
}
.cd-main-content {/*  background: #e2e3df;min-height: 100vh;*/z-index: -1;}
.cd-main-header {height: 100px;z-index: 3; position:absolute; width:100%; background-color:transparent; /*  float:left; position:absolute; top:0px; left:0px; width:100%; z-index:1; padding:27px 22px; height:145px;*/}
.cd-main-header.active{ background-color:#fff;}
.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: 1170px) {
    .top_middle{
        background:white;             
    }
/*  .cd-main-header { height: 80px;}
  .cd-main-header::after {clear: both; content: ""; display: table;}*/
}
.cd-logo {position:absolute;top: 12px;left: 5%;}
.cd-logo img {display: block;}
@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-logo {left: auto; right: 5%;}
}

/*Comment Added by Goutav Goutam content dt 16.05.2025 for remove thead Extra Space from Header*/
/*@media only screen and (min-width: 1170px) {.cd-logo {top: 26px;left: 4em;}}*/
@media only screen and (min-width: 1170px) {.cd-logo {top: 26px;left: 2em;}}
.cd-header-buttons {position: absolute;display: inline-block;top: 10px;right: 5%;}
.cd-header-buttons li {display: inline-block;}
@media only screen and (max-width: 1169px) {
  .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: 1170px) {
  .cd-header-buttons {top: 18px;right: 4em;}
}
.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 #2e3233;}
.cd-search-trigger::after {/* handle */height: 3px;width: 8px;background: #2e3233;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: #2e3233; 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: otate(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: 1px;width: 31px;background: #2e3233;}
.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: -9px;}
.cd-nav-trigger span::after {/* menu icon bottom line */top: 9px;}
.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: #2e3233;}
.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: 1170px) {
  .cd-nav-trigger { display: none;}
}

.cd-primary-nav, .cd-primary-nav ul {position: fixed;top:0px;right: 0; height: 100%; width: 60%; background: #1968b3;overflow: auto; -webkit-overflow-scrolling: touch; z-index: 1; /* 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, .cd-primary-nav > ul{top:145px;}


    .cd-primary-nav a {
        display: block;
        height: 42px;
        line-height: 42px;
        padding: 0 20px;
        color: #ffffff ;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-bottom: 1px solid #2c7bc7;
        -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;
        text-transform: uppercase;
    }

    .cd-primary-nav ul a {
        display: block;
        height: auto;
        line-height: normal;
        padding: 0 20px;
        color: #ffffff !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overflow: inherit;
        text-overflow: inherit;
        white-space: normal;
        border-bottom: 1px solid #2c7bc7;
        -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;
        text-transform: uppercase;
    }

.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%);}
.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: 1169px) {
  .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: #69aa6f;}
.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: 1169px) {
  .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 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s;overflow-x:hidden;}
}

@media only screen and (min-width: 1170px) {
    /*Comment Added by Goutav Goutam content dt 16.05.2025 for remove thead Extra Space from Header*/
    /*.cd-primary-nav {
        position: static;
        padding: 0 15%;
        height: auto;
        width: 100%;
        float: right;
        overflow: visible;
        background: transparent;
    }*/
  .cd-primary-nav {position: static; padding: 0 12%; height: auto; width: 100%; 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;}
  .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;}
  .cd-primary-nav > li > a {/* main navigation buttons style */ position: relative; display: inline-block; padding: 0 23px; color: #002f5c; 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;font-size:14px;font-weight:600;}
.cd-primary-nav > li > a:after{position:absolute; content:""; left:0px; top:14px !important; display:block !important; height:16px; width:1px; background-color:#6e7d92; right:0px; top:0px;}
.cd-primary-nav > li > a:hover {color: #000;}
 .cd-primary-nav > li > a.selected {background-color:#4f7ca6;color:#fff;}
 .cd-primary-nav > li > a:after.selected{display:none !important}
 .cd-primary-nav .go-back, .cd-primary-nav .see-all {display: none;}
 .cd-primary-nav .go-back{display:none !important}
  .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {/* dropdown menu style */ position: absolute; top: 42px; width: 100vw;background: #4f7ca6 url(../images/menu_bg.jpg) no-repeat center bottom;padding: 48px 10% 110px;/*  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; min-height:425px; box-shadow: 0px 15px 10px -15px #111; }
  .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.is-hidden{visibility: visible;} /*for tab browsing purpose*/
  
  .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.2rem; 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;}
  .cd-primary-nav .cd-secondary-nav > li {/* change the height according to your needs - you can even set height: auto height: 340px;*/ height: auto;/* here you set the number of columns - use width percentage */ width: 20%;  float: left;/*margin-right: 2.66%;*/overflow: hidden;overflow-x: hidden;overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {/* +2 because we have 2 list items with display:none */ margin-right: 0; border-right: none;}
  .cd-primary-nav .cd-secondary-nav > li > a {/* secondary nav title */ color: #fff;font-weight: bold;font-size: 14px; margin-bottom: .6em;position:relative;padding-bottom:7px;text-transform:uppercase; }
  .cd-primary-nav .cd-secondary-nav > li > a:after{position:absolute; content:""; background-color:#fff; width:37px; height:1px; left:0px; bottom:0px; top:inherit; display:none !important}
  .cd-primary-nav .cd-secondary-nav a {/*height: 30px;line-height: 30px;*/ padding: 0 18% 0 0; color: #ffffff !important; border-bottom: none; font-size: 15px;font-weight:500;text-transform:none; margin-bottom:10px;}
  .cd-primary-nav .cd-secondary-nav a:hover {color: #ffffff;}
  .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+2) {/* +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: #69aa6f;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: #69aa6f;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: #fff; -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: 1170px) {
  .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: #69aa6f;}
}
.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: 1170px) {
  .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: #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;display:none !important}
  .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: 50px;width: 100%;top: 50px;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;}
@media only screen and (min-width: 1170px) {
  .cd-search {height: 120px; top: 80px;}
  .cd-search input {padding: 0 2em; font-size: 3.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(105, 170, 111, 0.8);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: 1169px) {
  .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: 1170px) {
.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 screen and (max-width:1400px){
.cd-primary-nav > li > a { padding: 0 17px; font-size:14px;}
/*.cd-primary-nav > li:first-child > a{padding-left:0px;}
.cd-primary-nav > li:last-child > a{padding-right:0px;}*/
.cd-main-header{height:100px;}
}
@media screen and (max-width:1300px){
	.cd-primary-nav > li > a {padding: 0 16px;font-size: 13px;}
}

@media screen and (max-width:1100px){
.cd-main-header{top:0px;height:90px;}
.cd-logo { position: initial; float: left;  width: 20%; margin: 14px 0 0 25px;}
.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);}
.cd-primary-nav > li:first-child > a {padding-left: 13px;}
.cd-primary-nav ul.cd-secondary-nav, .cd-primary-nav ul.cd-secondary-nav ul{width:100%;}
.cd-primary-nav ul a {padding: 11px 20px;}
}
@media screen and (max-width:480px){
.cd-logo {width: auto;margin: 14px 0 0 5px; border-right: 1px solid rgba(220,220,220,1.00); padding-right:5px;}
.cd-logo img{width:80px;}
.cd-header-buttons {right: 3%;}
.cd-nav-trigger span::before {top: -8px;}
.cd-primary-nav ul a {padding: 11px 20px;}
.cd-primary-nav, .cd-primary-nav > ul{top:200px;}
}