/*=======animation: lines=======*/

/*configure*/
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox .itemboxlist .listboxwrapper .itembox .itemlist li span.wrap {
    position: relative; /*keeps the underline relative to the width of the span*/
}

.linkgroup .item:after, /*linkgroup is used on the container of the trigger items*/
header .mainnavigation > .item:before,

.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox .menulistwrapper:before,
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox .columnbox:before,

/*.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox.sensorOverStyles .itemboxlist .listboxwrapper .itembox .itemlist li:after,*/

.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox .itemboxlist .listboxwrapper .itembox .itemlist li span.wrap:after,

.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .contactcontainer .infobox-coZ3D0 .labelbox a:after,
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .titlebox .title:after {
    /*customizable*/
    
    border-bottom-color: rgb(151, 151, 151);
    border-bottom-width: 1px;
    top: 0;
    bottom:unset;
    
    /*constant*/
    
    border-bottom-style: solid;
    content: "";
    height: 0px;
    left: 0;
    position: absolute;
    transform: translateX(-100%);
    transform: scaleX(0) translateZ(0);
    transform-origin: 100% 50%;
    
    transition: transform .4s cubic-bezier(.405,.07,.575,.995) .1s,transform-origin .1s cubic-bezier(.405,.07,.575,.995) 0s,opacity .4s cubic-bezier(.24,.015,.145,.93) 0s;
    width: 100%;
}
/*We counter the linkgroup for the mobile items if the class has been set in the mobile HTML.
All other items are overwritten by mobilemenu.css*/
.mainmobilenavigation .linkgroup .item:after {
    left: unset;
    transform: none;
    transform-origin:none;
    border:none;
}


/*This shares trhe definition above, but we have adjusted two properties due to what sites typically override*/   
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox .itemboxlist .listboxwrapper .itembox .itemlist li span.wrap:after {
/*.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox .itemboxlist .listboxwrapper .itembox .itemlist li:after { */
    top: unset;
    bottom:0px; /*-4px;*/
}
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox.sensorOverStyles .itemboxlist .listboxwrapper .itembox .itemlist li span.wrap {
  
  text-decoration: none;
  
  background-image: linear-gradient(rgba(255,255, 255, 0), rgba(255,255, 255, 0)), 
                    linear-gradient(rgba(255,255, 255, 0), rgba(255,255, 255, 0)), 
                    linear-gradient(rgb(151, 151, 151), rgb(151, 151, 151));
  
  background-size: 20px 1px, 100% 1px, 0 1px;
  background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size .4s linear, background-position .4s linear;
}


/*run effect*/
/*the linkgroup can be used, but it will place a line beneath the item;
instead, we use the statement with sensorIsSelected to place the line above the item*/
/*.linkgroup .item:hover:after,*/
header .mainnavigation.sensorIsSelected > .item.sensorOver:before,

/*commented items do not run on this particular site*/

/*This is the line above the menu column. Most of the time it is active, but check em_jqmenu.css for override*/
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox.sensorOverStyles .menulistwrapper:before,

.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox.sensorOverStyles .itemboxlist .listboxwrapper .itembox .itemlist li:hover span.wrap:after,
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .titlebox .title:hover:after,

/*.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox.sensorOverStyles .itemboxlist .listboxwrapper .itembox .itemlist li:hover:after,*/
/*this would be disabled if the above sensorOverStyles is utlized. They essentially handle the same space*/
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox .columnbox.sensorOverColumn:before,

.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .contactcontainer .infobox-coZ3D0 .labelbox a:hover:after {
    
    /*animated bar above menu item box AND categories*/
    transform: scaleX(1) translateZ(0);
    transform-origin: 0 50%;
    transition: transform .4s cubic-bezier(.405,.07,.575,.995);
}

/*when using separator or norollover class*/
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox.sensorOverStyles .itemboxlist .listboxwrapper .itembox .itemlist li.separator span.wrap:after,
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox.sensorOverStyles .itemboxlist .listboxwrapper .itembox .itemlist li.separator:hover span.wrap:after,
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .titlebox .title.norollover:after {
    transform:none;
    border: none;
}
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .titlebox .title.norollover {
    cursor:default;
}

/*This might have a place in one of the sites, but it is essentially causing a second underline above the one that is
being created by the transform properties used by the pseudo of the same element:
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox.sensorOverStyles .itemboxlist .listboxwrapper .itembox .itemlist li:hover span.wrap:after*/
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox.sensorOverStyles .itemboxlist .listboxwrapper .itembox .itemlist li:hover span.wrap {
  /*background-size: 20px 1px, 0 1px, 100% 1px;
  background-position: calc(100% + 20px) 100%, 100% 100%, 0 100%;*/
}

/*customize*/
.linkgroup .item:after {
    top: unset;
    bottom:-4px; /*-4px;*/
}
/*We counter the linkgroup for the mobile items if the class has been set in the mobile HTML.
All other items are overwritten by mobilemenu.css*/
.mainmobilenavigation .linkgroup .item:after {
    bottom:unset;    
}

/*.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox .menulistwrapper:before,*/
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox .columnbox:before {
    border-bottom-color: rgb(96, 89, 83);
    border-bottom-width: 3px;
} 

.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .contactcontainer .infobox-coZ3D0 .labelbox a:after {
    top: unset;
    bottom:-4px; /*-4px;*/
}
/*.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .titlebox .title:after {
    top: unset;
    bottom:0px;
}*/



/*=======END animation: lines=======*/


header .menulistbox  { 
     background-attachment:scroll;
     background-clip:border-box;
     background-color: #F4F4F4;
     background-image:none;
     background-origin:padding-box;
     background-position-x:0;
     background-position-y:0;
     background-repeat:repeat;
     background-size:auto;
     color:rgb(255, 255, 255);
     display:none;
     line-height:22px;
     pointer-events:none;
     position:absolute;
     text-transform:capitalize;
     z-index:3000;
} 
header .menulistbox.box  { 
     align-items:flex-start;
     display:flex;
     flex-direction:row;
     justify-content:flex-end;
     left:0;
} 
header .mainnavigation.menulist.sensorIsSelected .menulistbox {
    pointer-events:all;
}

.mainnavigation .menuboxcontainer-per  { 
     align-items:flex-start;
     background-color:rgba(0, 0, 0, 0);
     box-shadow:rgba(0, 0, 0, 0.1) 4px 4px 11px 0;
     display:flex;
     flex-direction:row;
     height:auto;
     justify-content:flex-start;
     left:unset;
     margin-left:0;
     margin-top:0;
     position:relative;
     top:unset;
     width:100%;
} 
.mainnavigation .menuboxcontainer-per .menubox  { 
     align-items:flex-start;
     display:flex;
     flex-direction:row;
     height:auto;
     justify-content:flex-start;
     margin-bottom:0;
     margin-left:43px;
     margin-right:43px;
     margin-top:0;
     position:relative;
     width:auto;
     padding-bottom: 17px;
} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer  { 
     background-color:rgba(0, 0, 0, 0);
     height:auto;
     left:unset;
     margin-left:0;
     margin-top:0;
     position:relative;
     top:unset;
     width:auto;
} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .itemcontentcontainer  { 
     align-items:flex-start;
     display:flex;
     flex-direction:row;
     height:auto;
     justify-content:flex-start;
     margin-bottom:20px;
     margin-top: 0; /*20px;*/
     position:relative;
     width:auto;
} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper  { 
     align-items:flex-start;
     background-color:rgba(0, 0, 0, 0);
     display:flex;
     flex-direction:row;
     height:auto;
     justify-content:space-between;
     position:relative;
     width: auto;
     column-gap: 26px;
}
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .columnbox {
    position:relative;
    width:auto;
    height:auto;
    margin-left: 5px;
} 
.mainmobilenavigation .menuitems.mobileitems .mainnavigation .menulistbox .columnbox {
    position:relative;
    width:auto;
    height:auto;
} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .titlebox  { 
     background-color:rgba(0, 0, 0, 0);
     height:auto;
     
     left: 0;
     position:absolute;
     
     top:23px;
     width:auto;
     z-index:1;
} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .titlebox .title { 
     background-color:rgba(0, 0, 0, 0);
     text-transform: uppercase;
     height:auto;
     left:unset;
     line-height:23px;
     margin-left:0;
     margin-top:0;
     position:relative;
     top:unset;
     width:auto;
 
     font-family: brother-1816, sans-serif;
   
     font-style:normal;
     font-weight:700;
  
     text-align:left;

     white-space:nowrap;
     
    
    font-size: 14px;
    color: #000000;
    letter-spacing: 2.33px;
    line-height: 23px;

} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .titlebox .title a,
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .titlebox .title a:link  { 
     
     font-family: brother-1816, sans-serif;
 
     font-style:normal;
     font-weight:300;
   
     text-align:left;
     
    
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 19px;

     white-space:nowrap;
} 

.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox  { 
     align-items:flex-start;
     background-color:rgba(255, 255, 255, 0);
     display:flex;
     flex-direction:row;
     justify-content:space-between;
     position:relative;
     width: auto;
} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox .menulistwrapper  { 
     align-items:flex-start;
     display:flex;
     flex-direction:row;
     justify-content:space-between;
     position:relative;
     width: 100%;
} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .itemboxlist  { 
     background-color:rgba(0, 0, 0, 0);
     height:auto;
     /*margin-left:5px;*/
     position:relative;
     width:auto;
     max-width: 170px;
} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .itemboxlist .listboxwrapper  { 
     background-color:rgba(0, 0, 0, 0);
     height:auto;
     left:unset;
     margin-left:0;
     margin-top:0;
     padding-top:54px;
     position:relative;
     top:unset;
     width:100%;
} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .itemboxlist .listboxwrapper .itembox  { 
     background-color:rgba(0, 0, 0, 0);
     color:rgb(0, 0, 0);
     font-family: brother-1816, sans-serif;
     font-size:13px;
     font-style:normal;
     font-weight:300;
     height:auto;
     left:unset;
     letter-spacing:0;
     line-height:16px;
     margin-left:0;
     margin-top:0;
     position:relative;
     text-align:left;
     top:unset;
     width:auto;
} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .itemboxlist .listboxwrapper .itembox .itemlist  { 
     color:inherit;
     font-size:100%;
     line-height:inherit;
     margin-bottom:0;
     margin-left:0;
     margin-right:0;
     margin-top:0;
     padding-bottom:0;
     padding-left:0;
     padding-right:0;
     padding-top:0;
     position:relative;
} 

.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .itemboxlist .listboxwrapper .itembox .itemlist li  { 
     color:inherit;
     cursor:pointer;
     font-size:100%;
     line-height:inherit;
     list-style-image:none;
     list-style-position:outside;
     list-style-type:none;
     margin-bottom: 11px;
     margin-left:0;
     margin-right:0;
     margin-top:0;
     padding-bottom:0;
     padding-left:0;
     padding-right:0;
     padding-top:0;
     position:relative;
} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .itemboxlist .listboxwrapper .itembox .itemlist li:last-child  { 
     margin-bottom:0;
     margin-left:0;
     margin-right:0;
     margin-top:0;
} 
/*even though first-of-type won't affect a class, this works out for the DIV being used*/
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .itemboxlist:first-of-type  { 
     margin-left:0;
}
/*1099 note: for some bizarre reason, commenting this out fixed the jump effect that was happening on the AFTER element.
I assume setting the position added weight to the inline span. In any case, it only become noticable when I changed the bottom property
from 3px to 4px. When looking at the AFTER rule, setting this to relative caused the LEFT property of the AFTER element to stop
functioning.*/ 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox.sensorOverStyles .itemboxlist .listboxwrapper .itembox .itemlist li span  { 
     /*position:relative;*/
} 

/*can be used to change font weight without affecting space*/
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox.sensorOverStyles .itemboxlist .listboxwrapper .itembox .itemlist li:hover span.name  { 
    /*text-shadow: 1px 0px 0px black;*/ 
    /*visibility:hidden;*/
    color:transparent;
} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .standardmenulistbox.sensorOverStyles .itemboxlist .listboxwrapper .itembox .itemlist li:hover:before {
  position: absolute;
  font-weight:400; /*when changing font weight without affecting space, this is often changed to 500*/
  /*white-space: nowrap;*/
  content: attr(data-title);
}
/*end can be used to change font weight without affecting space*/

.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .linkwrapper .itemboxlist + .itemboxlist  { 
     margin-left:0;
     padding-left:40px;
} 
.mainnavigation .menuboxcontainer-per .menubox .linkcontainer .columnbox + .columnbox {
    margin-left:40px;
}
.mainnavigation .menuboxcontainer-per .menubox .ddv-shell  { 
     background-attachment:scroll;
     background-clip:border-box;
     background-color:rgba(0, 0, 0, 0);
     background-image:none;
     background-origin:padding-box;
     background-position-x:0;
     background-position-y:0;
     background-repeat:repeat;
     background-size:auto;
     height:181px;
     left:unset;
     margin-left:47px;
     margin-top:16px;
     position:relative;
     top:unset;
     width:225px;
} 
.hasmainmenu .contactcontainer  { 
     background-color:rgb(0, 0, 0);
  
     box-shadow:rgba(0, 0, 0, 0.1) 4px 4px 11px 0;
 
     left:unset;

     position:absolute;
     right: -32px;
    
     width: 230px;
     
     height: 157px;
    bottom: unset;
    top: 50%;
   margin-top: -87px;
} 
.fix-collapse-margin  { 
     padding-top:1px !important;
     position:relative;
} 
.hasmainmenu .contactcontainer .fix-collapse-margin  { 
     padding-top:1px !important;
     position:relative;
} 
.hasmainmenu .contactcontainer .menucontactbox-dc9kjr  { 
     background-color:rgba(0, 0, 0, 0);
     height:auto;
     left:unset;
     margin-left:25px;
     margin-right:25px;
     margin-top:21px;
     position:relative;
     top:unset;
     width:auto;
} 
.hasmainmenu .contactcontainer .infobox-coZ3D0  { 
     background-color:rgba(0, 0, 0, 0);
     height:auto;
     left:unset;
     margin-left:9px;
     margin-top:0;
     position:relative;
     top:unset;
     width:auto;
} 
.hasmainmenu .contactcontainer .itembox-4ZJvPF  { 
     background-color:rgba(0, 0, 0, 0);
     height:auto;
     margin-left:0;
     margin-top:0;
     position:relative;
     width:auto;
} 
.hasmainmenu .contactcontainer .infobox-coZ3D0 .infobox  { 
     background-color:rgba(0, 0, 0, 0);
     height:auto;
     margin-left:0;
     margin-top:0;
     position:relative;
     width:auto;
} 
.hasmainmenu .contactcontainer .infobox-coZ3D0 .labelbox  { 
     background-color:rgba(0, 0, 0, 0);
     color:rgb(255, 255, 255);
     font-family: brother-1816, sans-serif;
     font-size:12px;
     font-style:normal;
     font-weight:400;
     height:auto;
     letter-spacing:2px;
     line-height:18px;
     margin-left:0;
     margin-top:0;
     position:relative;
     text-align:left;
     text-decoration-color:rgb(0, 0, 0);
     text-decoration-line:none;
     text-decoration-style:solid;
     text-decoration-thickness:auto;
     width:auto;
} 
.hasmainmenu .contactcontainer .infobox-coZ3D0 .labelbox.bold  { 
     font-weight:600;
} 
.hasmainmenu .contactcontainer .infobox-coZ3D0 .labelbox a  { 
     background-color:rgba(0, 0, 0, 0);
     color:rgb(255, 255, 255);
     font-family: brother-1816, sans-serif;
     font-size:12px;
     font-style:normal;
     font-weight:400;
     height:auto;
     letter-spacing:2px;
     line-height:18px;
     margin-left:0;
     margin-top:0;
     position:relative;
     text-align:left;
     text-decoration-color:rgb(0, 0, 0);
     text-decoration-line:none;
     text-decoration-style:solid;
     text-decoration-thickness:auto;
     width:auto;
} 
.hasmainmenu .contactcontainer .infobox-coZ3D0 .labelbox a:link  { 
     background-color:rgba(0, 0, 0, 0);
     color:rgb(255, 255, 255);
     font-family: brother-1816, sans-serif;
     font-size:12px;
     font-style:normal;
     font-weight:400;
     height:auto;
     letter-spacing:2px;
     line-height:18px;
     margin-left:0;
     margin-top:0;
     position:relative;
     text-align:left;
     text-decoration-color:rgb(0, 0, 0);
     text-decoration-line:none;
     text-decoration-style:solid;
     text-decoration-thickness:auto;
     width:auto;
     text-transform: uppercase;
} 
.hasmainmenu .contactcontainer .itembox-gDUk0O  { 
     background-color:rgba(0, 0, 0, 0);
     height:auto;
     margin-left:0;
     margin-top:10px;
     position:relative;
     width:auto;
} 
.hasmainmenu .contactcontainer .buttonbox-coZ3D0  { 
     background-color:rgba(0, 0, 0, 0);
     height:auto;
     margin-left:0;
     margin-top:23px;
     padding-bottom:10px;
     position:relative;
     width:auto;
} 
.buttonproxyparent  { 
     height:64px;
     width:224px;
     transition-delay:0s;
     transition-duration:150ms;
     transition-property:border;
     transition-timing-function:ease-in-out;
} 
.hasmainmenu .contactcontainer .fbutton-g6xNqe  { 
     align-items:center;
     background-color:rgba(0, 0, 0, 0);
     border-bottom-color:rgb(188, 185, 185);
     border-bottom-style:solid;
     border-bottom-width:1px;
     border-image-outset:0;
     border-image-repeat:stretch;
     border-image-slice:100%;
     border-image-source:none;
     border-image-width:1;
     border-left-color:rgb(188, 185, 185);
     border-left-style:solid;
     border-left-width:1px;
     border-right-color:rgb(188, 185, 185);
     border-right-style:solid;
     border-right-width:1px;
     border-top-color:rgb(188, 185, 185);
     border-top-style:solid;
     border-top-width:1px;
     cursor:pointer;
     display:flex;
     flex-direction:column;
     height:47px;
     justify-content:center;
     margin-left:9px;
     position:relative;
     transition-delay:0s, 0s;
     transition-duration:150ms, 250ms;
     transition-property:background-color, border;
     transition-timing-function:ease-in-out, ease-in-out;
     width:197px;
     background-color:rgba(238, 146, 48, 0);
} 
.buttonproxy  { 
     background-color:rgba(0, 0, 0, 0);
     left:0;
     opacity:0;
     pointer-events:none;
     position:absolute;
     top:0;
     transition-delay:0s;
     transition-duration:150ms;
     transition-property:all;
     transition-timing-function:ease-in-out;
     visibility:hidden;
} 
.buttonproxyparent .buttonproxy  { 
     height:64px;
     width:224px;
} 
.hasmainmenu .contactcontainer .fbutton-g6xNqe .buttonproxy  { 
     background-color:rgb(238, 146, 48);
     height:47px;
     left:0;
     top:0;
     width:197px;
} 
.hasmainmenu .contactcontainer .label-YcqBm9  { 
     background-color:rgba(0, 0, 0, 0);
     color:rgb(255, 255, 255);
     font-family: brother-1816, sans-serif;
     font-size:12px;
     font-style:normal;
     font-weight:400;
     height:auto;
     left:unset;
     letter-spacing:2px;
     line-height:15px;
     position:relative;
     text-align:center;
     top:unset;
     transition-delay:0s;
     transition-duration:150ms;
     transition-property:font-weight;
     transition-timing-function:ease-in-out;
     width:auto;
} 
.buttonproxyparent:hover .buttonproxy  { 
     height:73px;
     left:-5px;
     opacity:1;
     top:-5px;
     visibility:visible;
     width:234px;
} 
.hasmainmenu .contactcontainer .fbutton-g6xNqe.buttonproxyparent:hover .buttonproxy  { 
     height:57px;
     left:-6px;
     top:-5px;
     width:207px;
} 
.hasmainmenu .contactcontainer .fbutton-g6xNqe:hover .label-YcqBm9  { 
     font-weight:800;
} 


@media screen and (max-width: 800px) {
   header  { 
     background-position-x:0;
     background-position-y:-100%;
} 
}
@media screen and (max-width: 540px) {
   .buttonproxyparent:hover .buttonproxy  { 
     height:100%;
     left:0;
     opacity:0;
     top:0;
     visibility:hidden;
     width:100%;
} 
   .hasmainmenu .contactcontainer .fbutton-g6xNqe.buttonproxyparent:hover .buttonproxy  { 
     height:100%;
     left:0;
     opacity:0;
     top:0;
     visibility:hidden;
     width:100%;
} 
}