:root{
    --primary-color:#1b1b1b;
    --primary-color-light:#383838;
    --secondary-color:#0090d0;
    --secondary-light:#00306d;
    --tertiary-color:#00306d;
    --theme-dark: #031b31;
    --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(255,255,255, 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(255,255,255, 1);/**/
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1); 
  /* border: green 1px solid  */
}

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

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

.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: #00a775 !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(0, 37, 88, 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 #26b286;
    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);
}

/*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 ul.dropdown-menu li a{
      border-bottom: 1px dotted 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;
}