#carousel {
	margin-top:1%;
	position:relative;
}
#carousel-padder {
	padding-top:calc(60% * 2/3);
	padding-top:40%;
	height:0;
}
#carousel-left, #carousel-right {
	position:absolute;
	top:0;
	height:100%;
}
#carousel-left  {
	width:60%;
	left:0;
	overflow:hidden;
	background-color:#777;
}
#carousel-right {
	width:40%;
	right:0;
}
.carousel-hero {
	display:none;
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	margin:auto;
	max-width:100%;	max-height:100%;
}
.carousel-hero:first-child {
	display:block;
}
#carousel-top {
	position:relative;
	height:25%;
	box-sizing: border-box;
	/*background-color:#74B2B6;*/
	/*background-color:#E0C341;*/
	background-color:#dea41d;
	color:white;
}
#we-are {
	font-size:32px;
}
#carousel-titles {
	position:absolute;
	bottom:5%; left:5%;
	width:auto;
	font-size:24px;
	line-height:100%;
	height:55px;
}
#carousel-titles-inner {
	position:relative;
	height:22px;
}
.carousel-title {
	position:absolute;
	display:none;
	white-space:nowrap;
}
.carousel-title:first-child {
	display:block;
}

#carousel-bottom {
	height:75%;
	overflow:hidden;
}
#carousel-copy, #carousel-thumbs, #carousel-link {
	width:50%;
}
#carousel-copy {
	position:relative;
	height:100%;
}
.carousel-copy-inner {
	display:none;
	position:absolute;
	top:0; left:0;
	height:100%;
	box-sizing: border-box;
	padding:10%;

	color:#384E53;
	font-size:16px;
	line-height:140%;
	overflow-x:hidden;
	overflow-y:auto;
	background-color:white;
	-ms-overflow-style: none;
}
.carousel-copy-inner:first-child {
	display:block;
}
.carousel-copy-inner::-webkit-scrollbar { display:none; }
.carousel-copy-inner::-webkit-scrollbar { display:none; }

#copy-fader {
	position:absolute;
	bottom:0; left:0;
	height:20%; width:100%;
	/*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00FFFFFF', endColorStr='#FFFFFFFF', GradientType=0)";
	background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}
#carousel-thumbs {
	height:66.67%;
	position:relative;
	overflow:hidden;
	background-color:#777777;
}
.carousel-thumb {
	display:none;
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	margin:auto;
	max-width:100%;	max-height:100%;
}
.carousel-thumb:first-child {
	display:block;
}
#carousel-link {
	display:block;
	background-color:#332d11;
	/*background-color:#FF520E;*/
	height:33.33%;
	color:white;
	padding:0 2%;
	box-sizing:border-box;
}
#carousel-link .tankfont-baskerville-ital {	font-size:32px; }
#carousel-link .tankfont-magion-regular {	font-size:18px; color:#FFA886; }
#carousel-link-centerer {
	width:100%;
	height:100%;
	text-align: center;
	vertical-align:middle;
}
.carousel-control {
	display:none;
	position: absolute;
	top:0; bottom:0;
	margin:auto;
	padding:17px;
	height:27px;
	cursor:pointer;
}
#carousel-prev { left:0; }
#carousel-next { right:0; }

/* TESTIMONIAL */
#testimonial {
	background-color:#F8F8F8;
	padding:0 3%;
}
#testimonial-inner {
	width:900px;
	max-width:100%;
	margin:auto;
	color:#384C52;
	text-align:center;
	padding:4% 0;
}
#testimonial-inner p {
	margin-bottom:1%;
}
#testimonial-content {
	font-size:24px;
}
#testimonial-content :first-child:before {
	content:"“";
}
#testimonial-content :last-child:after {
	content:"”";
}
#testimonial-author {
	font-size:12px;
}
/* END TESTIMONIAL */

#topo {
	display:block;
}

/* TABLET */
@media all and (min-width:401px) and (max-width: 1030px) {
	.carousel-copy-inner {
		padding:7%;
	}
	.carousel-description {
		font-size:15px;
	}
	#carousel-thumbs { height:60%; } 
	#carousel-link   { height:40%; }
	.carousel-thumb {
		width:initial; height:initial; max-width:initial; max-height:initial;
		object-fit:cover;
		object-position:center;
	}
}
@media all and (min-width:401px) and (max-width: 900px) {
	#carousel-link .tankfont-baskerville-ital { font-size:28px; }
	#carousel-link .tankfont-magion-regular { font-size:16px; }
	#carousel-thumbs { height:50%; } 
	#carousel-link   { height:50%; }
	.carousel-description { font-size:14px; }
	#carousel-left { width:55%; }
	#carousel-right { width:45%; }
	#carousel-padder {
		padding-top:36.67%;
	}
}
@media all and (min-width:401px) and (max-width: 730px) {
	#carousel-link {
		display:none;
	}
	#carousel-thumbs {
		height:100%;
	}
	.carousel-description {
		font-size:13px;
	}
	#carousel-copy { width:60%; }
	#carousel-thumbs { width:40%; }
	#testimonial-content {
		font-size:21px;
	}
	#carousel-titles { font-size:20px; }
	#we-are          { font-size:28px; }
	#carousel-titles {
		height:40px; top:0; bottom:0; margin:auto;
	}
	#carousel-top { height:35%; }
	#carousel-bottom { height:65%; }
	.carousel-copy-inner {
		padding and:3% 4%;
		line-height:120%;
		font-size:15px;
	}
}
@media all and (min-width: 401px) and (max-width: 600px) {
	#carousel-thumbs {
		display:none;
	}
	#carousel-copy {
		width:100%;
	}
}
/* Mobile */
@media all and (max-width: 400px) {
	#carousel-left, #carousel-right, #carousel-copy, #carousel-thumbs {
		width:100%;
		position:relative;
		float:none;
	}
	#carousel-left {
		padding-top:66.66%;
	}
	#carousel-top {
		padding:5%;
		background-color:#F8F8F8;
		color:#384E53;
	}
	#carousel-bottom {
		height:auto;
		overflow:initial;
	}
	#we-are {
		font-size:28px;
	}
	#carousel-titles {
		position:initial;
		height:auto;
		text-align:center;
		font-size:22px;
	}
	.carousel-title {
		left:0; right:0;
	}
	#carousel-copy {
		height:280px;
	}
	.carousel-copy-inner {
		padding:3% 5%;
		font-size:14px;
	}
	#carousel-link,
	#carousel-thumbs,
	#carousel-padder {
		display:none;
	}
	.carousel-control {
		top:auto; bottom:280px;
		padding:5% 17px;
		height:22px;
	}
	.carousel-control img {
		height:100%;
	}
	#testimonial-content {
		padding:0 5%;
		font-size:19px;
	}
	#topo {
		height:25px;
	}
	#action {
		padding:5% 3%;
	}
}