.glider-contain {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.glider {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	transform: translateZ(0);
}

.glider-track {
	transform: translateZ(0);
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	z-index: 1;
}

.glider.draggable {
	user-select: none;
	/*cursor: -webkit-grab;
  cursor: grab; */
}

.glider.draggable .glider-slide img {
	user-select: none;
	pointer-events: none;
}

.glider.drag {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.glider-slide {
	user-select: none;
	justify-content: center;
	align-content: center;
	width: 100%;
}

.glider-slide img {
	max-width: 100%;
}

.glider::-webkit-scrollbar {
	opacity: 0;
	height: 0;
}

.glider-prev,
.glider-next {
	user-select: none;
	position: absolute;
	outline: none;
	background: none;
	padding: 0;
	z-index: 2;
	font-size: 40px;
	text-decoration: none;
	left: -23px;
	border: 0;
	top: 30%;
	cursor: pointer;
	color: #666;
	opacity: 1;
	line-height: 1;
	transition: opacity .5s cubic-bezier(.17, .67, .83, .67), color .5s cubic-bezier(.17, .67, .83, .67);
}

.glider-prev:hover,
.glider-next:hover,
.glider-prev:focus,
.glider-next:focus {
	color: #a89cc8;
}

.glider-next {
	right: -23px;
	left: auto;
}

.glider-next.disabled,
.glider-prev.disabled {
	opacity: .25;
	color: #666;
	cursor: default;
}

.glider-slide {
	min-width: 150px;
}

.glider-hide {
	opacity: 0;
}

.glider-dots {
	user-select: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	position: relative;
	height: 0;
	bottom: 3em;
	left: 1.5%;
}

.glider-dot {
	background: none;
	border: 0;
	padding: 0;
	user-select: none;
	outline: none;
	display: block;
	cursor: pointer;
	color: rgb(255, 255, 255);
	border-radius: 999px;
	background: rgb(255, 255, 255);
	width: 12px;
	height: 12px;
	margin: 7px;
}

.glider-dot:hover,
.glider-dot:focus,
.glider-dot.active {
	background: #000000;
}

@media(max-width: 36em) {
	.glider::-webkit-scrollbar {
		opacity: 1;
		-webkit-appearance: none;
		width: 7px;
		height: 3px;
	}
	.glider::-webkit-scrollbar-thumb {
		opacity: 1;
		border-radius: 99px;
		background-color: rgba(156, 156, 156, 0.25);
		box-shadow: 0 0 1px rgba(255, 255, 255, .25);
	}
}


/*Custom CSS */

.bg-tale-blue {
	background-color: #367588;
}

.bg-accent {
	background-color: #89bcde;
}

.bg-white {
	background-color: #ffffff;
}

.hero-glider .row {
	margin: 0 !important;
}

.height-114 {
	min-height: 114px;
}

@media screen and (min-width: 1000px) {
	.hero-glider .col-lg-8,
	.hero-glider .col-lg-4,
	.hero-glider .col-lg-12 {
		padding: 0px !important;
	}
}

.hero-glider {
	width: 100%;
	overflow: hidden;
}

.hero-glider .glider-contain {
	width: 100%;
	margin: 0 auto;
}

.hero-glider .glider-slide {
	min-height: 150px;
}

.hero-glider .glider-slide img {
	width: 100%;
	height: 100vh;
	object-fit:cover;
}

.hero-glider .hide-img>img {
	opacity: 0;
}

.hero-glider .false-bg {
	background-size: 100vw 100vh;
	background-repeat: no-repeat;
}

.hero-glider .learn-more {
	align-self: flex-start;
	padding: 0;
	border-width: 0 0 2px;
	border-color: #000;
	background: transparent;
	font-size: .875rem;
	line-height: 1;
	color: #000;
}

.hero-glider .learn-more:hover {
	border-color: #fff;
	color: #fff;
}

.hero-glider .content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2em;
	color: #fff;
	position: relative;
	top: 35vh;
}

@media screen and (min-width: 769px),
print {
	.hero-glider .content {
		padding: 2em 1em;
	}
}
/*
@media screen and (min-width: 1088px) {
	.hero-glider .content {
		padding: 2em;
	}
}*/

.hero-glider .content .medium-heading {
	margin: 0 0 1em;
	color: #fff;
	font-size: 1.625rem;
	font-weight: normal;
	line-height: 1.2;
}


/* iPad Pro portrait*/
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
	.hero-glider .glider-slide {
		height: 60vh !important;
	}
	.hero-glider .glider-slide img{
		width: auto !important;
    	height: -webkit-fill-available !important;
    	max-height: 100% !important;
		object-fit: cover;
	}

	.hero-glider .content {
		top: 40% !important;
	}
}

/*iPad Portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.hero-glider .glider-slide img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.hero-glider .content {
		top: 0;
	}
}

/* iPad landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
}

/* iPhone X portrait*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (orientation : portrait) {
	.hero-glider .glider-slide {
		height: calc(100vh - 80px) !important;
	}
}

/* iPhone X landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (orientation : landscape) {

}


/* iPhones 6+, 7+, 8+ Portrait */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) 
and (orientation: portrait) {
	.hero-glider .glider-slide {
		height: calc(100vh - 80px) !important;
	}
	.hero-glider .glider-slide img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.hero-glider .content {
		padding: 2em 0;
		top: 0;
	}
}

/* iPhones 6+, 7+, 8+  Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) 
and (orientation: landscape) {
	.hero-glider .glider-slide {
		height: calc(100vh + 200px) !important;
	}
	.hero-glider .glider-slide img {
		width: 100%;
		height: auto;
		max-height: 75vh;
		object-fit: cover;
	}

	.hero-glider .content {
		padding: 2em 0;
		top: 0;
	}
}
/* iPhones 6, 7, 8 Portrait */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px)
and (orientation: portrait) {
	.hero-glider .glider-slide {
		height: calc(100vh - 80px) !important;
	}
	.hero-glider .glider-slide img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.hero-glider .content {
		padding: 2em 0;
		top: 0;
	}
}

/* iPhones 6, 7, 8  Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (orientation: landscape) {
	.hero-glider .glider-slide {
		height: calc(100vh + 200px) !important;
	}
	.hero-glider .glider-slide img {
		width: 100%;
		height: auto;
		max-height: 75vh;
		object-fit: cover;
	}

	.hero-glider .content {
		padding: 2em 0;
		top: 0;
	}
}

/* Galaxy 5 Portrait */
@media only screen 
and (min-device-width: 360px) 
and (max-device-width: 640px)
and (orientation: portrait) {
	.hero-glider .glider-slide {
		height: calc(100vh - 80px) !important;
	}
	.hero-glider .glider-slide img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.hero-glider .content {
		padding: 2em 0;
		top: 0;
	}
}

/* Galaxy 5 Landscape */
@media only screen 
and (min-device-width: 360px) 
and (max-device-width: 640px) 
and (orientation: landscape) {
	.hero-glider .glider-slide {
		height: calc(100vh + 200px) !important;
	}
	.hero-glider .glider-slide img {
		width: 100%;
		height: auto;
		max-height: 75vh;
		object-fit: cover;
	}

	.hero-glider .content {
		padding: 2em 0;
		top: 0;
	}
}

/* iPhones 5/SE Portrait */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (orientation: portrait) {
	.hero-glider .glider-slide {
		height: calc(100vh - 70px) !important;
	}
	.hero-glider .glider-slide img {
		width: 100%;
		height: auto;
		max-height: 50vw;
		object-fit: cover;
	}

	.hero-glider .content {
		padding: 2em 0;
		top: 0;
	}
	
}

/* iPhones 5/SE  Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px) 
and (orientation: landscape) {
	.hero-glider .glider-slide {
		height: calc(100vh + 200px) !important;
	}
	.hero-glider .glider-slide img {
		width: 100%;
		height: auto;
		max-height: 75vh;
		object-fit: cover;
	}

	.hero-glider .content {
		padding: 2em 0;
		top: 0;
	}
}

/* Pixel 2 XL  Landscape */
@media only screen 
and (min-device-width: 411px) 
and (max-device-width: 823px) 
and (orientation: landscape) {
	.hero-glider .glider-slide {
		height: calc(100vh + 200px) !important;
	}
	.hero-glider .glider-slide img {
		width: 100%;
		height: auto;
		max-height: 75vh;
		object-fit: cover;
	}

	.hero-glider .content {
		padding: 2em 0;
		top: 0;
	}
}