#mainmenu {
    float: right;
    font-weight: 500
}

#mainmenu>ul {
    padding: 0;
    list-style: none;
    position: relative;
    margin: 0
}

#mainmenu>ul>li {
    float: left;
    font-size: 16px;
    margin: 0 0 0 4px;
    border-top: 4px solid transparent;
    -moz-transition: border-color 550ms cubic-bezier(.45, 1, .32, 1);
    -webkit-transition: border-color 550ms cubic-bezier(.45, 1, .32, 1);
    -o-transition: border-color 550ms cubic-bezier(.45, 1, .32, 1);
    -ms-transition: border-color 550ms cubic-bezier(.45, 1, .32, 1);
    transition: border-color 550ms cubic-bezier(.45, 1, .32, 1)
}

#mainmenu>ul>li.active,#mainmenu>ul>li.current,#mainmenu>ul>li:hover,.back-to-cases:hover:before,.other-openings .case-studies-link:hover:before {
    border-color: #8ab206
}

#mainmenu>ul>li.highlight {
    padding: 0;
    margin: 20px 0 0 15px;
    background: 0 0;
    border: 0
}

#mainmenu>ul>li.highlight>a {
    background: none;
    color: #fff;
    border: 1px solid #FFFFFF;
    padding: 9px 28px;
    position: relative;
    display: block;
    border-radius: 5px;
    font-weight: 600;
}

#mainmenu>ul>li.highlight>a:after,.ie9 .dz-fallback>p,.ie9 .instructions,.tes-sliderbox .slick-prev,div.rating-cancel {
    display: none!important
}

#mainmenu>ul>li.highlight>a:hover {
    color: #000000;
    background: #ffffff
}

#mainmenu>ul>li.hasnav>a:after,.conatct-infobox ul li a.call-us:before,.conatct-infobox ul li a.call-us:hover:before {
    background-image: url("../images/bgi/sprites.png");
    content: '';
    vertical-align: middle;
    display: inline-block
}

#mainmenu>ul>li .navtrigger-box>a,#mainmenu>ul>li>a {
    text-decoration: none;
    display: block;
    color: #000;
    line-height: 1.5;
    padding: 27px 22px;
    background: url(../images/bgi/blank.png)
}

#mainmenu>ul>li .navtrigger-box>a:hover,#mainmenu>ul>li>a:hover,.award-infoblock .section-title-box h2,.award-infoblock .section-title-box p a:hover,.button.btn-grey:hover,.features-wrapper .section-title-box h2,.our-team-list li a,.portfolio-img:hover figure figcaption,.services-listbox-price>div.col .service-titlebox a,.services-listbox-price>div.col .service-titlebox a:focus,.services-listbox-price>div.col .service-titlebox a:hover,.services-listbox>ul>li>a:focus,.services-listbox>ul>li>a:hover,.testimonials-infoblock .section-title-box h2,.testimonials-infoblock .section-title-box p a:hover {
    color: #fff
}

#mainmenu>ul>li.current>a {
    color: #fff;
    position: relative
}

#mainmenu>ul>li.hasnav>a,#sidebar-blog .widget-box .form-search,#sidebar-blog .widget-box .mc4wp-form,.case-studies-img,.other-openings .case-studies-link,.quote-frombox .formlist li,.rating-infoblock .wrap,.service-info-section,.video-pic,.work-loader,.worklist li figure {
    position: relative
}

#mainmenu>ul>li.hasnav>a:after {
    background-position: -582px -125px;
    width: 11px;
    height: 7px;
    margin-left: 10px;
    position: relative;
    top: -1px
}

#mainmenu>ul>li>.sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 904px;
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.25);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.25);
    box-shadow: 1px 1px 10px rgba(0,0,0,.25);
    border: 1px solid #d8d8d8
}

#mainmenu>ul>li>.sub-menu>li {
    margin: 0;
    float: left;
    width: 25%;
    padding: 0;
    border-left: 1px solid #d8d8d8
}

#mainmenu>ul>li>.sub-menu>li:first-child,#sidebar-blog .widget-box .tabnav li:first-child a {
    border-left: 0
}

#mainmenu>ul>li>.sub-menu>li>a {
    background: #ebebeb;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #d8d8d8;
    color: #676767;
    text-decoration: none;
    padding: 16px 5px 13px 15px;
    display: block
}

#mainmenu>ul>li>.sub-menu ul {
    list-style: none;
    padding: 5px 15px;
    margin: 0;
    font-size: 16px
}

#mainmenu>ul>li>.sub-menu ul li {
    margin: 3px 0
}

#mainmenu>ul>li>.sub-menu ul li a {
    text-transform: none;
    display: block;
    color: #39c;
    padding: 3px 0;
    font-weight: 400
}

#mainmenu>ul>li>.sub-menu ul li a.active,#mainmenu>ul>li>.sub-menu ul li a:focus,#mainmenu>ul>li>.sub-menu ul li a:hover,.careers-row .career-box p,.contact-infolist a,.custom-select select.changed,.footer-inforow .copyright a,.job-opening-box .opening-info .opening-title p a,.ourwork-infoblock .section-title-box p,.post-row h4 a,.quote-frombox .formlist .custom-select select,.related-post ul li .post-summary h5 a {
    color: #676767
}
@media only screen and (max-width: 1023px) {
    /* Responsive Menu line icon*/
    #mainmenu {
      padding-top: 16px;
    }
    #menu {
      display: block;
      width: 48px;
      height: 48px;
      position: relative;
      z-index: 5;
    }
    #menu svg {
      display: block;
    }
    .menulines-button {
      padding: 0;
      cursor: pointer;
      user-select: none;
      text-transform: uppercase;
      font-size: 16px;
      color: #000;
      text-decoration: none;
    }
    /*.menulines, .menulines:before, .menulines:after {
      background: #000 10% !important;
    }*/
    .menulines-button em {
      font-style: normal;
      font-weight: bold;
      margin-left: 10px;
    }
    .menulines-button:hover {
      text-decoration: none;
    }
    .menulines {
        display: block;
        width: 18px;
        height: 1px;
        background: #000;
        position: relative;
        float: left;
        margin: 9px 0 0 0;
        -moz-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1);
        -ms-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1);
        -webkit-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1);
        transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1);
        opacity: 1;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .menulines:before,
    .menulines:after {
      display: inline-block;
      width: 18px;
      height: 1px;
      background: #000;
      transition: 550ms;
      position: absolute;
      left: 0;
      content: '';
      -moz-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1);
      -ms-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1);
      -webkit-transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1);
      transition: all 550ms cubic-bezier(0.45, 1, 0.32, 1);
      -webkit-transform-origin: 0.28571rem center;
      -moz-transform-origin: 0.28571rem center;
      -ms-transform-origin: 0.28571rem center;
      transform-origin: 0.28571rem center;
    }
    .menulines:before {
      top: 5px;
    }
    .menulines:after {
      top: -5px;
    }
    .menuopen .menulines,
    .scrolled .menuopen .menulines {
      background: none;
    }
    .menuopen .menulines:before,
    .menuopen .menulines:after {
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      top: 0;
    }
    .menuopen .menulines:before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
    }
    .menuopen .menulines:after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
    }
    #mainmenu > ul {
        display: none;
        position: absolute;
        background: #FFF;
        left: -12px;
        top: 0;
        width: 107%;
        z-index: 0;
        padding: 120px 0 0 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
        overflow: hidden;
        min-width: 100%;
    }
    #mainmenu > ul > li {
      -moz-transform: translateX(200%);
      -webkit-transform: translateX(200%);
      transform: translateX(200%);
      float: none;
      display: block;
      -moz-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);
      -webkit-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);
      -o-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);
      -ms-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);
      transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);
      margin: 0;
      font-size: 16px;
    }
    #mainmenu > ul.openmenu > li {
      -moz-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0);
      border-top: solid 1px #242424;
    }
    #mainmenu > ul > li a,
    #header.scrolled #mainmenu > ul > li a {
      display: block;
      padding: 15px 30px;
    }
    #mainmenu > ul > li a:hover,
    #header.scrolled #mainmenu > ul > li a:hover {
      background: #1C1C1C;  
    }
     #mainmenu > ul > li:last-child a,
    #header.scrolled #mainmenu > ul > li:last-child a {
    background-color: #fff;
        color: #000;
    }

    #mainmenu > ul > li.highlight,
    #header.scrolled #mainmenu > ul > li.highlight {
      margin: 0;
    }
    #mainmenu > ul > li.highlight a,
    #header.scrolled #mainmenu > ul > li.highlight a {
      border-radius: 0;
      padding: 15px 30px;
    }
    #mainmenu > ul.openmenu > li:nth-child(1) {
      -webkit-transition-delay: 0.05s;
      transition-delay: 0.05s;
    }
    #mainmenu > ul.openmenu > li:nth-child(2) {
      -webkit-transition-delay: 0.1s;
      transition-delay: 0.1s;
    }
    #mainmenu > ul.openmenu > li:nth-child(3) {
      -webkit-transition-delay: 0.15s;
      transition-delay: 0.15s;
    }
    #mainmenu > ul.openmenu > li:nth-child(4) {
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s;
    }
    #mainmenu > ul.openmenu > li:nth-child(5) {
      -webkit-transition-delay: 0.25s;
      transition-delay: 0.25s;
    }
    #mainmenu > ul.openmenu > li:nth-child(6) {
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s;
    }
    #mainmenu > ul.openmenu > li:nth-child(7) {
      -webkit-transition-delay: 0.35s;
      transition-delay: 0.35s;
    }
    #mainmenu > ul.openmenu > li:nth-child(8) {
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s;
    }
    #mainmenu > ul.openmenu > li:nth-child(9) {
      -webkit-transition-delay: 0.45s;
      transition-delay: 0.45s;
    }
    #mainmenu > ul:not(.openmenu) > li.active,
    #mainmenu > ul:not(.openmenu) > li.current {
      border-color: transparent;
    }
}