.body{
    min-height: auto !important;
    margin-top: 0px !important;
}
@font-face {
  font-family: 'custom';
  src:  url('../fonts/custom.eot');
  src:  url('../fonts/custom.eot#iefix') format('embedded-opentype'),
    url('../fonts/custom.ttf') format('truetype'),
    url('../fonts/custom.woff') format('woff'),
    url('../fonts/custom.svg#custom') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ico-"], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'custom' !important;
  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;
}

.ico-down-arrow-left:before {
  content: "\e900";
}
.ico-down-arrow-right:before {
  content: "\e901";
}
.ico-checkmark:before {
  content: "\e902";
}

/*new css add */

.baContainer {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.ba__panel-tabs {
    margin-top: 5px;
    height: auto !important;
}

.baTabsWarp.style1 .ba__nav-tabs li a {
    border: 1px solid transparent !important;
    border-radius: 5px !important;
}

.baTabsWarp.style1 .ba__nav-tabs li a:hover, .baTabsWarp.style1 .ba__nav-tabs > li.tab__active > a {
    background: #006b67 !important;
    color: #fff !important;
}

span.ba__arrows.prev {
    display: none;
}

span.ba__arrows.next {
    display: none;
}

.baTabsWarp .ba__nav-tabs > li a > span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: "Helvetica Neue", "Open Sans", Helvetica, Arial, sans-serif;;
}

.ba--description {
    height: auto !important;
}

div#baTab0{
     overflow-y: scroll !important;
     height: 400px !important;
}

div#baTab1{
     height: 400px !important;
}

/*div#baTab2{
     height: 400px !important;
}*/

.ba__panel-tabs .ba--description{
    margin-top: 3px;
    padding: 30px 50px 50px 50px;
    background-color: #e0e0e0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 1600 900'%3E%3Cpath fill='%23e3e3e3' d='M0 290 0 899 1600 899 1600 120z'/%3E%3Cpath fill='%23e8e8e8' d='M1600 353 1600 899 0 899 0 165z'/%3E%3Cpath fill='%23e3e3e3' d='M0 466 0 899 1600 899 1600 300z'/%3E%3Cpath fill='%23e0e0e0' d='M1600 505 1600 899 0 899 0 353z'/%3E%3Cpath fill='%23e3e3e3' d='M0 574 0 899 1600 899 1600 625z'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    height: auto !important;
}

.ba--general .fa-None {
     display: block !important; 
}
 
ul.mod-articlescategory.category-module.mod-list li{
  border-bottom: thin solid #c7c7c7;
  padding: 0 0 20px 0;
  list-style-type: none;
  margin-bottom: 5px;
}

ul.mod-articlescategory.category-module.mod-list li a{
  font-size: 15px !important;
  line-height: 21px;
}

span i.fas.fa-address-card:first-child {
/*    background-color: #e0e0e0;*/
    background-image: url(/images/tabs/icons/news.png) !important;
    background-size: cover;
    background-position: center center;
    width: 20px !important;
    height: 20px !important;
    display: inline-block; 
    -webkit-filter: invert(100%) !important; 
     filter: invert(100%) !important; 
     vertical-align: middle !important;
}

.fa-address-card:before {
   display: none !important;
}

span i.fas.fa-address-book{
/*    background-color: #e0e0e0;*/
    background-image: url(/images/tabs/icons/footy.png) !important;
    background-size: cover;
    background-position: center center;
    width: 20px !important;
    height: 20px !important;
    display: inline-block; 
    
}



span i.fas.fa-american-sign-language-interpreting{
      /*    background-color: #e0e0e0;*/
    background-image: url(/images/tabs/icons/technical.png) !important;
    background-size: cover;
    background-position: center center;
    width: 20px !important;
    height: 20px !important;
    display: inline-block; 
}

span i.fas.fa-anchor{
       /*    background-color: #e0e0e0;*/
    background-image: url(/images/tabs/icons/product.png) !important;
    background-size: cover;
    background-position: center center;
    width: 20px !important;
    height: 20px !important;
    display: inline-block; 
}

span i.fas.fa-cart-plus{
       /*    background-color: #e0e0e0;*/
    background-image: url(/images/tabs/icons/online.png) !important;
    background-size: cover;
    background-position: center center;
    width: 20px !important;
    height: 20px !important;
    display: inline-block; 
}

span i.fas.fa-arrow-alt-circle-right{
       /*    background-color: #e0e0e0;*/
    background-image: url(/images/tabs/icons/software.png) !important;
    background-size: cover;
    background-position: center center;
    width: 20px !important;
    height: 20px !important;
    display: inline-block; 
}

span i.fas.fa-address-book:hover{
     -webkit-filter: invert(100%) !important; 
     filter: invert(100%) !important; 
     vertical-align: middle !important;
}

.baTabsWarp .ba__nav-tabs li a i:hover{
  -webkit-filter: invert(100%) !important; 
     filter: invert(100%) !important; 
     vertical-align: middle !important;
}

.presentation a.ba--title {
    height: 52.13px;
}

.baTabsWarp .ba__nav-tabs > li a > span{
  display: flex !important; 
}

.fa-cart-plus:before {
    display: none !important;
}

.fa-address-book:before {
    display: none !important;
}

.baTabsWarp.style1 .ba__nav-tabs li a:hover {
    background-color: #00676b;
    border-color: transparent;
    border-radius: 5px;
    color: white;
}


.nav-tabs li a:hover img {
     -webkit-filter: invert(100%) !important; 
     filter: invert(100%) !important; 
     vertical-align: middle !important;
}

.fa-american-sign-language-interpreting:before {
    display: none !important;
}

.fa-anchor:before {
    display: none !important;
}

.fa-arrow-alt-circle-right:before {
    display: none !important;
}

.baTabsWarp.style1 .ba__nav-tabs li {
    margin: 0 0 5px !important;
}

.baTabsWarp.style1 .ba__nav-tabs li a {
    text-align: center;
    color: black !important;
}

.item-page .icons {
    display: none; !important;
}

div#mod-custom342 {
    display: block !important;
}

.mod-finder a.btn.btn-link.jmodedit {
    display: none !important;
}

div#tip-94 {
    display: none !important;
}

a.btn.btn-link.jmodedit {
    display: none;
}

.custom div#tip-342 {
    display: none;
}

div#mod-custom342 p a {
    color: #fff !important;
    float: right;
    display: block !important;
    position: absolute;
    right: 135px;
    top: 7px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 15px;
    line-height: 21px;
}

div#mod-custom342 p{
    position: relative;
    top: 0;
    left: 0;
}

button.navbar-toggle.collapsed.multinail-more-button {
    display: none !important;
}

div#mod-custom342 p a{
    right: 175px !Important;
}



.awesomplete {
    display: inline-block;
    position: relative;
    margin-right: 230px;
}

.glyphicon {
    position: relative;
    overflow: hidden !important;
    z-index: 99999999999 !important;
    cursor: pointer !important;
}

div#mod-custom334 a img {
    width: auto;
    height: auto;
    background: linear-gradient(-45deg, #006b67, #006b67 50%, white 0%, white 0%, #10847f 50%);
    border-radius: 50%;
}

div#baTab4 p {
    display: none;
}

div#tip-419 {
    display: none;
}

div#tip-354 {
    display: none;
}

button#plg_system_webauthn-L1SBJCkXRIaC-yamTkkOz {
    display: none !important;
}

.controls input {
    max-width: 300px !important;
    width: 100%;
    margin: auto;
}

.input-group .form-control{
    float: none !important;
}

.input-group.has-danger {
    width: 100% !important;
}

input#password {
    max-width: 300px !important;
    margin-bottom: 8px !important;
}

.password-group .input-group {
    margin: auto;
    width: 100% !important;
}

button.btn.btn-secondary.input-password-toggle{
    display: none !important;
}

.plg_system_webauthn_login_button {
    display: none !important;
}

.tab-image img {
    width: 100% !important;
    height: 400px !important;
}

#mod-custom329 .pull-right {
    float: left!important;
}

div#tip-310 {
    display: none;
}

div#tip-162 {
    display: none;
}


div#tip-183 {
    display: none;
}

dd.published time {
    display: none !important;
}

div#tip-360 {
    display: none;
}

div#tip-357 {
    display: none;
}

#content {
    z-index: 1 !important;
}

.nav-tabs li a{
    outline: none !important;
}

.custom h3 {
    color: #006b67 !important;
}

.desert_group_content {
    color: #fff !important;
    font-size: 18px;
}

#technical-manual.rl_tabs-pane img:hover {
    -webkit-filter: hue-rotate(20deg);
    filter: hue-rotate(20deg);
    cursor: pointer;
}

.custom a img:hover {
    -webkit-filter: hue-rotate(220deg);
    filter: hue-rotate(220deg) !important;
    cursor: pointer;
}

.mod-login-logout__login-greeting.login-greeting {
    display: none;
}

div#tip-420 {
    display: none;
}

.logout-button button.btn.btn-primary {
    text-align: right;
    position: absolute;
    right: 7px;
    top: 9px;
}

.logout-button button.btn.btn-primary:hover {
   background: none !important;
}

.print-pdf{
    display: block !important;
}

.logout-button button.btn.btn-primary {
    text-align: right;
    position: absolute;
    right: 7px;
    top: 9px;
    width: fit-content !important;
    font-size: 15px;
    line-height: 21px;
    font-family: "lato", sans-serif;
    outline: none;
    box-shadow: none;
    border: 1px solid #fff;
}

.logout-button button.btn.btn-primary::after {
    content: "";
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 512 512'%3E%3Cpath d='M377.9 105.9L500.7 228.7c7.2 7.2 11.3 17.1 11.3 27.3s-4.1 20.1-11.3 27.3L377.9 406.1c-6.4 6.4-15 9.9-24 9.9c-18.7 0-33.9-15.2-33.9-33.9l0-62.1-128 0c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32l128 0 0-62.1c0-18.7 15.2-33.9 33.9-33.9c9 0 17.6 3.6 24 9.9zM160 96L96 96c-17.7 0-32 14.3-32 32l0 256c0 17.7 14.3 32 32 32l64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-64 0c-53 0-96-43-96-96L0 128C0 75 43 32 96 32l64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32z'/%3E%3C/svg%3E") no-repeat;
    float: right;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    /* margin: 0 6px 0 0; */
    cursor: pointer;
}

.mod-login__userdata.userdata {
    display: none !important;
}

.dropdown-content a:nth-last-child{
    display: none !important;
    
}

.dropdown-content a {
    border: 1px solid #006b67 !important;
    width: fit-content;
    padding: 5px !important;
    border-radius: 4px !important;
    background: #006b67 !important;
}

.logout-button .btn-primary{
    border-radius: 4px !Important;
}

a.print-pdf::before {
    content: "\f0d7";
    font-family: "FontAwesome";
    position: absolute;
    right: 123px;
    top: 0px;
    color: black;
    background: #F0F0F0;
    width: 40px;
    height: 40px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

form#member-profile .control-group {
    display: flex;
    align-items: baseline;
    flex-direction: column;
}

small.form-text {
    display: none;
}

form#member-profile fieldset:nth-child(2) {
    display: none;
}

form#member-profile fieldset:nth-child(1) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

form#member-profile fieldset:nth-child(1) .control-group {
    width: 40% !important;
}

form#member-profile fieldset:nth-child(3) {
    margin-top: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

form#member-profile fieldset:nth-child(3).control-group {
    width: 40% !important;
}

form#member-profile fieldset:nth-child(4) {
    margin-top: 20px;
    width: 50%;
     float: inline-start;
}

form#member-profile fieldset:nth-child(4) legend {
    width: 90% !important;
}

form#member-profile fieldset:nth-child(4) legend.visually-hidden{
    width: 100% !important;
}

form#member-profile fieldset:nth-child(5) {
    margin-top: 20px;
    width: 50%;
}

form#member-profile fieldset:nth-child(5) .control-group .control-label {
    padding-bottom: 5px !important;
}

form#member-profile fieldset:nth-child(5) .controls .input-group button#token-copy{
    margin-top: 5px !important;
}

.com-users-profile__edit-submit.control-group {
    padding-bottom: 20px !important;
}

.choices [hidden] {
    display: none !important;
}

.choices__list--multiple {
    display: block !important;
}

select#jform_actionlogs_actionlogsExtensions {
    max-width: 300px;
    width: 300px;
    background: #006b67;
}

select#jform_actionlogs_actionlogsExtensions::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.3);
    border-radius: 10px;
    background-color: #006b67;
}

select#jform_actionlogs_actionlogsExtensions::-webkit-scrollbar
{
    width: 12px;
    background-color: #006b67;
}

select#jform_actionlogs_actionlogsExtensions::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.3);
    background-color: #fff;
}

.choices .choices__inner {
    padding: 0 !important;
    background: #006b67;
}

input.choices__input.choices__input--cloned {
    background: #ffffff;
    /* color: #fff !important; */
    width: 100% !important;
}

input.choices__input.choices__input--cloned {
    max-width: 100% !important;
}

select#jform_actionlogs_actionlogsExtensions option {
    background: #006b67;
    color: #fff !important;
    padding: 5px;
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px;
    color: #006b67 !Important;
    background: #fff !important;
    border: 1px solid transparent !important;
}


.choices__list--multiple .choices__item[data-deletable] button.choices__button_joomla {
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    padding: 0;
    background: transparent;
    border: none;
    color: transparent;
}

.choices__list--multiple .choices__item[data-deletable] button.choices__button_joomla:after {
    content: '\f00d';
    position: absolute;
    color: #006b67 !important;
    font-family: fontawesome;
    z-index: 999;
    font-size: 14px;
    left: 8px;
    top: 0px;
}

form#member-profile fieldset:nth-child(4) .controls {
    max-width: 380px;
    width: 380px;
}

form#member-profile fieldset:nth-child(4) .choices__list.choices__list--multiple {
    padding: 5px;
}

button.print-pdf {
    outline: none !important;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 5px;
    margin-right: 23px;
}

button.print-pdf:hover {
    border: 1px solid #006b67;
    background: #fff !important;
    color: #006b67;
}

button.print-pdf::before {
    content: "\f1c1";
    font-family: "FOntawesome";
    padding-right: 5px;
}

.sm-filter-cont label.sm-search {
    padding-top: 15px;
}

.sm-filter-cont label.sm-search::after {
    content: "\f002";
    font-family: FontAwesome;
    padding-right: 5px;
    font-size: 18px !important;
    cursor: pointer !important;
    color: #006b67;
}

@media(max-width: 1366px){
    .baTabsWarp.style1 .ba__nav-tabs li a{
        padding: 10px !important;
        margin-right: 5px !important;
    }
}

@media(max-width: 1140px){
    .baTabsWarp.style1 .ba__nav-tabs li a{
        padding: 7px !important;
        margin-right: 4px !important;
    }
}

@media(max-width: 1140px){
   .baTabsWarp .ba__nav-tabs > li a > span{
    font-size: 13px !important;
   }
}

@media(max-width: 768px){
   .baTabsWarp .ba__nav-tabs > li a > span{
    font-size: 14px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
   }

   .baTabsWarp.style1 .ba__nav-tabs li {
    margin: 0 0 -1px;
    width: 100%;
    margin-bottom: 5px;
   } 

   .awesomplete > input {
    display: none !important;
    }
    
   .mod-login-logout .dropdown{
       top: 56px !important;
   }

    div#mod-custom342 p a{
        top: 8px !important;
    }

    .ba__panel-tabs .ba--description{
        padding: 30px 20px 30px 20px;
    }
    
    .navbar-fixed-top span.multinail-home-icon {
    float: inline-start;
    padding-left: 15px !important;
   }

    button.navbar-toggle.sidebar-toggle.collapsed {
    margin-left: 20px !important;
   }

  .multinail-more-button {
     float: none !important; 
   }
   
   button.navbar-toggle.collapsed.multinail-more-button {
    display: block !important;
   }
   
   button.navbar-toggle.collapsed.multinail-more-button > div {
    display: none !important;
  }
   
  .navbar-fixed-top span.multinail-search-icon {
    top: 44px !important;
  }
  
  span.multinail-search-icon {
    right: -40px !important;
 }

  form#member-profile fieldset:nth-child(1) .control-group {
    width: 100% !important;
  }

    form#member-profile fieldset:nth-child(3) {
        margin-top: 20px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
    }
    
    form#member-profile fieldset:nth-child(3).control-group {
        width: 100% !important;
    }
    
    form#member-profile fieldset:nth-child(4) {
        margin-top: 20px;
        width: 100%;
         float: inline-start;
    }
    
    form#member-profile fieldset:nth-child(4) legend {
        width: 100% !important;
    }
    
    form#member-profile fieldset:nth-child(4) legend.visually-hidden{
        width: 100% !important;
    }
    
    form#member-profile fieldset:nth-child(5) {
        margin-top: 20px;
        width: 100%;
    }
    
    form#member-profile fieldset:nth-child(5) .control-group .control-label {
        padding-bottom: 5px !important;
    }
    
    form#member-profile fieldset:nth-child(5) .controls .input-group button#token-copy{
        margin-top: 5px !important;
    }
    
    .com-users-profile__edit-submit.control-group {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    
    .dropdown a.dropbtn {
        margin-top: -49px !Important;
    }
    
    .menu-icon3 {
        display: none !important;
    }
    
/*    button.navbar-toggle.sidebar-toggle.collapsed {*/
/*    display: none !important;*/
/*}*/

 }

   .multinail-more-button {
     float: right !important; 
   }
.login-description {
    text-align: center;
    margin-bottom: 60px;
   margin-top: 60px;
    font-size: 5rem;
    color: #006c67;
    font-family: “Helvetica Neue”,”Open Sans”, Helvetica, Arial, sans-serif;
    font-weight: 300;
}
.com-users-login form {
    border: none;
    box-shadow: none;
}

.com-users-login__options a {
    border: none;
}
#tip-421, #tip-343, div[role=tooltip], .jmodedit {
    display: none;
}
.mod-banners img {
    width: 100%;
}
#content-main {
    padding: 22px 70px;
}
.body {
    margin-top: 58px;
}
.navbar {
    display: flex;
}
ul.mod-menu.mod-list.nav {
    display: flex;
}
.navbar {
    display: flex;
    background: linear-gradient(#006c67, #004338) !important;
    border: 1px solid #004338 !important;
}
.navbar .navbar-header {
    width: 20%;
    background: linear-gradient(#006c67, #004338) !important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent !important;
}
.nav>li a{
    font-weight: 300 !important;
}
.navbar-collapse{
    border-top: none !important;
}
ul.mod-menu.mod-list.nav li.nav-item a::after {
    content: "|";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0px;
}

/*form#login-form-420 .dropbtn::after {
    content: "|";
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
}*/
form#login-form-420 .dropbtn {
    margin-top: 1px !important;
/*    margin-right: 15px !important;*/
    font-weight: 300 !important;
}
span.fa.fa-search {
    margin-right: 15px !important;
}
.navbar .collapse{
    width: 80%;
}
.navbar  a {
    color: #fff;
}
.dropbtn::before{
    content: none !important;
}
.collapse-inner {
    display: flex;
    justify-content: end;
    min-height: 61px;
    align-items: center;
}
#off-menu_310 .sm-search, #off-menu_310 .sm-reset{
    background-image: none !important;
}
#HUB-vertical-menu-logo {
    height: 8em;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#004338, #006c67) !important;
    color: #fff !important;
}
.off-menu_310 dl dt, .off-menu_310 dl.level1 dt{
    background: #004338 !important;
}
.off-menu_310 dt .link, .off-menu_310 dt.level1 .link a {
    color: #fff !important;
    font-weight: 300 !important;
    font-family: “Helvetica Neue”,”Open Sans”, Helvetica, Arial, sans-serif !important;
}
.off-menu_310 dl .parent:after, .off-menu_310 dl.level1 > .parent:after {
    background-image: url(https://multinailjoomla4.xcelanceweb.com/images/unnamed.png) !important;
    background-size: contain !important;
    rotate: 275deg !important;
}
div#padding {
    max-width: 75%;
    width: 100% !important;
}
.off-menu_310 dt .link, .off-menu_310 dt.level2 .link a {
    color: #fff !important;
}
.off-menu_310 dl a, .off-menu_310 dl a:link, .off-menu_310 dl.level3 a, .off-menu_310 dl.level3 a:link{
    color: #fff !important;
}
#off-menu_354 .sm-search, #off-menu_354 .sm-reset{
    background-image: none !important;
}
.off-menu_354 dl dt, .off-menu_354 dl.level1 dt{
    background: #004338 !important;
}
.off-menu_354 dt .link, .off-menu_354 dt.level2 .link a {
    color: #fff !important;
}
.off-menu_354 dt .link, .off-menu_354 dt.level1 .link a {
    font-weight: 300 !important;
    font-family: “Helvetica Neue”,”Open Sans”, Helvetica, Arial, sans-serif !important;
}
.off-menu_354 dl a, .off-menu_354 dl a:link, .off-menu_354 dl.level1 a, .off-menu_354 dl.level1 a:link{
    color: #fff !important;
}
.off-menu_310.sm-tree dl .opened:before, .off-menu_310.sm-tree dl .opened:after {
    transform: rotateZ(85deg) !important;
}

dd.level2 dl.level3 dt.level3 {
    background: #4c9894!important;
    /*min-height: 61.40px;*/
    height: 100%;
}

dd.level2 dl.level3 dt.level3:hover{
    background: #006c67 !important;
}

dd.level1 dl.level2 dt.level2.parent {
    background: #4c9894 !important;
    /*min-height: 61.40px;*/
    height: 100%;
}
dd.level3.opened dt.level4.notparent:hover{
    background: #006c67 !important; 
    
}
    dd.level3.opened dt.level4.notparent {
    background: #4c9894 !important; 
    
}
dd.level1 dl.level2 dt.level2.parent:hover {
    background: #006c67 !important;
}

dd.level2 dl.level3 dt.level3.active{
    background: linear-gradient(to bottom, #071414 0%, #303838 50%, #071414 100%) !important;
    color: #fff !important;
}

.off-menu_310 dl dt.active.parent a, .off-menu_310 dl dt.active a, .off-menu_310 dl.level3 dt.active.parent a, .off-menu_310 dl.level3 dt.active a{
    color: #fff !important;
}
.off-menu_354 dl .parent:after, .off-menu_354 dl.level1 > .parent:after{
    background-image: url(https://multinailjoomla4.xcelanceweb.com/images/unnamed.png) !important;
    background-size: contain !important;
    rotate: 275deg !important;
}
.off-menu_354 dl dt, .off-menu_354 dl.level2 dt {
    background: #4c9894 !important;
}

dd.level1 dt.level2.active {
     background: linear-gradient(to bottom, #071414 0%, #303838 50%, #071414 100%) !important;
}
.product-brochure_vertical_menu dt.level2:hover {
    background-color: #006c67 !important;
}
dd.level3.opened dt.level4.notparent {
    background: #4c9894 !important;
    /*min-height: 61.40px;*/
    height: 100%;
}
dd.level3.opened dt.level4.notparent.active{
     background: linear-gradient(to bottom, #071414 0%, #303838 50%, #071414 100%) ! !important;
}
#off-menu_310 input[value=""].sm-filter ~ .sm-search{
    display: none !important;
}
#off-menu_354 input[value=""].sm-filter ~ .sm-search{
    display: none !important;
}
#HUB-vertical-menu-logo:after{
    font-family: “Helvetica Neue”,”Open Sans”, Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
}
input#sm-filter-310 {
    font-weight: 300 !important;
    color: #2f2f2f !important;
    font-family: “Helvetica Neue”,”Open Sans”, Helvetica, Arial, sans-serif !important;
}
div#custom-back-button {
    color: #2f2f2f !important;
    font-weight: 300 !important;
}
.sidebar-nav{
    background: #f5f5f5 !important;
}
#off-menu_354 input.sm-filter, #off-menu_354 input.sm-filter[type=text]{
    font-family: “Helvetica Neue”,”Open Sans”, Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
    color: #2f2f2f !important;
}
.navbar-header, .navbar-nav {
     background-color: transparent !important; 
}
.navbar-inverse .navbar-nav li>a {
    color: #f0f0f0;
    height: 61px !important;
    display: flex !important;
    align-items: center !important;
    letter-spacing: 0.03em;
}
form#login-form-420 .dropbtn {
    height: 61px !important;
    display: flex;
    align-items: center !important;
}
/*.off-menu_354 dl dt, .off-menu_354 dl.level2 dt {
    min-height: 61.40px;
    height: 100%;
}*/

#content-main {
       padding: 35px 70px  !important;
}
body > .sm-btn-310, .sm-content-inner > .sm-btn-310, .off-menu_310 .sm-btn-310{
    top: 62px !important;
}

.dropdown-content a.closeBtn {
    top: 10px !important;
    right: 15px !important;
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown:hover .dropdown-content{
    padding: 40px 20px 20px 20px !important;
}

.sm-btn-310, .sm-btn-354{
    background: rgb(0 85 77) !important;
}

.product-brochures main#content-main .com-content-article.item-page {
    margin-top: 40px !important;
}


.product-brochures main#content-main .com-content-article.item-page .row:first-child{
    margin-bottom: 0px !important;
}

/*dd.level2 dl.level3 dt.level3 .link a {
    font-weight: 700 !IMPORTANT;
}

.off-menu_310 dt .link, .off-menu_310 dt.level2 .link a {
    font-weight: 700 !important;
}

.off-menu_310 dl a, .off-menu_310 dl a:link, .off-menu_310 dl.level4 a, .off-menu_310 dl.level4 a:link {
    font-weight: 700 !IMPORTANT;
}*/

footer.footer {
    background: linear-gradient(#006c67, #004338) !important;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 15px 0px;
}

footer.footer hr{
    display: none ;
}

footer.footer p{
    margin-bottom: 0px;
}

footer.footer p{
    color: #d5d5d5 !important;
}

footer.footer p a{
    color: #d5d5d5 !important;
}

@media only screen and (min-width: 991px) and (max-width: 1080px) {
    .nav>li a {
        padding: 10px 10px !important;
}
}

@media (min-width: 991px){
    .navbar a.search::before {
        content: "|";
        font-family: 'FontAwesome';
        padding-right: 10px !important;
    }

    .navbar-inverse .navbar-nav li>a {
        padding-left: 8px !important;
        letter-spacing: 0.03em;
    }

    div#bs-example-navbar-collapse-1 {
        display: none !important;
    }

}

@media (min-width: 1025px){
    .navbar-inverse .navbar-nav li>a {
        padding-left: 8px !important;
        letter-spacing: 0.03em;
    }
}

@media (min-width: 991px) and (max-width: 1024px){
    .navbar-inverse .navbar-nav li>a {
        padding-left: 8px !important;
        letter-spacing: 0.02em;
    }
}



@media (max-width: 991px){
    .navbar .navbar-header {
        background: none !important;
        display: flex;
    }

    .navbar-toggle{
        margin-left: 15PX !important;
    }

    .navbar .show ul.navbar-right {
        height: 100vh !important;
        display: block !important;
    }


   .navbar .show ul.navbar-right ul.mod-menu.mod-list.nav{
     display: block !important;
   }

    div#bs-example-navbar-collapse-2 {
        display: none !important;
    }

    body > .sm-btn-354, .sm-content-inner > .sm-btn-354, .off-menu_354 .sm-btn-354{
        top: 62px !important;
    }

    .navbar{
        z-index: 111111 !important;
    }

    .navbar .show{
        height: 100vh !important;
    }

    .collapse.navbar-collapse.show{
        height: 100vh !important;
        margin-top: 65px !important;
        box-shadow: none !important;
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
         height: 100vh !important;
         max-height: 100vh !important;
    }

    .navbar-right {
        float: left !important;
        margin-right: -15px;
    }

    .navbar-nav {
        float: none !important;
    }

    body .navbar-nav>li {
        float: none !important;
    }

    form#login-form-420 .dropbtn {
        height: 61px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: end;
    }

    form#login-form-420 .dropbtn {
        height: 61px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: end;
        width: fit-content;
        float: left !important;
        z-index: 11111111 !important;
    }

    .navbar-inverse .navbar-nav li>a.search {
        width: fit-content !important;
        position: absolute;
        top: -61px;
        right: 40px;
    }

    button.navbar-toggle.collapsed.hidden-md.hidden-lg {
        position: absolute !important;
        right: 0 !important;
        top: 8px !important;
    }

    body.login button.navbar-toggle.collapsed.hidden-md.hidden-lg{
        display: none !important;
    }
}

.form-control-feedback{
    display: none !important;
}

@media (min-width: 768px){
    .navbar-nav>li {
        float: left !important;
    }

}

@media(max-width: 991px){
    #content-main {
       padding: 70px 20px  !important;
    }

    div#padding{
        max-width: 100% !important;
    }

    ul.mod-menu.mod-list.nav li.nav-item.item-6955 a::after {
    content: none;
    }
    ul.mod-menu.mod-list.nav li.nav-item.item-6956 a::after {
        content: none;
    }
    ul.mod-menu.mod-list.nav li.nav-item.item-6957 a::after {
        content: none;
    }
    ul.mod-menu.mod-list.nav li.nav-item.item-6958 a::after {
        content: none;
    }
    ul.mod-menu.mod-list.nav li.nav-item.item-6959 a::after {
        content: none !important;
    }

    .mod-login-logout .dropdown {
        position: absolute !important;
        top: -62px !important;
        right: 95px !important;
        max-width: 130px !important;
        width: 100% !important;
    }

    .dropdown:hover .dropdown-content{
        margin-top: 60px !important;
    }

    .main-content div#mod-custom162 {
       padding-top: 60px !important;
    }

    .main-content div {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body.nail-plate-connectors, .parallel-chord-truss-connectors, .bracing, .bracket, .truss-boots-hangers, .truss-tie-down-products, .wall-frame-products, .ancillary-nail-plate-connectors, .fasteners, .stainless-steel {
       padding-top: 50px !important;
    }
}

@media (max-width: 768px){
    .mod-login-logout .dropdown{
        top: 0px !important;
    }

    .navbar-inverse .navbar-nav li>a.search{
        top: -70px !important;
    }

    body > .sm-btn-310, .sm-content-inner > .sm-btn-310, .off-menu_310 .sm-btn-310 {
        position: absolute !important;
        top: 111px !important;
        left: 0;
        width: 50px;
        height: 50px !important;
    }

    .menu-icon3 {
       display: block !important;
    }

    .mod-login-logout .dropdown {
        position: absolute !important;
        top: -70px !important;
        right: 95px !important;
        max-width: 130px !important;
        width: 100% !important;
    }
    
    .dropdown:hover .dropdown-content{
        margin-top: 60px !important;
    }

    .home .mod-banners img {
        margin-top: 51px !important;
    }
  .mod-custom {
        margin-top: 51px !important;
    }
    
    .home #content-main {
       padding: 40px 20px  !important;
    }

    body.nail-plate-connectors, .parallel-chord-truss-connectors, .bracing, .bracket, .truss-boots-hangers, .truss-tie-down-products, .wall-frame-products, .ancillary-nail-plate-connectors, .fasteners, .stainless-steel {
       padding-top: 80px !important;
    }

    .online-ordering #content-main {
        padding: 70px 9px !important;
    }
}



@media (max-width: 750px){
    .navbar-brand {
        display: block !important;
    }
}



@media(max-width: 570px){
    #mod-custom334 .col-xs-6 {
        width: 100% !important;
    }

    #mod-custom335 .col-xs-6{
        width: 100% !important;
    }
    
    .navbar-fixed-top span.multinail-search-icon {
    top: 44px !important;
    }
    
    span.multinail-search-icon {
     margin-top: 0px !important; 
     right: -92px !important;
     position: relative !important;
    }
    
}

@media(max-width: 440px){
    span.multinail-search-icon {
        right: 145px !important;
    }
    
    .navbar-fixed-top span.multinail-search-icon {
        top: 24px !important;
    }

    .navbar-brand>img {
        height: 85% !important;
    }

    body .mod-login-logout .dropdown{
        right: 95px !important;
    }

    body .dropdown-content {
        position: fixed !important;
        right: 20px !important;
    }
}

@media(max-width: 400px){
     span.multinail-search-icon {
        right: -64px !important;
    }
    
    .navbar-fixed-top span.multinail-search-icon {
        top: 0px !important;
    }
    
}

@media (max-width: 380px){
    .navbar-brand>img {
        height: 77% !important;
    }

    .navbar-toggle{
        margin-right: 0PX !important;
        margin-left: 0px !important;
    }

    span.fa.fa-search {
        margin-right: 0px !important; 
    }

    form#login-form-420 .dropbtn{
        padding: 0px !important;
    }

    body .mod-login-logout .dropdown{
        right: 60px !important;
    }

    body .dropdown-content {
        position: fixed !important;
        right: 10px !important;
    }

    .contact-us-2 .styled-button{
        font-size: 12px !important;
        padding: 0 2rem !important;
    }
}


div#navbar a.search::before {
    content: "|" !important;
    font-family: 'FontAwesome' !important;
    padding-right: 10px !important;
}