.top-bar {
     padding: 10px 0;
}
.top-bar span.footer-line {
     background: rgba(19, 32, 72, 0.1);
     position: absolute;
     height: 2px;
     width: 100%;
     left: 0;
     top: auto;
     pointer-events: none;
     bottom: 6px;
     z-index: 4; 
}
.top-bar .columns {
     position: relative;
     padding: 0; 
}
.top-bar .columns.logo {
     background: #132048;
     z-index: 5; 
}
.top-bar .columns.main {
     z-index: 3; 
}

.top-bar .columns.main > ul:after {
     display: block;
     clear: both;
     content: ''; 
}

.top-bar .columns.main > ul > li > a > span[class^="icon-"] {
     line-height: inherit;
     display: block; }
.top-bar .columns.main > ul > li > ul {
     /* -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     position: absolute;
     height: auto;
     width: 200px;
     left: 0;
     top: 71px;
     visibility: hidden;
     opacity: 0;
     list-style-type: none;
     margin: 0;
     padding-top: 0;
     border: 0;  */
}
.top-bar .columns.main > ul > li > ul:before, .top-bar .columns.main > ul > li > ul:after {
     background: #ffffff;
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     content: '';
     z-index: -2; 
}
.top-bar .columns.main > ul > li > ul:after {
     background: rgba(19, 32, 72, 0.1);
     border-top: 4px solid #ffffff;
     z-index: -1; 
}
.top-bar .columns.main > ul > li > ul > li > a {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     padding-left: 15px;
     line-height: 30px;
     display: block; 
}
.top-bar .columns.main > ul > li > ul > li > ul {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     position: absolute;
     height: 100%;
     width: 250px;
     left: 170px;
     top: 0;
     visibility: hidden;
     opacity: 0;
     background: #ffffff;
     list-style-type: none;
     margin: 0;
     padding-top: 9px; 
}
.top-bar .columns.main > ul > li > ul > li > ul > li > a {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     padding-left: 25px;
     font-size: 0.9rem;
     line-height: 45px;
     display: block; 
}
.top-bar .columns.main > ul > li > ul > li > ul > li > a:after {
     display: block;
     clear: both;
     content: ''; 
}
.top-bar .columns.main > ul > li > ul > li > ul > li > a span {
     line-height: inherit;
     margin-right: 20px;
     font-size: 1.5rem;
     float: left; 
}
.top-bar .columns.main > ul > li > ul > li > ul > li > .preview {
     position: absolute;
     height: 100%;
     width: 240px;
     left: 250px;
     top: 0;
     border-left: 1px solid #132048;
     padding: 1.5rem;
     background: #ffffff;
     padding-top: 0;
     opacity: 0; 
}
.top-bar .columns.main > ul > li > ul > li > ul > li > .preview figure img {
     width: 100%; 
}
.top-bar .columns.main > ul > li > ul > li > ul > li > .preview figure figcaption p {
     margin-bottom: 1rem;
     color: #132048;
     line-height: normal;
     text-align: center;
     font-size: 1.2rem; 
}
.top-bar .columns.main > ul > li > ul > li > ul > li > .preview figure figcaption a {
     display: block !important;
     width: 100% !important; 
}
.top-bar .columns.main > ul > li > ul > li > ul > li:hover > .preview {
     opacity: 1; 
}
.top-bar .columns.main > ul > li > ul > li.residential > ul > li:hover > a,
.top-bar .columns.main > ul > li > ul > li.residential > ul > li.active > a {
     color: #FCB34C; 
}
.top-bar .columns.main > ul > li > ul > li.residential > ul > li > .preview figure figcaption a {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     padding-left: 1rem;
     font-family: "AdventProMedium";
     display: inline-block;
     font-size: 1.05rem;
     position: relative;
     background: #FCB34C;
     line-height: 45px;
     color: #ffffff;
     width: 170px; 
}
.top-bar .columns.main > ul > li > ul > li.residential > ul > li > .preview figure figcaption a:before {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     position: absolute;
     height: 2px;
     width: 125px;
     left: 0;
     top: auto;
     background: #c57503;
     content: '';
     bottom: 0; 
}
.top-bar .columns.main > ul > li > ul > li.residential > ul > li > .preview figure figcaption a:after {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     position: absolute;
     height: 45px;
     width: 45px;
     left: auto;
     top: 0;
     text-align: center;
     line-height: 45px;
     font-size: 0.8rem;
     content: "\e906";
     right: 0; 
}
.top-bar .columns.main > ul > li > ul > li.residential > ul > li > .preview figure figcaption a:hover {
     background: #fca833;
          /*&:after {
     @include transform(rotate(180deg));
}*/ }
.top-bar .columns.main > ul > li > ul > li.residential > ul > li > .preview figure figcaption a:hover:before {
     width: 100%; 
}
.top-bar .columns.main > ul > li > ul > li.commercial > ul > li:hover > a,
.top-bar .columns.main > ul > li > ul > li.commercial > ul > li.active > a {
     color: #132048; 
}
.top-bar .columns.main > ul > li > ul > li.commercial > ul > li > .preview figure figcaption a {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     padding-left: 1rem;
     font-family: "AdventProMedium";
     display: inline-block;
     font-size: 1.05rem;
     position: relative;
     background: #132048;
     line-height: 45px;
     color: #ffffff;
     width: 170px; 
}
.top-bar .columns.main > ul > li > ul > li.commercial > ul > li > .preview figure figcaption a:before {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     position: absolute;
     height: 2px;
     width: 125px;
     left: 0;
     top: auto;
     background: black;
     content: '';
     bottom: 0; 
}
.top-bar .columns.main > ul > li > ul > li.commercial > ul > li > .preview figure figcaption a:after {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     position: absolute;
     height: 45px;
     width: 45px;
     left: auto;
     top: 0;
     text-align: center;
     line-height: 45px;
     font-size: 0.8rem;
     content: "\e906";
     right: 0; 
}
.top-bar .columns.main > ul > li > ul > li.commercial > ul > li > .preview figure figcaption a:hover {
     background: #0e1734;
     /*&:after {
@include transform(rotate(180deg));
}*/ }
.top-bar .columns.main > ul > li > ul > li.commercial > ul > li > .preview figure figcaption a:hover:before {
     width: 100%; 
}
.top-bar .columns.main > ul > li > ul > li.mep-projects > ul > li:hover > a,
.top-bar .columns.main > ul > li > ul > li.mep-projects > ul > li.active > a {
     color: #A32A2F; 
}
.top-bar .columns.main > ul > li > ul > li.mep-projects > ul > li > .preview figure figcaption a {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     padding-left: 1rem;
     font-family: "AdventProMedium";
     display: inline-block;
     font-size: 1.05rem;
     position: relative;
     background: #A32A2F;
     line-height: 45px;
     color: #ffffff;
     width: 170px; 
}
.top-bar .columns.main > ul > li > ul > li.mep-projects > ul > li > .preview figure figcaption a:before {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     position: absolute;
     height: 2px;
     width: 125px;
     left: 0;
     top: auto;
     background: #3e1012;
     content: '';
     bottom: 0; 
}
.top-bar .columns.main > ul > li > ul > li.mep-projects > ul > li > .preview figure figcaption a:after {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     position: absolute;
     height: 45px;
     width: 45px;
     left: auto;
     top: 0;
     text-align: center;
     line-height: 45px;
     font-size: 0.8rem;
     content: "\e906";
     right: 0; 
}
.top-bar .columns.main > ul > li > ul > li.mep-projects > ul > li > .preview figure figcaption a:hover {
     background: #8f2529;
     /*&:after {
@include transform(rotate(180deg));
}*/ }
.top-bar .columns.main > ul > li > ul > li.mep-projects > ul > li > .preview figure figcaption a:hover:before {
     width: 100%; 
}
.top-bar .columns.main > ul > li > ul > li.industrial > ul > li:hover > a,
.top-bar .columns.main > ul > li > ul > li.industrial > ul > li.active > a {
     color: #498BC9; 
}
.top-bar .columns.main > ul > li > ul > li.industrial > ul > li > .preview figure figcaption a {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     padding-left: 1rem;
     font-family: "AdventProMedium";
     display: inline-block;
     font-size: 1.05rem;
     position: relative;
     background: #498BC9;
     line-height: 45px;
     color: #ffffff;
     width: 170px; 
}
.top-bar .columns.main > ul > li > ul > li.industrial > ul > li > .preview figure figcaption a:before {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     position: absolute;
     height: 2px;
     width: 125px;
     left: 0;
     top: auto;
     background: #224a71;
     content: '';
     bottom: 0; 
}
.top-bar .columns.main > ul > li > ul > li.industrial > ul > li > .preview figure figcaption a:after {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     position: absolute;
     height: 45px;
     width: 45px;
     left: auto;
     top: 0;
     text-align: center;
     line-height: 45px;
     font-size: 0.8rem;
     content: "\e906";
     right: 0; 
}
.top-bar .columns.main > ul > li > ul > li.industrial > ul > li > .preview figure figcaption a:hover {
     background: #397ec0;
     /*&:after {
@include transform(rotate(180deg));
}*/ }
.top-bar .columns.main > ul > li > ul > li.industrial > ul > li > .preview figure figcaption a:hover:before {
     width: 100%; 
}
.top-bar .columns.main > ul > li > ul > li.automotive > ul > li:hover > a,
.top-bar .columns.main > ul > li > ul > li.automotive > ul > li.active > a {
     color: #739849; 
}
.top-bar .columns.main > ul > li > ul > li.automotive > ul > li > .preview figure figcaption a {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     padding-left: 1rem;
     font-family: "AdventProMedium";
     display: inline-block;
     font-size: 1.05rem;
     position: relative;
     background: #739849;
     line-height: 45px;
     color: #ffffff;
     width: 170px; 
}
.top-bar .columns.main > ul > li > ul > li.automotive > ul > li > .preview figure figcaption a:before {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     position: absolute;
     height: 2px;
     width: 125px;
     left: 0;
     top: auto;
     background: #324220;
     content: '';
     bottom: 0; 
}
.top-bar .columns.main > ul > li > ul > li.automotive > ul > li > .preview figure figcaption a:after {
     -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     position: absolute;
     height: 45px;
     width: 45px;
     left: auto;
     top: 0;
     text-align: center;
     line-height: 45px;
     font-size: 0.8rem;
     content: "\e906";
     right: 0; 
}
.top-bar .columns.main > ul > li > ul > li.automotive > ul > li > .preview figure figcaption a:hover {
     background: #668741;
     /*&:after {
@include transform(rotate(180deg));
}*/ }
.top-bar .columns.main > ul > li > ul > li.automotive > ul > li > .preview figure figcaption a:hover:before {
     width: 100%; 
}
.top-bar .columns.main  ul  li  ul  li:hover {
     background: #ffffff; 
}
.top-bar .columns.main > ul  li  ul  li:hover > ul {
     visibility: visible;
     opacity: 1; 
}
.top-bar .columns.main > ul > li:not(.home):hover > .top-bar .columns.main > ul > li:not(.home).active > a {
     background: rgba(19, 32, 72, 0.1); 
}
.top-bar .columns.main > ul > li:not(.home):hover > ul {
     visibility: visible;
     opacity: 1; 
}
.top-bar .columns.search-newsletter {
-webkit-transform: translateY(16px);
-moz-transform: translateY(16px);
-ms-transform: translateY(16px);
-o-transform: translateY(16px);
transform: translateY(16px);
z-index: 3; 
}
@media screen and (max-width: 64em) {
     .top-bar .columns.search-newsletter {
          display: none; 
     } 
}
.top-bar .columns.search-newsletter > .row {
margin: 0 auto;
width: 370px; 
}
.top-bar .columns.search-newsletter > .top-bar .columns.search form .row .columns.q {
     padding-right: 0; 
}
.top-bar .columns.search-newsletter > .top-bar .columns.search form .row .columns.q input {
     margin: 0; 
}
.top-bar .columns.search-newsletter > .top-bar .columns.search form .row .columns.s {
     position: relative;
     padding-left: 0; 
}
.top-bar .columns.search-newsletter > .top-bar .columns.search form .row .columns.s .icon-zoom {
     background: #606060;
     text-align: center;
     line-height: 29px;
     display: block;
     color: #ffffff;
     height: 29px;
     width: 29px; 
}
.top-bar .columns.search-newsletter > .top-bar .columns.search form .row .columns.s input {
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     opacity: 0;
     z-index: 1; 
}
.top-bar .columns.search-newsletter > .top-bar .columns.newsletter {
     padding-right: 0; 
}
.top-bar .columns.search-newsletter > .top-bar .columns.newsletter p {
     border-bottom: 1px solid #132048;
     font-family: "AdventProRegular";
     padding: 0 0.5rem;
     color: #132048;
     line-height: 29px;
     font-size: 1.1rem;
}
.top-bar .columns.search-newsletter > .top-bar .columns.newsletter p span {
     -webkit-transform: translateY(2px);
     -moz-transform: translateY(2px);
     -ms-transform: translateY(2px);
     -o-transform: translateY(2px);
     transform: translateY(2px);
     margin-right: 0.5rem;
     display: inline-block;
     color: #606060;
     font-size: 1.3rem; 
}

.Solutions .sub-sub-menu {
     position: absolute !important;
     left: 170px !important;
     width: 555px !important;
     height: 100% !important;
}