.cd-dropdown-wrapper {
   display: inline-block;
   position: relative;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 ul.cd-dropdown-content li {
   list-style-type: none;
 }

 .cd-dropdown-trigger {
   display: block;
   position: relative;
   padding: 0 40px 0 0px;
   color: #000000;
   font-size: 19px;
   outline: none;
   text-decoration: none;
   letter-spacing: 1px;
 }

 .no-touch .cd-dropdown-trigger:hover {
   background-color: #171b46;
 }

 .cd-dropdown-trigger::before,
 .cd-dropdown-trigger::after {
   content: '';
   position: absolute;
   top: 50%;
   margin-top: 0;
   height: 2px;
   width: 9px;
   background: #3a3a3a;
   -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-dropdown-trigger::before {
   right: 22px;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
 }

 .cd-dropdown-trigger::after {
   right: 17px;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }

 .cd-dropdown-content a:hover {
   color: #00c4da;
 }

 ul.is-hidden li {
   display: inline-block;
   margin: 5px;
 }

 @media only screen and (min-width: 1024px) {
   .cd-dropdown-trigger {
     display: block;
     position: relative;
     padding: 0 40px 0 0px;
     color: #000000;
     font-size: 19px;
     outline: none;
     text-decoration: none;
     letter-spacing: 1px;
   }
   .cd-dropdown-trigger.dropdown-is-active {
     color: #000;
     text-decoration: none;
   }
   .no-touch .cd-dropdown-trigger.dropdown-is-active:hover {
     background-color: #47975f;
   }
   .cd-dropdown-trigger.dropdown-is-active::before,
   .cd-dropdown-trigger.dropdown-is-active::after {
     /* transform the arrow into a 'X' */
     width: 14px;
     background: #000;
   }
   .cd-dropdown-trigger.dropdown-is-active::before,
   .cd-dropdown-trigger.dropdown-is-active::after {
     /* transform the arrow into a 'X' */
     width: 14px;
   }
   .cd-dropdown-trigger.dropdown-is-active::before {
     /* transform the arrow into a 'X' */
     -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-dropdown-trigger.dropdown-is-active::after {
     /* transform the arrow into a 'X' */
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
   }
 }

 .cd-dropdown h2,
 .cd-dropdown-content a,
 .cd-dropdown-content ul a {
   height: 50px;
   line-height: 50px;
 }

 @media only screen and (min-width: 768px) {}

 @media only screen and (min-width: 1024px) {
   .cd-dropdown h2,
   .cd-dropdown-content a,
   .cd-dropdown-content ul a {
     height: 50px;
     line-height: 50px;
   }
 }

 .cd-dropdown h2,
 .cd-dropdown-content a,
 .cd-dropdown-content ul a,
 .cd-dropdown-content .cd-divider {
   padding: 0 20px;
 }

 .cd-dropdown {
   position: fixed;
   z-index: -1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   color: #ffffff;
   opacity: 0;
   /* Force Hardware Acceleration */
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   transform: translateY(-100%);
   -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
   -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
   transition: transform 0.5s 0s, visibility 0s 0.5s;
 }

 .cd-dropdown h2 {
   /* dropdown title - mobile version only */
   position: relative;
   z-index: 1;
   color: #585a70;
   background-color: #111433;
   border-bottom: 1px solid #242643;
 }

 .cd-dropdown .cd-close {
   /* 'X' close icon - mobile version only */
   position: absolute;
   z-index: 1;
   right: 0;
   top: 0;
   height: 50px;
   width: 50px;
   /* image replacement */
   overflow: hidden;
   text-indent: 100%;
   white-space: nowrap;
   color: transparent;
 }

 .cd-dropdown .cd-close::after,
 .cd-dropdown .cd-close::before {
   /* this is the 'X' icon */
   content: '';
   position: absolute;
   left: 50%;
   top: 50%;
   bottom: auto;
   right: auto;
   -webkit-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   -o-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
   height: 20px;
   width: 2px;
   background-color: #ffffff;
 }

 .cd-dropdown .cd-close::after {
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
   transform: translateX(-50%) translateY(-50%) rotate(45deg);
 }

 .cd-dropdown .cd-close::before {
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
   -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
   -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
   -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
   transform: translateX(-50%) translateY(-50%) rotate(-45deg);
 }

 .cd-dropdown.dropdown-is-active {
   opacity: 1;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
   -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
   -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
   transition: transform 0.5s 0s, visibility 0s 0s;
 }

 @media only screen and (min-width: 768px) {
   .cd-dropdown .cd-close {
     top: 5px;
   }
 }

 @media only screen and (min-width: 1024px) {
   .cd-dropdown {
     position: absolute;
     top: 100%;
     /* reset style*/
     height: auto;
     width: auto;
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0);
     background-color: #ffffff;
     color: #111433;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     opacity: 0;
     -webkit-transform: translateY(30px);
     -moz-transform: translateY(30px);
     -ms-transform: translateY(30px);
     -o-transform: translateY(30px);
     transform: translateY(30px);
     -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;
   }
   .open-to-left .cd-dropdown {
     /* use the .open-to-left class if you want to open the dropdown on the left */
     right: 0;
     left: auto;
   }
   .cd-dropdown h2,
   .cd-dropdown .cd-close {
     /* on desktop - hide title and 'X' */
     display: none;
   }
   .cd-dropdown.dropdown-is-active {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
     -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
     transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
     z-index: 1;
   }
 }

 .cd-dropdown-content,
 .cd-dropdown-content ul {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-transition: -webkit-transform 0.3s;
   -moz-transition: -moz-transform 0.3s;
   transition: transform 0.3s;
   padding-top: 50px;
 }

 .cd-dropdown-content a,
 .cd-dropdown-content ul a {
   display: block;
   color: #ffffff;
   overflow: hidden;
   white-space: nowrap;
   border-top-width: 0;
   border-color: #1f1f1f;
   border-style: solid;
   border-width: 1px;
 }

 .cd-dropdown-content li:first-of-type>a,
 .cd-dropdown-content ul li:first-of-type>a {
   border-top-width: 0;
 }

 .cd-dropdown-content li:last-of-type>a,
 .cd-dropdown-content ul li:last-of-type>a {
   border-bottom-width: 1px;
 }

 .cd-dropdown-content .cd-divider,
 .cd-dropdown-content ul .cd-divider {
   padding-top: 10px;
   padding-bottom: 10px;
   background-color: #0b0e23;
   font-size: 1.1rem;
   font-weight: bold;
   letter-spacing: 1px;
   color: #585a70;
   text-transform: uppercase;
 }

 .cd-dropdown-content .cd-divider+li>a,
 .cd-dropdown-content ul .cd-divider+li>a {
   border-top-width: 0;
 }

 .cd-dropdown-content a,
 .cd-dropdown-content .cd-search,
 .cd-dropdown-content .cd-divider,
 .cd-dropdown-content ul a,
 .cd-dropdown-content ul .cd-search,
 .cd-dropdown-content ul .cd-divider {
   /* Force Hardware Acceleration */
   -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-dropdown-content.is-hidden,
 .cd-dropdown-content ul.is-hidden {
   /* push the secondary dropdown items to the right */
   -webkit-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -ms-transform: translateX(100%);
   -o-transform: translateX(100%);
   transform: translateX(100%);
 }

 .cd-dropdown-content.is-hidden>li>a,
 .cd-dropdown-content.is-hidden>li>.cd-search,
 .cd-dropdown-content.is-hidden>.cd-divider,
 .cd-dropdown-content.move-out>li>a,
 .cd-dropdown-content.move-out>li>.cd-search,
 .cd-dropdown-content.move-out>.cd-divider,
 .cd-dropdown-content ul.is-hidden>li>a,
 .cd-dropdown-content ul.is-hidden>li>.cd-search,
 .cd-dropdown-content ul.is-hidden>.cd-divider,
 .cd-dropdown-content ul.move-out>li>a,
 .cd-dropdown-content ul.move-out>li>.cd-search,
 .cd-dropdown-content ul.move-out>.cd-divider {
   /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
   opacity: 0;
 }

 .cd-dropdown-content.move-out>li>a,
 .cd-dropdown-content.move-out>li>.cd-search,
 .cd-dropdown-content.move-out>.cd-divider,
 .cd-dropdown-content ul.move-out>li>a,
 .cd-dropdown-content ul.move-out>li>.cd-search,
 .cd-dropdown-content ul.move-out>.cd-divider {
   /* push the dropdown items to the left when secondary dropdown slides in */
   -webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   -o-transform: translateX(-100%);
   transform: translateX(-100%);
 }

 .dropdown-is-active .cd-dropdown-content,
 .dropdown-is-active .cd-dropdown-content ul {
   -webkit-overflow-scrolling: touch;
 }

 @media only screen and (min-width: 768px) {
   .cd-dropdown-content,
   .cd-dropdown-content ul {
     padding-top: 40px;
   }
   .cd-dropdown-content a,
   .cd-dropdown-content ul a {
     font-size: 1.1em;
     -webkit-transition: .5s all;
     -moz-transition: .5s all;
     -o-transition: .5s all;
     -ms-transition: .5s all;
     transition: .5s all;
   }
 }

 @media only screen and (min-width: 1024px) {
   .cd-dropdown-content,
   .cd-dropdown-content ul {
     padding-top: 0;
     overflow: visible;
   }
   .cd-dropdown-content a,
   .cd-dropdown-content ul a {
     color: #555;
     height: 40px;
     line-height: 40px;
     font-size: 1em;
     border-color: transparent;
     border-width: 1px;
     border-top: none;
     text-transform: capitalize;
     text-decoration: none;
   }
   .cd-dropdown-content .cd-divider,
   .cd-dropdown-content ul .cd-divider {
     background-color: transparent;
     color: #b3b3b3;
     border-top: 1px solid #ebebeb;
   }
   .cd-dropdown-content .cd-divider+li>a,
   .cd-dropdown-content ul .cd-divider+li>a {
     border-top-width: 1px;
   }
   .cd-dropdown-content.is-hidden>li>a,
   .cd-dropdown-content.is-hidden>li>.cd-search,
   .cd-dropdown-content.is-hidden>.cd-divider,
   .cd-dropdown-content.move-out>li>a,
   .cd-dropdown-content.move-out>li>.cd-search,
   .cd-dropdown-content.move-out>.cd-divider,
   .cd-dropdown-content ul.is-hidden>li>a,
   .cd-dropdown-content ul.is-hidden>li>.cd-search,
   .cd-dropdown-content ul.is-hidden>.cd-divider,
   .cd-dropdown-content ul.move-out>li>a,
   .cd-dropdown-content ul.move-out>li>.cd-search,
   .cd-dropdown-content ul.move-out>.cd-divider {
     /* reset mobile style */
     opacity: 1;
   }
 }

 .cd-dropdown-content .see-all a {
   /* different style for the See all links */
   color: #3f8654;
 }

 .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item,
 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
   /* items with picture (or icon) and title */
   height: 80px;
   line-height: 80px;
 }

 .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3,
 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
   /* truncate text with ellipsis if too long */
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
   padding-left: 90px;
 }

 .cd-dropdown-content .cd-dropdown-gallery img {
   position: absolute;
   display: block;
   height: 40px;
   width: auto;
   left: 20px;
   top: 50%;
   margin-top: -20px;
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
   padding-left: 75px;
   position: relative;
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
   color: #111433;
   font-size: 1.3rem;
   /* hide description on small devices */
   display: none;
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-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-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-1::before {
   background-image: url("../img/nucleo-icon-1.svg");
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-2::before {
   background-image: url("../img/nucleo-icon-2.svg");
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-3::before {
   background-image: url("../img/nucleo-icon-3.svg");
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-4::before {
   background-image: url("../img/nucleo-icon-4.svg");
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-5::before {
   background-image: url("../img/nucleo-icon-5.svg");
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-6::before {
   background-image: url("../img/nucleo-icon-6.svg");
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-7::before {
   background-image: url("../img/nucleo-icon-7.svg");
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-8::before {
   background-image: url("../img/nucleo-icon-8.svg");
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-9::before {
   background-image: url("../img/nucleo-icon-9.svg");
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-10::before {
   background-image: url("../img/nucleo-icon-10.svg");
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-11::before {
   background-image: url("../img/nucleo-icon-11.svg");
 }

 .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-12::before {
   background-image: url("../img/nucleo-icon-12.svg");
 }

 @media only screen and (min-width: 1024px) {
   .cd-dropdown-content {
     /* reset mobile style */
     position: static;
     height: auto;
     width: 280px;
   }
   .cd-dropdown-content>li:last-of-type a {
     border-bottom: none;
   }
   .no-touch .cd-dropdown-content>li:not(.has-children) a:hover {
     color: #3f8654;
   }
   .cd-dropdown-content.move-out>li>a,
   .cd-dropdown-content.move-out>li>.cd-search,
   .cd-dropdown-content.move-out>.cd-divider {
     /* 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-dropdown-content .cd-secondary-dropdown,
   .cd-dropdown-content .cd-dropdown-gallery,
   .cd-dropdown-content .cd-dropdown-icons {
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     transform: translateX(0);
     left: 100%;
     height: auto;
     background-color: #ffffff;
     box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
   }
   .cd-dropdown-content .cd-secondary-dropdown::after,
   .cd-dropdown-content .cd-dropdown-gallery::after,
   .cd-dropdown-content .cd-dropdown-icons::after {
     clear: both;
     content: "";
     display: table;
   }
   .open-to-left .cd-dropdown-content .cd-secondary-dropdown,
   .open-to-left .cd-dropdown-content .cd-dropdown-gallery,
   .open-to-left .cd-dropdown-content .cd-dropdown-icons {
     /* use the .open-to-left class if you want to open the dropdown on the left */
     left: auto;
     right: 100%;
   }
   .cd-dropdown-content .cd-secondary-dropdown.is-hidden,
   .cd-dropdown-content .cd-dropdown-gallery.is-hidden,
   .cd-dropdown-content .cd-dropdown-icons.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-dropdown-content .cd-secondary-dropdown.fade-in,
   .cd-dropdown-content .cd-dropdown-gallery.fade-in,
   .cd-dropdown-content .cd-dropdown-icons.fade-in {
     /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
     -webkit-animation: cd-fade-in 0.2s;
     -moz-animation: cd-fade-in 0.2s;
     animation: cd-fade-in 0.2s;
   }
   .cd-dropdown-content .cd-secondary-dropdown.fade-out,
   .cd-dropdown-content .cd-dropdown-gallery.fade-out,
   .cd-dropdown-content .cd-dropdown-icons.fade-out {
     /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
     -webkit-animation: cd-fade-out 0.2s;
     -moz-animation: cd-fade-out 0.2s;
     animation: cd-fade-out 0.2s;
   }
   .cd-dropdown-content .cd-secondary-dropdown>.go-back,
   .cd-dropdown-content .cd-dropdown-gallery>.go-back,
   .cd-dropdown-content .cd-dropdown-icons>.go-back {
     display: none;
   }
   .cd-dropdown-content .cd-secondary-dropdown>.see-all,
   .cd-dropdown-content .cd-dropdown-gallery>.see-all,
   .cd-dropdown-content .cd-dropdown-icons>.see-all {
     position: absolute;
     bottom: 20px;
     height: 45px;
     text-align: center;
   }
   .cd-dropdown-content .cd-secondary-dropdown>.see-all a,
   .cd-dropdown-content .cd-dropdown-gallery>.see-all a,
   .cd-dropdown-content .cd-dropdown-icons>.see-all a {
     margin: 0;
     height: 100%;
     line-height: 45px;
     background: #ebebeb;
     pointer-events: auto;
     -webkit-transition: color 0.2s, background-color 0.2s;
     -moz-transition: color 0.2s, background-color 0.2s;
     transition: color 0.2s, background-color 0.2s;
   }
   .no-touch .cd-dropdown-content .cd-secondary-dropdown>.see-all a:hover,
   .no-touch .cd-dropdown-content .cd-dropdown-gallery>.see-all a:hover,
   .no-touch .cd-dropdown-content .cd-dropdown-icons>.see-all a:hover {
     color: #ffffff;
     background-color: #111433;
   }
   .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item,
   .cd-dropdown-content .cd-secondary-dropdown a,
   .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item,
   .cd-dropdown-content .cd-dropdown-gallery a,
   .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item,
   .cd-dropdown-content .cd-dropdown-icons a {
     border: none;
   }
   .cd-dropdown-content .cd-dropdown-gallery,
   .cd-dropdown-content .cd-dropdown-icons {
     padding: 20px 30px 100px;
   }
   .cd-dropdown-content .cd-dropdown-gallery>.see-all,
   .cd-dropdown-content .cd-dropdown-icons>.see-all {
     width: calc(100% - 60px);
   }
   .cd-dropdown-content .cd-dropdown-icons>li,
   .cd-dropdown-content .cd-secondary-dropdown>li {}
   .cd-dropdown-content .cd-secondary-dropdown {
     overflow: hidden;
     width: 650px;
     padding: 1em 1em 1em 1em;
   }
   .cd-dropdown-content .cd-secondary-dropdown::before {
     /* this is the separation line in the middle of the .cd-secondary-dropdown element */
     position: absolute;
     content: '';
     top: 290px;
     left: 15px;
     height: 1px;
     width: 520px;
     background-color: #ebebeb;
     display: none;
   }
   .cd-dropdown-content .cd-secondary-dropdown>li>a {
     color: #3f8654;
     font-size: 1.6rem;
     text-transform: uppercase;
     color: #555;
     font-size: 1em;
     border-color: transparent;
     border-width: 1px;
     border-top: none;
     text-transform: capitalize;
     text-decoration: none;
   }
   .cd-dropdown-content .cd-secondary-dropdown>li>a::after,
   .cd-dropdown-content .cd-secondary-dropdown>li>a::before {
     /* hide the arrow */
     display: none;
   }
   .cd-dropdown-content .cd-secondary-dropdown.move-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);
   }
   .cd-dropdown-content .cd-secondary-dropdown>li {
     margin: 0px 0;
     padding: 0 20px;
   }
   .cd-dropdown-content .cd-secondary-dropdown>li:nth-of-type(2n) {
     border-right-width: 0;
   }
   .cd-dropdown-content .cd-secondary-dropdown>li>ul {
     /* reset mobile style */
     -webkit-transform: translate(0);
     -moz-transform: translate(0);
     -ms-transform: translate(0);
     -o-transform: translate(0);
     transform: translate(0);
     position: relative;
     height: auto;
   }
   .cd-dropdown-content .cd-secondary-dropdown>li>ul>.go-back {
     display: none;
   }
   .cd-dropdown-content .cd-secondary-dropdown a {
     line-height: 35px;
     font-size: 1rem;
     padding-left: 0;
   }
   .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
     color: #3f8654;
   }
   .cd-dropdown-content .cd-secondary-dropdown ul {
     overflow: hidden;
     height: auto;
   }
   .cd-dropdown-content .cd-secondary-dropdown .go-back a {
     padding-left: 20px;
     color: transparent;
   }
   .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
     color: transparent;
   }
   .cd-dropdown-content .cd-secondary-dropdown .go-back a::before,
   .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
     left: 0;
   }
   .cd-dropdown-content .cd-secondary-dropdown .see-all {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
   }
   .cd-dropdown-content .cd-dropdown-gallery {
     width: 600px;
     padding-bottom: 100px;
   }
   .cd-dropdown-content .cd-dropdown-gallery>li {
     width: 48%;
     float: left;
     margin-right: 4%;
   }
   .cd-dropdown-content .cd-dropdown-gallery>li:nth-of-type(2n) {
     margin-right: 0;
   }
   .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
     padding: 0;
     height: auto;
     line-height: normal;
     color: #3f8654;
     margin-bottom: 2em;
   }
   .cd-dropdown-content .cd-dropdown-gallery>li:nth-last-of-type(2) a,
   .cd-dropdown-content .cd-dropdown-gallery>li:last-of-type a {
     margin-bottom: 0;
   }
   .cd-dropdown-content .cd-dropdown-gallery img {
     position: static;
     height: auto;
     width: 100%;
     margin: 0 0 0.6em;
   }
   .cd-dropdown-content .cd-dropdown-icons {
     width: 600px;
   }
   .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
     height: 80px;
     line-height: 1.2;
     padding: 24px 0 0 85px;
   }
   .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
     background: #ebebeb;
   }
   .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
     color: #3f8654;
     font-weight: bold;
   }
   .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
     display: block;
     font-size: 1.2rem;
   }
   .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
     left: 25px;
   }
   .cd-dropdown-content>.has-children>ul {
     visibility: hidden;
   }
   .cd-dropdown-content>.has-children>ul.is-active {
     /* when hover over .cd-dropdown-content items - show subnavigation */
     visibility: visible;
   }
   .cd-dropdown-content>.has-children>.cd-secondary-dropdown.is-active>li>ul {
     /* if .cd-secondary-dropdown is visible - show also subnavigation */
     visibility: visible;
   }
   .cd-dropdown-content>.has-children>a.is-active {
     /* hover effect for .cd-dropdown-content items with subnavigation */
     border-left: 2px solid #00c4da;
     color: #00c4da;
   }
   .cd-dropdown-content>.has-children>a.is-active::before,
   .cd-dropdown-content>.has-children>a.is-active::after {
     background: #00c4da;
   }
   .open-to-left .cd-dropdown-content>.has-children>a.is-active {
     box-shadow: inset -2px 0 0 #00c4da;
   }
 }

 @-webkit-keyframes cd-fade-in {
   0% {
     opacity: 0;
     visibility: visible;
   }
   100% {
     opacity: 1;
     visibility: visible;
   }
 }

 @-moz-keyframes cd-fade-in {
   0% {
     opacity: 0;
     visibility: visible;
   }
   100% {
     opacity: 1;
     visibility: visible;
   }
 }

 @keyframes cd-fade-in {
   0% {
     opacity: 0;
     visibility: visible;
   }
   100% {
     opacity: 1;
     visibility: visible;
   }
 }

 @-webkit-keyframes cd-fade-out {
   0% {
     opacity: 1;
     visibility: visible;
   }
   100% {
     opacity: 0;
     visibility: visible;
   }
 }

 @-moz-keyframes cd-fade-out {
   0% {
     opacity: 1;
     visibility: visible;
   }
   100% {
     opacity: 0;
     visibility: visible;
   }
 }

 @keyframes cd-fade-out {
   0% {
     opacity: 1;
     visibility: visible;
   }
   100% {
     opacity: 0;
     visibility: visible;
   }
 }

 .cd-search input[type="search"] {
   width: 100%;
   height: 50px;
   padding: 0 20px;
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   background-color: #242643;
   color: #ffffff;
   border: none;
   border-radius: 0;
 }

 .cd-search input[type="search"]::-webkit-input-placeholder {
   color: #ffffff;
 }

 .cd-search input[type="search"]::-moz-placeholder {
   color: #ffffff;
 }

 .cd-search input[type="search"]:-moz-placeholder {
   color: #ffffff;
 }

 .cd-search input[type="search"]:-ms-input-placeholder {
   color: #ffffff;
 }

 .cd-search input[type="search"]:focus {
   background: #ffffff;
   color: #111433;
   outline: none;
 }

 .cd-search input[type="search"]:focus::-webkit-input-placeholder {
   color: rgba(17, 20, 51, 0.4);
 }

 .cd-search input[type="search"]:focus::-moz-placeholder {
   color: rgba(17, 20, 51, 0.4);
 }

 .cd-search input[type="search"]:focus:-moz-placeholder {
   color: rgba(17, 20, 51, 0.4);
 }

 .cd-search input[type="search"]:focus:-ms-input-placeholder {
   color: rgba(17, 20, 51, 0.4);
 }

 @media only screen and (min-width: 1024px) {
   .cd-search input[type="search"] {
     background-color: #ebebeb;
   }
   .cd-search input[type="search"]::-webkit-input-placeholder {
     color: #b3b3b3;
   }
   .cd-search input[type="search"]::-moz-placeholder {
     color: #b3b3b3;
   }
   .cd-search input[type="search"]:-moz-placeholder {
     color: #b3b3b3;
   }
   .cd-search input[type="search"]:-ms-input-placeholder {
     color: #b3b3b3;
   }
 }

 .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: #ffffff;
   -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: 1024px) {
   .has-children>a::before,
   .has-children>a::after,
   .go-back a::before,
   .go-back a::after {
     background: #b3b3b3;
   }
 }

 .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%;
 }

 @media only screen and (min-width: 1024px) {
   .open-to-left .cd-dropdown-content>.has-children>a {
     padding-left: 40px;
     padding-right: 20px;
   }
   .open-to-left .cd-dropdown-content>.has-children>a::before,
   .open-to-left .cd-dropdown-content>.has-children>a::after {
     right: auto;
     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-dropdown-content .go-back a {
   padding-left: 40px;
 }

 .cd-dropdown-content .go-back a::before,
 .cd-dropdown-content .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%;
 }

 .cd-main-content {
   background-color: #e6e6e6;
   min-height: calc(100vh - 100px);
   padding: 2em 5%;
   line-height: 2;
 }

 .no-js .cd-dropdown-wrapper:hover .cd-dropdown {
   visibility: visible;
   opacity: 1;
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
 }

 .no-js .cd-dropdown-wrapper .cd-close {
   display: none;
 }

 @media(max-width:991px) {
   .cd-dropdown-trigger {
     padding: 0 41px 0 0;
   }
   .cd-dropdown {
     z-index: 9999;
   }
 }

 @media(max-width:800px) {
   .cd-dropdown-trigger {
     font-size: 1.2em;
   }
 }

 @media(max-width:736px) {
   .cd-dropdown-trigger {
     padding: 0 38px 0 10px;
   }
   .cd-dropdown .cd-close {
     right: 21px;
   }
 }

 @media(max-width:640px) {
   .cd-dropdown-trigger {
     font-size: 1.1em;
     padding: 0 30px 0 0;
   }
   .cd-dropdown-trigger::after {
     right: 7px;
   }
   .cd-dropdown-trigger::before {
     right: 13px;
   }
 }

 @media(max-width:480px) {
   .cd-dropdown-trigger {
     line-height: 40px;
   }
 }

 @media(max-width:320px) {
   .cd-dropdown-content,
   .cd-dropdown-content ul {
     padding-top: 33px;
   }
   .cd-dropdown-trigger {
     font-size: 1.05em;
     padding: 0 26px 0 0;
   }
 }