#list{
	display: none;
 /*grid-template-columns: repeat(3, 1fr);*/


}

.thumb-title{
	margin-left: 5%;
}

.list-title{
	font-size: 2.2em;
	line-height: 1;
	text-transform: none !important;
}

#list div{
	height: 50px;
	text-transform: uppercase;
	border-bottom: 1px solid black;
}

#hp-cover{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	transition-duration: .5s;
	transition-timing-function: ease-in;
}

.img-slider:hover{
	cursor: pointer;
}

#hp-title{
	background-color: white;
	width: 100%;
	height: auto;
	font-size: 6em;
	padding-bottom: 15px;
	padding-left: 1%;
	cursor: default;
}


.img-slider{
	width: 100%;
	height: 95%;
	z-index: 200;
}

.img-slider div{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	z-index: 200;
}


.thumbsgrid:after {
  display: block;
  content: '';
  clear: both;
}

.grid-col {
  float: left;
  width: 49%;
  margin-right: 1%;
}

.grid-col--4 { margin-right: 0; }

/* hide two middle */
.grid-col--2, .grid-col--3 { display: none; }

@media ( min-width: 768px ) {
  .grid-col { width: 32.66%; }
  .grid-col--2 { display: block; }
}

@media ( min-width: 1200px ) {
  .grid-col { width: 24.2%; }
  .grid-col--2, .grid-col--3 { display: block; }
}

.grid-item {
  margin-bottom: 20px;
}


/* ------------------------- FILTER */

#filters{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-transform: uppercase;
	background-color: white;
	border-bottom: 1px solid black;
	z-index: 30;
	padding-bottom: 10px;
	transform: translate(0,-100%);
	transition-duration: .3s;
}

#filters li{
	cursor: pointer;
}

#filters li:hover{
	color: black !important;
}


#filters ul{
	margin-top: 10px;
}

main{
  padding-top: 50px;
  padding-bottom: 25px;
}

@media only screen and (max-width: 1024px) {
		main{
  		padding-top: 10%;
  		padding-bottom: 25px;
		}

		.list-title{
			font-size: 1.8em;
		}

		#thumbnails{
				grid-template-columns: repeat(1, 1fr);
			}

			  .grid-col { width: 100%; }
  			.grid-col--1 { display: block; }
  			.grid-col--4 { display: none; }


			/*------------__SLIDERR */

			.noUi-horizontal {
  height: 16px;
			}
			.noUi-horizontal .noUi-handle {
			  width: 14px;
			  height: 14px;
			  right: -7px;
			  top: 0px;
			  border-radius: 8px;
			}
			.noUi-vertical {
			  width: 18px;
			}
			.noUi-vertical .noUi-handle {
			  width: 28px;
			  height: 34px;
			  right: -6px;
			  bottom: -17px;
			}

			#maxvalue{
				padding-top: 6px;
			}

			.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
			  left: -17px;
			  right: auto;
			}
			/* Styling;
			 * Giving the connect element a border radius causes issues with using transform: scale
			 */
			.noUi-target {
			  border-radius: 10px;
			  border: 1px solid black;
			}
			.noUi-connects {
			  border-radius: 3px;
			}
			.noUi-connect {
			  background: white;
			}
			/* Handles and cursors;
			 */
			.noUi-draggable {
			  cursor: ew-resize;
			}
			.noUi-vertical .noUi-draggable {
			  cursor: ns-resize;
			}
			.noUi-handle {
			  border-radius: 10px;
			  background: black;
			  cursor: default;
			  
			}




	}