/* Start Case Details */
section.casestudycontent .intro {
	display: block;
	overflow: hidden;
	padding: 10px;
	margin-bottom: 15px;
}
section.casestudycontent .intro img.logo {
	float: left;
	width: 20%;
	display: block;
	box-sizing: border-box;
}
section.casestudycontent .intro div.details {
	float: right;
	width: calc(80% - 15px);
	display: block;
	box-sizing: border-box;
	font-size: 16px;
}
div#content section.casestudycontent  .intro div.details h1 {
	font-size: 22x;
	margin: 0px;
	margin-bottom: 15px;
}
section.casestudycontent .intro div.details dl, section.casestudycontent .intro div.details dl dt, section.casestudycontent .intro div.details dl dd {
	padding: 0px;
	margin: 0px;
}
section.casestudycontent .intro div.details dl {
	overflow: hidden;
}
section.casestudycontent .intro div.details dl dt {
	float: left;
	width: 100px;
	clear: left;
	padding-bottom: 15px;
}
section.casestudycontent .intro div.details dl dd {
	float: left;
	width: calc( 100% - 100px );
	clear: right;
	font-weight: normal;
	padding-bottom: 15px;
}
@media screen and (max-width: 1100px) {
	section.casestudycontent .intro {
		padding: 0px;
	}
	section.casestudycontent .intro img.logo {
		float: none;
		clear: both;
		width: 80%;
		max-width: 300px;
		margin: 0px auto;
	}
	section.casestudycontent .intro div.details {
		float: none;
		clear: both;
		width: 100%;
	}
}
div#content section.casestudycontent h2 {
	font-size: 24px;
	font-weight: 300;
}

/* Testimonial */
section.casestudycontent div.testimonial {
	padding-bottom: 0px;
	border-bottom: 0px;
	margin-bottom: 15px;
}
div#content section.casestudycontent div.testimonial div.bubble {
    position: relative;
    padding: 15px;
    text-align: left;
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	font-size: 15px;
	line-height: 19px;
}
div#content section.casestudycontent div.testimonial h3 {
    margin-bottom: 15px;
	font-weight: 300;
}
div#content section.casestudycontent div.testimonial div.bubble p {
    color: #ffffff;
	margin: 0px;
}

/* Odd */
section.casestudycontent div.testimonial.odd {
	padding-right: 30%;
	box-sizing: border-box;
}
section.casestudycontent div.testimonial.odd div.by div.point, section.casestudycontent div.testimonial.odd div.bubble {
	background: #5f5f5f;
}

/* Even */
section.casestudycontent div.testimonial.even {
	padding-left: 30%;
	box-sizing: border-box;
}
section.casestudycontent div.testimonial.even div.by div.point, section.casestudycontent div.testimonial.even div.bubble {
	background: #5f5f5f;
}

/* Pagination */
section.casestudycontent div.pagination {
	text-align: center;
	margin-top: 15px;
	padding: 10px;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}


/* divisons */
section.casestudycontent div.divisions {
	overflow: hidden;
}
section.casestudycontent div.divisions a {
	width: calc( 25% - 15px );
    max-width: calc( 300px - 15px );
    margin-right: 15px;
    margin-bottom: 15px;
    display: block;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    color: #ffffff;
    text-align: center;
    position: relative;
    font-size: 18px;
	color: #5f5f5f;
	font-weight: 300;
}
section.casestudycontent div.divisions a:hover {
	box-shadow: inset 0px 0px 30px 10px rgba(255,255,255,0.4);
}
section.casestudycontent div.divisions a img {
	width: 100%;
	height: auto;
	display: block;
}

@media screen and (max-width: 1100px) {
	section.casestudycontent div.divisions {
		text-align: center;
	}
	section.casestudycontent div.divisions a {
		float: none;
		display: inline-block;
		width: calc( 33% - 15px );
	}
}
@media screen and (max-width: 950px) {
	section.casestudycontent div.divisions a {
		width: calc( 50% - 15px );
	}
}
@media screen and (max-width: 550px) {
	section.casestudycontent div.divisions a {
		width: calc( 90% - 15px );
		
	}
}


/* Carousel */
section.casestudycontent div.carousel {
	margin-top: 15px;
}
section.casestudycontent div.carousel .slick-list {
	background: rgba(0,0,0,0.05);
}
section.casestudycontent div.carousel div.slide {
	display: inline-block;
	height: 30vh;
	box-sizing: border-box;
	margin-right: 8px;
}
section.casestudycontent div.carousel div.slide.img {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
section.casestudycontent div.carousel div.slide img {
	display: block;
	height: 100%;
	width: auto;
	max-width: 70vw;
	margin: 0px auto;
}
@media screen and (max-width: 700px) {
	section.casestudycontent div.carousel div.slide {
		width: 80vw;
		height: 50vh;
	}
	section.casestudycontent div.carousel div.slide img {
		max-width: 80vw;
		height: auto;
	}
}
section.casestudycontent div.carousel .slick-dots {
	position: relative;
	margin-top: 7px;
}

section.casestudycontent div.carousel .slick-dots li button:before {
	font-size: 30px;
}
section.casestudycontent .slick-dots li {
	height: 7px;
	width: 15px;
}
section.casestudycontent .slick-dots li:before {
	display: none;
}
section.casestudycontent .slick-dots li.slick-active button {
	opacity: 1;
	background: #5f5f5f;
}
section.casestudycontent .slick-dots li button {
	content: "";
	font-family: inherit;
	opacity: 0.5;
    background: black;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	display: block;
    position: relative;
    margin: 0px auto;
}
section.casestudycontent .slick-dots li button:before {
	display: none;
}


/* Responsive Video */
section.casestudycontent div.responsiveVideo {
	overflow: hidden;
	height: 0px;
	width: calc( ( 30vh / 315 ) * 560 );
	max-width: 80vw;
	padding-top: 30vh; 
	position: relative;
	margin-right: 8px;
}
@media screen and (max-width: 700px) {
	section.casestudycontent div.responsiveVideo {
		width: calc( ( 50vh / 315 ) * 560 );
		padding-top: 50vh; 
	}
}
section.casestudycontent div.responsiveVideo iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}