@charset "UTF-8";

/*
Title:      	Inspirations LD stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	722nd November 2017
*/


/* PRIMARY COMPONENTS */

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  	font-size: 100%;
	}

html * {
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	}


body {
	font-size: 1.0em;
	line-height: 1.6875em;
  	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;
  	color: #0c242e;
  	background-color: #ffffff;
	}

body, html {
  	/* prevent horizontal scrolling */
  	overflow-x: hidden;
	}
	
::-moz-selection { 
	background: #0c242e; 
	color: #ffffff; 
	text-shadow: none; 
	}

::selection { 
	background: #0c242e; 
	color: #ffffff; 
	text-shadow: none; 
	}

img::-moz-selection	{ 
	background: transparent; 
	}
	
img::selection { 
	background: transparent; 
	}
	
a:active {
	outline: none;
	}

a:focus	{
	-moz-outline-style: none;
	}	
	
a {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .3s ease-in;
	}			

ol {
	color: #ffffff;
	font-weight: normal;
	}	
	
ol li {
	padding: 0 0 8px 0;
	}		
	
p {
	margin: 0 0 1.1rem 0; 
	text-align: left;
	color: #ffffff;
	font-size: 1.0rem;
	line-height: 1.4rem;	
	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;
	}
	
em {
	font-family:"Lora";	
	font-weight: 300;
	font-style: italic;
	}	
	
strong {
	font-family:"museo-sans";
	font-weight: 600;
	font-style: normal;
	}
	
h1 {
 	text-align: left;
	font-size: 3.375rem;
	line-height: 3.675rem;
	color: #ffffff;
	font-family: "museo-sans";
	font-weight: 700;
	font-style: normal;
	margin: 0;
	padding: 0 0 0.6rem 0;	
	letter-spacing: 0.05rem;
	text-transform: uppercase;
	}
@media only screen and (max-width: 960px) {
  	 h1 {
    	font-size: 3.075rem;
		line-height: 3.375rem;
		text-align: left;
  	}
}	


.h1_team {
 	text-align: left;
	font-size: 3.375rem;
	line-height: 3.675rem;
	color: #0c242e;
	font-family: "museo-sans";
	font-weight: 700;
	font-style: normal;
	margin: 0;
	padding: 0 0 0.6rem 0;	
	letter-spacing: 0.025rem;
	}
@media only screen and (max-width: 960px) {
  	 .h1_team {
    	font-size: 3.075rem;
		line-height: 3.375rem;
  	}
}


.h1_black {
 	text-align: right;
	font-size: 3.375rem;
	line-height: 3.675rem;
	color: #ffffff;
	font-family: "museo-sans";
	font-weight: 700;
	font-style: normal;
	margin: 0;
	padding: 0 0 0.6rem 0;	
	letter-spacing: 0.05rem;
	}
@media only screen and (max-width: 960px) {
  	 .h1_black {
    	font-size: 3.075rem;
		line-height: 3.375rem;
		text-align: left;
		 color: #0c242e;
  	}
}


.h1_home {
 	text-align: center;
	font-size: 4.675rem;
	line-height: 5.075rem;
	color: #ffffff;
	font-family: "museo-sans";
	font-weight: 700;
	font-style: normal;
	margin: 0 auto;
	padding: 2.0rem 0;	
	text-transform: uppercase;
	letter-spacing: 0.025rem;
	}
@media only screen and (max-width: 1280px) {
  	 .h1_home {
    	font-size: 3.075rem;
		line-height: 3.275rem;
  	}
}	
@media only screen and (max-width: 960px) {
  	 .h1_home {
    	font-size: 2.475rem;
		line-height: 2.775rem;
  	}
}	


@media screen and (max-width: 960px) {
  #hiddenh1 {
	visibility: hidden;
  }
}


#hiddenh1b {
	margin: -6.0rem 0 0 0;
	}
@media screen and (max-width: 960px) {
  #hiddenh1b {
	visibility: hidden;
  }
}


h2 {
	text-align: left;
	font-size: 1.875rem;
	line-height: 2.175rem;
	color: #ffffff;
	font-family: "museo-sans";
	font-weight: 700;
	font-style: normal;	
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;	
	letter-spacing: 0.025rem;
	}
@media only screen and (max-width: 960px) {
  	 h2 {
    	font-size: 1.575rem;
		line-height: 1.975rem;
  	}
}	


.h2_home {
	text-align: left;
	font-size: 1.875rem;
	line-height: 2.375rem;
	color: #ffffff;
	font-family: "museo-sans";
	font-weight: 300;
	font-style: normal;	
	margin: 0 auto;
	padding: 0 0 1.0rem 0;
	text-transform: none;	
	letter-spacing: 0;
	}
.h2_home a:link, .h2_home a:visited {
	color:#ffffff;
	text-decoration:none;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}	
.h2_home a:active, .h2_home a:hover {
	color:#0c242e;
	text-decoration:none;
	border-bottom: 1px solid #0c242e;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}
.h2_home strong {
	font-family: "museo-sans";
	font-weight: 700;
	font-style: normal;	
	}
@media only screen and (max-width: 960px) {
  	.h2_home {
    font-size: 1.375rem;
	line-height: 1.675rem;
  	}
}	



.h2_home2 {
	text-align: center;
	font-size: 1.875rem;
	line-height: 2.375rem;
	color: #ffffff;
	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;	
	margin: 0 auto 1.6rem auto;
	padding: 0;
	text-transform: none;	
	letter-spacing: 0;
	}
.h2_home2 a:link, .h2_home2 a:visited {
	color:#ffffff;
	text-decoration:none;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}	
.h2_home2 a:active, .h2_home2 a:hover {
	color:#0c242e;
	text-decoration:none;
	border-bottom: 1px solid #0c242e;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}
.h2_home2 strong {
	font-family: "museo-sans";
	font-weight: 700;
	font-style: normal;	
	}
@media only screen and (max-width: 1280px) {
  	.h2_home2 {
    font-size: 1.575rem;
	line-height: 1.775rem;
  	}
}
@media only screen and (max-width: 960px) {
  	.h2_home2 {
    font-size: 1.375rem;
	line-height: 1.675rem;
  	}
}



.h2_larger {
	text-align: left;
	font-size: 2.275rem;
	line-height: 3.075rem;
	color: #009ee2;
	font-family: "museo-sans";
	font-weight: 700;
	font-style: normal;	
	margin: 0 auto;
	padding: 0 0 1.0rem 0;
	letter-spacing: 0;
	}

	
h3 {
	text-align: left;
	font-size: 1.2rem;
	line-height: 1.5rem;
	color: #ffffff;
	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;	
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	}
@media only screen and (max-width: 960px) {
  	 h3 {
    	font-size: 1.1rem;
		line-height: 1.4rem;	
  	}
}	


h4 {
	text-align: left;
	font-size: 1.0rem;
	line-height: 1.3rem;
	color: #009ee2;
	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;	
	margin: 0 0 1.2rem 0;
	padding: 0;
	text-transform: uppercase;	
	letter-spacing: 0.2rem;
	}
@media only screen and (max-width: 960px) {
  	 h4 {
    	font-size: 0.9rem;
		line-height: 1.2rem;	
  	}
}	
	
	
	
.divlinesolid {
	height: 1px;
	margin: 1.6rem 0;
	width: 100%;
	border-bottom: #e2e2e2 solid 1px;
	}	

.divlinesolid2 {
	height: 1px;
	margin: 1.6rem 0;
	width: 100%;
	border-bottom: #d7d7d7 solid 1px;
	}
	
.clear {
 	clear: both;
	overflow: hidden;
	height: 0;
 	}	

.imgfloatleft {
 	float: left;
	max-width: 50%;
	margin: 0 1.6rem 1.0rem 0;
 	}	



	
				
	

/* TEXT COMPONENTS */	
	
.normaltxt {
	text-align: left;
	color: #0c242e;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;
	}
.normaltxt a:link, .normaltxt a:visited {
	color:#009ee2;
	text-decoration:none;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}	
.normaltxt a:active, .normaltxt a:hover {
	color:#009ee2;
	text-decoration:none;
	border-bottom: 1px solid #009ee2;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}



.smallertxt {
	text-align: left;
	color: #0c242e;
	font-size: 0.9rem;
	line-height: 1.25rem;	
	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;
	}	
.smallertxt a:link, .smallertxt a:visited {
	color:#009ee2;
	text-decoration:none;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}	
.smallertxt a:active, .smallertxt a:hover {
	color:#009ee2;
	text-decoration:none;
	border-bottom: 1px solid #009ee2;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}
	


.mediumtxt {
	text-align: left;
	color: #0c242e;
	font-size: 1.25rem;
	line-height: 1.55rem;	
	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;
	}		
.mediumtxt a:link, .mediumtxt a:visited {
	color:#009ee2;
	text-decoration:none;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}	
.mediumtxt a:active, .mediumtxt a:hover {
	color:#009ee2;
	text-decoration:none;
	border-bottom: 1px solid #009ee2;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}



.bulletlistsidenav {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #ffffff;
	width: 100%;
	border-top: 1px solid #008fcc;
	}	
.bulletlistsidenav ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;	
	}	
.bulletlistsidenav li {
	text-align: left;
	color: #ffffff;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #008fcc;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
	}	
			
.bulletlistsidenav a:link, .bulletlistsidenav a:visited {
	color: #ffffff;
	width: 100%;
	text-decoration: none;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family:"museo-sans";
	font-weight: 700;
	font-style: normal;
	border-left: 5px solid #009ee2;
	padding: 0.85rem 1.3rem;
	margin: 0;
	display: block;
	}
.bulletlistsidenav a:active, .bulletlistsidenav a:hover  {
	color: #ffffff;
	width: 100%;
	text-decoration: none;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family:"museo-sans";
	font-weight: 700;
	font-style: normal;
	border-left: 5px solid #f9b232;	
	padding: 0.85rem 1.6rem;
	margin: 0;
	background: #24aeea;
	display: block;
	}



	
.largertxt {
	text-align: left;
	color: #0c242e;
	font-size: 1.4rem;
	line-height: 1.75rem;	
	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;
	}		
.largertxt a:link, .largertxt a:visited {
	color:#009ee2;
	text-decoration:none;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}	
.largertxt a:active, .largertxt a:hover {
	color:#009ee2;
	text-decoration:none;
	border-bottom: 1px solid #009ee2;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}


.navaddresstxt {
	text-align: left;
	color: #0c242e;
	font-size: 1.25rem;
	line-height: 1.65rem;	
	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;
	}		
.navaddresstxt a:link, .largertxt a:visited {
	color:#009ee2;
	text-decoration:none;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}	
.navaddresstxt a:active, .navaddresstxt a:hover {
	color:#009ee2;
	text-decoration:none;
	border-bottom: 1px solid #009ee2;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	}





.bulletlist {
	margin: 0 auto;
	padding: 0 0 0.5rem 0;
	color: #0c242e;
	}	
.bulletlist ul {	
	margin: 0;
	border: 0;
	padding: 0;
	}
.bulletlist li {
	margin: 0 0 0.6rem 0;
	text-align: left;
	color: #0c242e;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "museo-sans";
	font-weight: 500;
	font-style: normal;
	padding-left: 1.6rem; 
    text-indent: -1.0rem;
	}
.bulletlist li:before {
    background-color: #009ee2;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 1.0rem;
	right: 0.6rem;
    margin-left: 0;
}

@media screen and (max-width: 768px) {
  .bulletlist li {
	margin: 0 0 0.6rem 0;
	  text-indent: -1.4rem;
  }
	.bulletlist li:before {
    background-color: #009ee2;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 1.4rem;
	}
	.bulletlist li:before {
    right: 0.5em;
    margin-left: 0;
	}
}





/* ANIMATED SCROLL COMPONENTS */

#section10 a {
  	padding-top: 55px;
	}
#section10 a span {
  	position: absolute;
  	top: 0;
  	left: 50%;
  	width: 26px;
  	height: 44px;
  	margin-left: -15px;
  	border: 1px solid #ffffff;
  	border-radius: 50px;
  	box-sizing: border-box;
	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;
	}
#section10 a span::before {
  	position: absolute;
  	top: 10px;
  	left: 50%;
  	content: '';
  	width: 6px;
  	height: 6px;
  	margin-left: -3px;
  	background-color: #ffffff;
  	border-radius: 100%;
  	-webkit-animation: sdb10 2s infinite;
  	animation: sdb10 2s infinite;
  	box-sizing: border-box;
	}
@-webkit-keyframes sdb10 {
  	0% {
    	-webkit-transform: translate(0, 0);
    	opacity: 0;
  	}
  	40% {
    	opacity: 1;
  	}
  	80% {
    	-webkit-transform: translate(0, 20px);
    	opacity: 0;
  	}
  	100% {
    	opacity: 0;
  	}
}
@keyframes sdb10 {
  	0% {
    	transform: translate(0, 0);
    	opacity: 0;
  	}
  	40% {
    	opacity: 1;
  	}
  	80% {
    	transform: translate(0, 20px);
    	opacity: 0;
  	}
  	100% {
    	opacity: 0;
  	}
}


.demo a {
  	position: absolute;
  	bottom: 20px;
	left: 48.5%;
  	z-index: 2;
  	display: inline-block;
  	-webkit-transform: translate(0, -50%);
  	transform: translate(0, -50%);
  	color: #dddddd;
	font-size: 0.75rem;
  	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;
  	letter-spacing: 0.15rem;
  	text-decoration: none;
  	transition: opacity .3s;
	text-transform: uppercase;
	}
.demo a:hover {
  	opacity: .5;
	}

@media (max-width: 768px) {
	.demo a {	
	display: none;
	}	
}

	



		

/* SECTIONS COMPONENTS */

#top20 {
	margin: 0 auto;
	width: 100%;
	padding: 1% 0 0 0;
	background: #ffffff;
	position: fixed;
	z-index: 10000 !important;
	}
@media (max-width: 480px) {	
	#top20 {	
	display: none;
	}	
}


#wrapper {
	margin: 0 auto;
	width: 100%;
	}	
	

#homeheadercontainer {
	margin: 0 auto;
	padding: 0;
	width: 98%;		
	min-height: 100vh;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: min-100vh;';
	}
@media (max-width: 480px) {	
	#homeheadercontainer {	
	width: 100%;	
	}	
}


#homepanelcontainertop {
	margin: 0 auto;
	padding: 0;
	width: 98%;
	background: #e4e4e4;
	}
@media (max-width: 480px) {	
	#homepanelcontainertop {	
	width: 100%;	
	}	
}

#homepanelcontainertopinner {
	margin: 0 auto;
	padding: 4.0rem 10%;
	width: 70%;
	}
@media (max-width: 768px) {	
	#homepanelcontainertopinner {	
	padding: 3.0rem 5%;
	width: 100%;	
	}	
}


#homepanelcontainerbot {
	margin: 0 auto;
	padding: 0;
	width: 98%;
	background: #009ee2;
	}
@media (max-width: 480px) {	
	#homepanelcontainerbot {	
	width: 100%;	
	}	
}


#footergreycontainer {
	margin: 1% auto;
	padding: 0;
	width: 98%;
	background: #e5e5e5;
	}
@media (max-width: 480px) {	
	#footergreycontainer {	
	margin: 0 auto;
	width: 100%;	
	}	
}



#contactcontainer {
	margin: 0 auto;
	text-align: center;
	padding: 0;
	width: 97%;	
	background: #f6f5f4;
	border-bottom: 1px solid #d7d5d3;
	}
@media (max-width: 480px) {	
	#contactcontainer {	
	width: 100%;	
	}	
}


#contentcontainer {
	margin: 0 auto;
	text-align: center;
	padding: 4.0rem 5%;
	width: 97%;	
	background: #f6f5f4;
	}
@media (max-width: 480px) {	
	#contentcontainer {	
	width: 100%;	
	}	
}

#contentcontainerleft {
	margin: 0;
	text-align: left;
	padding: 1.6rem 3%;
	}
#contentcontainerright {
	margin: 0;
	text-align: left;
	padding: 1.6rem 3%;
	}
@media (max-width: 768px) {	
	#contentcontainerleft {	
	display: none;
	}
	#contentcontainerright {
	margin: 0;
	text-align: left;
	padding: 0 3%;
	}
}


#lightgreycontainer {
	margin: 0 auto;
	padding: 0 0;
	width: 98%;
	background: #f4f1f1;
	}
@media (max-width: 480px) {	
	#lightgreycontainer {	
	width: 100%;	
	}	
}



#newheaderpiccontainer {
	margin: 0 auto;
	padding: 0;
	width: 98%;
	background: #009ee2;
	}
@media (max-width: 480px) {	
	#newheaderpiccontainer {	
	width: 100%;	
	}	
}




#lightgreycontainernofooter {
	margin: 0 auto;
	padding: 0 0 5.0rem 0;
	width: 98%;
	background: #f4f1f1;
	}
@media (max-width: 768px) {	
	#lightgreycontainernofooter {	
	width: 100%;	
	padding: 0;
	}	
}


#logoholderhome {	
	position: relative;
	top: 7.5vh;
	left: 5%;
	margin: 0 0 12.5vh 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'top: 7.5vh;'  'margin: 0 0 12.5vh 0;';
	max-width: 260px;
	padding: 0;
	}	
@media screen and (max-width: 1060px) {
  #logoholderhome {	
	margin: 0 0 10vh 0;
	/* IE9 and 10  */
	left: 6%;
  	content: 'viewport-units-buggyfill;'  'margin: 0 0 10vh 0;';
	max-width: 200px;
  }
}



#logoholdernav {	
	z-index: 10000;
	position: fixed;
	top: 7.5vh;
	left: 5.9%;
	margin: 0 0 12.5vh 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'margin: 0 0 12.5vh 0;';
	max-width: 260px;
	padding: 0;
	}	
@media screen and (max-width: 1060px) {
  #logoholdernav {	
	margin: 0 0 10vh 0;
	/* IE9 and 10  */
	left: 6.9%;
  	content: 'viewport-units-buggyfill;'  'margin: 0 0 10vh 0;';
	max-width: 200px;
  }
}



#homestraplinehome {	
	margin: 20vh auto 0 auto;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'margin: 20vh auto 0 auto;';
	width: 100%;
	padding: 0 15%;
	}	
@media screen and (max-width: 960px) {
  #homestraplinehome {
	margin: 12.5vh auto;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'margin: 12.5vh auto;';
  }
}
@media screen and (max-width: 480px) {
  #homestraplinehome {
	width: 100%;
  }
}


#hiddentitleholder {
	padding: 8.0rem 0 2.0rem 0;
	margin: 0 5%;
	text-align: left;
	color: #0c242e;
	}
@media screen and (max-width: 960px) {
  #hiddentitleholder {
	padding: 4.0rem 0 2.0rem 0;
	margin: 0 5%;
	text-align: left;
  }
}



#hiddentitleholderlegal {
	padding: 4.0rem 0 2.0rem 0;
	margin: 0 5%;
	text-align: left;
	height: auto;
	color: #009ee2;
	}






/* OUR CLIENTS COMPONENTS */


#clientlogoholder {
	padding: 0 10% 0 0;
	margin: 0;
	text-align: left;
	background: #009ee2;
	}
@media screen and (max-width: 960px) {
  #clientlogoholder {
	padding: 0;
	margin: 0;
  }
}

#clientsheaderpic {
	padding: 8.0rem 15% 3.0rem 5%;
	margin: 0;
	height: 90vh;
	content: 'viewport-units-buggyfill;'  'height: 90vh;';
	text-align: left;
	background: #000000;
	}
@media screen and (max-width: 960px) {
  #clientsheaderpic {
	padding: 0;
	margin: 0;
	height: 30vh;
	content: 'viewport-units-buggyfill;'  'height: 30vh;';
  }
}





#quoteholderouter {
	margin: -20vh 0 0 -20%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'margin: -20vh 0 0 -20%;';
	padding: 3.0rem 10% 3.6rem 10%;
	width: 120%;
	background: #1e3d5c;
	position: relative;
	z-index: 10;
	}
@media screen and (max-width: 960px) {
  #quoteholderouter {
	margin: 0;
	padding: 2.0rem 5% 2.8rem 5%;
	width: 100%;
	  z-index: 0;
	}
}

#quoteholder {
	margin: 0;
	padding: 0 0 0 15%;
	background: url(../png/quote.png) top left no-repeat;
	}
@media screen and (max-width: 960px) {
	#quoteholder {
	margin: 0;
    padding: 0 5% 0 20%;
  }
}



#quoteholderouter2 {
	margin: -10vh 0 0 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'margin: -10vh 0 0 0;';
	padding: 3.0rem 10% 3.6rem 10%;
	width: 100%;
	background: #1e3d5c;
	position: relative;
	z-index: 10;
	}
@media screen and (max-width: 960px) {
  #quoteholderouter2 {
	display: none;
	 visibility: 0;
	  height: 0;
	}
}

#quoteholder2 {
	margin: 0;
	padding: 0 0 0 20%;
	background: url(../png/quote.png) top left no-repeat;
	}
@media screen and (max-width: 960px) {
	#quoteholder2 {
	margin: 0;
    padding: 0 5% 0 22.5%;
  }
}





.quotetxt {
	text-align: left;
	color: #ffffff;
	font-size: 1.175rem;
	line-height: 1.575rem;
	font-family:"museo-sans";	
	font-weight: 300;
	font-style: italic;
	}
@media screen and (max-width: 768px) {
  .quotetxt {	
	font-size: 0.975rem;
	line-height: 1.275rem;
	}
}

#theteamsquarebox {
    min-height: 16.0rem;
	padding: 3.6rem 7.5%;
	width: 100%;
	margin: 0;
	}
@media screen and (max-width: 768px) {
  #theteamsquarebox {	
	padding: 3.6rem 5%;
	}
}

#sideintrotxt {
	padding: 3.6rem 7.5%;
	width: 100%;
	margin: 0;
	}
@media screen and (max-width: 768px) {
  #sideintrotxt {	
	padding: 2.6rem 5% 2.0rem 5%;
	height: auto;
	}
}


#sideintrotxt2 {
	padding: 3.6rem 7.5%;
	width: 100%;
	margin: 0;
	}
@media screen and (max-width: 768px) {
  #sideintrotxt2 {	
	display: none;
	visibility: 0;
	height: 0;
	}
}


#sidepichowedoit {
	padding: 0;
	width: 100%;
	margin: 0;
	}


#clients {	
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}	

.portfoliocol {	
	width: 25%;
	height: 100%;
	min-height: 100%;
	float: left;
	border-bottom: 1px solid #0badf3;
	border-left: 1px solid #0badf3;
	}	
@media screen and (max-width: 768px) {
  .portfoliocol {	
	width: 33.333333%;
	}
}
@media screen and (max-width: 480px) {
  .portfoliocol {	
	width: 50.0%;
	}
}



.portfoliocol img {	
	width: 100%;
	max-width: 175px;
	margin: 1.3rem auto;
	}	
@media screen and (max-width: 768px) {
  .portfoliocol img {	
	max-width: 120px;
	margin: 0.8rem 1.0rem;
	}
}







/* WHAT WE DO COMPONENTS */

#whatwedoheaderpic {
	padding: 8.0rem 15% 3.0rem 5%;
	margin: 0;
	height: 60vh;
	content: 'viewport-units-buggyfill;'  'height: 60vh;';
	text-align: left;
	background: #000000;
	}
@media screen and (max-width: 960px) {
  #whatwedoheaderpic {
	padding: 0;
	margin: 0;
	height: 30vh;
	content: 'viewport-units-buggyfill;'  'height: 30vh;';
  }
}

#whatwedosubtitle {
	padding: 4.0rem 7.5%;
	margin: 0;
	text-align: left;
	background: #009ee2;
	}
@media screen and (max-width: 960px) {
  #whatwedosubtitle {
	padding: 3.0rem 5%;
	margin: 0;
  }
}

#whatwedoholder {
	padding: 3.6rem 5%;
	margin: 0;
	text-align: left;
	background: #f4f1f1;
	}
@media screen and (max-width: 960px) {
  #whatwedoholder {
	padding: 3.0rem 5%;
	margin: 0;
  }
}


#whatwedoholder2 {
	padding: 0;
	margin: 0;
	text-align: left;
	background: #f4f1f1;
	}



#whoweareholder {
	padding: 3.6rem 5%;
	margin: 0;
	text-align: left;
	background: #f4f1f1;
	}
@media screen and (max-width: 960px) {
  #whoweareholder {
	padding: 3.0rem 5%;
	margin: 0;
  }
}

#howwedoitholder {
	padding: 3.6rem 5%;
	margin: 0;
	text-align: left;
	background: #f4f1f1;
	}
@media screen and (max-width: 960px) {
  #howwedoitholder {
	padding: 3.0rem 5%;
	margin: 0;
  }
}

.bodyleftpadding {
	padding: 0 2.0rem 0 0;
	margin: 0;
	}
@media (max-width: 768px) {
	.bodyleftpadding {
	padding: 0;
	}	
}

.bodyrightpadding {
	padding: 0 0 0 2.0rem;
	margin: 0;
	}
@media (max-width: 768px) {
	.bodyrightpadding {
	padding: 0;
	}	
}	



#whatwedopromo01 {
	padding: 0;
	margin: 1.6rem 0;
	text-align: left;
	background: #0c242e;	
	}

#whatwedopromoinner01 {
	padding: 3.0rem 50% 3.0rem 5%;
	margin: 0;
	text-align: left;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c242e+0,0c242e+100&0.5+0,0.15+100 */
	background: -moz-linear-gradient(left, rgba(12,36,46,0.5) 0%, rgba(12,36,46,0.15) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(12,36,46,0.5) 0%,rgba(12,36,46,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(12,36,46,0.5) 0%,rgba(12,36,46,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800c242e', endColorstr='#260c242e',GradientType=1 ); /* IE6-9 */
	}
@media screen and (max-width: 960px) {
  #whatwedopromoinner01 {
	padding: 3.0rem 5%;
	margin: 0;
  }
}



#whatwedopromo02 {
	padding: 0;
	margin: 1.6rem 0;
	text-align: left;
	background: #f4f1f1;
	}
@media screen and (max-width: 960px) {
  #whatwedopromo02 {
	visibility: hidden;
	padding: 0;
	margin: 0;
	height: 0;
  }
}



#whatwedopromo02hidden {
	visibility: hidden;
	padding: 0;
	margin: 0;
	height: 0;
	overflow: hidden;
	}

@media screen and (max-width: 960px) {
	#whatwedopromo02hidden {
	visibility: visible;
	overflow: visible;
		height: inherit;
	}	
  #whatwedopromoinner02hidden {
	visibility: visible;
	padding: 3.0rem 5%;
	margin: 1.6rem 0;
	height: auto;
	text-align: left;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c242e+0,0c242e+100&0.5+0,0.15+100 */
	background: -moz-linear-gradient(left, rgba(12,36,46,0.75) 0%, rgba(12,36,46,0.15) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(12,36,46,0.75) 0%,rgba(12,36,46,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(12,36,46,0.75) 0%,rgba(12,36,46,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800c242e', endColorstr='#260c242e',GradientType=1 ); /* IE6-9 */
  }
}




#whatwedopromocontainer0304 {
	padding: 0;
	margin: 0 0 1.6rem 0;	
	}





#whatwedopromo05 {
	padding: 0;
	margin: 1.6rem 0;
	text-align: left;
	background: #f4f1f1;
	}
@media screen and (max-width: 960px) {
  #whatwedopromo05 {
	visibility: hidden;
	padding: 0;
	margin: 0;
	height: 0;
  }
}

#whatwedopromo05hidden {
	visibility: hidden;
	padding: 0;
	margin: 0;
	height: 0;
	overflow: hidden;
	}

@media screen and (max-width: 960px) {
	#whatwedopromo05hidden {
	visibility: visible;
	overflow: visible;
	height: inherit;
	}	
  #whatwedopromoinner05hidden {
	visibility: visible;
	padding: 3.0rem 5%;
	margin: 0;
	height: auto;
	text-align: left;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c242e+0,0c242e+100&0.5+0,0.15+100 */
	background: -moz-linear-gradient(left, rgba(12,36,46,0.75) 0%, rgba(12,36,46,0.15) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(12,36,46,0.75) 0%,rgba(12,36,46,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(12,36,46,0.75) 0%,rgba(12,36,46,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800c242e', endColorstr='#260c242e',GradientType=1 ); /* IE6-9 */
  }
}






/* THE TEAM COMPONENTS */

#theteamholder {
	padding: 3.6rem 5% 0 5%;
	margin: 0;
	text-align: left;
	}
@media screen and (max-width: 960px) {
  #theteamholder {
	padding: 3.0rem 5% 0 5%;
	margin: 0;
  }
}

#theteamheaderpic {
	padding: 8.0rem 15% 3.0rem 5%;
	margin: 0;
	height: 70vh;
	content: 'viewport-units-buggyfill;'  'height: 70vh;';
	text-align: left;
	background: #000000;
	}
@media screen and (max-width: 960px) {
  #theteamheaderpic {
	padding: 0;
	margin: 0;
	height: 20vh;
	content: 'viewport-units-buggyfill;'  'height: 20vh;';
  }
}



main {
  	position: relative;
  	z-index: 2000;
  	-webkit-transition-property: -webkit-transform;
  	-moz-transition-property: -moz-transform;
  	transition-property: transform;
 	-webkit-transition-duration: 0.3s;
  	-moz-transition-duration: 0.3s;
  	transition-duration: 0.3s;	
	}
main.slide-out {
  	/* the main element slides to the left when the author bio is visible */
  	-webkit-transform: translateX(-100%);
  	-moz-transform: translateX(-100%);
  	-ms-transform: translateX(-100%);
  	-o-transform: translateX(-100%);
  	transform: translateX(-100%);
	}
main.slide-out .cd-overlay {
  	/* the overlay layer gets visible when the author bio slides in */
  	display: block;
  	-webkit-animation: cd-fade-in 0.3s;
  	-moz-animation: cd-fade-in 0.3s;
  	animation: cd-fade-in 0.3s;
	}
@media only screen and (min-width: 960px) {
  	main.slide-out {
    /* change in size of the author bio section */
    -webkit-transform: translateX(-500px);
    -moz-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    -o-transform: translateX(-500px);
    transform: translateX(-500px);
  	}
}
@media only screen and (min-width: 1200px) {
  	main.slide-out {
    -webkit-transform: translateX(-700px);
    -moz-transform: translateX(-700px);
    -ms-transform: translateX(-700px);
    -o-transform: translateX(-700px);
    transform: translateX(-700px);
  	}
}



.cd-section {
  	padding: 0;
  	text-align: center;
	}
.cd-section .cd-container {
  	/* this modifies the .cd-container default max-width */
  	max-width: 100%;	
	}



#cd-team .cd-container {
  	max-width: 100%;
	background: #ffffff;
	}
#cd-team h3 {
  	color: #0c242e;
	}
#cd-team li {
  	margin-bottom: 2em;
  	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
  	transition: all 0.3s;
	}
.no-touch #cd-team li a:link .cd-img-overlay {
	font-size: 1.6rem;
	color: #009ee2;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;	
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	}
.no-touch #cd-team li:hover .cd-img-overlay {
  	opacity: 1;
	font-size: 1.6rem;
	color: #009ee2;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;	
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	}
#cd-team figure {
  	position: relative;
	border-bottom: 3px solid #e1e1e1;	
	}
#cd-team img {
  	display: block;
  	width: 100%;
	}
#cd-team .cd-member-info {
  	padding: 0.9rem 0;
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.25rem;
	color: #1e3d5c;
	font-family:"museo-sans";
	font-weight: 700;
	font-style: normal;	
	margin: 0 0 1.2rem 0;
	text-transform: uppercase;	
	letter-spacing: 0.05rem;
	}
#cd-team .cd-member-info span {
	text-align: center;
	font-size: 0.95rem;
	color: #a2a2a2;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;	
	margin: 0;
	padding: 0;
	text-transform: none !important;	
	letter-spacing: 0;
	}
#cd-team .cd-member-info span em {
	text-align: center;
	font-size: 0.95rem;
	color: #a2a2a2;
	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;	
	margin: 0;
	padding: 0;
	text-transform: uppercase !important;	
	letter-spacing: 0;
	}
#cd-team .cd-img-overlay {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background: rgba(0, 0, 0, 0.5);
  	opacity: 0;
  	-webkit-transition: opacity 0.3s;
  	-moz-transition: opacity 0.3s;
  	transition: opacity 0.3s;
	}
#cd-team .cd-img-overlay span {
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	bottom: auto;
  	right: auto;
  	-webkit-transform: translateX(-50%) translateY(-50%);
  	-moz-transform: translateX(-50%) translateY(-50%);
  	-ms-transform: translateX(-50%) translateY(-50%);
  	-o-transform: translateX(-50%) translateY(-50%);
  	transform: translateX(-50%) translateY(-50%);
}



@media only screen and (min-width: 768px) {
  #cd-team li {
    width: 100%;
    float: left;
    margin-right: 1%;
  }

}

@media only screen and (min-width: 960px) {
  #cd-team li {
    width: 31%;
    float: left;
    margin-right: 1%;
  }

}

@media only screen and (min-width: 1200px) {
  #cd-team li {
    width: 23.75%;
    float: left;
    margin-right: 1%;
  }

}





.cd-member-bio {
  	position: fixed;
  	top: 0;
  	right: 0;
  	width: 100%;
  	height: 100%;
  	overflow: scroll;
  	overflow-y: auto;
  	/* smooth scrolling on mobile phones and tablets */
  	-webkit-overflow-scrolling: touch;
  	background: #ffffff;
  	z-index: 1;
  	/* this how we move the author bio section off the canvas */
  	-webkit-transform: translateX(100%);
  	-moz-transform: translateX(100%);
  	-ms-transform: translateX(100%);
  	-o-transform: translateX(100%);
  	transform: translateX(100%);
  	-webkit-transition-property: -webkit-transform;
  	-moz-transition-property: -moz-transform;
  	transition-property: transform;
  	-webkit-transition-duration: 0.3s;
  	-moz-transition-duration: 0.3s;
  	transition-duration: 0.3s;
	}
.cd-member-bio .cd-bio-content {
    padding: 2.6em;
  	}


.cd-member-bio.slide-in {
  /* the author bio section slides in when the user clicks on the team member picture */
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-member-bio .cd-member-bio-pict {
  position: relative;
}
.cd-member-bio .cd-member-bio-pict::after {
  	/* gradient at the bottom of the image - same color of the background of the section */
  	content: '';
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 40px;
  	background: #ffffff;
	}
.no-cssgradients .cd-member-bio .cd-member-bio-pict::after {
  	display: none;
	}
.cd-member-bio img {
  	width: 100%;
  	display: block;
	}


@media only screen and (min-width: 960px) {
  .cd-member-bio {
    width: 500px;
    -webkit-transform: translateX(500px);
    -moz-transform: translateX(500px);
    -ms-transform: translateX(500px);
    -o-transform: translateX(500px);
    transform: translateX(500px);
  }
  .cd-member-bio .cd-bio-content {
    padding: 2em;
  }
}

@media only screen and (min-width: 1200px) {
  .cd-member-bio {
    width: 700px;
    -webkit-transform: translateX(700px);
    -moz-transform: translateX(700px);
    -ms-transform: translateX(700px);
    -o-transform: translateX(700px);
    transform: translateX(700px);
  }
  .cd-member-bio .cd-member-bio-pict::after {
    height: 50px;
  }
  .cd-member-bio .cd-bio-content {
    padding: 4em;
    /* we move the content up so the title is over the color gradient */
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px);
  }
  .no-cssgradients .cd-member-bio .cd-bio-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

.cd-member-bio-close {
  	width: 32px;
  	height: 32px;
  	overflow: hidden;
  	position: fixed;
  	top: 20px;
  	right: 10px;
  	background: url("../img/cd-icon-close.svg") no-repeat center center;
  	text-indent: 100%;
  	white-space: nowrap;
  	z-index: 100;
  	display: none;
	}
.cd-member-bio-close.is-visible {
  	display: block;
  	-webkit-animation: cd-move-in 0.8s;
  	-moz-animation: cd-move-in 0.8s;
  	animation: cd-move-in 0.8s;
	}
@media only screen and (min-width: 1200px) {
  	.cd-member-bio-close {
    right: 20px;
    top: 30px;
  	}
}

.cd-overlay {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background: rgba(0, 0, 0, 0.7);
  	cursor: pointer;
  	display: none;
	}



@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes cd-move-in {
  0% {
    -webkit-transform: translateX(100px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-move-in {
  0% {
    -moz-transform: translateX(100px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-move-in {
  0% {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}






/* WHO WE ARE COMPONENTS */

#whoweareheaderpic {
	padding: 8.0rem 15% 3.0rem 5%;
	margin: 0;
	height: 60vh;
	content: 'viewport-units-buggyfill;'  'height: 60vh;';
	text-align: left;
	background: #000000;
	}
@media screen and (max-width: 960px) {
  #whoweareheaderpic {
	padding: 0;
	margin: 0;
	height: 30vh;
	content: 'viewport-units-buggyfill;'  'height: 30vh;';
  }
}






/* HOW WE DO IT COMPONENTS */

#howwedoitheaderpic {
	padding: 8.0rem 15% 3.0rem 5%;
	margin: 0;
	height: 60vh;
	content: 'viewport-units-buggyfill;'  'height: 60vh;';
	text-align: left;
	background: #000000;
	}
@media screen and (max-width: 960px) {
  #howwedoitheaderpic {
	padding: 0;
	margin: 0;
	height: 30vh;
	content: 'viewport-units-buggyfill;'  'height: 30vh;';
  }
}

#howwedoitsubtitle {
	padding: 4.0rem 7.5%;
	margin: 0;
	text-align: left;
	background: #009ee2;
	}
@media screen and (max-width: 960px) {
  #howwedoitsubtitle {
	padding: 3.0rem 5%;
	margin: 0;
  }
}



.accordion dl, .accordion-list {
  	border: none;
	}
	
.accordion dl:after, .accordion-list:after {
  	content: "";
  	display: block;
  	width: 100%;
  	}

.accordion dd, .accordion__panel {
  	background-color: #ffffff;
	}

.accordion {
  	position: relative;
  	background-color: #ffffff;	
	}

.container {
  	max-width: 100%;
  	margin: 0 auto;
  	padding: 0;
	}

.accordionTitle, .accordion__Heading {
  	background-color: #ffffff;
  	text-align: left;
  	padding: 1.0rem;
  	display: block;
	font-size: 1.1rem;
	font-family: "Source Sans Pro";
	font-weight: 700;
	font-style: normal;
  	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.025rem;
  	color: #434f58;
  	-webkit-transition: background-color 0.5s ease-in-out;
  	transition: background-color 0.5s ease-in-out;
  	border-bottom: 1px solid #f4f1f1;
	}
	
.accordionTitle:before,.accordion__Heading:before {
  	content: "+";
  	font-size: 1.55rem;
  	line-height: 1.35rem;
	margin: 0 5px 0 0;
  	float: left;
	font-family: "Source Sans Pro";
	font-weight: 700;
	font-style: normal;
	color: #009ee2;
  	-webkit-transition: -webkit-transform 0.3s ease-in-out;
  	transition: -webkit-transform 0.3s ease-in-out;
  	transition: transform 0.3s ease-in-out;
  	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	}
	
.accordionTitle:hover, .accordion__Heading:hover {
  	background-color: #ece8e8;
	}

.accordionTitleActive, .accordionTitle.is-expanded {
  	background-color: #f4f1f1;
  	font-size: 1.05rem;
  	padding: 0.8rem;	
	}
	
.accordionTitleActive:before,.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
		  color: #009ee2;
	}
	
	
	
.accordionItemInner {
  	padding: 1.5rem 1.5rem 0.5rem 1.5rem;
	}	

.accordionItem {
  	height: auto;
  	overflow: hidden;
  	max-height: 100em;
  	-webkit-transition: max-height 1s;
  	transition: max-height 1s;
	}
	
@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 100em;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
}

.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
          animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
          animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
	opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
	opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
	opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
	opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}






/* WHY INSPIRATIONS COMPONENTS */

#whyinspirationsheaderpic {
	padding: 8.0rem 15% 3.0rem 5%;
	margin: 0;
	height: 60vh;
	content: 'viewport-units-buggyfill;'  'height: 60vh;';
	text-align: left;
	background: #000000;
	}
@media screen and (max-width: 960px) {
  #whyinspirationsheaderpic {
	padding: 0;
	margin: 0;
	height: 30vh;
	content: 'viewport-units-buggyfill;'  'height: 30vh;';
  }
}

#whyinspirationssubtitle {
	padding: 4.0rem 7.5%;
	margin: 0;
	text-align: left;
	background: #009ee2;
	}
@media screen and (max-width: 960px) {
  #whyinspirationssubtitle {
	padding: 3.0rem 5%;
	margin: 0;
  }
}

.whyinspirationsholder1 {
	padding: 3.0rem 5% 3.0rem 15%;
	margin: 0;
	text-align: left;
	background: #ffffff;
	}
@media screen and (max-width: 960px) {
  .whyinspirationsholder1 {
	padding: 2.6rem 5%;
	margin: 0;	
  }
}

.whyinspirationsholder2 {
	padding: 3.0rem 5% 3.0rem 15%;
	margin: 0;
	text-align: left;
	background: #ffffff;
	border-bottom: 1px solid #f4f1f1;
	}
@media screen and (max-width: 960px) {
  .whyinspirationsholder2 {
	padding: 2.6rem 5%;
	margin: 0;
  }
}

#whyinspirationsholder3 {
	padding: 3.6rem 5%;
	margin: 0;
	text-align: left;
	background: #f4f1f1;
	}
@media screen and (max-width: 960px) {
  #whyinspirationsholder3 {
	padding: 3.0rem 5%;
	margin: 0;
  }
}

.clientlogos {	
	margin: 0 auto;
	max-width: 70%;
	padding: 3.0rem 0;
	}	
@media screen and (max-width: 960px) {
  .clientlogos {	
	max-width: 50%;
	padding: 2.0rem 0;
  }
}






/* GET IN TOUCH COMPONENTS */

#getintouchheaderpic {
	padding: 8.0rem 15% 3.0rem 5%;
	margin: 0;
	height: 60vh;
	content: 'viewport-units-buggyfill;'  'height: 60vh;';
	text-align: left;
	background: #000000;
	}
@media screen and (max-width: 960px) {
  #getintouchheaderpic {
	padding: 0;
	margin: 0;
	height: 30vh;
	content: 'viewport-units-buggyfill;'  'height: 30vh;';
  }
}

#getintouchsubtitle {
	padding: 4.0rem 5%;
	margin: 0;
	text-align: left;
	background: #009ee2;
	}
@media screen and (max-width: 960px) {
  #getintouchsubtitle {
	padding: 3.0rem 5%;
	margin: 0;
  }
}

#getintouchholder {
	padding: 0 0 3.6rem 5%;
	margin: 0;
	text-align: left;
	}
@media screen and (max-width: 960px) {
  #getintouchholder {
	padding: 3.0rem 0 0 0;
	margin: 0;
  }
}

#getintouchaddressholder {
	padding: 3.6rem 15% 3.6rem 0;
	margin: 0;
	}
@media screen and (max-width: 960px) {
  #getintouchaddressholder {
	padding: 0 5% 3.0rem 5%;
	margin: 0;
  }
}



#contactformholder {
	padding: 3.6rem 7.5%;
	margin: 0;
	text-align: left;
	background: #1e3d5c;
	}
@media screen and (max-width: 960px) {
  #contactformholder {
	padding: 3.0rem 5%;
  }
}



#sidemenuholder {
	padding: 5vh 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 5vh 0;';
	margin: 0;
	text-align: left;
	background: #009ee2;
	}
@media screen and (max-width: 960px) {
  #sidemenuholder {
	padding: 3vh 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 3vh 0;';
  }
}


.sidemenutitleholder {
	padding: 0 5%;
	}

#whatwedocontentholder {
	padding: 3.6rem 7.5%;
	margin: 0;
	}
@media screen and (max-width: 960px) {
  #whatwedocontentholder {
	padding: 3.0rem 5%;
  }
}



#companyinfoholder {
	padding: 2.0rem 7.5%;
	margin: 0;
	text-align: left;
	background: #e5e5e5;
	}


	
.contactinput {	
	padding: 0;
	margin: 0 0 1.0rem 0;
	}
	
.contactinput input[type="text"], .contactinput input[type="email"] {
  	color: #ffffff;
	width: 100%;
	padding: 10px 0;
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.1rem;
	vertical-align: middle;
	font-family: "Source Sans Pro";
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.05rem;
	background-color: #1e3d5c;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #225687;
	border-left: none;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}	
.contactinput input[type="text"]:hover, .contactinput input[type="email"]:hover {
	color: #ffffff;
	border-bottom: 2px solid #ffffff;
	}	

.contactinput textarea {
  	color: #ffffff;
	width: 100%;
	height: 160px;
	padding: 10px 0;
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.1rem;
	vertical-align: middle;
	font-family: "Source Sans Pro";
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.05rem;
	background-color: #1e3d5c;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #225687;
	border-left: none;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
.contactinput textarea:hover {
	color: #ffffff;
	border-bottom: 2px solid #ffffff;
	}	
		
		
.g-recaptcha {
    width: 100%;
    margin: 2.2rem 0 1.4rem 0;
    padding: 0;
	}		
	
#rc-imageselect {
	transform: scale(0.77);
	-webkit-transform: scale(0.77);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	}
	
	
button[type="submit"].form_button {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	padding: 0 0 0 1.0rem;
	text-decoration:none;
	color:#ffffff !important;
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	margin:0;
	background-color: #1e3d5c;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
button[type="submit"].form_button i {
	font-size: 1.2rem;
	line-height: 1.2rem;
	border: 0;
	padding: 0.6rem ;
	background: none;	
	text-decoration:none;
	color: #ffffff;
	display: inline-block;
	text-align: center;
	margin: 0 0 0 0.1rem;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;	
	}	
button[type="submit"].form_button:hover i, button[type="submit"].form_button:focus {
	background:#ffffff;
	color:#0c242e;
	}







/* LEGAL PAGES COMPONENTS */

#legalssubtitle {
	padding: 14.0rem 5% 4.8rem 5%;
	margin: 0 0 0 10%;
	text-align: left;
	background: #009ee2;
	}
@media screen and (max-width: 960px) {
  #legalssubtitle {
	padding: 1.0rem 5% ;
	margin: 0;
  }
}

#legalsholder {
	padding: 0 30% 0 5%;
	margin: 0;
	}
@media screen and (max-width: 960px) {
  #legalsholder {
	padding: 3.0rem 0 0 0;
	margin: 0;
  }
}






/* BUTTONS COMPONENTS */

.buttonholdercenter {
	padding: 0;
	margin: 0;
	text-align: center;
	}

.buttonholderleft {
	padding: 0;
	margin: 0;
	text-align: left;
	}
.buttonholderright {
	padding: 0;
	margin: 0;
	text-align: right;
	}	

.buttonholderleftbot {
	padding: 0;
	margin: 0;
	text-align: left;
	}
		

.buttonsnormal {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	padding: 0 0 0 1.0rem;
	text-decoration:none;
	color:#ffffff !important;
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	margin:0;	
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-right: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
.buttonsnormal i {
	font-size: 1.2rem;
	line-height: 1.2rem;
	border: 0;
	padding: 0.6rem ;
	background: none;	
	text-decoration:none;
	color: #ffffff;
	display: inline-block;
	text-align: center;
	margin: 0 0 0 0.1rem;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;	
	}	
.buttonsnormal:hover i {
	background:#ffffff;
	color:#0c242e;
	}
@media screen and (max-width: 960px) {
  .buttonsnormal {
	font-size: 0.85rem;
	line-height: 0.85rem;
  }
	.buttonsnormal i {
	font-size: 1.0rem;
	line-height: 1.0rem;
	padding: 0.5rem;
	}	
}



.buttonsreversed {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-family:"museo-sans";
	font-weight: 500;
	font-style: normal;
	padding: 0 0 0 1.0rem;
	text-decoration:none;
	color:#0c242e !important;
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	margin:0;	
	border-left: 1px solid #0c242e;
	border-top: 1px solid #0c242e;
	border-bottom: 1px solid #0c242e;
	border-right: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	}
.buttonsreversed i {
	font-size: 1.2rem;
	line-height: 1.2rem;
	border: 0;
	padding: 0.6rem ;
	background: none;	
	text-decoration:none;
	color: #0c242e;
	display: inline-block;
	text-align: center;
	margin: 0 0 0 0.1rem;	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;	
	}	
.buttonsreversed:hover i {
	background:#0c242e;
	color:#ffffff;
	}
@media screen and (max-width: 960px) {
  .buttonsreversed {
	font-size: 0.85rem;
	line-height: 0.85rem;
  }
	.buttonsreversed i {
	font-size: 1.0rem;
	line-height: 1.0rem;
	padding: 0.5rem;
	}	
}









/* EQUAL HEIGHTS */

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
	}
	
.items-container,.data-test-items {
    overflow: hidden;
    margin: 0 0;
	}


	
.itemnavleft {
    display: block;
    float: left;
    width: 100%;
	height: 100vh;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 100vh;';
	}
.itemnavright {
    display: block;
    float: left;
    width: 50%;
	height: 100vh;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 100vh;';
	}			
.item-1 { 
	padding: 25vh 5% 0 60%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 25vh 10% 0 10%;';
	}
.item-2 { 
	padding: 25vh 5% 0 5%;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 25vh 5% 0 5%;';
	}
.itemnavinnerleft {
    padding: 0;
	}	
.itemnavinnerright {
    padding: 0;
	}





.itemhometopleft {
    display: block;
    float: left;
    width: 50.0%;
	}
.itemhometopright {
    display: block;
    float: left;
    width: 50.0%;
	}			
.item-3 { 
	padding: 3.6rem 5%;
	background: #f4f1f1;
	}
.item-4 { 
	padding: 3.6rem 5%;
	background: #009ee2;
	}
.itemhometopinnerleft {
    padding: 0;
	}	
.itemhometopinnerright {
    padding: 0;
	}



.itemhomebotleft {
    display: block;
    float: left;
    width: 66.6666%;
	}
.itemhomebotright {
    display: block;
    float: left;
    width: 33.3333%;
	}			
.item-5 { 
	padding: 3.6rem 5%;
	background: #009ee2;
	}
.item-6 { 
	padding: 3.6rem 2.5%;
	background: #009ee2;
	}
.item-7 { 
	padding: 3.6rem 2.5%;
	background: #009ee2;
	}




.itemwhatwedoleft {
    display: block;
    float: left;
    width: 50%;
	}
.itemwhatwedoright {
    display: block;
    float: left;
    width: 50%;
	}			
.item-8 { 
	padding: 3.0rem 5%;
	}
.item-9 { 
	padding: 3.0rem 5%;
	}





.itemwhatwedoleft2 {
    display: block;
    float: left;
    width: 50%;
	}
.itemwhatwedoright2 {
    display: block;
    float: right;
    width: 50%;
	}
.item-10 { 
	padding: 3.0rem 5%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c242e+0,0c242e+100&0.5+0,0.15+100 */
	background: -moz-linear-gradient(left, rgba(12,36,46,0.5) 0%, rgba(12,36,46,0.15) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(12,36,46,0.5) 0%,rgba(12,36,46,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(12,36,46,0.5) 0%,rgba(12,36,46,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800c242e', endColorstr='#260c242e',GradientType=1 ); /* IE6-9 */
	}
.item-11 { 
	padding: 3.0rem 5%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c242e+0,0c242e+100&0.5+0,0.15+100 */
	background: -moz-linear-gradient(left, rgba(12,36,46,0.5) 0%, rgba(12,36,46,0.15) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(12,36,46,0.5) 0%,rgba(12,36,46,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(12,36,46,0.5) 0%,rgba(12,36,46,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800c242e', endColorstr='#260c242e',GradientType=1 ); /* IE6-9 */
	}





.itemwhatwedoleft3 {
    display: block;
    float: left;
    width: 50%;
	}
.itemwhatwedoright3 {
    display: block;
    float: left;
    width: 50%;
	}			
.item-12 { 
	padding: 3.0rem 5%;
	}
.item-13 { 
	padding: 3.0rem 5%;
	}





.whyinspirations1, .whyinspirations2, .whyinspirations3, .whyinspirations4 {
    display: block;
    float: left;
    width: 25%;
	}
.item-14, .item-15, .item-16, .item-17 { 
	padding: 0;
	background: #e4e4e4;
	border: 5px solid #f4f1f1;
	}

.whyinspirationsclientlogo1, .whyinspirationsclientlogo2, .whyinspirationsclientlogo3, .whyinspirationsclientlogo4 {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #f4f1f1;
	}
.whyinspirationstext {
	padding: 3.0rem 7.5%;
	margin: 0;
	}







.item img {
    display: block;
    max-width: 100%;
	}
.item p:last-child {
    margin-bottom: 0;
	}





@media only screen and (max-width: 960px) {
	
    .test-margin .itemnavleft, .test-margin .items-container.big-items .itemnavleft {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemnavright, .test-margin .items-container.big-items .itemnavright {
        display: none;
    	}	
	.itemnavinnerleft {
    	padding: 0;
		}
	.itemnavinnerright {
    	padding: 0;
		}
	
	.itemnavinnerleft h3 {
    	display: none;
		}
	.item-1 { 
		padding: 25vh 5% 0 5%;
		/* IE9 and 10  */
		content: 'viewport-units-buggyfill;'  'padding: 25vh 10% 0 10%;';
		}

	
	
	.test-margin .itemhometopleft, .test-margin .items-container.big-items .itemhometopleft {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemhometopright, .test-margin .items-container.big-items .itemhometopright {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}	
	.itemhometopinnerleft {
    	padding: 0;
		}
	.itemhometopinnerright {
    	padding: 0;
		}
	
	
	.test-margin .itemhomebotleft, .test-margin .items-container.big-items .itemhomebotleft {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemhomebotmid, .test-margin .items-container.big-items .itemhomebotmid {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemhomebotright, .test-margin .items-container.big-items .itemhomebotright {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}	
	.item-6 { 
		padding: 3.6rem 5%;
		}
	.item-7 { 
		padding: 3.6rem 5%;
		}
	
		
	
	.test-margin .itemwhatwedoleft, .test-margin .items-container.big-items .itemwhatwedoleft {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .itemwhatwedoright, .test-margin .items-container.big-items .itemwhatwedoright {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	
	
	.test-margin .itemwhatwedoleft2, .test-margin .items-container.big-items .itemwhatwedoleft2 {
        width: 100%;
        margin: 1.5rem 0 3.0rem 0;
    	}
	.test-margin .itemwhatwedoright2, .test-margin .items-container.big-items .itemwhatwedoright2 {
        width: 100%;
        margin: 0 0 1.5rem 0;
    	}
	
	
	
	.test-margin .itemwhatwedoleft3, .test-margin .items-container.big-items .itemwhatwedoleft3 {
        width: 100%;
        margin: 0;
    	}
	.test-margin .itemwhatwedoright3, .test-margin .items-container.big-items .itemwhatwedoright3 {
        width: 100%;
        margin: 0;
    	}
	
	
	.test-margin .whyinspirations1, .test-margin .items-container.big-items .whyinspirations1 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .whyinspirations2, .test-margin .items-container.big-items .whyinspirations3 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .whyinspirations4, .test-margin .items-container.big-items .whyinspirations4 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.test-margin .whyinspirations5, .test-margin .items-container.big-items .whyinspirations5 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    	}
	.item-14, .item-15, .item-16, .item-17 { 
		background: #e4e4e4;
		border-left: 0;
		border-right: 0;
		border-top: 10px solid #f4f1f1;
		border-bottom: 10px solid #f4f1f1;
		}
	.whyinspirationstext {
		padding: 3.0rem 5%;
		margin: 0;
	}
	
}






/* BACK TO TOP COMPONENTS */

.cd-top {
  	display: inline-block;
	padding: 0.8rem 0 1.15rem 0;
  	width: 50px;
	margin: 0;
  	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
  	background: rgba(220, 220, 220, 1.0) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  	visibility: visible;
  	opacity: 1;
  	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
  	-moz-transition: opacity .3s 0s, visibility 0s .3s;
  	transition: opacity .3s 0s, visibility 0s .3s;
	}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
  	-moz-transition: opacity .3s 0s, visibility 0s 0s;
  	transition: opacity .3s 0s, visibility 0s 0s;
	}
.cd-top.cd-is-visible {
  	/* the button becomes visible */
  	visibility: visible;
  	opacity: 1;
	}
.cd-top.cd-fade-out {
  	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  	opacity: .5;
	}
.no-touch .cd-top:hover {
  	background-color: #9d9d9d;
  	opacity: 1;
	}











/* FOOTER COMPONENTS */

#sociallinksholder {
  	padding: 1.0rem 0 0.6rem 10%;
  	margin: 0;
	width: auto;
  	text-align: left !important;
	border-right: 1px solid #ffffff;
	}		
.sociallinks {
  	padding: 0;
  	margin: 0 1.0rem 0 0;
  	font-size: 1.6rem;
	color: #9d9d9d;
	text-transform: none;
	}
.sociallinks i {
  	padding: 0;
	color: #9d9d9d;
  	margin: 0 1.0rem 0 0;
	}
.sociallinks a:link, .sociallinks a:visited {
	color:#9d9d9d;
	text-decoration:none;
	}	
.sociallinks a:active, .sociallinks a:hover {
	color:#141414;
	text-decoration:none;
	}	
@media (max-width: 960px) {
	#sociallinksholder {
  	padding: 1.0rem 0 0.6rem 5%;
	border-right: none;
	}
}



#copyrightholder {
  	padding: 0.6rem 0 0.6rem 5%;
  	margin: 0;
  	text-align: left !important;
	}

.copyrighttxt {
	text-align: left;
	color: #838383;
	font-size: 0.8rem;
	line-height: 1.2rem;	
	font-family:"museo-sans";
	font-weight: 300;
	font-style: normal;
	padding: 0;
	margin: 0;
	text-transform: none;
	}
.copyrighttxt a:link, .copyrighttxt a:visited {
	color: #838383;
	text-decoration: none;
	font-family: "Source Sans Pro";
	font-weight: 700;
	font-style: normal;
	}	
.copyrighttxt a:active, .copyrighttxt a:hover {
	color: #696969;
	text-decoration: none;
	font-family: "Source Sans Pro";
	font-weight: 700;
	font-style: normal;
	}	



.happyleft {	
	width: 70%;
	margin: 0;
	padding: 0;
	text-align: right !important;
	float: left;
	}
.happyright {	
	width: 30%;
	margin: 0;
	padding: 0;
	text-align: right !important;
	float: right;
	}
	

#happyleaves {	
	max-width: 178px;
	margin: 0;
	padding: 1.4rem 0 0 0;
	text-align: right !important;
	float: right;
	}
@media screen and (max-width: 960px) {
  #happyleaves {
	margin: 0 0 1.0rem 6.5%;
	  padding: 1.0rem 0 0 0;
	text-align: left !important;
	float: none;
  }
}
	




/* LEGAL PAGES COMPONENTS */

@media all and (min-width: 768px) {
   #colstwo  {
  -webkit-column-count: 2;
  -webkit-column-gap: 45px; /* Saf3, Chrome*/
  -moz-column-count: 2;   
  -moz-column-gap: 45px; /* FF3.5+ */
  column-count: 2;        
  column-gap: 45px; /* Opera 11+*/
  padding: 0;
  }
}
@media all and (max-width: 768px) {
   #colstwo  {
  padding: 0;
  }
}







.left {
	text-align: left !important;
	}	

.center {
	text-align: center !important;
	}	
	
.white {
	color:#ffffff;
	}	

.black {
	color:#0c242e;
	}

.blue {
	color:#009ee2;
	}

.purple {
	color:#901d7c;
	font-weight: 300;
	}
	




a[href^="https://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
	}
.gmnoprint div {
    background:none !important;
	}