@charset "utf-8";
/* CSS Document */
.slideshow-container {
 max-width: 100%;
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 1;
 margin: auto;
	opacity: 1;
}

.mySlides {
 display: none;
 
}

/* Next & previous buttons */
.prev, .next {
 cursor: pointer;
 position: absolute;
 top: 50%;
 width: auto;
 margin-top: -160px;
 padding: 16px;
 color: #08bff7;
 font-weight: bold;
 font-size: 64px;
 transition: 0.6s ease;
 border-radius: 0 3px 3px 0;
 user-select: none;
 z-index: 5
}

.next {
 right: 0px;
 border-radius: 3px 0 0 3px
}

.prev {
 left: 0px;
 border-radius: 3px 0 0 3px
}

.prev:hover,
.next:hover {
 color: #ff7600;
 background-color: rgba(173, 234, 252, 0.8)
}

.numbertext {
 color: rgba(242, 242, 242,0);
 font-size: 12px;
 padding: 8px 12px;
 position: absolute;
 top: 0
}

.dot {
 cursor: pointer;
 height: 15px;
 width: 15px;
 margin: 0 2px;
 background-color: #ffc695;
 border-radius: 50%;
 display: inline-block;
 transition: background-color .6s ease;
 user-select: none;
 z-index: 4
}

.active,
.dot:hover {
 background-color: #ff7600
}

.cropped{
 position: relative;
 width: 100%;
 height: 550px;
 overflow: hidden;
 z-index: 1
}

.imgbg{
 position: relative;
	display: flex;
	justify-content: center;
	overflow: hidden;
 margin: auto;
	flex-shrink: 0;
	min-width: 100%;
	min-height: 100%;
 background-size:cover;
}

.slidercontainermaster {
	top: 0px;
	left: 0px;
	margin: auto;
 position: absolute;
 width: 100%;
 text-align: center;
}

.slidercontainer1 {
 font-size: 16px;
	margin: auto;
 position: relative;
 width: 100%;
 text-align: center;
}

.slidercontainer2 {
 font-size: 16px;
 padding-top: 12px;
 	padding-bottom: 12px;
	margin-top: auto;
	margin-bottom: auto;
 position: inherit;
 width: 75%;
 text-align: center;
	vertical-align: middle;
}