@charset "utf-8";

nav {
position: fixed;
z-index: 8;
top: 0;
width: 100%;
height: auto;
min-width: 864px;
padding-bottom: 5px;
background: #00839A;
font: 12px/15px Arial, Verdana, sans-serif;
}
nav * {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
nav * {
  font-size: 14px!important;
}
nav a {
  font-size: 12px!important;
}
nav ul {
margin: 0;
padding:0;
list-style: none;
}
#nav_top {
background: #000;
height: 35px;
padding: 0 7rem;
}
#nav_top ul {
float: right;
margin-top: -8px;
}
#nav_top li {
display: inline-block;
}
#nav_top li a {
display: block;
margin-left: 5px;
padding: 10px;
font-size: 1.2rem;
color: #fff;
text-decoration: none;
}
#nav_top li a:hover{
background: #00839A;
}
a#change_lang:before{
position: relative;
display: inline-block;
width: 25px;
height: 12.5px;
margin-right: 2px;
content: "";
background: url(https://www.makita.ca/Canada-Flag.png) no-repeat 0 0;
background-size: contain;
}
/* NAV BOTTOM */
#nav_bottom {
padding: 15px;
}
#nav_bottom .row {
max-width: 1200px;
text-align: center;
margin: 0 auto;
}
#nav_bottom .row [class^="col"] {
margin: 0!important;
}
#logo {
float: left;
width: 111px;
margin: -7px 15px 0 15px;
}
#logo img {
width: 111px;
height: auto;
margin: 0;
padding: 0;
vertical-align: middle;
}
.v2_nav {
position: relative;
display: inline-block;
float:  left;
margin-top: -6px;
height: 38px;
}
.v2_nav ul {
position: absolute;
border-bottom: 5px solid  #000;
z-index: 1;
left: -99999em;
}
ul.v2_nav > li {
display: inline-block;
}
  ul.v2_nav_menu > li
, ul.v2_nav_submenu > li
, ul.v2_nav_subsubmenu > li{
display: block;
text-align: left;
white-space: nowrap;
}
.v2_nav span {
position: relative;
display: inline-block;
width: calc(100vw / 4 - 120px);
min-width: 100px;
max-width: 160px;
background: #000;
color: #fff;
padding: 10px;
margin: 0 3px;
font-size: 1.2rem;
border: 1px solid #000;
text-align: left;
white-space: nowrap;
}
.v2_nav span:hover {
background-color: #fff;
color: #00839A;
}
.v2_nav span:hover:before {
position: absolute;
top: calc(100% - 4px);
width: calc(100% - 3px);
height: 2px;
background: #00839A;
content: "";
left: 2px;
}
 .v2_nav ul li
,.v2_nav ul ul li{
border-bottom: 1px solid #eee;
border-radius: 2px 0 5px 2px;
border-right: 1px inset #999;
}
/* .v2_nav > li:hover > ul { */
.v2_nav > li.select > ul {
left: auto;
min-width: 50%;
}
/* .v2_nav > li li:hover > ul { */
.v2_nav > li li.select > ul {
top: 0; 
left: auto;
margin-left: 2px;
}
/* .v2_nav > li li li:hover > ul { */
.v2_nav > li li li.select > ul {
top: 0;
left: auto;
margin-left: 1.5rem;
}
/*
  .v2_nav li:hover > ul
, .v2_nav li li:hover > ul
, .v2_nav li li li:tap-hover > ul {
display: block;
}
*/
  ul.v2_nav_menu
, ul.v2_nav_submenu
, ul.v2_nav_subsubmenu {
/* display: none; */
position: absolute;
background: #fff;
box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
border: 1px solid #000;
min-width: fit-content;
}
ul.v2_nav_submenu {
left: 100%!important;
margin-left: 1px!important;
}
ul.v2_nav_subsubmenu {
left: 100%!important;
margin-left: 1px!important;
}
  .v2_nav li.select li:hover:before
, .v2_nav_menu li.select li:hover:before {
color: #fff;
}
.v2_nav a {
display: block;
/* width: fit-content; */
padding: 12px 16px;
margin: 2px;
color: #00839A;
text-decoration: none;
text-transform: uppercase;
text-align:left;
}
.v2_nav a:hover {
background: #666;
color: #fff;
}
.v2_nav span.icon-up:after {
content: "\25B2";
position: absolute;
left: calc(100% - 2rem);
}
.v2_nav span.icon-down:after {
content: "\25BC";
position: absolute;
left: calc(100% - 2rem);
}
.v2_nav ul li.icon-left:before {
content: "\25c0";
position: absolute;
left: 100%;
margin-left: -2rem;
margin-top: 1rem;
}
.v2_nav ul li.icon-right > a:before {
content: "\25b6";
display:  inline-block;
position: sticky;
left: 100%;
margin-left: 1rem;
}
span.tag {
background: #fff;
color: #00839A;
opacity: 0.75;
/* border-radius: 0 10px; */
}
a.sub.tag {
background: #00839A;
color: #fff;
opacity: 0.75;
/* border-radius: 0 10px; */
}
a.subsub.tag {
background: #00839A;
color: #fff;
opacity: 0.75;
/* border-radius: 0 10px; */
}
a.subsub.tag:after {
position: absolute;
display: none;
left: 0;
margin-left: calc(-5rem - 4px);
margin-top: -3rem;
width: 5rem;
height: 5rem;
z-index: 9999;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-color: #fff;
border: 2px solid #00839A;
/* border-radius: 25%; */
box-shadow: 0 0 6px #fff;
content: "";
}
a.subless:hover:after {
position: absolute;
display: none;
left: 100%;
margin-left: 0;
margin-top: -3rem;
width: 5rem;
height: 5rem;
z-index: 9999;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-color: #fff;
border: 2px solid #00839A;
/* border-radius: 25%; */
box-shadow: 0 0 6px #fff;
content: "";
}
#searchform{
float: right;
display: inline-block;
padding: 0;
margin: 0;
border: 0;
width:100%

}
#searchform input.textbox-en-ca{
position: relative;
display: inline-block;
min-width: 135px;
width: 10%;
height: 2rem;
margin: 0;
padding: 0 3px;
border: 0;
color: #000;
font-size: 1rem;
vertical-align: middle;
}
#searchform input.submit-cta-en-ca{
position: relative;
display: inline-block;
left: -4px;
width: auto;
height: 2rem;
margin: 0;
padding: 0;
border-radius: 0;
background-color: #fff;
vertical-align: middle;
}
nav .scrollable-holder::-webkit-scrollbar{
  width: 12px;
}
nav .scrollable-holder::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius:  10px;
}
nav .scrollable-holder::-webkit-scrollbar-thumb{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
#where_to_buy div{
  display:none;
  position:absolute;
  z-index:1;
  min-width: 110px;
  margin-top: -1rem;
  margin-left: 5px;
  background:#fff;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  border: 1px solid #000
}
#where_to_buy div.showme{
  display:block;
}
#where_to_buy div a{
  text-decoration: none;
  padding: 10px;
  color:#000;
}
#where_to_buy div a:hover{
  color:#00839A;
  background:#fff;
}
nav form.nav-route{
  visibility:hidden;
  position:absolute;
  height:1px;
  width:1px;
  line-height:1px;
}
.product_cat_menu{
  display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    font-family: lato;
    font-weight: 500;
    font-size: 18px;
    text-decoration: underline;
    color: white !important;
}
.product_cat_menu > li{
  padding: 5px 30px;
  color: white !important;
}
.right_line{
  transform: rotate(180deg);
    position: absolute;
    top: 40%;
    right: 0;
}
.line_product_nav {
  position: absolute;
    left: 0;
    top: 40%;
}
.product_cat_menu > li{
  cursor:pointer;
}