.controls {
  width: 100%;
  height: 60px;
  display: block;
  position: relative;
  z-index: 8;
  padding: 0 0em;
  border-bottom: 1px solid #e1e3e4;
  background: rgba(255, 255, 255, 0.96);
}
.controls.no-border {
  width: 100%;
  height: 60px;
  display: block;
  position: relative;
  z-index: 8;
  padding: 0 0em;
  border-bottom: 1px solid #e1e3e4;
  background: rgba(255, 255, 255, 0);
}

	@media (max-width: 1024px){
		.controls {
			height: auto;
		}
	}

.controls ul {
  
  text-align: center;
  margin: 0;
  padding: 0;


}
.controls ul li {
  display: inline-block;
  margin: 0;
  text-align: center;
  position: relative;
  padding: 0em 1em;
  height: 60px;
}

	@media (max-width: 1024px){
		.controls ul {
			width: 100%;
			display: table;
			padding:0;
			height: 60px;
		}
		.controls ul li {
			display: table-cell;	
			padding: 0em 0em;
		}
	}
	@media (max-width: 970px){
		.controls ul li {
			padding: 0em 0em;
		}
	}
	
	@media (max-width: 767px){
		.controls {
			
			overflow: hidden;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		.controls ul li {
			min-width: 130px;
		}
	}
	
	
.controls ul li:last-child {
  border:0 ;
}
.controls ul li button {
  margin: 0;
  
  display: block;
  padding: 1em 2em;
  font-size: 1em;
  color: #8b91a0;
  position: relative;
  background: none;
  height: 60px;
  -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.controls ul li button:hover {
  color: #1c242b;
  -moz-box-shadow: inset 0 -5px 0 -1px #cccfd8;
  -webkit-box-shadow: inset 0 -5px 0 -1px #cccfd8;
  box-shadow: inset 0 -5px 0 -1px #cccfd8;
}

.controls ul li button.active {
  color: #1c242b;
  -moz-box-shadow: inset 0 -5px 0 -1px #19c988;
  -webkit-box-shadow: inset 0 -5px 0 -1px #19c988;
  box-shadow: inset 0 -5px 0 -1px #19c988;
}



.controls.scroll-to-fixed-fixed {
  -moz-box-shadow: inset 0 1px 0 0 #e1e3e4;
-webkit-box-shadow: inset 0 1px 0 0 #e1e3e4;
box-shadow: inset 0 1px 0 0 #e1e3e4; 
}
.controls.scroll-to-fixed-fixed ul li {
  
}


	@media (max-width: 970px){
		.controls ul li button {
			padding: 1em 1em;
			width: 100%;
		}
	}
	@media (max-width: 767px){
		.controls ul li button {
			padding: 1em 0.5em;
			width: 100%;
			font-size: 0.9em;
			height: 60px;
		}
	}
	

#mixitup {
  padding: 2% 2% 0;
  text-align: justify;
  
  -webkit-backface-visibility: hidden;
}

	@media (max-width: 640px){
		#mixitup {
		  padding: 0% 0% 0;
		}
	}

#mixitup:after{
  content: '';
  display: inline-block;
  width: 100%;
}
#mixitup .mix{
  display: inline-block;
  width: 32%;
}

#mixitup .mix{
  text-align: left;
  margin-bottom: 1%;
  display: none;
}


@media all and (max-width: 1024px){
  #mixitup .mix,
  #mixitup .gap{
    width: 49%;
  }
}

@media all and (max-width: 768px){
  #mixitup .mix,
  #mixitup .gap{
    width: 49%;
  }
}
@media all and (max-width: 440px){
  #mixitup .mix,
  #mixitup .gap{
    width: 100%;
  }
}