.home-page-margin2021 {
	padding-left: 150px;
	padding-right: 150px;
}



/* Prevents slides from flashing */
    	
	#slides {
      display:none;
	  margin-top: -20px;
    }
	
	#slides img {
		width:100%;
		z-index:-1;
		position: relative;
    }
	
	a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(next-prev.png);
      background-repeat: no-repeat; 
      display: none;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      margin-right:5px;
	  position:absolute;
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    a.slidesjs-next {
      background-position: -12px 0;
	  position: absolute;
	  float: right;
	  z-index:14;
	  transform: scale(1.5);
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
	  position:absolute;
	  float: left;
	  z-index:13;
	  transform: scale(1.5);
    }
	
    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
	  position:absolute;
	  margin-left:45px;
	  top:385px;
	  z-index:14;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
	  position:absolute;
	  margin-left:63px;
	  top:385px;
	  z-index:14;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      float: left;
      list-style: none;
	  position:absolute;
	  top:35px;
	  left: 42%;
	  margin-left: 12px;
	  z-index:25;
    }

    .slidesjs-pagination li {
      float: left;
    }

    .slidesjs-pagination li a {
      display: block;
	 margin: 7px 5px 0px 5px;
      width: 13px;
      height: 0px;
      padding-top: 13px;
       background-image: url(circles.png);
      background-position: 0 0; 
      float:left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #BB6600 
    }


    .navbar {
      overflow: hidden;
    }

.logo-title {
	float: left; 
	margin-left: 0px;
	margin-right: 50px;
	
}

.gear-bar {
	margin-top: 0px; 
	position: relative; 
	border-bottom: #F51C28 solid 15px; 
	border-top: #F51C28 solid 10px;
	display: block;
}

.gear-bar-mobile {
	margin: 0px; 
	position: relative; 
	border-bottom: #F51C28 solid 15px; 
	border-top: #F51C28 solid 10px;
	display: none;
}

.toptext {
	margin: 0px 0px 0px 350px;
	font-size: 16px;
}

.margin-override {
	margin-left: 70px; 
	position: absolute; 
	z-index: 1;
}
/*
.markets-container-all{
  width: fit-content;
  margin: 20px auto;
  height: 300px;
	justify-content: center;
}
.markets-container{
  width: calc(30% - 5px);
  overflow:hidden;
  height: 180px;
  margin: 40px 15px 15px 15px;
  padding: 0;
  display:block;
  position:relative;
  float:left;
  border-radius: 4px;
	border: 5px solid #666;

}
.markets-container img{
  width: 100%;
	height: 100%;
  transition-duration: .25s;
  display:block;
  overflow:hidden;
  cursor:pointer;
  filter: grayscale(100%) contrast(130%);
 
}
.markets-title{
  position:absolute;
  cursor:pointer;
  top: 50%;
  display: none;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 1.6em;
  text-shadow: 1px 5px 10px black;
  transition-duration: .25s;
  text-decoration: none;
  padding: 5px;
  width: 100%;
  text-align: center;
  background-color: red;
}

.markets-container:hover img{
  transform: scale(1.2);
  filter: grayscale(0%);
}
.markets-container:hover a{
	color: white;
  display: block;
  background-position: center;
  text-decoration: none;
}
*/

  .cards {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    max-height: 100vh;
	float: left;
	padding-top: 30px;
	justify-content: center;
  }
  .cards a img {
    margin: 20px;
	border: 5px solid #666;
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); 
    max-width: 20vw;
	border-radius: 10px;
	filter: grayscale(100%) contrast(135%);
	cursor: pointer;
	transition-duration: .25s;
  }


  .cards a img:hover{
	filter: grayscale(0%);
	transform: scale(1.2);
  }

.dotted-bar{
	border-bottom:#999 dotted 2px; 
	width: 1150px; 
	margin-top: 0px;
	margin-right: 70px;
}

.tools-gallery {
	display: grid;
	flex-flow: row wrap;
	justify-content: center;
	position: relative;
	z-index: 1;
	width: 93%;
	margin-left: 120px;

}

.tools-icon {
	flex-basis: 23%;
	margin: 130px 5px 5px 5px;
	transition: transform 250ms;
}

.tools-icon img{
	width: 200px;
}

.tools-icon:hover{
	transform: translateY(-10px);
}

.markets-gallery {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	width: 100%;
}

.markets-icon {
	flex-basis: 90%;

}

.markets-icon img{
	width: 290px;
	height: 190px;
	margin: 50px 7px 5px 15px;
	border-radius: 4px; 
	transition: transform 250ms;
	box-shadow: 4px 4px 6px 2px #333;

}

.markets-icon img:hover {
	transform: scale(1.08);
}

.products-gallery {
	padding-right: 30px;
}

.products-icon {
	transition: transform 250ms;
	padding-bottom: 0px;
}

.products-icon:hover{
	transform: translateY(-15px);
}

.carousel-products {
	padding-right: 90px; 
	padding-left: 90px; 
	margin-top: 140px;
}

.carousel-products2 {
	padding-right: 30px; 
	padding-left: 30px; 
	margin-top: 180px;

}


@media all and (max-width: 800px) {
	.home-page-margin2021 {
	padding-left: 30px;
	padding-right: 30px;
}
	
	.cards {
    max-height: 200vh;
	padding-top: 10px;
  }
  .cards a img {
    margin: 10px;
    max-width: 60vw;
  }
	
		.markets-title{
		display: block;
		color: white;
 		text-shadow: none;
	}
	
	    .markets-container {
        width: calc(100% - 6px);
		margin: 0px 0px 40px 0px;
    }
	
		.gear-bar-mobile {
			display: block;
			width: 100%;
		}	
		
		.gear-bar {
			display: none;
		}
	.dotted-bar{
	width: 600px; 
}
	#slides {
		height: 140px;
		margin-top: -10px;
	}
	
	.carousel-products {
	padding-right: 80px; 
	padding-left: 80px; 
	margin-top: 610px;
}
	
	.markets-icon img{
	width: 100%;
	height: auto;
	margin: 10px 0px 0px 0px;
}
	
	.tools-gallery {
	margin-left: 0px;
	text-align: center;
}
	.tools-icon img {
		width: 150px;
	}
	
	
	.tools-icon {
		margin: 25px 0px 0px 1px;
	}
	
	.products-gallery {
		margin-right: 50px;
		margin-top: 150px;
}
	.carousel-products2 {
	padding-right: 80px; 
	padding-left: 80px; 
}
	
}

	@media all and (max-width: 480px) {
		.gear-bar-mobile {
			display: block;
			width: 100%;
		}	
		
		.gear-bar {
			display: none;
		}
		
		    .markets-container {
        width: calc(100% - 6px);
		margin: 0px 0px 40px 0px;
    }
		
	.dotted-bar{
	width: 320px; 
		}
		
		.slidesjs-pagination {
		  margin-right: 40px;	
		}
		
		.toptext {
		  margin-left: 0px;
		  margin-top: 20px;	
		  float: left;
		}
		
		.logo-title {
			align-items: center;
			margin-left: 0px;
		}
		
		#slides {
			width: 100%;
		}
		
	.slidesjs-pagination {
	  top: 10px;
	  left: 10px;	  
    }
		
	}