.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;
  transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;
  text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible; }
  .hamburger:hover {opacity: 0.7;}
  .hamburger.is-active:hover {opacity: 0.7; }
  .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {background-color: #333; }
.hamburger-box {width: 40px;height: 24px;display: inline-block;position: relative; }
.hamburger-inner {display: block;top: 50%;margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;
    background-color: #0e6734;border-radius: 4px;position: absolute;transition-property: transform;
    transition-duration: 0.15s;transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
  .hamburger-inner::before {top: -10px; }
  .hamburger-inner::after {bottom: -10px; }

.hamburger--spin .hamburger-inner {transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
  	transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {transform: rotate(225deg);transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {top: 0;opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {bottom: 0;transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.nav-item{position:relative; /*padding:16px 8px;*/ font-size:16px; line-height: 24px;}
div.menu-links ul.navbar-nav li.nav-item.dropdown {padding: 0.7vw 8px 0.7vw 8px; width: 10.5vw; margin: 0px 3px 0px 3px;}
.nav-link{padding:0!important; display:inline;}
.marker{position: absolute; top: 5px; left: 0; width: 100%; height: 4px; border-radius: 2px;}
.special-marker{width: 0; height: 0; /*border-left: 8px solid transparent;
  border-right: 8px solid transparent;border-bottom: 8px solid black; */
  position: absolute; bottom: 0; left: calc(50% - 4px);}

/* div.menu-links ul.navbar-nav li.nav-item ul.dropdown-menu li.nav-item.submenu-is-active{
  border-style: solid;
  border-width: 3px;
  border-color:#0A5A32;
} */

#block-custommenu ul.dropdown-menu {
  padding: 0px;
}
.navbar-expand-md .navbar-nav .dropdown-menu {position: fixed;width: 100%; padding-right: 10%;}

.block-custommenu .center{
  line-height: 12px;
  padding-top: 5px;
}

header .block{
  display: block;
  float: left;
}

.color-1 .special-marker{border-bottom-color:#00801e;}
.color-2 .special-marker{border-bottom-color:#E06107;}
.color-3 .special-marker{border-bottom-color:#245F95;}
.color-4 .special-marker{border-bottom-color:#EB9700;}
.color-5 .special-marker{border-bottom-color:#12b0b0;}
.color-6 .special-marker{border-bottom-color:#6F468A;}
.color-7 .special-marker{border-bottom-color:#F44068;}
.color-8 .special-marker{border-bottom-color:#FC7C1E;}
.color-9 .special-marker{border-bottom-color:#245F95;}

.dropdown-menu .nav-item:hover a {
  text-decoration: none;
  color: white;
}

.dropdown-item{text-transform: uppercase;  color: white;/* border-style: solid;
  border-width: 1px 1px 1px 1px; border-color: gray;*/}
.dawn-menu--main .dropdown-item:hover, .dawn-menu--main .dropdown-item:focus{
	background-color:transparent; /*color:#fff*/; text-decoration: underline;}

.menu-links{position: relative;margin-left: auto;margin-right: auto;}
.dropdown-menu li{display: inline-block; /*background-color: white;border-style: solid;  border-radius: 1000px 1000px 1000px 1000px; border-color:white;*/}
.dropdown-menu{text-align: center; z-index: 10; background-color: white;}
.nav-item a{    font-size: 13px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    text-transform: uppercase;}
/* .nav-item.dropdown:hover .dropdown-menu {display: block; margin-top: 15px} */
.menu-burguer, .icon-down-open-big{display: none;}
.overlay{display:none;}
.open-submenu{ display: none; }

.header-text-options{
  float: left;
  font-family: 'Poppins';
  font-size: 11pt;
  font-weight: 500;
  color: black;
}
.category-menu-icon img{
  display: block;
  margin: auto;
  height: 55px;
}
.category-menu-background-image img{
  opacity: 0.9;
  filter: alpha(opacity=90); /* For IE8 and earlier */
  position: absolute;
  top: 0px;
  mix-blend-mode: multiply;
  width: 100%;
  filter: saturate(5);
  -webkit-filter: saturate(5);
  padding: 10px 0px 0px 10px;
}
.underline-marker{
  text-decoration: underline;
}

div.center{
  text-align: center;
  justify-content: center;
}

header .header-top-container{
  width: 100%;
  padding-right: 65px;
  padding-left: 15px;
  min-height: 60px;
  max-height: 100%;
  display: block;
  z-index: 2;
}

header .header-bottom-container{
  width: 100%;
  min-height: 60px;
  padding-left: 1%; /*5%; /*Cambio por 20px*/
  display: flex;
}

header .header-bottom-elems{
  display: flex;
}

header .header-top-container .block{
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 15px;
  display: flex;
}

header .header-top-container .header-top-elems{
  float: right;

}

header .header-top-elems{
  max-width: 100%;
}
@media (max-width: 780px){
  .nav-item a{
    font-size: 9px;
  }
}

/*Para vista de tablet y responsive hasta 450*/
@media (max-width: 768px){
  #block-custommenu{float: left;}
	.path-node .block-custom-menu{height: 0;}
	.dropdown-item{color: #000;  white-space: normal;}
	.dropdown-menu{top:0;
		margin-top: 0.1rem!important;}
	.category-name{display: block; padding-bottom: 10px !important; text-align: left;}
	.category-name:hover, .category-name:focus {text-decoration: underline;}
	.color-1 .category-name{border-bottom:solid 2px #50bf56!important;}
	.color-2 .category-name{border-bottom:solid 2px #79bcf2!important;}
	.color-3 .category-name{border-bottom:solid 2px #b3a459!important;}
	.color-4 .category-name{border-bottom:solid 2px #f58787!important;}
	.color-5 .category-name{border-bottom:solid 2px #00a4b3!important;}
	.color-6 .category-name{border-bottom:solid 2px #6f468a!important;}
	.color-7 .category-name{border-bottom:solid 2px #bc6ccc!important;}
  .color-8 .category-name{border-bottom:solid 2px #ffab6e!important;}
  .color-9 .category-name{border-bottom:solid 2px #245F95!important;}
	.custom-menu{position: fixed; z-index: 500; top:0; left:-100%; height: 100%}
	.btn-menu{display: block; z-index: 510; position: fixed; background: transparent; top:0; right: 0;}
	.xclose{display: block;}
	.menu-links{background: #FFF;box-shadow: 0 0 10px 1px rgba(34,34,34,0.1);width: 340px;
    z-index: 10;-ms-transform: translate(0%,0px); -webkit-transform: translate(0%,0px);
    transform: translate(0%,0px); overflow-y: hidden; height: 100%}

  .marker{background-color: transparent!important;}
  .dropdown-menu li {display: block;width: 100%;text-align: left;}
  .dawn-menu--main .dropdown-item{color:#FFF;}
  .custom-menu .nav-item.submenu-is-active a.dropdown-item{color: rgb(255, 255, 255);}
  .dawn-menu--main .dropdown-item:hover, .dawn-menu--main .dropdown-item:focus {color: grey;}
  .dropdown-item {padding: 2px 10px;}
  .nav-item {padding-bottom:0;}
  .overlay{position: fixed; top:0; right:0; z-index:500; display: block; width:calc(100% - 340px);
    	background-color: grey; opacity: 0.5; filter: alpha(opacity=50); height: 100%}
  #block-custommenu .btn.focus,
  #block-custommenu .btn:focus {box-shadow: none;}
  .menu-burguer{position: fixed; z-index: 800; left: 5px; display: block;}
  .menu-links li,
  .navbar-nav{width:100%; float: left; display: inline-grid;}


  .hamburger-box {width: 20px;height: 12px;}
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 20px;
    height: 3px; background-color: #0e6734;}
  .hamburger-inner::before {top: -6px; }
  .hamburger-inner::after {bottom: -6px; }
  .hamburger {padding: 120% 80%;}
  .open-submenu { display: block; position: absolute; left: -80px; top: 5px;}

  /*Mostrar y ocultar submenu*/

  /* .dropdown-menu li{display: none;} */
  .active .dropdown-menu li{display: block;}

  .navbar-nav:first-child {padding-top: 16px;}
  .dropdown-menu:last-child {padding-bottom: 5px; }


  .closed .vertical {
    transition: all 0.2s ease-in-out;
    opacity: 0;

  }
  .closed .horizontal {
    transition: all 1s ease-in-out;
    opacity: 100%;
  }


    .opened .vertical{
      transition: all 1s ease-in-out;
      opacity: 100%;
    }
    .opened .horizontal{
      transition: all 0.2s ease-in-out;
     opacity: 0;

    }



    .circle-plus .horizontal {
      position: absolute;
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='487' height='16' fill='white' class='bi bi-chevron-down' viewBox='0 -4 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
      background-repeat: no-repeat;
      /*background-size: 30rem 1rem;*/
      margin-top: 3px;


    }

    .circle-plus{
      z-index: 200;
    }

    .circle-plus .vertical {
      position: absolute;
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='487' height='16' fill='white' class='bi bi-chevron-up' viewBox='0 -4 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>");
      background-repeat: no-repeat;
      /*background-size: 30rem 1rem;*/
      margin-top: 3px;


   }




  div.menu-links ul.navbar-nav li.nav-item.dropdown {

    margin: 10px;
    width: 93%;

  }


.category-menu-icon img {
    max-width: 11%;
    display: block;
    margin: auto;
    height: 30px;
    width: fit-content;
    float: left;
}



  .nav-item{position:relative; padding:0px 8px; font-size:16px; line-height: 24px;}

  .category-menu-icon {
    display: inline;
    margin: 0%;
    height: 30px;
  }


  .menu-links{
    min-width: 320px;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: relative;

  }

  header .header-top-container{
    width: 65%;
    padding-right: 3%;
    float: right;
    padding-top: 1%;

  }

  header .header-bottom-container{
    width: fit-content;
    padding-top: 1%;


  }
  header .header-top-container .block {
    padding-left: 5px;
    padding-right: 5px;
    margin-top:8%;
  }

}

/*Para vista de dispositivos móviles*/
@media (max-width: 450px){



  header .header-top-container{
    width: fit-content;
    padding-left: 20%;
    float: none;
    padding-top: 0%;
    margin-top: 24%;
    position: absolute;

  }

  header .header-top-container .block {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 8%;
  }
}

@media (max-width: 499px){
	.menu-links{width: 320px;}
	.overlay{width:calc(100% - 320px);}
  .ps-title{font-size: 13pt; margin-top:3px;}
  header .header-top-container .block {
    padding-left: 0px;
    padding-right: 2px;
    margin-top: 8%;
  }
  .hamburger {padding: 100%;}
}

@media (max-width: 400px){
  .ps-title{font-size: 11pt; margin-left: 2px; margin-top: 5px;}
}

@media (max-width: 385px){


  header .header-top-container{
    width: fit-content;
    padding-left: 15%;
    float: none;
    padding-top: 0%;
    margin-top: 28%;
    position: absolute;

  }

  header .header-top-container .block {
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 8%;
  }
}

@media (max-width: 970px){
  .nav-item a {
    font-size: 9px;
  }
  .dawn-menu--main .dropdown-menu {
    font-size: 4px;
  }
}

@media (max-width: 870px){
  .nav-item a {
    font-size: 8px;
  }

  .dawn-menu--main .dropdown-menu {
    font-size: 0px;
  }
}

@media (max-width: 840px){
  .nav-item a {
    font-size: 7px;
  }
}