/* DEFINITIVE SOUND 2015 ****************************************************************************************************************/
/* BUILT ON FOUNDATION 5 ****************************************************************************************************************/
/****************************************************************************************************************************************/
@font-face{font-family:'helveticaneue-roman';
src:url(../fonts/helveticaneue-roman.eot);src:url(../fonts/helveticaneue-roman.eot) format("embedded-opentype"),url(../fonts/helveticaneue-roman.woff2) format("woff2"),url(../fonts/helveticaneue-roman.woff) format("woff"),url(../fonts/helveticaneue-roman.ttf) format("truetype"),url(../fonts/helveticaneue-roman.svg#helveticaneue-roman) format("svg")}
@font-face{font-family:'helveticaneue-light';
src:url(../fonts/helveticaneue-light.eot);src:url(../fonts/helveticaneue-light.eot) format("embedded-opentype"),url(../fonts/helveticaneue-light.woff2) format("woff2"),url(../fonts/helveticaneue-light.woff) format("woff"),url(../fonts/helveticaneue-light.ttf) format("truetype"),url(../fonts/helveticaneue-light.svg#helveticaneue-light) format("svg")}
@font-face{font-family:'helveticaneue-thin';
src:url(../fonts/helveticaneue-thin.eot);src:url(../fonts/helveticaneue-thin.eot) format("embedded-opentype"),url(../fonts/helveticaneue-thin.woff2) format("woff2"),url(../fonts/helveticaneue-thin.woff) format("woff"),url(../fonts/helveticaneue-thin.ttf) format("truetype"),url(../fonts/helveticaneue-thin.svg#helveticaneue-thin) format("svg")
}
@font-face {font-family: 'helveticaneue-medium';
src: url('../fonts/helveticaneue-medium.eot');src: url('../fonts/helveticaneue-medium.eot') format('embedded-opentype'),url('../fonts/helveticaneue-medium.woff2') format('woff2'),url('../fonts/helveticaneue-medium.woff') format('woff'),url('../fonts/helveticaneue-medium.ttf') format('truetype'),url('../fonts/helveticaneue-medium.svg#helveticaneue-medium') format('svg');
}
/****************************************************************************************************************************************/

html, body {width: 100%; height: 100%;}

body {
	background: #DDDDDD;
	font-family: 'helveticaneue-light';
	font-size: 16px;
	color: #898989;
}

h1, h2, h3, h4, h5 {
	font-family:'helveticaneue-thin';
	font-weight: normal;
}

h1, h2 {font-size: 36px; line-height: 38px;}

a:hover, a:active, a:focus {outline: 0;}

.small {font-size: 12px;}
.medium {font-size: 20px;}

.orange {color: #81411d;}
.white {color: #FFFFFF;}
.blue {color: #1c375f;}
.red {color: #81411d;}

.divider {
	max-width: 300px;
	height: 14px;
	background: url(../img/divider-mobile.png) no-repeat center center;
	margin: 30px auto;
}

.img-center {margin-left: auto; margin-right: auto;}

.row {max-width: 1600px;}

strong, b, .bold {font-family: 'helveticaneue-medium'; font-weight: normal;}


/* SOCIAL MEDIA ******************************************************************************************************************************/

.socialmedia .icon {
	display: block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	float: left;
	margin: 0 10px;
}

.socialmedia .icon.linkedin {background-image: url(../svg/socialmedia-icon-linkedin-grey.svg);}
.socialmedia .icon.facebook {background-image: url(../svg/socialmedia-icon-facebook-grey.svg);}
.socialmedia .icon.tumblr {background-image: url(../svg/socialmedia-icon-tumblr-grey.svg);}
.socialmedia .icon.twitter {background-image: url(../svg/socialmedia-icon-twitter-grey.svg);}


/* NAV ***************************************************************************************************************************************/

.nav-wrapper {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 50;
}

.nav-menu {
	font-family:'helveticaneue-roman';
	width: 100%;
	height: 160px;
	color: #898989;
	background: #FFFFFF;
	text-align: center;
	transition: height 1s; -webkit-transition: height 1s; -moz-transition: height 1s; -ms-transition: height 1s; -o-transition: height 1s;
	overflow: hidden;	
	text-transform: uppercase;
	letter-spacing: 2px;
}

.nav-menu ul {
	list-style: none;
	padding: 40px 0 20px 0;
	margin: 0;
}

.nav-menu ul li {margin: 0;}

.nav-menu a, .nav-menu a:hover {
	font-size: 12px;
	color: #898989;
	text-decoration: none;
}

.nav-menu.collapsed {
	height: 0px;
}

.nav-menu .socialmedia {
	width: 176px;
	height: 24px;
	margin: 0 auto;
}

.nav-toggle {
	display: block;
	width: 100%;
	height: 70px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/nav-expanded.png);
}

.nav-toggle.collapsed {	background-image: url(../img/nav-collapsed.png);}

.nav-divider {
	background: #242216; /* Old browsers */
	background: -moz-linear-gradient(left, #242216 0%, #ece8c8 50%, #242216 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#242216), color-stop(50%,#ece8c8), color-stop(100%,#242216)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #242216 0%,#ece8c8 50%,#242216 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #242216 0%,#ece8c8 50%,#242216 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #242216 0%,#ece8c8 50%,#242216 100%); /* IE10+ */
	background: linear-gradient(to right, #242216 0%,#ece8c8 50%,#242216 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242216', endColorstr='#242216',GradientType=1 ); /* IE6-9 */
}

.nav-wrapper nav {background: none;}

.nav-wrapper nav .top-bar-section ul li, .nav-wrapper nav .top-bar-section li:not(.has-form) a:not(.button) {background: none; line-height: normal;}

.nav-wrapper nav .top-bar-section .has-dropdown > a:after {
   border-color: transparent transparent transparent;
}

.nav-wrapper nav .top-bar-section .has-dropdown > a {
    padding-right: 0 !important;
}

.nav-wrapper nav .top-bar-section ul li > a, 
.nav-wrapper nav .top-bar-section ul li:hover:not(.has-form) > a,
.nav-wrapper nav .top-bar-section .dropdown li.title h5 a, 
.nav-wrapper nav .top-bar-section .dropdown li.parent-link a
{font-family:'helveticaneue-roman'; color: #666666; padding: 5px 0; text-transform: uppercase; font-size: 14px;}


.nav-wrapper nav .top-bar-section .dropdown {padding: 20px 0 10px 0;}


/* FOOTER *******************************************************************************************************************************/

.footer {
	min-height: 200px;
	background: #080808;
	font-size: 12px;
	color: #acacac;
}

.footer a, .footer a:hover {font-size: 12px; color: #acacac;}

.footer .row:nth-child(1) {
	background: url(../img/footer-logo.png) no-repeat top center;
	padding: 25px 0;
	border-bottom: 1px solid #363636;
	padding-top: 120px;
}

.footer .row:nth-child(2) {padding-top: 7px;}

.footer-links {
	max-width: 200px; 
	padding-left: 20px;
	margin: 0 auto;
}

.footer-links .discover, .footer-links .projects, .footer-links .inquire, .footer-links .follow {
	width: 25%;
	float: left;
}


.footer-links .discover {width: 50%;}
.footer-links .projects {width: 50%;}

.footer-links b {display: block; margin-bottom: 15px; color: #FFFFFF;}

.footer-links ul {
	list-style: none;
	margin: 0;
	line-height: normal;
}

.footer-links ul li {margin: 0; padding: 0;}

.footer-links .socialmedia .icon {background-position: left center; width: 15px; height: 15px; margin: 5px 5px 0 0;}

.footer-sitemapprivacy {
	width: 100%;
	text-align: center;
}

.footer-copyright {
	margin: 10px auto;
	text-align:center;
}


/* SLIDESHOW ***************************************************************************************************************************************/

.slideshow-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	background: #CCCCCC;	
}

.slideshow {
	width: 100%;
	height: 100%;
	background: #CCCCCC;
}

.slideshow-wrapper .slick-slider .slick-track, .slideshow-wrapper .slick-slider .slick-list {width: 100%; height: 100%; overflow: hidden;}

.slideshow-slide {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.slideshow-slide.one {background-image: url(../img/slideshow-slide01-mobile.jpg);}
.slideshow-slide.two {background-image: url(../img/slideshow-slide02-mobile.jpg);}
.slideshow-slide.three {background-image: url(../img/slideshow-slide03-mobile.jpg);}
.slideshow-slide.four {background-image: url(../img/slideshow-slide04-mobile.jpg);}

.slideshow-down {
	background: url(../img/slideshow-down.png) no-repeat bottom center;
	display: block;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
}

.slideshow-logo {
	width: 210px;
	height: 125px;
	background: url(../svg/definitivesound-logo-white.svg) no-repeat top center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -62px 0 0 -105px;
	transition: top 1s; -webkit-transition: top 1s; -moz-transition: top 1s; -ms-transition: top 1s; -o-transition: top 1s;
}

.slideshow-logo.movedown {top: 70%;}

.slideshow-logo span {
	font-family:'helveticaneue-roman';
	display: block;
	width: 100%;
	font-size: 12px;
	color: #a49d64;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: absolute;
	bottom: 0;
}


/* HOME ***************************************************************************************************************************************/

.home-welcome {
	background: #FFFFFF;
	text-align: center;
	padding: 60px 10%;
}

.home-photo-mobile {
	width: 100%;
	text-align: center;
}

.home-photo-mobile img {
	width: 100%;
}

.home-partners {
	background: url(../img/home-partners-background-mobile.jpg) no-repeat bottom center;
	background-size: cover;
	text-align: center;
	padding: 20% 10% 90% 10%;
}

.home-partners h2 {
	color: #dcd4b8;
}

.home-partners a, .home-partners a:hover {color: #ddd5b9;}

.home-quality {
	background: url(../img/home-quality-background-mobile.jpg) no-repeat top center;
	background-size: cover;
	text-align: center;
	padding: 20% 10% 15% 10%;
}

.home-quality h2 {
	color: #8e4820;
}

.home-casestudies {
	background: #000000;
	color: #FFFFFF;
	text-align: center;
	display: none;
}

.home-casestudies h2 {color: #FFFFFF; padding: 0;}

.home-casestudies-row {
	width: 100%;
	display: table;	
}

.home-casestudies-column {
	width: 25%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	background-size: 100%;
}

.home-casestudies-column.photo01 {background-image: url(../img/home-casestudies-photo01.jpg);}
.home-casestudies-column.photo02 {background-image: url(../img/home-casestudies-photo02.jpg);}
.home-casestudies-column.photo03 {background-image: url(../img/home-casestudies-photo03.jpg);}
.home-casestudies-column.photo04 {background-image: url(../img/home-casestudies-photo04.jpg);}
.home-casestudies-column.photo05 {background-image: url(../img/home-casestudies-photo05.jpg);}
.home-casestudies-column.photo06 {background-image: url(../img/home-casestudies-photo06.jpg);}
.home-casestudies-column.photo07 {background-image: url(../img/home-casestudies-photo07.jpg);}

.home-casestudies-column img {
	width: 100%;
	height: auto;
	transition: opacity 1s;
}

.home-casestudies-column img:hover {
	opacity: 0;
}

.home-builders {
	background: url(../img/home-builders-background-mobile.jpg) no-repeat top center;
	background-size: cover;
	text-align: center;
	padding: 20% 10% 15% 10%;
}

.home-builders h2 {
	color: #19335b;
}

.home-modal {
	width: 600px;
	height: 300px;
	background: url(../img/home-modal-background.png);
	top: 50% !important;
	margin-top: -150px;
	display: none !important;
	border-radius: 0;
	box-shadow: none;
	border: 0 !important;
}

.home-modal .close-reveal-modal {
	display: block;
	width: 23px;
	height: 23px;
	top: 0;
	right: 0;
	margin-right: -40px;
	background: url(../img/home-modal-close.png) no-repeat center center;
}

.reveal-modal-bg {display: none !important;}

.home-modal-text {margin-top: 90px !important; margin-right: 60px;}

.home-modal-text h1 {color: #000000;}

.home-modal-text p {
	font-family:'helveticaneue-thin';
	color: #898989;
	font-size: 14px; 
	line-height: 20px; 
	margin-top: 45px;
}
	
.home-contact {
	width: 100%;
	background: #000000;
	color: #898989;
	padding: 10% 10% 20% 10%;
	position: relative;
	overflow: hidden;
}

.home-contact h3 {
	font-size: 36px; 
	line-height: 38px;
	color: #FFFFFF;
	margin: 0 0 30px 0;
}

.home-contact a, .home-contact a:hover {color: #FFFFFF;}

.home-contact .socialmedia .icon {
	margin: 10px 10px 0 0;	
}

.home-contact-text {
	display: block;
	background: #000000;
	z-index: 20;
	position: relative;
}

.home-contact-backtotop {
	font-family:'helveticaneue-light';
	font-size: 24px;
	display: none;
	color: #FFFFFF;
	position: absolute;
	right: 10px;
	bottom: 0;
	padding: 10px 40px 10px 10px;
	background: url(../img/home-contact-backtotop-arrow.png) no-repeat right center;
	z-index: 20;
}

.home-contact #map-canvas {
	width: 110%;
	height: 110%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: none;
}

/* PARTNERS *******************************************************************************************************************************/

.partners-intro {
	background-color: #E1E1E1;
	background-image: url(../img/partners-intro-background-mobile.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: auto;
	height: auto;
	text-align: center;
}

.partners-intro-text {padding: 80px 30px 270px 30px;}

.partners-detail {
	background: #FFFFFF;
	padding-top: 50px;
}

.partners-detail .row {padding: 0;}

.partners-detail .partner {
	color: #464646;
	padding: 0 30px 60px 30px;
	text-align: center;
}

.partners-detail .partner a {
	font-family:'helveticaneue-light';
	color: #be5d2d;
}

.partners-detail .partner p {margin-bottom: 50px;}

.partners-detail .logo {
	height: 66px;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}

.partners-detail .partner.audioquest .logo  {background-image: url(../img/partners-audioquest-logo.png);}
.partners-detail .partner.bowerswilkins .logo  {background-image: url(../img/partners-bowerswilkins-logo.png);}
.partners-detail .partner.classe .logo  {background-image: url(../img/partners-classe-logo.png);}
.partners-detail .partner.crestron .logo  {background-image: url(../img/partners-crestron-logo.png);}
.partners-detail .partner.kaleidescape .logo  {background-image: url(../img/partners-kaleidescape-logo.png);}
.partners-detail .partner.apple .logo  {background-image: url(../img/partners-apple-logo.png);}
.partners-detail .partner.sim2 .logo  {background-image: url(../img/partners-sim2-logo.png);}
.partners-detail .partner.rotel .logo  {background-image: url(../img/partners-rotel-logo.png);}
.partners-detail .partner.stewart .logo  {background-image: url(../img/partners-stewart-logo.png);}
.partners-detail .partner.lutron .logo  {background-image: url(../img/partners-lutron-logo.png);}
.partners-detail .partner.bostonacoustics .logo  {background-image: url(../img/partners-bostonacoustics-logo.png);}
.partners-detail .partner.marantz .logo  {background-image: url(../img/partners-marantz-logo.png);}
.partners-detail .partner.savant .logo  {background-image: url(../img/partners-savant-logo.png);}
.partners-detail .partner.sonos .logo  {background-image: url(../img/partners-sonos-logo.png);}
.partners-detail .partner.sonance .logo  {background-image: url(../img/partners-sonance-logo.png);}
.partners-detail .partner.sony .logo  {background-image: url(../img/partners-sony-logo.png);}
.partners-detail .partner.lyngdorf .logo  {background-image: url(../img/partners-lyngdorf-logo.png);}
.partners-detail .partner.steinwaylyngdorf .logo  {background-image: url(../img/partners-steinwaylyngdorf-logo.png);}


.partners-detail .divider {
	max-width: 1600px;
	height: 0px;
	margin: 0 auto;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(left, #1e5799 0%, #000000 0%, #f7f7f7 48%, #f7f7f7 52%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(0%,#000000), color-stop(48%,#f7f7f7), color-stop(52%,#f7f7f7), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1e5799 0%,#000000 0%,#f7f7f7 48%,#f7f7f7 52%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1e5799 0%,#000000 0%,#f7f7f7 48%,#f7f7f7 52%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #1e5799 0%,#000000 0%,#f7f7f7 48%,#f7f7f7 52%,#000000 100%); /* IE10+ */
	background: linear-gradient(to right, #1e5799 0%,#000000 0%,#f7f7f7 48%,#f7f7f7 52%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#000000',GradientType=1 ); /* IE6-9 */	
}


/* CONTACT ***************************************************************************************************************************************/

.contact-inquiry {
	background: #FFFFFF;
	padding: 70px 30px 50px 30px;
}

.contact-inquiry ::-webkit-input-placeholder { color:#000000; opacity: 1 !important; }
.contact-inquiry ::-moz-placeholder { color:#000000; } 
.contact-inquiry :-ms-input-placeholder { color:#000000; } 
.contact-inquiry input:-moz-placeholder { color:#000000; }

.contact-inquiry input {border: 0; border-bottom: 1px solid #e1e1e1; box-shadow: none;}

.contact-inquiry textarea {resize: none; border: none; box-shadow: none; background: #ebebeb;}

.contact-inquiry .thanks {text-align: right;}

.contact-inquiry input[type='submit'] {
	font-family:'helveticaneue-light';
	font-size: 16px;
	background: #be5d2d;
	color: #FFFFFF;
	padding: 7px 30px;
	margin: 0 0 0 20px;
	cursor: pointer;
}

.contact-map {
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.contact-map #map-canvas {
	width: 110%;
	height: 540px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: none;
}

.contact-map-text-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 300px;
	height: 100%;
	background: #464646;
	color: #FFFFFF;
	z-index: 10;
}

.contact-map-text {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	margin: 0 auto;
	padding: 30px;
}

.contact-map-text h3 {
	font-size: 36px; 
	line-height: 38px;
	color: #FFFFFF;
	margin: 0 0 30px 0;
}

.contact-map-text a, .contact-map-text a:hover {color: #FFFFFF;}

.contact-map-text .socialmedia {width: 140px; margin: 0 auto;}

.contact-map-text .socialmedia .icon {
	margin: 10px 10px 0 0;	
}


/* ABOUT ********************************************************************************************************************************/

.about.slideshow-wrapper {
	max-height: 50%;	
}

.about.slideshow-wrapper .slideshow-slide.one {background-image: url(../img/about-slideshow-slide01-mobile.jpg);}
.about.slideshow-wrapper .slideshow-slide.two {background-image: url(../img/about-slideshow-slide02-mobile.jpg);}
.about.slideshow-wrapper .slideshow-slide.three {background-image: url(../img/about-slideshow-slide03-mobile.jpg);}
.about.slideshow-wrapper .slideshow-slide.four {background-image: url(../img/about-slideshow-slide04-mobile.jpg);}

.about-intro {
	padding: 50px 20px;
	background: #FFFFFF;
	text-align: center;
}

.about-intro h1 {
	font-size: 50px;
	line-height: 60px;
	color: #363636;
}

.about-callouts {
	background: #FFFFFF;
	text-align: center;
	padding-bottom: 100px;
}

.about-callouts .callout {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: block;
	width: 100%;
	max-width: 327px;
	height: 327px;
	margin: 0 auto;
}

.about-callouts .divider {
	width: 175px;
	height: 1px;
	background: #000000;
	margin: 30px auto 20px auto;
}

.about-callouts p {padding: 0 15%;}

.about-callouts .black .callout {background-image: url(../img/about-callout-black.png);}
.about-callouts .orange .callout {background-image: url(../img/about-callout-orange.png);}
.about-callouts .blue .callout {background-image: url(../img/about-callout-blue.png);}


/* CASE STUDY ***************************************************************************************************************************/


.casestudy-slider-nav-inner {
	width: 100%;
}

.casestudy-photo {
	width: 100%;
	height: 800px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.casestudy-slider-nav-wrapper {
	width: 100%;
	background: #f6f6f6;
}

.casestudy-slider-nav-wrapper .slider-nav {
	max-width: 670px;
	float: left;
}

.casestudy-nav {
	width: 114px !important;
	height: 77px !important;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 13px 10px;
	cursor: pointer;
	border: 2px solid #f6f6f6;
	transition: border 1s;	
}

.casestudy-nav.active {border: 2px solid #000000;}

.casestudy-slider-nav-next {
	display: block;
	width: 50px;
	height: 100px;
	background: url(../img/casestudy-next.png) no-repeat left center;
	float: left;
	margin-left: 10px;
}

.casestudy.one .casestudy-photo.photo01, .casestudy.one .casestudy-nav.photo01 {background-image: url(../img/casestudy-one-photo01.jpg);}
.casestudy.one .casestudy-photo.photo02, .casestudy.one .casestudy-nav.photo02 {background-image: url(../img/casestudy-one-photo02.jpg);}
.casestudy.one .casestudy-photo.photo03, .casestudy.one .casestudy-nav.photo03 {background-image: url(../img/casestudy-one-photo03.jpg);}
.casestudy.one .casestudy-photo.photo04, .casestudy.one .casestudy-nav.photo04 {background-image: url(../img/casestudy-one-photo04.jpg);}
.casestudy.one .casestudy-photo.photo05, .casestudy.one .casestudy-nav.photo05 {background-image: url(../img/casestudy-one-photo05.jpg);}
.casestudy.one .slider-mobile .casestudy-photo.photo01 {background-image: url(../img/casestudy-one-photo01-mobile.jpg);}
.casestudy.one .slider-mobile .casestudy-photo.photo02 {background-image: url(../img/casestudy-one-photo02-mobile.jpg);}
.casestudy.one .slider-mobile .casestudy-photo.photo03 {background-image: url(../img/casestudy-one-photo03-mobile.jpg);}
.casestudy.one .slider-mobile .casestudy-photo.photo04 {background-image: url(../img/casestudy-one-photo04-mobile.jpg);}
.casestudy.one .slider-mobile .casestudy-photo.photo05 {background-image: url(../img/casestudy-one-photo05-mobile.jpg);}

.casestudy.two .casestudy-photo.photo01, .casestudy.two .casestudy-nav.photo01 {background-image: url(../img/casestudy-two-photo01.jpg);}
.casestudy.two .casestudy-photo.photo02, .casestudy.two .casestudy-nav.photo02 {background-image: url(../img/casestudy-two-photo02.jpg);}
.casestudy.two .casestudy-photo.photo03, .casestudy.two .casestudy-nav.photo03 {background-image: url(../img/casestudy-two-photo03.jpg);}
.casestudy.two .casestudy-photo.photo04, .casestudy.two .casestudy-nav.photo04 {background-image: url(../img/casestudy-two-photo04.jpg);}
.casestudy.two .casestudy-photo.photo05, .casestudy.two .casestudy-nav.photo05 {background-image: url(../img/casestudy-two-photo05.jpg);}
.casestudy.two .slider-mobile .casestudy-photo.photo01 {background-image: url(../img/casestudy-two-photo01-mobile.jpg);}
.casestudy.two .slider-mobile .casestudy-photo.photo02 {background-image: url(../img/casestudy-two-photo02-mobile.jpg);}
.casestudy.two .slider-mobile .casestudy-photo.photo03 {background-image: url(../img/casestudy-two-photo03-mobile.jpg);}
.casestudy.two .slider-mobile .casestudy-photo.photo04 {background-image: url(../img/casestudy-two-photo04-mobile.jpg);}
.casestudy.two .slider-mobile .casestudy-photo.photo05 {background-image: url(../img/casestudy-two-photo05-mobile.jpg);}

.casestudy.three .casestudy-photo.photo01, .casestudy.three .casestudy-nav.photo01 {background-image: url(../img/casestudy-three-photo01.jpg);}
.casestudy.three .casestudy-photo.photo02, .casestudy.three .casestudy-nav.photo02 {background-image: url(../img/casestudy-three-photo02.jpg);}
.casestudy.three .casestudy-photo.photo03, .casestudy.three .casestudy-nav.photo03 {background-image: url(../img/casestudy-three-photo03.jpg);}
.casestudy.three .casestudy-photo.photo04, .casestudy.three .casestudy-nav.photo04 {background-image: url(../img/casestudy-three-photo04.jpg);}
.casestudy.three .casestudy-photo.photo05, .casestudy.three .casestudy-nav.photo05 {background-image: url(../img/casestudy-three-photo05.jpg);}
.casestudy.three .slider-mobile .casestudy-photo.photo01 {background-image: url(../img/casestudy-three-photo01-mobile.jpg);}
.casestudy.three .slider-mobile .casestudy-photo.photo02 {background-image: url(../img/casestudy-three-photo02-mobile.jpg);}
.casestudy.three .slider-mobile .casestudy-photo.photo03 {background-image: url(../img/casestudy-three-photo03-mobile.jpg);}
.casestudy.three .slider-mobile .casestudy-photo.photo04 {background-image: url(../img/casestudy-three-photo04-mobile.jpg);}
.casestudy.three .slider-mobile .casestudy-photo.photo05 {background-image: url(../img/casestudy-three-photo05-mobile.jpg);}

.casestudy.four .casestudy-photo.photo01, .casestudy.four .casestudy-nav.photo01 {background-image: url(../img/casestudy-four-photo01.jpg);}
.casestudy.four .casestudy-photo.photo02, .casestudy.four .casestudy-nav.photo02 {background-image: url(../img/casestudy-four-photo02.jpg);}
.casestudy.four .casestudy-photo.photo03, .casestudy.four .casestudy-nav.photo03 {background-image: url(../img/casestudy-four-photo03.jpg);}
.casestudy.four .casestudy-photo.photo04, .casestudy.four .casestudy-nav.photo04 {background-image: url(../img/casestudy-four-photo04.jpg);}
.casestudy.four .casestudy-photo.photo05, .casestudy.four .casestudy-nav.photo05 {background-image: url(../img/casestudy-four-photo05.jpg);}
.casestudy.four .slider-mobile .casestudy-photo.photo01 {background-image: url(../img/casestudy-four-photo01-mobile.jpg);}
.casestudy.four .slider-mobile .casestudy-photo.photo02 {background-image: url(../img/casestudy-four-photo02-mobile.jpg);}
.casestudy.four .slider-mobile .casestudy-photo.photo03 {background-image: url(../img/casestudy-four-photo03-mobile.jpg);}
.casestudy.four .slider-mobile .casestudy-photo.photo04 {background-image: url(../img/casestudy-four-photo04-mobile.jpg);}
.casestudy.four .slider-mobile .casestudy-photo.photo05 {background-image: url(../img/casestudy-four-photo05-mobile.jpg);}

.casestudy-next, .casestudy-next:hover {
	font-family: 'helveticaneue-thin';
	font-size: 28px;
	color: #000000;
	display: block;
	width: 100%;
	height: 75px;
	background: #E5E1D6 url(../img/casestudy-next-large.png) no-repeat right center;
	background-size: contain;
	padding: 16px 0 0 20px;
}

.casestudy-slider-nav-inner .casestudy-next, .casestudy-slider-nav-inner .casestudy-next:hover {
	font-family:'helveticaneue-light';
	font-size: 24px;
	display: block;
	width: auto;
	height: 105px;
	background: #e5e1d6 url(../img/casestudy-next.png) no-repeat center right 20px;
	float: right;
	color: #000000;
	padding: 34px 50px 10px 30px;
	letter-spacing: 1px;
	clear: none;
}

.casestudy-slider-nav-text {
	font-family:'helveticaneue-thin';
	font-size: 35px;
	width: 100%;
	color: #000000;
	letter-spacing: 1px;
	text-align: center;
}

.casestudy-description {
	padding-top: 40px;
	background: #FFFFFF;
	text-align: center;
}

.casestudy-description .features {
	border-left: 1px solid #d4c981;
	padding-bottom: 30px !important;
}

.casestudy-description .features p {
    font-family: 'helveticaneue-medium';
	font-size: 14px;
	margin: 20px 0;
}

.casestudy-description h3 {
	font-family:'helveticaneue-thin';
	font-size: 20px;
}

.casestudy-partners {
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 50%;
	color: #FFFFFF;
	padding: 50px 0 30% 0;
	text-align: center;
}

.casestudy.one .casestudy-partners {background-image: url(../img/casestudy-one-partners-background.jpg);}
.casestudy.two .casestudy-partners {background-image: url(../img/casestudy-two-partners-background.jpg); background-position: bottom right;}
.casestudy.three .casestudy-partners {background-image: url(../img/casestudy-three-partners-background.jpg); background-position: center bottom 20px;}
.casestudy.four .casestudy-partners {background-image: url(../img/casestudy-four-partners-background.jpg); background-position: bottom center; background-size: 30%; padding-bottom: 30%;}

.casestudy-partners h2 {color: #FFFFFF; margin-bottom: 30px;}

.casestudy-partners p {color: #acacac; padding: 0 30px 30px 30px;}

.casestudy-builderprofile {
	background: #FFFFFF;
	padding: 50px 0 0 0;
	position: relative;
	text-align: center;
}

.casestudy-builderprofile h2 {margin-bottom: 30px;}

.casestudy-builderprofile .column {padding-bottom: 20px;}

.casestudy-builderprofile .logo {
	background-repeat: no-repeat;
	background-position: top center;
	height: 90px;
}

.casestudy.one .casestudy-builderprofile .logo {background-image: url(../img/casestudy-one-builder-logo.png);}
.casestudy.two .casestudy-builderprofile .logo {background-image: url(../img/casestudy-two-builder-logo.png);}
.casestudy.three .casestudy-builderprofile .logo {background-image: url(../img/casestudy-three-builder-logo.png);}
.casestudy.four .casestudy-builderprofile .logo.arielmuller {background-image: url(../img/casestudy-three-arielmuller-logo.png);}
.casestudy.four .casestudy-builderprofile .logo.partridge {background-image: url(../img/casestudy-three-partridge-logo.png);}

.casestudy-builderprofile-contact {
	background: #f6f6f6;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	padding: 20px;
	text-align: center;
}

.casestudy-builderprofile-contact a, .casestudy-builderprofile-contact a:hover {color: #898989;}

.casestudy-builderprofile-contact h4 {
	font-family: 'helveticaneue-roman';
	font-size: 18px;
}

.casestudy-builderprofile-contact p {
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 20px 0;
}

.casestudy-builderprofile-contact .socialmedia {
	width: 160px;
	margin: 20px auto;
}

.casestudy-builderprofile-contact .socialmedia .icon.linkedin {margin-left: 0;}
.casestudy-builderprofile-contact .socialmedia .icon.twitter {margin-right: 0;}


/* SITE MAP *****************************************************************************************************************************/

.sitemap {
	background: #FFFFFF;
	padding: 150px 0 0 0;
}

.sitemap-list {padding: 20px 0 50px 40px;}


/* ACCOLADES *******************************************************************************************************************************/

.accolades-intro {
	background-color: #FFFFFF;
	background-image: url(../img/accolades-intro-background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 650px;
	height: auto;
	text-align: center;
}

.accolades-intro-text {
	padding: 200px 20px 50px 20px;
}


/* PRIVACY POLICY ***************************************************************************************************************************************/

.privacypolicy {
	background: #FFFFFF;
	padding: 150px 0 0 0;
}

.privacypolicy-row {max-width: 860px; padding-bottom: 150px; margin: 0 auto;}

.privacypolicy h2 {font-family: 'helveticaneue-medium'; color: #81411d; font-size: 18px; font-weight: normal;}


/****************************************************************************************************************************************/
/* RESPONSIVE CSS (MOBILE-FIRST) ********************************************************************************************************/

/* medium displays */
@media only screen and (min-width: 40.0625em) {
	.divider {max-width: 500px;	background: url(../img/divider.png) no-repeat center center;}
	.small {font-size: 14px; line-height: 18px;}	
	
	.nav-toggle, .nav-menu .socialmedia {display: none;}
	.nav-menu, .nav-menu.collapsed {height: 100px; margin: 0; background: none; text-transform: none; overflow: visible;}
	.contact .nav-wrapper {background: #464646;}
	.nav-menu a, .nav-menu a:hover {color: #FFFFFF; border-left: 1px solid #FFFFFF; padding: 0 30px;}
	.nav-menu ul {width: auto; float: right;}
	.nav-menu ul li {float: left;}
	.nav-menu ul li:nth-child(2) a {border: 0;}
	.nav-logo {display: block; width: 230px; height: 32px; background: url(../svg/definitivesound-logo-horizontal-white.svg) no-repeat center center; background-size: contain; float: left; margin-top: 30px; border: none !important;}
	.partners .nav-logo, .accolades .nav-logo, .sitemap .nav-logo, .privacypolicy .nav-logo {background: url(../svg/definitivesound-logo-horizontal-black.svg) no-repeat center center; background-size: contain;}
	.nav-divider {height: 1px;}
	.nav-wrapper nav .top-bar-section li:not(.has-form) a:not(.button), .nav-wrapper nav .top-bar-section li:hover:not(.has-form) a:not(.button)  {font-size: 12px; padding: 0 30px !important;	color: #FFFFFF;	text-transform: none;}
	.partners .nav-wrapper nav .top-bar-section li:not(.has-form) a:not(.button), .partners .nav-wrapper nav .top-bar-section li:hover:not(.has-form) a:not(.button) {color: #999999; border-color: #999999;}
	.accolades .nav-wrapper nav .top-bar-section li:not(.has-form) a:not(.button), .accolades .nav-wrapper nav .top-bar-section li:hover:not(.has-form) a:not(.button) {color: #000000; border-color: #000000;}		
	.sitemap .nav-wrapper nav .top-bar-section li:not(.has-form) a:not(.button), .sitemap .nav-wrapper nav .top-bar-section li:hover:not(.has-form) a:not(.button) {color: #000000; border-color: #000000;}	
	.privacypolicy .nav-wrapper nav .top-bar-section li:not(.has-form) a:not(.button), .privacypolicy .nav-wrapper nav .top-bar-section li:hover:not(.has-form) a:not(.button) {color: #000000; border-color: #000000;}		
	.nav-wrapper nav .top-bar-section .dropdown {padding: 10px; background: rgba(0,0,0,0.5);}
	.partners .nav-wrapper nav .top-bar-section .dropdown, .accolades .nav-wrapper nav .top-bar-section .dropdown {padding-top: 10px; background: rgba(255,255,255,0.3);}
	.nav-wrapper nav .top-bar-section .dropdown li > a {border: none; display: block;}
	.nav-wrapper nav .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {background: none; padding: 5px 0 !important;}
	
	.footer-copyright {width: 370px; text-align: left; background-image: url(../img/footer-copyright-flag.png); background-repeat: no-repeat; background-position: top 3px right 40px;}
	.footer-links {max-width: 370px;}
	.footer-links .discover {width: 30%;}
	.footer-links .projects {width: 40%;}

	.slideshow-slide.one {background-image: url(../img/slideshow-slide01.jpg);}
	.slideshow-slide.two {background-image: url(../img/slideshow-slide02.jpg);}
	.slideshow-slide.three {background-image: url(../img/slideshow-slide03.jpg);}
	.slideshow-slide.four {background-image: url(../img/slideshow-slide04.jpg);}	
	.slideshow-logo {display: none;}
	
	.home-welcome {display: none;}
	.home-photo-mobile {display: none;}
	.home-modal {display: block !important;}	
	.home-partners {background: url(../img/home-partners-background.jpg) no-repeat bottom center; background-size: cover; padding: 18% 28%;}
	.home-quality {background: url(../img/home-quality-background.jpg) no-repeat bottom center; background-size: cover; padding: 15% 5% 15% 55%;}
	.home-quality p {padding: 0 5%;}
	.home-builders {background: url(../img/home-builders-background.jpg) no-repeat bottom center; background-size: cover; padding: 20% 55% 20% 5%; text-align: left;}
	.home-builders p, .home-builders h2 {padding: 0 30% 0 5%;}
	.home-builders .divider {background: url(../img/divider-home-builders.png) no-repeat right; margin-left: 5%; width: 70%;}
	.home-casestudies {display: block;}
	.home-contact {padding: 0; position: relative;}
	.home-contact-text {width: 50%; padding: 30px 40px;}
	.home-contact-backtotop {display: block;}
	.home-contact #map-canvas {display: block;}

	.partners-intro {background-position: top 0px right -500px; background-size: cover; text-align: left; background-image: url(../img/partners-intro-background.jpg);}
	.partners-intro-text {width: 500px; padding: 140px 0 40px 30px;}
	.partners-detail {padding: 0;}
	.partners-detail .partner {padding: 50px 30px; text-align: left;}
	.partners-detail .partner p {padding-right: 20%; min-height: 120px;}
	.partners-detail .logo {background-position: left bottom; background-size: contain;}
	.partners-detail .divider {height: 1px;}
	.partners-detail .row {padding: 50px 0;}
	
	.accolades-intro {background-size: 1080px;}
	.accolades-intro-text {max-width: 600px; margin: 0 auto; padding-top: 320px;}
	
	.contact-inquiry {padding-top: 160px; background: #FFFFFF url(../img/contact-inquiry-background.jpg) no-repeat; background-position: bottom 0px left -250px; background-size: 800px;}
	.contact-inquiry .row .column {padding: 0 40px;}
	.contact-map {height: 500px; text-align: left;}
	.contact-map #map-canvas {display: block;}
	.contact-map-text {width: 25%; min-width: 400px; padding-left: 5%;}
	.contact-map-text-background {width: 30%;}	
	.contact-map-text .socialmedia {margin: 0;}
	
	.about.slideshow-wrapper {max-height: 794px;}
	.about-intro {padding: 100px 30px; text-align: left;}	
	.about.slideshow-wrapper .slideshow-slide.one {background-image: url(../img/about-slideshow-slide01.jpg);}
	.about.slideshow-wrapper .slideshow-slide.two {background-image: url(../img/about-slideshow-slide02.jpg);}
	.about.slideshow-wrapper .slideshow-slide.three {background-image: url(../img/about-slideshow-slide03.jpg);}
	.about.slideshow-wrapper .slideshow-slide.four {background-image: url(../img/about-slideshow-slide04.jpg);}
	
	.casestudy-slider-nav-inner {width: auto; float: right;}
	.casestudy-description .row .column {padding: 0 50px 0 20px;}
	.casestudy-partners p {color: #acacac; padding: 0 30px 30px 30px;}
	.casestudy-partners {background-position: bottom right -150px; background-size: 50%; padding: 50px 0;}
	.casestudy.two .casestudy-partners {background-position: bottom right -250px; background-size: 50%; padding: 50px 0;}	
	.casestudy.three .casestudy-partners {background-size: 300px; padding: 50px 0 200px 0;}	
	.casestudy.four .casestudy-builderprofile .logo.arielmuller {background-position: right 20px center;}

}


/* large displays */
@media only screen and (min-width: 64.0625em) {
	.home-partners {padding: 18% 36%;}
	.home-contact {padding: 0 0 10% 17%;}
	.home-contact-text {width: 40%;}	

	.partners-intro {background-position: top 0px right -300px; background-size: contain;}
	.partners-intro-text {width: 500px; padding: 160px 0 60px 30px;}	
	.partners-detail .logo {background-size: auto;}
	
	.accolades-intro {background-size: 1600px;}
	.accolades-intro-text {padding-top: 480px; padding-bottom: 100px;}
	
	.footer .row:nth-child(1) {padding-top: 20px; background-position: top left;}
	.footer-links {width: 370px !important; float: right; padding: 0;}
	.footer-sitemapprivacy {width: auto; float: left; margin-left: 40px; text-align: left;}
	.footer-copyright {float: right; margin: 0}
	
	.casestudy-builderprofile-contact {position: absolute; width: 30%; padding-top: 120px; text-align: left; min-height: 450px;}
	.casestudy-builderprofile-contact .socialmedia {margin: 20px 0;}
	.casestudy-description, .casestudy-builderprofile, .casestudy-partners {text-align: left;}
	.casestudy-builderprofile {min-height: 450px;}
	.casestudy-next, .casestudy-next:hover {font-size: 56px; padding: 36px 0 0 50px; height: 150px; letter-spacing: 3px;}
	.casestudy-partners {background-position: bottom right -100px; background-size: auto; padding: 50px 0;}
	.casestudy.two .casestudy-partners {background-position: bottom right -200px; background-size: auto; padding: 50px 0;}	
	.casestudy.three .casestudy-partners {background-position: center right -200px; background-size: auto; padding: 50px 0;}	
	.casestudy.four .casestudy-partners {background-position: right 50px center; padding: 50px 0 0 0; background-size: auto;}	
	.casestudy-builderprofile {padding-bottom: 50px;}	

}


/* xlarge displays */
@media only screen and (min-width: 90.0625em) {
	.home-partners {padding: 20% 40%;}
	.home-quality {padding: 20% 10% 20% 60%;}		
	.home-quality p {padding: 0 10%;}
	.home-builders .divider {background: url(../img/divider-home-builders.png) no-repeat left;}	
	
	.partners-intro {background-position: top 0px right 150px;}
	
	.accolades-intro {background-size: 1920px;}
	.accolades-intro-text {max-width: 700px; padding-top: 570px; padding-bottom: 100px;}	

	.contact-inquiry {background: #FFFFFF url(../img/contact-inquiry-background.jpg) no-repeat bottom left;}
	
	.casestudy-slider-nav-text {float: left; width: auto; padding: 22px 150px 0 0;}
	.casestudy-slider-nav-wrapper .casestudy-next {float: left;}
	.casestudy-nav {width: 120px;}	
	
	.casestudy-partners {background-position: bottom right 100px; background-size: auto; padding: 50px 0;}
	.casestudy.two .casestudy-partners {background-position: bottom right; background-size: auto; padding: 50px 0;}
	.casestudy.three .casestudy-partners {background-position: center right; }
	.casestudy.four .casestudy-partners {background-position: right 230px center;}		
		
}


/* xxlarge displays */
@media only screen and (min-width: 110.0625em) {

}


/****************************************************************************************************************************************/
/****************************************************************************************************************************************/