/* *{
	box-sizing: border-box;
}  */

.thumbnail-slider{
	width: 100%;
	float: left;
	overflow: hidden;
	height: 100%;
	
	
}

.thumbnail-slider .thumbnail-container{
	width: 100%;
	float: left;
	transition: margin 0.6s ease;
	height: 100%;
	height: 60vh;
}



.thumbnail-slider .item{
    text-align: center;
	float: left;
	transform: scale(0.8);
	transition: .8s;
}

.noTransitionWhileResizing .item{
	
	transition: none;
}



.overlayblack{
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);;
	position: absolute;
	transition: 0.8s;
}
.thumbnail-slider .item.is-current {
	transform: scale(1);
	transition: 0.8s;
}
.thumbnail-slider .item.is-current .overlayblack{
	opacity: 0;
	transition: 0.8s;
}
.thumbnail-slider .item p{
	opacity: 0;
	transition: 0.8s;
}
.thumbnail-slider .item.is-current figure {
	margin-bottom: 2rem ;
	
}

.thumbnail-slider .item.is-current p{
	opacity: 1;
	transition: 0.8s;
	margin-left: -2.5rem;
	margin-right: -2.5rem;
}

@media (max-width: 768px) {
	.thumbnail-slider .item.is-current p{
		margin-left: 0;
		margin-right: 0;
	}
	
}

.thumbnail-slider .controls{
	width: 100%;
	float: left;
	padding:15px;
}

.thumbnail-slider .controls ul{
	display: block;
	text-align: center;
	padding:0;
	margin:0;
	list-style: none;
}

.thumbnail-slider .controls ul li{
	height: 15px;
	width: 15px;
	margin:4px;
	border-radius: 50%;
	display: inline-block;
	line-height: 33px;
	cursor: pointer;
	background-color : white;
}
.thumbnail-slider .controls ul li.bullet-active{
	background-color: blue;
}


/*Slider style Start */
.slidecontainer {
	width: 100%;
  }
  
  .range-slider {
	-webkit-appearance: none;
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 10px;
	background: #ffff;
	outline: none;
	opacity: 0.6;
	-webkit-transition: .2s;
	transition: opacity .2s;
	border-radius: 10px;
	
  }
  
  .range-slider:hover {
	opacity: 1;
  }
  
  .range-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 40px;
	height: 10px;
	background: #0000ff;
	cursor: pointer;
	border-radius: 10px;
  }
  
  .range-slider::-moz-range-thumb {
	width: 40px;
	height: 10px;
	background: #0000ff;
	cursor: pointer;
  }

  /*Slider style End */