/* Fader */

.carousel-item-content{ top: 75%;}
h2.carousel-item-title{ display: none;}
.carousel-item-body{ padding: 0; margin: 0; text-shadow: none;}
.carousel-item-body h2{
	font-family: "Tinos","Bariol","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-style: italic;
	text-transform: uppercase;
	color: #2c2c2c;
	font-size: 34px;
	line-height: 30px;
}

.carousel-item-body h1{
	font-family: "lato","Bariol","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #2c2c2c;
	font-size: 44px;
	line-height: 50px;
	letter-spacing: 5px;
}

/* Callout O1 & 02 */

section.l-callout01{ background: #cdf6da; padding: 4rem 0;}
section.l-callout02{ background: #fff; padding: 4rem 0;}

section.l-callout01 .callout, section.l-callout02 .callout{ padding: 4rem 0;}

h2.calloutTitle{
	font-family: "lato","Bariol","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #4c4c4c;
	font-size: 26px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 5px;
	margin: 0 0 2rem;
}

h2.calloutTitle span{ 
	text-transform: none;
	font-family: "Tinos","Bariol","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-style: italic;
	letter-spacing: normal;
}

h3.calloutSubtitle{
	font-family: "lato","Bariol","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	font-size: 16px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	max-width: 320px;
}

.callout a.btnHome, a.testimonialsBtn{
	display: block;
	width: 100%;
	max-width: 350px;
	color: #fff;
	background: #696969;
	border-radius: 5px;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 15px;
	padding: .5rem 0;
	text-align: center;
	margin: 0 auto;
	font-family: "lato","Bariol","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

.callout ul{ list-style: none; margin-left: 0;}

.callout ul li{ 
	width: 33%; 
	float: left;
	font-family: "Tinos","Bariol","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #2c2c2c;
}

/* Callout 03 */

section.l-callout03{ background: url(images/callout03Bg.png)top center no-repeat; background-size: cover; padding: 8rem 0; color: #fff;}
section.l-callout03 .callout{ padding: 0 2.5rem 0 0;}
section.l-callout03 h2.calloutTitle{ color: #fff;}

section.l-callout03 .callout a { 
color: #ffffff;
}
section.l-callout03 .callout a.btnHome{
	max-width: 100%;
	background: #fff;
	background: rgba(255,255,255,0.6);
	color: #5c6964;
	font-family: "lato","Bariol","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

.block-bean-callout-03 img{ padding: 2rem 0 0;}


/* Callout 04 & 05 */

section.l-callout04-5{ background: url(images/grad.png)top center; padding: 2rem 0;}
section.l-callout04-5 img{ margin: 2rem auto; display: block;}
section.l-callout04-5 h2.calloutTitle{ margin: 0 0 .5rem;}

.callout04 .callout ul li{ margin: 1rem 0 2rem; letter-spacing: 3px;}

.callout04 .callout ul li:first-of-type:before{ content: 'I.';}
.callout04 .callout ul li:last-of-type:before{ content: 'III.';}
.callout04 .callout ul li:before{ 
	content: 'II.';
	display: block;
	width: 110%;
	font-size: 60px;
	font-family: "Tinos","Bariol","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	color: #79b08b;
}

.callout05 .callout ul li{ margin: 2rem 0;}

/* Testimonial Block */

section.l-testimonialBlock{ padding: 4rem 0;}
section.l-testimonialBlock h2.block-title{ display: none;}
section.l-testimonialBlock .testimonial_description{ background: url(images/testimonialBg.png)top center no-repeat; padding: 1rem 0;}
section.l-testimonialBlock .testimonial_description, section.l-testimonialBlock .testimonial_name{ text-align: center; color: #2c2c2c; line-height: 26px;}
section.l-testimonialBlock .testimonial_description:first-letter{ font-size: 46px;}

section.l-testimonialBlock .testimonial_name{ text-transform: uppercase; letter-spacing: 3px; margin: 1.5rem 0;}

a.testimonialsBtn{ max-width: 100%;}

/* Media Queries */

@media screen and (max-width: 1025px){
	section.l-callout03{ background: url(images/callout03Bg2.png)top center; background-size: cover; padding: 0;}
	section.l-callout03 .medium-6:first-of-type{ background: rgba(0,0,0,0.4); padding: 4rem 0.9375rem;}
}

@media screen and (max-width: 641px){
	section.l-callout04-5{ background: none; padding: 0;}
	.callout04{ background: #cdf6da; padding: 2rem 1rem;}
	.callout05{ background: #cdebef; padding: 2rem 1rem;}
}