/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/


body {
  font-family: "HelveticaNeueW02-45Ligh", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  color: #7c7c7c;
}

.white {
	color: white;
}

.teal {
	color: #5ad2d7;
}

.dark_teal {
	color: #018191;
}

.teal_bg {
	background-color: #5ad2d7;
}

.grey_bg {
	background-color: #f5f5f5;
}

.dark_grey_bg {
	background-color: #515151;
}

.medium {
	font-family: "HelveticaNeue-Medium", "HelveticaNeueW02-65Medi", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}


p {
	font-size: 15px;
	line-height: 22px;
}

a {
	color: #7c7c7c;
}

a:hover {
	color: #5ad2d7;
	text-decoration: none;
}


h1 {
	font-family: "HelveticaNeueW02-45Ligh", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 47px;
	margin: 0 0 60px;
	padding: 0;
	color: #626262;
}

h2 {
	font-family: "HelveticaNeueW02-45Ligh", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 28px;
	margin: 15px 0 20px;
	padding: 0;
	color: #7c7c7c;
}





















/* @group Containers */

.dkpanel {
	padding-top: 80px;
	padding-bottom: 85px;
	margin-bottom: 0;
}


.dkbaseline {
	border-bottom: 1px solid #dedede;
}



.inner_shadow {
-moz-box-shadow: inset 0 7px 7px -7px #8b8b8b;
-webkit-box-shadow: inset 0 7px 7px -7px #8b8b8b;
box-shadow: inset 0 7px 7px -7px #8b8b8b;
}




/* @end */





/* @group what we do */


.whatwedo_cell {
	padding-bottom: 45px;
	padding-right: 30px;
	padding-left: 30px;
	margin-bottom: 0;
}


.whatwedo_container .fa {
	font-size: 33px;
	color: #5ad2d7;
}

/* @end */






/* @group why we do it */




.why {
	background: url(../images/dogs.png) center bottom no-repeat #5ad2d7;
	height: 680px;
}

.bubble_wrap {
	width: 100%;
	margin: 0 auto;
}

#bubbles {
	visibility: hidden;
}

.bubble {
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.bubble_text {
	font-size: 17px;
	line-height: 19px;
	z-index: 5;
	position: relative;
	height: 100%;
	color: white;
}

.bubble_background {
	background: white;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}








.bubble-1 {
	width: 320px;
	height: 320px;
	position: absolute;
	left: 430px;
	top: 30px;
}

.bubble-1 .bubble_background {
	opacity: 0.25;
	}
	
.bubble-1 .bubble_text {
	padding: 55px;
	font-size: 30px;
	line-height: 32px;
}
	
	
	

.bubble-2 {
	width: 260px;
	height: 260px;
	position: absolute;
	left: 216px;
	top: 8px;
}

.bubble-2 .bubble_background {
	opacity: 0.2;
}

.bubble-2 .bubble_text {
	padding: 50px;
	font-size: 23px;
	line-height: 27px;
}



.bubble-3 {
	width: 224px;
	height: 224px;
	position: absolute;
	left: 69px;
	top: -120px;
}

.bubble-3 .bubble_background {
	opacity: 0.14;
}

.bubble-3 .bubble_text {
	padding: 57px 33px 33px;
	font-size: 18px;
	line-height: 23px;
}




.bubble-4 {
	width: 170px;
	height: 170px;
	position: absolute;
	left: 95px;
	top: 250px;
}

.bubble-4 .bubble_background {
	opacity: 0.2;
}

.bubble-4 .bubble_text {
	padding: 36px 24px 31px;
	font-size: 19px;
	line-height: 24px;
}





.bubble-5 {
	width: 170px;
	height: 170px;
	position: absolute;
	left: 743px;
	top: -36px;
}

.bubble-5 .bubble_background {
	opacity: 0.25;
}

.bubble-5 .bubble_text {
	padding: 45px 21px 21px;
	font-size: 16px;
	line-height: 20px;
}





.bubble-6 {
	width: 140px;
	height: 140px;
	position: absolute;
	left: 973px;
	top: -106px;
}

.bubble-6 .bubble_background {
	opacity: 0.1;
}

.bubble-6 .bubble_text {
	padding: 32px 21px 21px;
	font-size: 21px;
	line-height: 24px;
}





.bubble-7 {
	width: 225px;
	height: 225px;
	position: absolute;
	left: 849px;
	top: 64px;
}

.bubble-7 .bubble_background {
	opacity: 0.1;
}

.bubble-7 .bubble_text {
	padding: 54px 50px 50px;
	font-size: 24px;
	line-height: 27px;
}






.bubble-8 {
	width: 140px;
	height: 140px;
	position: absolute;
	left: 900px;
	top: 257px;
}

.bubble-8 .bubble_background {
	opacity: 0.2;
}

.bubble-8 .bubble_text {
	padding: 30px 22px 21px;
	font-size: 16px;
	line-height: 20px;
}







.bubble-9 {
	width: 130px;
	height: 130px;
	position: absolute;
	left: 662px;
	top: 280px;
}

.bubble-9 .bubble_background {
	opacity: 0.2;
}

.bubble-9 .bubble_text {
	padding: 29px 19px 19px;
	font-size: 15px;
	line-height: 17px;
}















/* IE8 bubble removal */


.ie8 .bubble_wrap {
	margin-bottom: 0;
	padding-bottom: 0;
}

.ie8 .bubble {
	height: auto;
	position: none;
	width: 100%;
}

.ie8 .bubble-1, .ie8 .bubble-2, .ie8 .bubble-4, .ie8 .bubble-5, .ie8 .bubble-7 {
	position: static;
}


.ie8 .bubble_background, .ie8 .bubble-8, .ie8 .bubble-9, .ie8 .bubble-6, .ie8 .bubble-3 {
	display: none;
}
  
	
.ie8 .bubble-1 .bubble_text, .ie8 .bubble-2 .bubble_text, .ie8 .bubble-4 .bubble_text, .ie8 .bubble-5 .bubble_text, .ie8 .bubble-7 .bubble_text {
	padding: 0 25px;
	font-size: 20px;
	line-height: 25px;
	width: 100%;
	margin-bottom: 25px;
}















/* @end */






/* @group how we do it */

#method {
	visibility: hidden;
	padding-top: 70px;
}

#econfidence {
	visibility: hidden;
}

#method img, #econfidence img {
	width: 100% !important;
	height: auto;
}


.dkline {
	border-top: 1px solid #dedede;
	margin-top: 120px;
	margin-bottom: 100px;
}

#howwedoit .col-md-6 {
	padding-right: 60px;
	padding-left: 60px;
}

#howwedoit .dkpanel {
	margin-bottom: 30px;
}


/* @end */






/* @group who we are */


.person {
	padding-right: 30px;
	padding-left: 30px;
}

.person-pic {
	background: #5ad2d7;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	width: 120px;
	height: 120px;
	display: inline-block;
	margin-bottom: 18px;
	visibility: hidden;
}

.nd {
	background: url(../images/nd_silh.jpg) -16px -28px no-repeat #5ad2d7;
}

.mk {
	background: url(../images/mk_silh.jpg) -16px -27px no-repeat #5ad2d7;
}

.amd {
	background: url(../images/amd_silh.jpg) -17px -21px no-repeat #5ad2d7;
}

.person h2 {
	margin-bottom: 8px;
}

.role {
	padding-bottom: 20px;
	color: #a0a0a0;
}



/* IE8 portrait removal */

.ie8 .nd, .ie8 .mk, .ie8 .amd {
	display: none;
}





/* @end */








/* @group who we've worked with */

a.clients {
	color: #5ad2d7;
}

a.clients:hover {
	color: #7c7c7c;
}

#whoweveworkedwith .fa {
	font-size: 25px;
	display: block;
	margin-bottom: 12px;
	color: #7c7c7c;
}




/* @end */










/* @group Contact */

.contact_container a, .contact_container p, .contact_container h1, .contact_container h2 {
	color: white;
}

.contact_container a:hover {
	color: #5ad2d7;
}

.contact_container .fa {
	font-size: 33px;
	color: #5ad2d7;
}

/* @end */






/* @group Footer */

.footer {
	background-color: #3a3a3a;
	padding-top: 60px;
	padding-bottom: 70px;
}

.footer .fa {
	font-size: 18px;
	padding-left: 24px;
	padding-right: 4px;
}

.footer p {
	padding-top: 8px;
	text-align: right;
}

.footer-logo {
	float: left;
}

.footer a.twit {
	color: #5ad2d7;
}

.footer a.twit:hover {
	color: #7c7c7c;
}




/* @end */








/* @group Banner */

.banner {
	height: 450px;
	margin-top: 168px;
	position: relative;
	overflow: hidden;
	background: url(../images/banner.png) center #666666;
}

.banner_text {
	margin-top: 220px;
	margin-right: 330px;
}

.banner_text h1 {
	color: white;
	margin: 0;
	padding: 0;
	font-size: 30px;
	line-height: 35px;
	text-align: left;
}





/* @end */





/* @group Navigation */

.navbar-default {
	border: none;
	padding-top: 40px;
	padding-bottom: 55px;
	margin: 0;
	background-color: white;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-bottom: 1px solid #dadada;
/*	-webkit-box-shadow: 0 2px 9px #8b8b8b;
	-moz-box-shadow: 0 2px 9px #8b8b8b;
	box-shadow: 0 2px 9px #8b8b8b;*/
}

ul.nav {
	margin-top: 35px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.navbar-nav {
	margin: 0;
	padding: 0;
}

.navbar-nav > li > a {
	padding: 0 12px;
	line-height: 20px;
	white-space: nowrap;
	font-size: 15px;
}

.navbar-brand {
	padding: 0;
	width: auto;
	height: auto;
}

.navbar-brand img {
	width: 120px;
	height: 73px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.navbar > .container .navbar-brand {
	margin: 0;
}

.navbar-default .navbar-nav > li > a {
	color: #626262;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #626262;
	opacity: 0.80;
}

/* @end */





/* @group Header */

header {
	
}

header.smaller .navbar-default {
	padding-top: 20px;
	padding-bottom: 30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

header.smaller .navbar-brand img {
	width: 84px;
	height: 51px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

header.smaller ul.nav {
	margin-top: 21px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/* @end */






















@media (max-width: 1200px) {

  
  .banner_text {
  	margin-top: 220px;
  	margin-right: 200px;
  }
  
  .banner_text h1 {
  	font-size: 27px;
  	line-height: 35px;
  }
  
  
  
	.what {
  	padding-bottom: 35px;
		padding-right: 10px;
		padding-left: 10;
		margin-bottom: 0;
	}
	
	
	
	.bubble-1 {
		left: 330px;
		top: 40px;
	}
	
	.bubble-2 {
		left: 601px;
		top: 155px;
	}
	
	.bubble-3 {
		left: 30px;
		top: 20px;
	}
	
	.bubble-4 {
		left: 120px;
		top: -110px;
	}
	
	.bubble-5 {
		left: 213px;
		top: 234px;
	}
	
	.bubble-6 {
		left: 816px;
		top: 120px;
	}
	
	.bubble-7 {
		left: 622px;
		top: -86px;
	}
	
	.bubble-8 {
		left: 20px;
		top: 216px;
	}
	
	.bubble-9 {
		left: 822px;
		top: -90px;
	}
	
	#econfidence {
		margin-top: 30px;
	}
	

	
	
	
	
	
	
		
		

}






@media (max-width: 992px) {

.navbar-nav > li > a {
  	padding: 0 8px;
  	line-height: 20px;
  	font-size: 13px;
  }
  
 
  .banner_text {
  	margin-top: 210px;
  	margin-right: 200px;
  }
  
  .banner_text h1 {
  	font-size: 24px;
  	line-height: 30px;
  }
  
  
  .what {
  	padding-bottom: 35px;
  	padding-right: 20px;
  	padding-left: 20px;
  	margin-bottom: 0;
  }
  
  
  
  .bubble-1 {
  	left: 225px;
  	top: 20px;
  }
  
  .bubble-2 {
  	left: 22px;
  	top: 160px;
  }
  
  
  .bubble-4 {
  	left: 60px;
  	top: -60px;
  }
  
  .bubble-5 {
  	left: 590px;
  	top: 180px;
  }
  
  .bubble-7 {
  	left: 492px;
  	top: -40px;
  }
  
  .bubble-8, .bubble-9, .bubble-6, .bubble-3 {
  	display: none;
  }
  
  
  
  p.howwedoit {
  	padding-right: 60px;
  	padding-left: 60px;
  }
  
  #howwedoit .col-md-6 {
  	padding-right: 20px;
  	padding-left: 20px;
  }
  
  .contact-type {
  	padding-bottom: 40px;
  }
  
  .footer_noshow {
  	display: none;
  }
  
  .footer {
  	text-align: center;
  	padding-bottom: 30px;
  }
  
  .footer .fa {
  	display: block;
  	margin-top: 40px;
  	padding-left: 0;
  	padding-right: 0;
  }
  
  .footer-logo {
  	float: none;
  	padding-bottom: 37px;
  }
  
  .footer p {
  	padding-top: 0;
  	text-align: center;
  }
  
 
  .person {
  	padding-bottom: 70px;
  	padding-right: 20px;
  	padding-left: 20px;
  }
  
  
  #econfidence {
  	margin-top: 60px;
  }
 
  
  
  
  
  
  
 
  
  
  

}












@media (max-width: 767px) {
 
  .navbar-fixed-top {
  	position: static;
  }
  
  .navbar-default {
  	padding-top: 20px;
  	padding-bottom: 15px;
  }
  
  .navbar-header {
  	padding-bottom: 20px;
  	padding-left: 15px;
  }
  
  ul.nav {
  	margin: 0;
  }
  
  .navbar-nav {
  	border-top: 1px solid #dedede;
  }
  
  .navbar-nav > li > a {
  	padding: 7px 0 8px;
  	line-height: 20px;
    font-size: 17px;
    border-bottom: 1px solid #dedede;
  }
  
  .navbar-collapse {
  	border-top: none;
  	margin-bottom: 8px;
  }
  
  header.smaller {
  	background: none;
  	opacity: 0;
  	height: 314px;
  }
  
  .banner {
  	margin: 0;
  	height: auto;
  	background: url(none) #5ad2d7;
  }
  
  .banner_image {
  	display: none;
  }
  
  .banner_text {
  	display: block;
  	
  	margin: 0;
  	position: static;
  	bottom: 0px;
  	width: 100%;
  }
  
  .banner_text h1 {
  	padding: 30px 20px;
  	font-size: 18px;
  	line-height: 24px;
  }
  
  
  .why {
  	background: url(../images/dogs.png) center bottom no-repeat #5ad2d7;
  	height: auto;
  }
  
  .bubble_wrap {
  	margin-bottom: 60px;
  }
  
  .bubble {
  	height: auto;
  	position: static;
  	width: 100%;
  }
  
  .bubble-1, .bubble-2, .bubble-4, .bubble-5, .bubble-7 {
  	position: static;
  }
  
  
  .bubble_background, .bubble-8, .bubble-9, .bubble-6, .bubble-3 {
  	display: none;
  }
    
  	
  .bubble-1 .bubble_text, .bubble-2 .bubble_text, .bubble-4 .bubble_text, .bubble-5 .bubble_text, .bubble-7 .bubble_text {
  	padding: 0 25px;
  	font-size: 20px;
  	line-height: 25px;
  	width: 100%;
  	margin-bottom: 25px;
  }
  
 
  .person {
  	padding-bottom: 60px;
  }
  
  .client_logos {
  	opacity: 0.35;
  	padding-top: 30px;
  }
  
  .client_logos img {
  	padding-top: 0;
  	padding-bottom: 0;
  }
  
  .dkpanel {
  	padding-top: 60px;
  	padding-bottom: 60px;
  	margin-bottom: 0;
  }
  
  .dkline {
  	margin-top: 80px;
  	margin-bottom: 60px;
  }
  
  .person-pic {
  	margin-bottom: 0;
  }
  
  
  

  
  
  
  

  
}