@charset "UTF-8";

/*
Title:      	Green Hill Band stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	7th April 2024
*/


/* 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;
	}


.fade-in {
  animation: fadeIn ease 4s;
  -webkit-animation: fadeIn ease 4s;
  -moz-animation: fadeIn ease 4s;
  -o-animation: fadeIn ease 4s;
  -ms-animation: fadeIn ease 4s;
}


@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}



#fader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    pointer-events: none;
    background: white;
    animation-duration: 500ms;
    animation-timing-function: ease-in-out;
}

@keyframes fade-out {
    from { opacity: 1 }
      to { opacity: 0 }
}

@keyframes fade-in {
    from { opacity: 0 }
      to { opacity: 1 }
}

#fader.fade-out {
    opacity: 0;
    animation-name: fade-out;
}

#fader.fade-in {
    opacity: 1;
    animation-name: fade-in;
}


body {
	font-size: 1.0em;
	line-height: 1.6875em;
  	font-family: "halyard-display", sans-serif;
    font-weight: 300;
    font-style: normal;    
  	color: #1c252d;
  	background-color: #f7f7f7 !important;
    
	}

body, html {
  	/* prevent horizontal scrolling */
  	overflow-x: hidden;
	}
	
::-moz-selection { 
	background: #564b9a; 
    text-shadow: none;
	}

::selection { 
	background: #564b9a; 
    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: 600;
	font-style: normal;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}			

ol {
	color: #1c252d;
	font-weight: normal;
	}	
	
ol li {
	padding: 0 0 8px 0;
	}		
	
p {
	margin: 0 0 1.1rem 0; 
	text-align: left;
	color: #1c252d;
	font-size: 1.15rem;
	line-height: 1.45rem;	
	font-family: "halyard-display", sans-serif;
    font-weight: 300;
    font-style: normal;  
	
	}
	
em {
	font-family: "halyard-display", sans-serif;
    font-weight: 400;
    font-style: italic;  
	}	
	
strong {
	font-family: "halyard-display", sans-serif;
    font-weight: 600;
    font-style: normal;  
	}


	
h1 {
 	text-align: left;
	font-size: 4.25rem;
	line-height: 4.05rem;
	color: #f7f7f7;
	font-family: rokkitt, serif;
    font-weight: 600;
    font-style: normal;
	margin: 0;
	padding: 0;	
    text-transform: uppercase;
	}
h1 a:link, h1 a:visited {
	color:#f7f7f7;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	text-decoration: none;
	font-family: rokkitt, serif;
    font-weight: 600;
    font-style: normal;
	}	
h1 a:active, h1 a:hover {
	color:#f7f7f7;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: rokkitt, serif;
    font-weight: 600;
    font-style: normal;
	}
@media only screen and (max-width: 960px) {
    h1 {
    	font-size: 3.0rem;
		line-height: 2.75rem;
  	}
}	
@media only screen and (max-width: 640px) {
    h1 {
    	font-size: 2.75rem;
		line-height: 2.5rem;
  	}
}



.h1_home {
 	text-align: left;
	font-size: 3.75rem;
	line-height: 3.25rem;
	color: #f7f7f7;
	font-family: rokkitt, serif;
    font-weight: 600;
    font-style: normal;
	margin: 0;
	padding: 0;	
    text-transform: uppercase;
	}
@media only screen and (max-width: 960px) {
    .h1_home {
    	font-size: 2.75rem;
		line-height: 2.5rem;
  	}
}



h2 {
	text-align: left;
	font-size: 1.875rem;
	line-height: 1.675rem;
	color: #1c252d;
	font-family: rokkitt, serif;
    font-weight: 600;
    font-style: normal;
	margin: 0;
	padding: 0 0 1.0rem 0;
    text-transform: uppercase;
	}
h2 a:link, h2 a:visited {
	color:#1c252d;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	text-decoration: none;
	font-family: rokkitt, serif;
    font-weight: 600;
    font-style: normal;
	}	
h2 a:active, h2 a:hover {
	color:#1c252d;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: rokkitt, serif;
    font-weight: 600;
    font-style: normal;
	}
@media only screen and (max-width: 960px) {
  	 h2 {
    	font-size: 1.675rem;
	    line-height: 1.575rem;
  	}
}	



h3 {
	text-align: left;
	font-size: 1.35rem;
	line-height: 1.35rem;
	color: #1c252d;
	font-family: rokkitt, serif;
    font-weight: 600;
    font-style: normal;
	margin: 0;
	padding: 0 0 1.0rem 0;
    text-transform: uppercase;
	}
h3 a:link, h3 a:visited {
	color:#1c252d;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	text-decoration: none;
	font-family: rokkitt, serif;
    font-weight: 600;
    font-style: normal;
	}	
h3 a:active, h3 a:hover {
	color:#1c252d;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: rokkitt, serif;
    font-weight: 600;
    font-style: normal;
	}
@media only screen and (max-width: 960px) {
  	 h3 {
    	font-size: 1.25rem;
		line-height: 1.25rem;
         padding: 0 0 1.0rem 0;
  	}
}



h4 {
	text-align: right;
	font-size: 1.3rem;
	line-height: 1.5rem;
	color: #f7f7f7;
	font-family: rokkitt, serif;
    font-weight: 400;
    font-style: normal;
	margin: 0;
	padding: 0 0 3.0rem 0;
    text-transform: uppercase;
	}
h4 a:link, h4 a:visited {
	color:#f7f7f7;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	text-decoration: none;
	font-family: rokkitt, serif;
    font-weight: 700;
    font-style: normal;
	}	
h4 a:active, h4 a:hover {
	color:#f7f7f7;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: rokkitt, serif;
    font-weight: 700;
    font-style: normal;
	}
@media only screen and (max-width: 960px) {
  	 h4 {
    	text-align: left;
         padding: 5.0rem 0 2.0rem 0;
  	}
}



.divline {
	margin: 0 0 2.0rem 0;
	padding: 0 0 1.0rem 0;
    border-bottom: #d8dbdd solid 1px;
	}




.purpletitleunderline {
	margin: 0;
    padding: 0 0 0.5rem 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#564b9a+0,564b9a+50,564b9a+100&0+49,0+49,1+50 */
    background: linear-gradient(to bottom,  rgba(86,75,154,0) 0%,rgba(86,75,154,0) 65%,rgba(86,75,154,1) 65%,rgba(86,75,154,1) 100%); 
    z-index: -1;
    position: relative;
    display: inline-block;
	}	


.lefthandcontentholderwhite {
    padding: 1.0rem 0 0 0;
    margin: 0;
	border-top: rgba(255, 255, 255, .15) solid 6px;
	}	
.righthandcontentholderwhite {
    padding: 1.0rem 0 0 0;
    margin: 5px 0 0 0;
	border-top: rgba(255, 255, 255, .15) solid 1px;
	}
@media only screen and (max-width: 960px) {
  	 .righthandcontentholderwhite {
    	padding: 0;
         border-top: none;
  	}
}


#clientlogosholder {
    padding: 1.5rem 0 0 0;
    margin: 0;
	}
@media only screen and (max-width: 960px) {
  	 #clientlogosholder {
    	padding: 0;
  	}
}



.lefthandcontentholdergrey {
    padding: 1.0rem 0 0 0;
    margin: 0;
	border-top: rgba(28, 37, 45, .25) solid 6px;
	}	
.righthandcontentholdergrey {
    padding: 1.15rem 0 0 0;
    margin: 5px 0 0 0;
	border-top: rgba(28, 37, 45, .25) solid 1px;
	}
@media only screen and (max-width: 960px) {
  	 .righthandcontentholdergrey {
    	padding: 0;
         border-top: none;
  	}
}



.profilepicholder {
    padding: 0;
    margin: 0;
    max-width: 100%;
	}
@media only screen and (max-width: 960px) {
  	 .profilepicholder {
    	max-width: 70%;
  	}
}


.clear {
 	clear: both;
	overflow: hidden;
	height: 0;
	display: flow-root;
 	}	



.scrolldownarrow {
	color: #b5d0c8;
    padding: 0 0 0 2.083%;
	}
.scrolldownarrow a:link, .scrolldownarrow a:visited {
	color:#b5d0c8;
	text-decoration: none; 
	}	
.scrolldownarrow a:active, .scrolldownarrow a:hover {
	color:#ffffff;
	text-decoration: none;
	}
@media only screen and (max-width: 960px) {
  	 .scrolldownarrow {
    	display: none !important;
         visibility: hidden;
         height: 0;
  	}
}


				
	

/* TEXT COMPONENTS */	

.normaltxt {
	text-align: left;
	color: #1c252d;
	font-size: 1.15rem;
	line-height: 1.45rem;	
	font-family: "halyard-display", sans-serif;
    font-weight: 300;
    font-style: normal;  
	}
.normaltxt a:link, .normaltxt a:visited {
	color:#57a391;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	text-decoration: none;
	font-family: "halyard-display", sans-serif;
    font-weight: 400;
    font-style: normal;  
	}	
.normaltxt a:active, .normaltxt a:hover {
	color:#57a391;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: "halyard-display", sans-serif;
    font-weight: 400;
	font-style: normal;
	}



.normaltxtrev {
	text-align: left;
	color: #f7f7f7;
	font-size: 1.15rem;
	line-height: 1.45rem;	
	font-family: "halyard-display", sans-serif;
    font-weight: 300;
    font-style: normal;  
	}
.normaltxtrev a:link, .normaltxtrev a:visited {
	color:#564b9a;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	text-decoration: none;
	font-family: "halyard-display", sans-serif;
    font-weight: 400;
    font-style: normal;  
	}	
.normaltxtrev a:active, .normaltxtrev a:hover {
	color:#564b9a;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: "halyard-display", sans-serif;
    font-weight: 400;
    font-style: normal;  
	}



.bulletlist {
	margin: 0;
	padding: 0 0 2.0rem 0;
	width: 90%;
	color: #1c252d;
	}	
.bulletlist ul {	
	margin: 0;
	border: 0;
	padding: 0;
	}
.bulletlist li {
	margin: 0 0 0.4rem 1.25rem;
	text-align: left;
	color: #1c252d;
	font-size: 1.15rem;
	line-height: 1.45rem;	
	font-family: "halyard-display", sans-serif;
    font-weight: 300;
    font-style: normal;  
	}	
.bulletlist li::before {
	color: #57a391;
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 0.75em;
	content: "\f068";
    padding: 0 0.5rem 0 0;
    margin: 0 0 0 -1.2rem;
    vertical-align: 0.1rem;
	}	
.bulletlist a:link, .bulletlist a:visited {
	color: #57a391;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	text-decoration: none;
	font-family: "halyard-display", sans-serif;
    font-weight: 300;
    font-style: normal;  
	}
.bulletlist a:active, .bulletlist a:hover  {
	color: #57a391;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: "halyard-display", sans-serif;
    font-weight: 300;
    font-style: normal;  
	}
@media only screen and (max-width: 960px) {
    .bulletlist {
    font-size: 0.9rem;
	line-height: 1.3rem;	
  	}
}



.largertxt {
	text-align: left;
	color: #1c252d;
	font-size: 1.5rem;
	line-height: 1.8rem;	
	font-family: "halyard-display", sans-serif;
    font-weight: 300;
    font-style: normal;  
	}
.largertxt a:link, .largertxt a:visited {
	color:#57a391;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	text-decoration: none;
	font-family: "halyard-display", sans-serif;
    font-weight: 400;
    font-style: normal;  
	}	
.largertxt a:active, .largertxt a:hover {
	color:#57a391;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: "halyard-display", sans-serif;
    font-weight: 400;
	font-style: normal;
	}

.largertxtrev {
	text-align: left;
	color: #f7f7f7;
	font-size: 1.5rem;
	line-height: 1.8rem;		
	font-family: "halyard-display", sans-serif;
    font-weight: 300;
    font-style: normal;  
	}
.largertxtrev a:link, .largertxtrev a:visited {
	color:#564b9a;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	text-decoration: none;
	font-family: "halyard-display", sans-serif;
    font-weight: 400;
    font-style: normal;  
	}	
.largertxtrev a:active, .largertxtrev a:hover {
	color:#564b9a;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: "halyard-display", sans-serif;
    font-weight: 400;
	font-style: normal;
	}








.orderedlistsmall {
	margin: 0 auto;
	padding: 0 0 0.6rem 0;
	width: 95%;
	color: #1c252d;
	list-style-type: 1;
	list-style-position: inside;
	}	
.orderedlistsmall ol {	
	margin: 0;
	border: 0;
	padding: 0;	
	}
.orderedlistsmall li {
	margin: 0 0 0.3rem 0;
	text-align: left;
	color: #1c252d;
	font-size: 0.95rem;
	line-height: 1.3rem;	
	font-family: "halyard-display", sans-serif;
    font-weight: 500;
    font-style: normal;  
	padding: 0;
	}
@media only screen and (max-width: 960px) {
  	.orderedlistsmall li  {
    font-size: 0.9rem;
	line-height: 1.3rem;	
  	}
}







		

/* SECTIONS COMPONENTS */

#outercontainer {
	margin: 0;
	padding: 0 2.083%;
	}

#topnavcontainer {
	margin: 0;
	padding: 0;
    z-index: 10;
    position: fixed;
    top: 0;
    width: 95.833%;
    height: 90px;
    border-bottom: #d8dbdd solid 1px;
    text-align: right;
    background-color: #f7f7f7; 
	}
@media screen and (max-width: 960px) {
  #topnavcontainer {	
	height: 75px; 
  }
}

#logoholderhome {	
	margin: 0;
	max-width: 125px;
	padding: 0;    
    position: relative;
    top: 15px;
    left: 0;
    z-index: 10;
	}	
@media screen and (max-width: 960px) {
  #logoholderhome {	
	max-width: 100px;      
  }
}

#contactnavholder {	
	margin: 0;
	padding: 1.0rem 0 0 0;    
	}	
@media screen and (max-width: 960px) {
  #contactnavholder {		
    position: fixed;
      top: 1.0rem;
      right: 105px;
      width: 50%;
      z-index: 10;

  }
}




#homeheader {
	margin: 105px auto 0 auto;
	padding: 0;
	}
@media screen and (max-width: 960px) {
  #homeheader {	
	margin: 90px auto 0 auto;     
  }
}


#homeheadertxtoverlay {
	margin: -350px auto 0 auto !important;
    position: relative;
    z-index: 1;
	padding: 5.0rem 4.166% 2.0rem 36.25%;
    min-height: 350px;
    max-height: 700px;
	}
@media screen and (max-width: 960px) {
  #homeheadertxtoverlay {	
	padding: 5.0rem 4.166% 1.0rem 4.166%;      
  }
}


#otherheadertxtoverlay {
	margin: -150px auto 0 auto !important;
    position: relative;
    z-index: 1;
	padding: 3.0rem 4.166% 2.0rem 36.25%;
    min-height: 150px;
    max-height: 300px;
	}
@media screen and (max-width: 960px) {
  #otherheadertxtoverlay {	
	padding: 4.0rem 4.166% 1.0rem 4.166%;      
  }
}


#headergreenintroholder {
	margin: 0 auto;
	padding: 4.0rem 4.166%;
    background-color: #57a391; 
	}


#mainbodyholder {
	margin: 0 auto 4.0rem auto;
	padding: 6.0rem 4.166%;
    background-color: #f7f7f7; 
    border-bottom: 1px solid #d8dbdd; 
	}
@media screen and (max-width: 960px) {
  #mainbodyholder {	
	padding: 6.0rem 2.083%;     
  }
}


#footerpromoholder {
	margin: 0 auto;
	padding: 0 4.166% 4.0rem 4.166%;
    background-color: #f7f7f7; 
	}
@media screen and (max-width: 960px) {
  #footerpromoholder {	
	padding: 0 2.083% 4.0rem 2.083%;     
  }
}




.contentholderleft {
	margin: 0;
	padding: 4.0rem 4.166% 4.0rem 20%;
	}
@media screen and (max-width: 960px) {
  .contentholderleft {
      padding: 4.0rem 4.166%;
  }
}
.contentholderright {
	margin: 0;
	padding: 4.0rem 20% 4.0rem 4.166%;
	}
@media screen and (max-width: 960px) {
  .contentholderright {
      padding: 4.0rem 4.166%;
  }
}




#h1titleholder {
	margin: 0;
	padding: 4.0rem 20% 4.0rem 0;
	}
@media screen and (max-width: 960px) {
  #h1titleholder {
      padding: 1.0rem 0 0.5rem 0;
  }
}



#homeheroholder {
	padding: 8.0rem 4.166% 0 4.166%;
	margin: 0; 
	}
@media screen and (max-width: 960px) {
  #homeheroholder {
      padding: 5.5rem 4.166% 0 4.166%;
  }
}





#otherheroholder {
	padding: 0;
	margin: 110px 0 0 0;
	}
#otherheroholderinner {
	margin: 0 auto;
	padding: 10.0rem 9.5% 0 9.5%;
	width: 100%;
    background-color: rgba(23, 23, 23, .25);
	}
@media screen and (max-width: 960px) {
  #otherheroholder {
      margin: 90px 0 0 0;
  }
    #otherheroholderinner {
      padding: 8.0rem 4.166% 04.166%;
  }
}


.casestudieslogoholder {
    width: 55%;
	}	

#cslogoholder {
    width: 50%;
    padding: 4.0rem 0 8.0rem 8.333%
	}	
@media screen and (max-width: 960px) {
  #cslogoholder {
      width: 35%;
      padding: 2.0rem 0 6.0rem 4.166%
  }
}
@media screen and (max-width: 640px) {
  #cslogoholder {
      width: 40%;
      padding: 2.0rem 0 4.0rem 4.166%
  }
}








/* LEGAL PAGE COMPONENTS */

#legalpageheader {
	margin: 0 4.166%;
	padding: 8.0rem 0 0 0; 
	}
@media screen and (max-width: 960px) {
  #legalpageheader {
      padding: 6.0rem 0 0 0;
  }
}

#legaltop {
	margin: 4.0rem 4.166% 0 4.166%;
	padding: 0 0 4.0rem 0;
	}
@media screen and (max-width: 960px) {
  #legaltop {
      margin: 2.0rem 4.166% 0 4.166%;
      padding: 0 0 2.0rem 0;
  }
}







/* CONTACT COMPONENTS */

#contactformholder {
	padding: 6.0rem 4.166%;
	margin: 0;
    background-color: #d3b467; 
	}

#contactformbuttonholder {
	padding: 1.0rem 0 0 0;
	margin: 0;
	}

.contactsociallinks {
	padding: 0.25rem 0 0.25rem 0;
	margin: 0;
	color: #1c252d;
    }	
.contactsociallinks ul {	
	margin: 0;
	border: 0;
	padding: 0;    
	}
.contactsociallinks li {
	margin: 0;
	padding: 0 0.7rem 0 0;
    display: inline;
	}	
.contactsociallinks span {
	padding: 0;
	color: #1c252d !important;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}
.contactsociallinks span:hover {
	color: #57a391 !important;
	}
@media screen and (max-width: 960px) {
  .contactsociallinks li {
	margin: 0;
	padding: 0 0.7rem 0 0;
    display: inline;
	}
}








/* 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;
	}	
@media screen and (max-width: 960px) {
  .buttonholderright {
	text-align: left;
	  margin: 0 auto;
  }	
}


.buttonsnormal {
  	font-size: 0.85rem;
	line-height: 0.85rem;
	font-family: rokkitt, serif;
    font-weight: 600;
    font-style: normal;
	padding: 0.75rem 2.0rem;
    text-transform: uppercase;
	text-decoration:none;
	color: #1c252d;
	background-color: rgba(255, 255, 255, 0);
	display: inline-block;
	text-align: center;
	margin: 1.0rem 0 0 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 2px solid #1c252d;
    cursor: pointer;
    z-index: 100;
	}	
.buttonsnormal:hover {
	color: #f7f7f7;
	background-color: rgba(23, 23, 23, 1.0);
	}



.buttonsreversed {
  	font-size: 0.85rem;
	line-height: 0.85rem;
	font-family: rokkitt, serif;
    font-weight: 600;
    font-style: normal;
	padding: 0.75rem 2.0rem;
    text-transform: uppercase;
	text-decoration:none;
	color: #f7f7f7;
	background-color: rgba(23, 23, 23, 0);
	display: inline-block;
	text-align: center;
	margin: 1.0rem 0 0 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 2px solid #f7f7f7;
    cursor: pointer;
    z-index: 100;
	}	
.buttonsreversed:hover {
	color: #1c252d;
	background-color: rgba(255, 255, 255, 1.0);
	}






/* FOOTER COMPONENTS */

#footerholder {
	margin: 0 auto;
	padding: 3.0rem 2.083%;
    background-color: #564b9a;
	}
@media screen and (max-width: 960px) {
  #footerholder {
	padding: 3.0rem 4.166%;
  }
}


#footerimageholder {
	margin: 0;
	padding: 0;
    max-width: 125px;
	}
@media screen and (max-width: 960px) {
  #footerimageholder {
	margin: 0;
    padding: 0 0 2.0rem 0;
      max-width: 100px;
  }
}






#socialmediafooterholder {
	margin: 0;
	padding: 0 0 1.0rem 0;  
	}	
@media screen and (max-width: 960px) {
  #socialmediafooterholder {
    margin: 0 auto;
      
      text-align: center !important;
  }
}

.footersociallinks {
	padding: 0.25rem 0 0.25rem 0;
	margin: 0;
	color: #ffffff;
    text-align: right;
	}	
.footersociallinks ul {	
	margin: 0;
	border: 0;
	padding: 0;    
	}
.footersociallinks li {
	margin: 0;
	padding: 0 0 0 0.7rem;
    display: inline;
	}	
.footersociallinks span {
	padding: 0;
	color: #ffffff !important;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}
.footersociallinks span:hover {
	color: #57a391 !important;
	}
@media screen and (max-width: 960px) {
  .footersociallinks li {
	margin: 0;
	padding: 0 0.7rem 0 0;
    display: inline;
	}
    .footersociallinks {
	    text-align: left;
  }	
}


#copyrightholder {
	margin: 0;
	padding: 0.75rem 0;
    border-top: 1px solid #575757;
    background-color: #1c252d;
	}

.copyrighttxt {
	text-align: right;
	color: #a8a0cf;
	font-size: 0.95rem;
	line-height: 1.15rem;	
	font-family: "halyard-display", sans-serif;
    font-weight: 300;
    font-style: normal; 
	}
.copyrighttxt a:link, .copyrighttxt a:visited {
	color:#a8a0cf;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "halyard-display", sans-serif;
    font-weight: 400;
    font-style: normal; 
	}	
.copyrighttxt a:active, .copyrighttxt a:hover {
	color:#a8a0cf;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: "halyard-display", sans-serif;
    font-weight: 400;
    font-style: normal; 
	}
@media screen and (max-width: 960px) {
  .copyrighttxt {
	    text-align: left;
  }	
}




.left {
	text-align: left !important;
	}	
.center {
	text-align: center !important;
	}	
@media screen and (max-width: 960px) {
  .center {
	text-align: left;
  }
}
.white {
	color: #f7f7f7;
	}	
.black {
	color: #1c252d;
	}	
.grey {
	color: #b9bfc2;
	}

.bggreen {
    background-color: #57a391; 
	}




a[href^="http://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;
	}