:root {
	  --primary-color: #030303;
	  --primary-color-light: #323232;
	  --secondary-color: #333333;
	  --secondary-light: #121314;
	  --tertiary-color: #a3a3a3;
	  --theme-dark: #ffda03;
	  --theme-gray: var(--primary-color)
	}

	a.animate {
	  position: relative;
	  /*color:#363d35;*/
	  text-decoration: none;
	}

	a.animate:hover {
	  /*color:#0044a2;*/
	  text-decoration: none;
	}

	a.animate::before {
	  content: "";
	  position: absolute;
	  display: block;
	  width: 100%;
	  height: 1px;
	  bottom: 0;
	  left: 0;
	  background-color: rgba(255, 255, 255, 0.2);
	  transform: scaleX(0);
	  transform-origin: bottom right;
	  transition: transform 0.3s ease-out
	}

	a.animate:hover::before {
	  transform: scaleX(1);
	  transform-origin: bottom left;
	}

	.navbar {
	  background-color: rgba(0, 0, 0, 1) !important;
	  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);

	  /* border-top: 3px solid #784320; 
  border: red 1px solid */
	}

	.navbar.actived {
	  background: rgba(0, 0, 0, 1);
	  /**/
	  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
	  /* border: green 1px solid  */
	}

	.navbar.active {
	  background: rgba(0, 0, 0, 1);
	  /**/
	  box-shadow: 1px 2px 10px rgba(51, 51, 51, 0.1);
	  /**/
	  border-bottom: 1px solid var(--secondary-color);
	  /* border: blue 1px solid  */
	}

	
@keyframes fadeIn {
  from {
    opacity: 0.8;
  }
  to {
    opacity: 1;
  }
}
	
	.navbar .logo-light {
	  display: block;
	  animation: fadeIn 500ms ease-in-out forwards;
	
	}

	.navbar.active .logo-light {
	  display: none;
	  	
	}

	.navbar .logo-dark {
	  display: none;
	}

	.navbar.active .logo-dark {
	  display: block;
	  animation: fadeIn 500ms ease-in forwards;
	  
	}

	.navbar .nav-link {
	  padding: 1.6rem 1rem !important;
	  /**/
	  line-height: 200%;


	}

	/* .navbar.active .nav-link {
	color: #ffcc00 !important;
} */

	/* .navbar.active .nav-link:hover, .navbar.active .nav-link:focus {
	color: #ffcc00 !important;
	text-decoration: none;
} */

	.active.nav-link {
	  color: #ffda03 !important;
	}

	.navbar-brand img {
	  width: 200px !important;
	}

	.navbar-brand {
	  width: 200px;
	  /*
 	height: 50px  !important;
   background-image: url('../images/philea-logo.svg');*/

	  background-size: 100% auto;
	  display: block;
	  transition: all .25s ease-in;
	}

	.navbar.actived .navbar-brand,
	.active .navbar-brand {
	  /*background-image: url('../images/philea-logo-white.svg');*/
	  /* height: 100px !important;
  width: 100px;
   
  background-size: 100% auto;
  transition: all .25s ease-in;
  display: block; */
	}

	.navbar.actived img,
	.navbar-brand img {
	
	  width: 250px;
	  /* transition: all 100s ease-in; */
	  padding: 5px 0px;
	
	}

	.navbar.active img {
	  /*width: 100px !important;
  transition: all 100s ease-out;
  padding: 5px 0px;*/

	}

	.navbar.active .navbar-brand {
	  color: #555;
	}

	.navbar-nav>li {
	  float: left;
	  position: relative;
	  /* text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5); */


	}

	.navbar .navbar-toggler {
	  color: rgba(0, 0, 0, .5);
	  border-color: transparent !important
	}

	.navbar .navbar-toggler-icon {
	  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 218, 3, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
	}

	/*navb background white*/
	.navbar.actived li a,
	.navbar.active li a {
	  /*padding: 3px 15px !important;
	 color:  rgba(31, 31, 31, 0.9) !important;
	text-shadow: 0px 0px 0px rgba(255,255,255,.1), 0px 0px 0px rgba(0,0,0,.5); */
	}

	.navbar.active .nav-item .active {
	  /*background-color: rgba(162,162,162,0.8) !important;  */
	  border-radius: 0px;
	  /* text-shadow: 0px 0px 0px rgba(255,255,255,.1), 0px 0px 0px rgba(0,0,0,.5); */


	}

	/*navbar background white*/
	.navbar-nav li a {
	  padding: 3px 15px !important;
	  /* color:  rgba(255,255,255,0.9) !important; */
	}

	.navbar-nav .nav-item .active {
	  color: var(--primary-color);
	  /* border-radius: 0px;
	color: #ffffff;
	text-shadow: 0px 0px 0px rgba(255,255,255,.1), 0px 0px 0px rgba(0,0,0,.5); */

	}

	.navbar-nav .active a::after {
	  bottom: -10px;
	  content: " ";
	  left: 0;
	  position: absolute;
	  right: 0;
	}

	.nav-item {
	  font-weight: bold;

	}

	.nav-item a.hover-underline {

	  padding: 20px !important
	}

	.nav-item.hover-underline::after {
	  transition: all ease-in-out .3s;
	  background: none repeat scroll 0 0 #ffda03;
	  content: "";
	  display: block;
	  height: 1.5px;
	  width: 0;
	}

	.nav-item.hover-underline:hover::after {
	  width: 100%;
	}

	.navbar.actived li.dropdown a.active {
	  /* color: #784320 !important; */
	}

	.navbar.actived .dropdown-menu,
	.active .dropdown-menu,
	.dropdown-menu {
	  /*border:2px solid green;
	overflow: hidden;
	 overflow-y: auto;*/
	  background-color: var(--primary-color);
	  border-radius: 0px;
	  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);

	}

	.navbar.actived .dropdown-menu li a,
	.active .dropdown-menu li a,
	.dropdown-menu li a {

	  padding-left: 20px !important;
	  padding-right: 20px !important;

	}

	.navbar.actived .dropdown-menu li a:hover,
	.active .dropdown-menu li a:hover,
	.dropdown-menu li a:hover {
	  color: var(--primary-color);
	  background-color: var(--primary-color-light);
	}



	.dropdown-menu a.dropdown-item {
	  line-height: 2.1rem;
	  color: rgba(255, 255, 255, 0.8);
	  transition: ease-in 200ms;

	}

	.dropdown-menu a.dropdown-item:hover {
	  background-color: var(--primary-color-light);
	  color: rgba(255, 255, 255, 0.8) !important;
	}

	a.dropdown-item:hover {
	  transition: ease-in 200ms;
	}

	.dropdown-menu .dropdown-divider {
	  border-color: var(--primary-color-light);
	}

	.products-dropdown-menu {
	  width: 520px;
	  min-width: 520px;
	  padding: 1rem 1.25rem;
	}

	.products-dropdown-columns {
	  display: flex;
	  gap: 1.5rem;
	}

	.products-dropdown-col {
	  flex: 1 1 0;
	  min-width: 0;
	}

	.products-mega-item > .dropdown-menu {
	  display: none;
	  width: min(940px, calc(100vw - 120px));
	  left: 50%;
	  transform: translateX(-50%);
	  padding: 0;
	  border: 1px solid rgba(255, 255, 255, 0.08);
	  border-radius: 0;
	  background: rgba(3, 3, 3, 0.98);
	  box-shadow: 0 22px 40px rgba(0, 0, 0, 0.18);
	}

	.products-mega-item:hover > .dropdown-menu,
	.products-mega-item:focus-within > .dropdown-menu,
	.products-mega-item.show > .dropdown-menu {
	  display: block;
	}

	.mega-menu-inner {
	  padding: 1.25rem 1.5rem 1.5rem;
	}

	.mega-menu-header {
	  display: flex;
	  justify-content: flex-end;
	  padding-bottom: 0.9rem;
	  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	  margin-bottom: 1.2rem;
	}

	.mega-menu-view-all {
	  color: #ffda03;
	  font-size: 0.8rem;
	  letter-spacing: 0.08em;
	  text-transform: uppercase;
	  font-weight: 700;
	}

	.mega-menu-grid {
	  display: grid;
	  grid-template-columns: repeat(3, minmax(0, 1fr));
	  gap: 1.1rem 1.5rem;
	}

	.mega-menu-col {
	  border-right: 1px solid rgba(255, 255, 255, 0.06);
	  padding-right: 1rem;
	}

	.mega-menu-col:nth-child(3n) {
	  border-right: none;
	}

	.mega-menu-category {
	  height: 100%;
	}

	.mega-menu-category-link {
	  display: inline-block;
	  margin-bottom: 0.5rem;
	  color: #ffffff;
	  font-size: 1rem;
	  font-weight: 700;
	  letter-spacing: 0.04em;
	  text-transform: uppercase;
	}

	.mega-menu-category-link:hover {
	  color: #ffda03;
	}

	.mega-menu-series {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}

	.mega-menu-series li + li {
	  margin-top: 0.2rem;
	}

	.mega-menu-series a {
	  display: block;
	  color: rgba(255, 255, 255, 0.8);
	  font-size: 0.85rem;
	  padding: 0.25rem 0;
	  text-transform: capitalize;
	}

	.mega-menu-series a:hover {
	  color: #ffda03;
	}

	.mega-menu-empty {
	  color: rgba(255, 255, 255, 0.75);
	  padding: 0.75rem 0 0.25rem;
	}

	/*Hover dropdown open*/
	.dropdown:hover>.dropdown-menu {
	  /* display: block;
   margin-top: 0; */

	}

	/*
.dropdown > .dropdown-toggle:active {
  pointer-events: none;
  
} */

	.dropdown-toggle::after {
	  border: none !important;
	  font: normal normal normal 14px/1 FontAwesome;
	  content: "\f107" !important;
	  vertical-align: 0;

	}

	/*********************MOBILE Side Menu @media (max-width: 992px) {*********************/
	@media (max-width: 1025px) {
	  .mobileMenu {
	    -webkit-transform: translateX(100%);
	    transform: translateX(100%);
	    position: fixed;
	    top: 0px;
	    bottom: 0px;
	    margin: auto;
	    right: 0px;
	    /*-webkit-transition: all ease-in 0.25s;
        transition: all ease-in 0.25s;
      transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);*/

	  }

	  .mobileMenu.open {
	    -webkit-transform: translateX(0%);
	    transform: translateX(0%);

	    /* width: 320px; */
	    background-color: var(--primary-color);
	    width: 100%;
	    padding: 0px !important;
	    overflow: auto;
	  }

	  .mobileMenu.open .navbar-nav {}


	  @keyframes fade-in {
	    0% {
	      opacity: 0;
	    }

	    100% {
	      opacity: 1;
	    }
	  }

	  @keyframes overlay-fade-out {
	    0% {
	      opacity: 1;
	      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	    }

	    76.92% {
	      opacity: 0;
	      animation-timing-function: linear;
	    }

	    to {
	      opacity: 0;
	    }
	  }

	  @keyframes rotate {
	    from {
	      transform: rotate(0deg);
	    }

	    to {
	      transform: rotate(360deg);
	    }
	  }

	  @keyframes shimmer {
	    from {
	      opacity: 1;
	    }

	    to {
	      opacity: 0.5;
	    }
	  }

	  @keyframes shimmer-background {
	    from {
	      background-color: #ededed;
	    }

	    to {
	      background-color: #f6f6f6;
	    }
	  }

	  @keyframes loading-video {
	    0% {
	      transform: translate(-50%, -50%) rotate(0deg);
	    }

	    100% {
	      transform: translate(-50%, -50%) rotate(360deg);
	    }
	  }

	  @keyframes hide-zoom {
	    0% {
	      pointer-events: all;
	      opacity: 1;
	    }

	    100% {
	      pointer-events: none;
	      opacity: 0;
	    }
	  }

	  @keyframes slide-swatch-tooltip {
	    0% {
	      opacity: 0;
	      transform: translateX(-50%) translateY(110%) translateY(7px);
	    }

	    100% {
	      opacity: 1;
	      transform: translateX(-50%) translateY(100%) translateY(7px);
	    }
	  }

	  @keyframes slide-fade-y {
	    0% {
	      opacity: 0;
	      transform: translateY(var(--slide-fade-translate-y, 25%));
	    }

	    100% {
	      opacity: 1;
	      transform: translateY(0);
	    }
	  }

	  @keyframes slide-fade-x {
	    0% {
	      opacity: 0;
	      transform: translateX(var(--slide-fade-translate-x, 25%));
	    }

	    100% {
	      opacity: 1;
	      transform: translateX(0);
	    }
	  }

	  @keyframes zoom-fade {
	    0% {
	      opacity: 0;
	      transform: scale(var(--zoom-fade-scale, 0.6));
	    }

	    100% {
	      opacity: 1;
	      transform: scale(1);
	    }
	  }

	  @keyframes hide-on-load {
	    0% {
	      opacity: 0;
	    }

	    100% {
	      opacity: 1;
	    }
	  }

	  .mobileMenu.open .dropdown-menu {
	    /* display: block; */
	    background-color: transparent !important
	  }

	  .mobileMenu.open .dropdown-menu {
	    /* display: block; */
	    background-color: transparent !important
	  }


	  .mobileMenu.open .nav-link {
	    padding-bottom: 3px !important;
	    padding-top: 3px !important;
	  }

	  .mobileMenu.open span.btn-quote-header {
	    border-radius: 5px;
	    width: 100%;
	  }

	  .mobileMenu.open a.nav-link {
	    line-height: 3rem !important;
	    color: #ffffff !important;
	    font-weight: normal !important;
	    border-bottom: 1px solid var(--primary-color-light);


	  }

	  .mobileMenu.open ul.dropdown-menu {
	    border: 0px !important;
	    margin: 0px !important;
	    background-color: rgba(255, 255, 255, 0.1) !important
	  }

	  .mobileMenu.open .products-mega-item > .dropdown-menu,
	  .mobileMenu.open .dropdown-menu {
	    display: block !important;
	    position: static;
	    width: 100%;
	    min-width: 0;
	    transform: none;
	    box-shadow: none;
	    background-color: rgba(255, 255, 255, 0.04) !important;
	    border-left: 0;
	    border-right: 0;
	  }

	  .mobileMenu.open .mega-menu-inner {
	    padding: 0.75rem 0.75rem 0.25rem;
	  }

	  .mobileMenu.open .mega-menu-header {
	    justify-content: flex-start;
	    padding-bottom: 0.75rem;
	    margin-bottom: 0.75rem;
	  }

	  .mobileMenu.open .mega-menu-grid {
	    grid-template-columns: 1fr;
	    gap: 0.75rem;
	  }

	  .mobileMenu.open .mega-menu-col {
	    border-right: 0;
	    padding-right: 0;
	    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	    padding-bottom: 0.65rem;
	  }

	  .mobileMenu.open .mega-menu-category-link {
	    font-size: 0.95rem;
	  }

	  .mobileMenu.open .mega-menu-series a {
	    padding: 0.45rem 0;
	  }

	  .mobileMenu.open ul.dropdown-menu li a {
	    border-bottom: 1px solid var(--primary-color-light) !important;
	    color: rgba(255, 255, 255, 0.8) !important;

	  }



	  .mobileMenu .navbar-nav {
	    box-sizing: border-box;
	    width: 100%;


	  }

	  .overlay {
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	    background-color: rgba(0, 0, 0, 0.5);
	    display: none;

	  }

	  .overlay.open {
	    display: block;
	    z-index: 1029;
	  }

	  .mobileMenu.open .close-sidemenu span {
	    float: right;
	    margin-top: 20px;
	    margin-right: 20px;
	    padding: 5px 20px;
	    color: rgba(255, 255, 255, 0.5);
	    border: 1px solid rgba(255, 255, 255, 0.5);
	    display: inline-block;
	    text-align: right;
	    z-index: 1029;
	  }

	  .mobileMenu.open .show-sm {
	    display: block;
	  }
	}



	.mobileMenu .show-sm,
	.mobileMenu .close-sidemenu {
	  display: none;
	}