header #wstoggle{
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: -2px;
}

#wstoggle:before{
  content: "";
}

header #wstoggle, header .logo{
  position: relative;
  top: 0;
  left: 0;
}

.wsfopen .header-padding #wstoggle.black span,
.wsfopen .header-padding #wstoggle.white span{
  background: transparent;

}

header #wstoggle span,
header #wstoggle span::before,  header #wstoggle span::after{
  background: var(--primary-color);
  /* color:#ffffff; */
}

.header-padding #wstoggle.white span, .header-padding #wstoggle.white span:before, .header-padding #wstoggle.white span:after{
    opacity: 0.6;
}

.header-padding #wstoggle.white span:hover, .header-padding #wstoggle.white span:hover::before,  .header-padding #wstoggle.white span:hover::after {
  opacity: 1;
}

header #wstoggle, header #wstoggle:before, .icon-login{
  color: var(--primary-text-color);
  font-size: var(--sm-font-size);
  text-transform:capitalize;
  font-family: var(--primary-font-family);
  padding: 0px 10px;
  /* margin-top: 8px; */
}

header a.white, header a.black {
    color: var(--primary-color);
    /* opacity: .6; */
}

header #wstoggle:hover:before{
  display: none;
}



.icon-login i{
 font-size: 25px;
 margin-left: 10px;
}

.wsfopen .z-111{
  z-index: 1111;
}

header h1 a:hover{color: rgba(255, 255, 255, 0.5); }
header h1 a{color:#ffffff;}


.header-padding  > a.black, .header-padding  #wstoggle.black,
.header-padding #wstoggle.black span:before, .header-padding #wstoggle.black span:after{
  color: #000;
}

.header-padding  > a.white, .header-padding  #wstoggle.white,
.header-padding #wstoggle.white span:before, .header-padding #wstoggle.white span:after{
  color: #ffffff;
  text-shadow: 1px 1px 2px #000000;
}


.header-padding  #wstoggle.black span,
.header-padding #wstoggle.black span:before, .header-padding #wstoggle.black span:after{
  background: #000;
}

body:not(.wsfopen) .header-padding  #wstoggle.white span,
body:not(.wsfopen) .header-padding #wstoggle.white span:before, body:not(.wsfopen) .header-padding #wstoggle.white span:after{
  background: #ffffff;
}

.wsfopen header #wstoggle:before,
.header-padding #wstoggle.white{
  color: var(--primary-text-color-inverse);
  text-shadow: none;
}

.wsfopen header #wstoggle:hover:before{
  color: var(--primary-text-color-inverse);
  display: none;
}

.wsfopen header #wstoggle span:before, .wsfopen header #wstoggle span:after{
  background: var(--primary-text-color-inverse);
}


/****Contenido del header***/

/*Color Animation*/

.wsfanimatedcolors2 {
  background: linear-gradient(180deg, var(--primary-color), var(--primary-text-color-inverse),var(--primary-color), var(--primary-text-color-inverse), var(--primary-color));
  background-size: 1000% 1000%;
  -webkit-animation: wsgdrcolors2 30s ease infinite;
  -moz-animation: wsgdrcolors2 30s ease infinite;
  animation: wsgdrcolors2 30s ease infinite;
}

@-webkit-keyframes wsgdrcolors2 {
  0% {
    background-position: 0% 90%
  }

  50% {
    background-position: 100% 11%
  }

  100% {
    background-position: 0% 90%
  }
}

@-moz-keyframes wsgdrcolors2 {
  0% {
    background-position: 0% 90%
  }

  50% {
    background-position: 100% 11%
  }

  100% {
    background-position: 0% 90%
  }
}

@keyframes wsgdrcolors2 {
  0% {
    background-position: 0% 90%
  }

  50% {
    background-position: 100% 11%
  }

  100% {
    background-position: 0% 90%
  }
}



.wsfbiglink li a:after{
  background: var(--primary-text-color);
}

.wsfbiglink li a:hover:after, .wsfbiglink li a:focus:after, .wsfbiglink li a:active:after{
  background: var(--secondary-color);
}

.wsfsociallinks li a{
  color: var(--primary-text-color);
  background: var(--primary-text-color);
  opacity: .5;
}
.wsfsociallinks li a i{
  color: var(--primary-color);

}
.wsfopen .wsfbottomcopytxt small, .wsfopen .wsfbottomcopytxt small a{
  font-size: 12px;
  color: var(--primary-text-color);
  text-shadow: none;
  text-align: center;
  opacity: 1;
}

.wsfnamecompany {
  margin-bottom: 40px;
}
.wsfbottomcopytxt a:hover{
  opacity: .6;
}

.wsfullmain img, object, embed, video{
  max-height: 100px;
}

.wsfullmain .wsf-halfpart.wsfrightpart{
  background: var(--primary-text-color);
}
header .wsfullmain .fsfmaillink,header .wsfullmain .wsfaddresstext, header .wsfullmain .wsfnamecompany{
  color: var(--primary-text-color);
  text-shadow: none;
  text-align: center;
  opacity: 1;
}

.wsfbiglink li{
  justify-content: center;
}


.wsfbiglink li a{
  color: var(--primary-color);
}

/****Fin del contenido del header***/
@media only screen and (max-width: 991px){
  .wsfbiglink{
    margin-bottom:40px ;
  }

  .wsfopen header .wsfbiglink li a{
    color: var(--primary-text-color);
    opacity: 1;
    text-shadow: none;
  }
  .wsfopen header #wstoggle:before, .header-padding #wstoggle.white{
    content: "";
  }
  .wsfopen header #wstoggle span:before, .wsfopen header #wstoggle span:after{
    background: var(--primary-text-color);
  }

  .wsfopen #wstoggle{
    transform: translate(50px, -15px);
  }
}

.information{
    justify-content: center;
    flex-wrap: wrap;
}

