/*
Title:      	Ice3 stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	21st March 2022
*/


/* WRAPPERS */

html {
  	font-size: 100%;
	}

body {
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1em;
	line-height: 1.6875;
	text-align: left;
	color: #161d26;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;	
	height: 100%; 
    min-height: 100%;
	background: #ffffff; 	
	}


	
::-moz-selection { 
	background: #ce3c9e; 
	color: #ffffff; 
	text-shadow: none; 
	}

::selection { 
	background: #ce3c9e; 
	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;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}	

p {
	margin: 0 0 1.35em 0; 
	text-align: center;
	color: #333e47;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	}
	
em {
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: italic;
	}	

sub {
	font-size: 65%;
    vertical-align: -0.2rem;
	}	

sup {
	font-size: 65%;
    vertical-align: 0.2rem;
	}	
	
strong {
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 700;
	font-style: normal;
	}	


h1 {
 	text-align: center;
	font-size: 3.0rem;
	line-height: 3.4rem;
	color: #36004a;
    font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	margin: 0 0 1.4rem 0;
	padding: 0;
	}
@media (max-width: 960px) {
	h1 {	
	font-size: 2.7rem;
	line-height: 3.1rem;
	}
}


.h1_home {
 	text-align: center;
	font-size: 5.4rem;
	line-height: 3.5rem;
	color: #ffffff;
    font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	margin: 0 0 1.4rem 0;
	padding: 0;
    -moz-font-feature-settings: "liga", "clig", "dlig";
    -webkit-font-feature-settings: "liga", "clig", "dlig";
    font-feature-settings: "liga", "clig", "dlig";
    font-variant-ligatures: common-ligatures;
	}
.h1_home span {
	font-size: 4.4rem !important;
    line-height: 3.0rem !important;
    color: #7a8890;
    -moz-font-feature-settings: "liga", "clig", "dlig";
    -webkit-font-feature-settings: "liga", "clig", "dlig";
    font-feature-settings: "liga", "clig", "dlig";
	}
@media (max-width: 960px) {
	.h1_home {	
	font-size: 4.8rem;
	line-height: 3.0rem;
	}
    .h1_home span {
	font-size: 3.4rem !important;
	}
}


.h1_contact {
 	text-align: center;
	font-size: 6.6rem;
	line-height: 6.6rem;
	color: #ffffff;
    font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	margin: 0 0 1.4rem 0;
	padding: 0;
    text-transform: lowercase;
    -moz-font-feature-settings: "liga", "clig", "dlig";
    -webkit-font-feature-settings: "liga", "clig", "dlig";
    font-feature-settings: "liga", "clig", "dlig";
    font-variant-ligatures: common-ligatures;
	}
.h1_contact span {
    -moz-font-feature-settings: "liga", "clig", "dlig";
    -webkit-font-feature-settings: "liga", "clig", "dlig";
    font-feature-settings: "liga", "clig", "dlig";
	}
@media (max-width: 960px) {
	.h1_contact {	
	font-size: 4.8rem;
	line-height: 4.6rem;
	}
}
@media (max-width: 768px) {
	.h1_contact {	
	font-size: 3.2rem;
	line-height: 3.2rem;
	}
}



h2 {
 	text-align: left;
	font-size: 1.7rem;
	line-height: 2.1rem;
	color: #36004a;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
    text-transform: uppercase;
	}
@media (max-width: 960px) {
	h2 {	
	font-size: 1.5rem;
	line-height: 1.9rem;
	}
}	


h3 {
 	text-align: left;
	font-size: 1.55rem;
	line-height: 1.85rem;
	color: #36004a;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0 0 1.6rem 0;
	padding: 0;
    text-transform: uppercase;
	}
h3 strong{
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 700;
	font-style: normal;
    text-transform: uppercase;
	}
@media (max-width: 960px) {
	h3 {	
	font-size: 1.35rem;
	line-height: 1.8rem;
	}
}		


h4 {
 	text-align: left;
	font-size: 1.15rem;
	line-height: 1.55rem;
	color: #36004a !important;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0 0 1.0rem 0;
	padding: 0;
    text-transform: uppercase;
	}
h4 a:link, h4 a:visited {
	color:#36004a !important;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
h4 a:active, h4 a:hover {
	color:#ce3c9e !important;
	text-decoration:none;
	border-bottom: none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}

@media (max-width: 960px) {
	h4 {	
	font-size: 1.05rem;
	line-height: 1.45rem;
	}
}		


h5 {
 	text-align: left;
	font-size: 1.1rem;
	line-height: 1.4rem;
	color: #412158;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0;
	padding: 0;
    text-transform: uppercase;
	}
@media (max-width: 960px) {
	h5 {	
	font-size: 1.0rem;
	line-height: 1.3rem;
	}
}


h6 {
 	text-align: left;
	font-size: 0.8rem;
	line-height: 1.1rem;
	color: #36004a;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	margin: 0 0 1.0rem 0;
	padding: 0;
    text-transform: uppercase;
	}
@media (max-width: 960px) {
	h6 {	
	font-size: 0.7rem;
	line-height: 0.95rem;
	}
}


	
	

.divlinesolid {
	height: 1px;
	margin: 2.4rem 0;
	width: 100%;
	padding: 0;
	border-bottom: #eaeaea solid 1px;
	}	
	
.divlinesolid2 {
	height: 1px;
	margin: 3.4rem 0;
	width: 100%;
	padding: 0;
	border-bottom: #eaeaea solid 3px;
	}	

.divlinetitleshort {
	height: 1px;
	margin: 3.4rem auto;
	width: 25%;
	padding: 0;
	border-bottom: #eaeaea solid 5px;
	}	

.divlinesolid4 {
	height: 1px;
	margin: 1.4rem 0;
	width: 100%;
	padding: 0;
	border-bottom: #eaeaea solid 1px;
	}
	
.clear {
 	clear: both;
	height: 0;
 	}		




	
	
		
/* BODY COMPONENTS */

#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;	
	}
		
#wrapperinner {
	margin: 0;
	padding: 0 3% 3% 3%;
	background: #ffffff; 	
	}	
@media (max-width: 960px) {
	#wrapperinner {	
	margin: 0;
    padding: 0;    
	}
}	




				
	

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



.titletxt {
	text-align: left;
	color: #b1b1b1;
	font-size: 0.9rem;
	line-height: 1.15rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	}


.smallcapstxt {
	text-align: center;
	color: #412158;
	font-size: 1.3rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
    text-transform: uppercase;
    padding: 0 0 0 0;
    margin: 0;
	}


.smallertxt {
	text-align: left;
	color: #111821;
	font-size: 0.9rem;
	line-height: 1.15rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	}	
.smallertxt a:link, .smallertxt a:visited {
	color:#ce3c9e;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.smallertxt a:active, .smallertxt a:hover {
	color:#ce3c9e;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}


.metatxt {
	text-align: left;
	color: #111821;
	font-size: 0.8rem;
	line-height: 1.1rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
    text-transform: uppercase;
	}	
.metatxt a:link, .metatxt a:visited {
	color:#ce3c9e;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.metatxt a:active, .metatxt a:hover {
	color:#ce3c9e !important;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e !important;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}


.metatxtfull {
	text-align: center !important;
	color: #111821;
	font-size: 0.8rem;
	line-height: 1.1rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
    text-transform: uppercase;
	}	
.metatxtfull a:link, .metatxtfull a:visited {
	color:#ce3c9e;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.metatxtfull a:active, .metatxtfull a:hover {
	color:#ce3c9e !important;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e !important;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}
	


.mediumtxt {
	text-align: left;
	color: #111821;
	font-size: 1.1rem;
	line-height: 1.4rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	}		
.mediumtxt a:link, .mediumtxt a:visited {
	color:#009ee2;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.mediumtxt a:active, .mediumtxt a:hover {
	color:#009ee2;
	text-decoration:none;
	border-bottom: 1px solid #009ee2;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}



.addresstxt {
	text-align: left;
	color: #ffffff;
	font-size: 1.25rem;
	line-height: 1.65rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	}	

.thankyoutxt {
	text-align: left;
	color: #ce3c9e;
	font-size: 1.25rem;
	line-height: 1.65rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	}	

	
.largertxt {
	text-align: left;
	color: #111821;
	font-size: 1.25rem;
	line-height: 1.65rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	}		
.largertxt a:link, .largertxt a:visited {
	color:#ce3c9e;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.largertxt a:active, .largertxt a:hover {
	color:#ce3c9e;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}


.largertxtcenter {
	text-align: center;
	color: #111821;
	font-size: 1.25rem;
	line-height: 1.65rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	}		
.largertxtcenter a:link, .largertxtcenter a:visited {
	color:#ce3c9e;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.largertxtcenter a:active, .largertxtcenter a:hover {
	color:#ce3c9e;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
  .largertxtcenter {
	text-align: left;
  }
}







.bulletlistblank {
	margin: 1.0rem 0 0 0;
	padding: 0;
	color: #111821;
	}	
.bulletlistblank ul {	
	padding: 0;
	border: 0;
	margin: 0;	
	}
.bulletlistblank li {
	margin: 0 0 0.9rem 0;
	text-align: left;
	color: #111821;
	font-size: 1.1rem;
	line-height: 1.4rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	}
.bulletlistblank i {
	margin: 0;
	padding: 0 0.7rem 0 0;
	color: #ce3c9e;
	}
.bulletlistblank a:link, .bulletlistblank a:visited {
	color:#111821;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.bulletlistblank a:active, .bulletlistblank a:hover {
	color:#ce3c9e;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}





.bulletlistblanksmall {
	margin: 1.0rem 0 0 0;
	padding: 0;
	color: #111821;
	}	
.bulletlistblanksmall ul {	
	padding: 0;
	border: 0;
	margin: 0;	
	}
.bulletlistblanksmall li {
	margin: 0 0 0.9rem 0;
	text-align: left;
	color: #111821;
	font-size: 0.9rem;
	line-height: 1.15rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	}
.bulletlistblanksmall i {
	margin: 0;
    font-size: 0.75rem;
	padding: 0 0.3rem 0 0;
	color: #ce3c9e;
	}
.bulletlistblanksmall a:link, .bulletlistblanksmall a:visited {
	color:#111821;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.bulletlistblanksmall a:active, .bulletlistblanksmall a:hover {
	color:#ce3c9e;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}



.sidebulletholder {
    background: #ededed;
    padding: 1.0rem 8.333% 0.5rem 8.333%;
    margin: 0 0 0.1rem 0;
    }

.sideinfoholder {
    background: #ededed;
    padding: 3.0rem 8.333%;
    margin: 0;
    }


.bulletlist {
	margin: 0 auto;
	padding: 0 0 0.8rem 0;
	color: #111821;
	}	
.bulletlist ul {	
	margin: 0;
	border: 0;
	padding: 0;
	}
.bulletlist li {
	margin: 0 0 0.4rem 1.0rem;
	text-align: left;
	color: #111821;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	padding-left: 1.6rem; 
    text-indent: -1.0em;
	}
.bulletlist span {
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	}
.bulletlist li:before {
    background-color: #adadad;
    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: 960px) {
  .bulletlist li {
	margin: 0 0 0.6rem 0;
    }
	.bulletlist li:before {
    background-color: #adadad;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 1.4rem;
	}
	.bulletlist li:before {
    right: 0.5em;
    margin-left: 0;
	}
}


.bulletlistcaps {
	margin: 0 auto;
	padding: 0 0 0.8rem 0;
	color: #772583;
	}	
.bulletlistcaps ul {	
	margin: 0;
	border: 0;
	padding: 0;
	}
.bulletlistcaps li {
	margin: 0 0 0.4rem 1.0rem;
	text-align: left;
	color: #772583;
	font-size: 0.95rem;
	line-height: 1.25rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	padding-left: 1.6rem; 
    text-indent: -1.0em;
    text-transform: uppercase;
	}
.bulletlistcaps span {
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	}
.bulletlistcaps li:before {
    background-color: #adadad;
    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: 960px) {
  .bulletlistcaps li {
	margin: 0 0 0.6rem 0;
    }
	.bulletlistcaps li:before {
    background-color: #adadad;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 1.4rem;
	}
	.bulletlistcaps li:before {
    right: 0.5em;
    margin-left: 0;
	}
}




.bulletlistlarge {
	margin: 0 auto;
	padding: 0.5rem 0;
	color: #111821;
	}	
.bulletlistlarge ul {	
	margin: 0;
	border: 0;
	padding: 0;
	}
.bulletlistlarge li {
	margin: 0 0 0.6rem 1.0rem;
	text-align: left;
	color: #111821;
	font-size: 1.25rem;
	line-height: 1.65rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	padding-left: 1.6rem; 
   text-indent: -1.0em;
	}
.bulletlistlarge li:before {
    background-color: #adadad;
    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: 960px) {
  .bulletlistlarge li {
	margin: 0 0 0.6rem 0;
  }
	.bulletlistlarge li:before {
    background-color: #adadad;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 1.4rem;
	}
	.bulletlistlarge li:before {
    right: 0.5em;
    margin-left: 0;
	}
}

	





/* SCROLL TO TOP */
	
.scrollToTop {
	width: 40px;
	height: 40px;
	border: 0;
	margin: 0;
	padding: 0;
	-webkit-transition: background 0.3s ease-out;
	background-color: #ffffff;
	color: #333e47;	
	text-align: center;	
	line-height: 40px;
	font-size: 1.8rem;
	cursor: pointer;
	position:fixed;
	bottom: 2%;
	right: 2%;
	display:none;
	z-index: 999;	
	}
.scrollToTop:hover {
	background-color: #1851f4;
	color: #ffffff;
	}	
	
	
	
	
	
	
/* MAINNAV COMPONENTS */

#mainnavholder {
	margin: 0 auto;
	padding: 0;
	text-align: center !important;
	border-top: 6px solid #333e47;
	border-bottom: 2px solid #333e47;
	background: #1851f4;
    text-align: center !important;
	}	







/* LOGO COMPONENTS */

#fadeholder {
	margin: 0;
	padding: 0;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
	}	

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


#logoholder {	
	margin: 0 auto;
	padding: 8% 0 12% 0;
	}	
#logoholder img {	
	margin: 0 auto;
	max-width: 190px;
	}
@media screen and (max-width: 1060px) {
  #logoholder img {
	margin: 0 auto; 
	max-width: 50%;
  }
}
@media screen and (max-width: 960px) {
  #logoholder img {
	max-width: 55%;
  }
}
@media screen and (max-width: 640px) {
  #logoholder img {
	max-width: 60%;
  }
}


.ice3grouplogoholder {	
	margin: 0;
	padding: 0;
	}	
.ice3grouplogoholder img {	
	margin: 0;
	max-width: 100%;
	}
@media screen and (max-width: 1060px) {
  .ice3grouplogoholder img {
	margin: 0; 
	max-width: 70%;
  }
}
@media screen and (max-width: 640px) {
  .ice3grouplogoholder img {
	margin: 0; 
	max-width: 100%;
  }
}



#navbuttonholder {	
	margin: 0 auto;
	padding: 0;
    position: fixed;
    z-index: 1000;
    right: 4.166%;
    top: 4.0rem;
	}	
@media screen and (max-width: 960px) {
  #navbuttonholder {
	top: 3.0rem;
  }
}
@media screen and (max-width: 640px) {
  #navbuttonholder {
	top: 2.0rem;
  }
}

#homestraplinehome {	
	margin: 0 auto;
	padding: 0 8.333% 0.25rem 8.333%;
	width: 100%;
	position: relative;
	z-index: 1000;
	}	

#hometrianglemask {
	margin: 0 auto -2px auto;
    z-index: 10;
	width: 100%;
	padding: 0;
	background: url(../png/home-triangle-mask.png) top center no-repeat;
	background-size: cover;
	position: absolute !important;
	bottom: 0 !important;
	height: 6vw;
	text-align: center;
	}
@media screen and (max-width: 960px) {
  #hometrianglemask {
	margin: 0;
    height: 9vw;
  	}
}
@media screen and (max-width: 640px) {
  #hometrianglemask {
    height: 12vw;
  	}
}


#othertrianglemask {
	margin: 0 auto -2px auto;
    z-index: 10;
	width: 100%;
	padding: 0;
	background: url(../png/home-triangle-mask.png) bottom center no-repeat;
	background-size: cover;
	position: absolute !important;
	bottom: 0 !important;
	height: 4vw;
	text-align: center;
	}
@media screen and (max-width: 960px) {
  #othertrianglemask {
	margin: 0;
    height: 6vw;
  	}
}
@media screen and (max-width: 640px) {
  #othertrianglemask {
    height: 8vw;
  	}
}


#signature {	
	margin: 0;
	padding: 1.0rem 0 2.0rem 0;
	}	
#signature img {	
	margin: 0;
    width: 140px;
	}
@media screen and (max-width: 960px) {
  #signature img {
	margin: 0; 
	width: 120px;
  }
}






/* BUTTONS COMPONENTS */

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

.buttonholderleft {
	padding: 0;
	margin: 0;
	text-align: left;
	}
.buttonholderright {
	padding: 0;
	margin: 0;
	text-align: right;
	}	
@media all and (max-width: 960px) {
   .buttonholderright  {
 	text-align: left;
  }
}

.buttonholderleftbot {
	padding: 0;
	margin: 0;
	text-align: left;
	position: absolute;
	bottom: 10%;
	left: 10%;
	}
@media all and (max-width: 960px) {
   .buttonholderleftbot  {
 	bottom: 10%;
	left: 5%;
  }
}
			

.buttonnormalholdercenter {
	padding: 0;
	margin: 0;
	text-align: center;
	}
@media all and (max-width: 960px) {
   .buttonnormalholdercenter  {
 	text-align: left;
  }
}

.buttonsnormal {
	font-size: 0.7rem;
	line-height: 0.7rem;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 1.0rem;
	width: 100%;
	text-decoration:none;
	color: #111821 !important;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.25rem;
	margin:0;	
	border: 2px solid #ffffff;
	background: #ffffff;
	-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 {
	background: none;
	color: #ffffff !important;
	border: 2px solid #ce3c9e;
	}
@media screen and (max-width: 960px) {
  .buttonsnormal {
	 width: auto;
  }
}



.buttonsreversed {
	font-size: 0.7rem;
	line-height: 0.7rem;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 1.0rem 3.0rem;
	width: auto;
	text-decoration:none;
	color: #ffffff !important;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.25rem;
	margin: 0;	
	border: 2px solid #111821;
	background: #111821;
	-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 {
	background: none;
	color: #111821 !important;
	border: 2px solid #ce3c9e;
	}
@media screen and (max-width: 960px) {
  .buttonsreversed {
	 width: auto;
  }
}


.buttonssmall {
	font-size: 0.6rem;
	line-height: 0.6rem;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 0.6rem 1.0rem;
	text-decoration:none;
	color: #111821 !important;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.25rem;
	margin:0;	
	border: 2px solid #ffffff;
	background: #ffffff;
	-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;
	}	
.buttonssmall:hover {
	background: none;
	color: #ffffff !important;
	border: 2px solid #ce3c9e;
	}
@media screen and (max-width: 960px) {
  .buttonssmall {
	 width: auto;
  }
}



.buttonssmallreversed {
	font-size: 0.6rem;
	line-height: 0.6rem;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 0.6rem 1.0rem;
	width: auto;
	text-decoration:none;
	color: #ffffff !important;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.25rem;
	margin: 0;	
	border: 2px solid #111821;
	background: #111821;
	-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;
	}	
.buttonssmallreversed:hover {
	background: none;
	color: #111821 !important;
	border: 2px solid #ce3c9e;
	}
@media screen and (max-width: 960px) {
  .buttonssmallreversed {
	 width: auto;
  }
}





/* 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: 'Montserrat', sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.15rem;
	}
#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: 30px;
	left: 50%;
  	z-index: 2;
  	display: inline-block;
  	-webkit-transform: translate(0, -50%);
  	transform: translate(0, -50%);
  	color: #ffffff;
	font-size: 0.75rem;
   font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-style: normal;
  	text-decoration: none;
  	transition: opacity .3s;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	}
.demo a:hover {
  	opacity: .5;
	}






/* HOME INTRO PANELS COMPONENTS */

#homeheaderimage {
	margin: 0;
	padding: 20vh 0 35vh 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 20vh 0 35vh 0;';
	}	

#casestudiesheaderimage {
	margin: 0;
	padding: 35vh 0 45vh 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 35vh 0 45vh 0;';
	}

#otherheaderimage {
	margin: 0;
	padding: 12.5vh 0 20vh 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 12.5vh 0 20vh 0;';
	}	

#newsheaderimage {
	margin: 0;
	padding: 2.5vh 0 6.0vh 0;
	/* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'padding: 2.5vh 0 6.0vh 0;';
    background: #848c91;
	}


	
#homeintropanel {
	margin: 0;
	padding: 6.0rem 12.5% 0 12.5%;
	background: #f5f5f5;	
	}	
@media (max-width: 960px) {
	#homeintropanel {
	margin: 0;
	padding: 6.0rem 4.166% 3.0rem 4.166%;
	}	
}	


#newsintropanel {
	margin: 0;
	padding: 6.0rem 8.333%;
	background: #f5f5f5;	
	}	
@media (max-width: 960px) {
	#newsintropanel {
	margin: 0;
	padding: 6.0rem 4.166% 3.0rem 4.166%;
	}	
}	



#awardspartnerspanel {
	margin: 0;
	padding: 6.0rem 8.333%;
	background: #f5f5f5;	
	}	
@media (max-width: 960px) {
	#awardspartnerspanel {
	margin: 0;
	padding: 6.0rem 4.166% 0 4.166%;
	}	
}


#homefinanceoptionspanel {
	margin: 0;
	padding: 4.0rem 12.5% 5.0rem 12.5%;
	background: #f5f5f5;	
	}	
@media (max-width: 960px) {
	#homefinanceoptionspanel {
	margin: 0;
	padding: 2.0rem 4.166% 4.0rem 4.166%;
	}	
}


#homefinanceoptionspanelhome {
	margin: 0;
	padding: 0 12.5% 5.0rem 12.5%;
	background: #f5f5f5;	
	}	
@media (max-width: 960px) {
	#homefinanceoptionspanelhome {
	margin: 0;
	padding: 2.0rem 4.166% 4.0rem 4.166%;
	}	
}



#ice3realestatepanel {
	margin: 0;
	padding: 2.0rem 12.5% 5.0rem 12.5%;
	background: #f5f5f5;	
	}	
@media (max-width: 960px) {
	#ice3realestatepanel {
	margin: 0;
	padding: 2.0rem 4.166% 4.0rem 4.166%;
	}	
}


#homefinanceicons {
	margin: 4.0rem 0 0 0;
	padding: 2.0rem;
    background: #ededed;
	}	
@media (max-width: 960px) {
	#homefinanceicons {
	margin: 2.0rem 0 0 0;
	}	
}


#quotepanel {
	margin: 0;
	padding: 4.0rem 12.5% 8.0rem 12.5%;
	background: #e9e6e5;	
	}
#quotehexagonhollow {
	margin: -8.0rem 0 0 0;
	padding: 0;
    position: absolute;
    z-index: 10;
    right: 22.5%;    
    background: url(../svg/pink-hexagon-hollow.svg) center center no-repeat;
	background-size: contain;
    width: 22.0rem;
    height: 22.0rem;
	}
@media (max-width: 960px) {
	#quotehexagonhollow {
	    width: 20.0rem;
        height: 20.0rem;
        right: 10%;  
	}	
}
@media (max-width: 640px) {
	#quotehexagonhollow {
	    width: 16.0rem;
        height: 16.0rem;
        right: 0%;  
	}	
}
#quotehexagonsolid {
	margin: -6.0rem 0 0 0;
	padding: 3.0rem 0 0 3.0rem;
    position: absolute;
    z-index: 20;
    right: 17.5%;
    background: url(../svg/white-hexagon.svg) center center no-repeat;
	background-size: contain;
    width: 12.0rem;
    height: 12.0rem;
	}
@media (max-width: 960px) {
	#quotehexagonsolid {
	    width: 10.0rem;
        height: 10.0rem;
        left: 10%;  
        padding: 2.0rem 0 0 2.0rem;
        margin: 2.0rem 0 0 0;
	}	
}
.quotenameholder {
	margin: 0;
	padding: 0;
    z-index: 10;
	}
.quotetxtholder {
	margin: 0;
	padding: 0;
    z-index: 10;
    text-align: left !important;
	color: #111821;
	font-size: 1.1rem;
	line-height: 1.4rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	}

.topquote {	
	margin: 0;
	padding: 0 0 1.0rem 0;
    z-index: 10;
    position: relative;
    left: 0;
    top: 0;
	}	
.topquote img {	
	margin: 0;
    width: 50px;
	}

.botquote {	
	margin: 0;
	padding: 1.0rem 0 0 0;
    z-index: 10;
    position: relative;
    left: 0;
    bot: 0;
	}	
.botquote img {	
	margin: 0;
    width: 50px;
	}
@media (max-width: 960px) {
	.botquote {
	    display: none;
        visibility: hidden;
	}	
}

.quotetxtpink {
	text-align: left;
	color: #954693;
	font-size: 1.25rem;
	line-height: 1.65rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
    margin: 0;
    max-width: 77.5%;
	}		
@media (max-width: 640px) {
	.quotetxtpink {
	    margin: 0 0 0 8.333%;
	}	
}




.content {
    padding: 0;
    margin: 0 auto;
    color: #ca2b9a;
    text-align: center;
	font-size: 7.4rem;
	line-height: 7.4rem;
    font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
    }
@media (max-width: 1360px) {
	.content {
	 padding: 0 0 4.0rem 0;
        font-size: 5.4rem;
	    line-height: 5.4rem;
	}	
}	
@media (max-width: 960px) {
	.content {
	 padding: 0 0 4.0rem 0;
        font-size: 4.4rem;
	    line-height: 4.4rem;
	}	
}	

.value {
    color: #ca2b9a;
    text-align: center;
	font-size: 7.4rem;
	line-height: 7.4rem;
    font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
    }
@media (max-width: 1360px) {
	.value {
        font-size: 5.4rem;
	    line-height: 5.4rem;
	}	
}
@media (max-width: 960px) {
	.value {
        font-size: 4.4rem;
	    line-height: 4.4rem;
	}	
}
.poundmillion {
    color: #ca2b9a;
    text-align: center;
	font-size: 7.4rem;
	line-height: 7.4rem;
    font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
    }
@media (max-width: 1360px) {
	.poundmillion {
        font-size: 5.4rem;
	    line-height: 5.4rem;
	}	
}
@media (max-width: 960px) {
	.poundmillion {
        font-size: 4.4rem;
	    line-height: 4.4rem;
	}	
}


#homefinancestatspanel {
	margin: 0;
	padding: 4.0rem 12.5% 8.0rem 12.5%;
	background: #f5f5f5;	
	}	
@media (max-width: 960px) {
	#homefinancestatspanel {
	margin: 0;
	padding: 4.0rem 4.166% 6.0rem 4.166%;
	}	
}
.homefinancestatspanelinner {
	margin: 0;
	padding: 0 0 3.0rem 0;
	}	


#contactpanel {
	margin: 0;
	padding: 4.0rem 12.5%;
	background: #f5f5f5;	
	}	
@media (max-width: 960px) {
	#contactpanel {
	margin: 0;
	padding: 4.0rem 4.166%;
	}	
}

#mapyork {
	margin: 0 0 1.6rem 0;
	padding: 0;
	background: #412158;	
    height: 30vh;
    /* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 30vh;';
	}
#maplondon {
	margin: 0 0 1.6rem 0;
	padding: 0;
	background: #412158;	
    height: 30vh;
    /* IE9 and 10  */
  	content: 'viewport-units-buggyfill;'  'height: 30vh;';
	}

#titleyork {
	margin: -6.0rem 0 0 2.166%;
	padding: 3.75rem 1.0rem 0 1.0rem;
	background: url(../svg/grey-hexagon.svg) center center no-repeat;
	background-size: contain;
    font-size: 1.3rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 600;
	font-style: normal;
    text-align: center;
    width: 9.0rem;
    height: 9.0rem;
    position: absolute;
    z-index: 100;
    color: #ffffff;
    text-transform: uppercase;
	}
#titlelondon {
	margin: -6.0rem 0 0 2.166%;
	padding: 3.75rem 1.0rem 0 1.0rem;
	background: url(../svg/grey-hexagon.svg) center center no-repeat;
	background-size: contain;	
    font-size: 1.3rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 600;
	font-style: normal;
    text-align: center;
    width: 9.0rem;
    height: 9.0rem;
    position: absolute;
    z-index: 100;color: #ffffff;
    text-transform: uppercase;
	}

.contactaddress {
	margin: 0;
	padding: 1.0rem 4.166% 0 40%;
	}


#contactformbuttonpanel {
	margin: 0;
	padding: 4.0rem 12.5%;
	background: #efefef;	
	}	
@media (max-width: 960px) {
	#contactformbuttonpanel {
	margin: 0;
	padding: 4.0rem 4.166%;
	}	
}
#contactformbuttonpanelinner {
	margin: 0;
	padding: 2.0rem 8.333%;
	background: #ffffff;
    text-align: center;
	}



.buttonscontactform {
	display: block;
  	padding: 0.35rem 0.75rem;
  	background-color: #bc4a9a;
	border: 2px solid #bc4a9a;
  	font-size: 1.175rem;
  	color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 0;
  	-webkit-transition: background-color 0.3s;
  	-moz-transition: background-color 0.3s;
  	transition: background-color 0.3s;	
	}	
.buttonscontactform:hover {
	background-color: #ffffff;
	text-decoration: none;
	color: #bc4a9a;
	border: 2px solid #bc4a9a;
	}	


#othercontentpanel {
	margin: 0;
	padding: 7.5% 4.166%;
	background: #efefef;	
	}	
@media (max-width: 9608px) {
	#othercontentpanel {
	margin: 0;
	padding: 10% 4.166%;
	}	
}	




#homeintrotxt {
	margin: 0 auto;
	padding: 0 8.333% 5.0rem 8.333%;
	width: 100%;
	}
@media (max-width: 960px) {	
	#homeintrotxt {	
	padding: 0 0 5.0rem 0;	
	}	
}



#newsintrotxt {
	margin: 0 auto;
	padding: 0 0 5.0rem 0;
	width: 100%;
	}
@media (max-width: 960px) {	
	#newsintrotxt {	
	padding: 0 0 5.0rem 0;	
	}	
}



	
.hexagonpink {
	margin: 0 0 0.6rem 0;
	padding: 0;
	background: url("../svg/pink-hexagon.svg") center center no-repeat;
	background-size: contain;
    width: 3.0rem;
    height: 3.0rem;
	}
.hexagonblue {
	margin: 0 0 0.6rem 0;
	padding: 0;
	background: url("../svg/blue-hexagon.svg") center center no-repeat;
	background-size: contain;
    width: 3.0rem;
    height: 3.0rem;
	}
.hexagonyellow {
	margin: 0 0 0.6rem 0;
	padding: 0;
	background: url("../svg/yellow-hexagon.svg") center center no-repeat;
	background-size: contain;
    width: 3.0rem;
    height: 3.0rem;
	}
.hexagonblack{
	margin: 0 0 0.6rem 0;
	padding: 0;
	background: url("../svg/black-hexagon.svg") center center no-repeat;
	background-size: contain;
    width: 3.0rem;
    height: 3.0rem;
	}
.hexagonsilver {
	margin: 0 0 0.6rem 0;
	padding: 0;
	background: url("../svg/silver-hexagon.svg") center center no-repeat;
	background-size: contain;
    width: 3.0rem;
    height: 3.0rem;
	}
.hexagonorange {
	margin: 0 0 0.6rem 0;
	padding: 0;
	background: url("../svg/orange-hexagon.svg") center center no-repeat;
	background-size: contain;
    width: 3.0rem;
    height: 3.0rem;
	}




.workwithholder {
    background: #ededed;
    padding: 2.0rem 8.333% 4.0rem 8.333%;
    margin: 0 0 0.1rem 0;
    }

#workwithhexagon {
	margin: 0 0 -4.0rem 0;
	padding: 0;
    position: absolute;
    z-index: 20;
    right: 11%;
    background: url(../svg/white-hexagon.svg) center center no-repeat;
	background-size: contain;
    width: 10.0rem;
    height: 10.0rem;
	}
@media (max-width: 960px) {
	#workwithhexagon {
	    width: 10.0rem;
        height: 10.0rem;
        right: 5%;  
	}	
}



#minicasestudiespanel {
	margin: 0;
	padding: 6.0rem 12.5%;
	background: #e9e6e5;	
	}
@media (max-width: 960px) {
	#minicasestudiespanel {
	margin: 0;
	padding: 6.0rem 4.166%;
	}	
}



.casestudiesimage {
	margin: 0;
	padding: 0 0 1.0rem 0;
	}	





.casestudiespromoholder {
	margin: 0;
	padding: 0;
	min-height: 11em;
	}
@media screen and (max-width: 960px) {
  .casestudiespromoholder {
	margin: 0 0 1.5rem 0;
  }
}


a .casestudiescontainer {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	margin: 0;
	padding: 1.0rem 8.333% 1.0rem 8.333%;
	border: 0;
	background-color: rgba(0, 0, 0, 0.25);
	min-height: 11em;
	color: #ffffff;
	}	
a .casestudiescontainer:hover  {
	background-color: rgba(0, 0, 0, 0.75);
	}


a .casestudiescontainer > h2 {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	text-align: left;
	font-size: 2.5rem;
	line-height: 2.5rem;
	color: #ffffff;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
    -moz-font-feature-settings: "liga", "clig", "dlig";
    -webkit-font-feature-settings: "liga", "clig", "dlig";
    font-feature-settings: "liga", "clig", "dlig";
    font-variant-ligatures: common-ligatures;
	margin: 0 0 1.0rem 0;
	padding: 0;
	text-transform: lowercase;	
	min-height: 2.0em;
    width: 80%;
    position: relative;
	}	
a:active .casestudiescontainer > h2, a:hover .casestudiescontainer > h2 {
	color:#ffffff;
	text-decoration: none;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
    -moz-font-feature-settings: "liga", "clig", "dlig";
    -webkit-font-feature-settings: "liga", "clig", "dlig";
    font-feature-settings: "liga", "clig", "dlig";
    font-variant-ligatures: common-ligatures;
	}
@media screen and (max-width: 960px) {
  a .casestudiescontainer > h2 {
	min-height: auto;
  }
}


.buttonscasestudiesholder {
	width: 10%;
	padding: 0 0;
	position: absolute;
	right: 1.0rem;
    top: 1.0rem;
	}
.buttonscasestudies {
	display: inline-block;
  	padding: 0.35rem 0.75rem;
  	background-color: #ffffff;
	border: 2px solid #ffffff;
  	font-size: 1.375rem;
  	color: #121820;
    min-height: 9.0rem;
    text-align: right;
	margin: 0;
  	-webkit-transition: background-color 0.3s;
  	-moz-transition: background-color 0.3s;
  	transition: background-color 0.3s;	
	}	
.buttonscasestudies:hover {
	background-color: transparent;
	text-decoration: none;
	color: #ffffff;
	border: 2px solid #bc4a9a;
	}	



.awardspartnershexagon {
	margin: 0;
	padding: 0;
    background: url("../svg/silver-hexagon-hollow.svg") center center no-repeat;
	background-size: contain;
	}





.casestudiespromoholdertall {
	margin: 0;
	padding: 0;
	min-height: 17em;
	}
@media screen and (max-width: 960px) {
  .casestudiespromoholdertall {
	margin: 0 0 1.5rem 0;
  }
}


a .casestudiescontainertall {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	margin: 0;
	padding: 1.0rem 8.333% 1.0rem 8.333%;
	border: 0;
	background-color: rgba(0, 0, 0, 0.25);
	min-height: 17em;
	color: #ffffff;
	}	
a .casestudiescontainertall:hover  {
	background-color: rgba(0, 0, 0, 0.75);
	}


a .casestudiescontainertall > h2 {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	text-align: left;
	font-size: 2.5rem;
	line-height: 2.5rem;
	color: #ffffff;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
    -moz-font-feature-settings: "liga", "clig", "dlig";
    -webkit-font-feature-settings: "liga", "clig", "dlig";
    font-feature-settings: "liga", "clig", "dlig";
    font-variant-ligatures: common-ligatures;
	margin: 0 0 1.0rem 0;
	padding: 0;
	text-transform: lowercase;	
	min-height: 2.0em;
    width: 80%;
    position: relative;
	}	
a:active .casestudiescontainertall > h2, a:hover .casestudiescontainertall > h2 {
	color:#ffffff;
	text-decoration: none;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
    -moz-font-feature-settings: "liga", "clig", "dlig";
    -webkit-font-feature-settings: "liga", "clig", "dlig";
    font-feature-settings: "liga", "clig", "dlig";
    font-variant-ligatures: common-ligatures;
	}
@media screen and (max-width: 960px) {
  a .casestudiescontainertall > h2 {
	min-height: auto;
  }
}


.buttonscasestudiesholdertall {
	width: 10%;
	padding: 0 0;
	position: absolute;
	right: 1.0rem;
    top: 1.0rem;
	}
.buttonscasestudiestall {
	display: inline-block;
  	padding: 0.35rem 0.75rem;
  	background-color: #ffffff;
	border: 2px solid #ffffff;
  	font-size: 1.375rem;
  	color: #121820;
    min-height: 15.0rem;
    text-align: right;
	margin: 0;
  	-webkit-transition: background-color 0.3s;
  	-moz-transition: background-color 0.3s;
  	transition: background-color 0.3s;	
	}	
.buttonscasestudiestall:hover {
	background-color: transparent;
	text-decoration: none;
	color: #ffffff;
	border: 2px solid #bc4a9a;
	}	









/* HOME PROMO COMPONENTS */

.promodevelopmentfinance {
	margin: 0 auto;
    padding: 0;
    min-height: 20rem;
	}

a .promodevelopmentfinancecontainer {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	margin: 0;
	padding: 8.0rem 4.166% 0 4.166%;
    min-height: 20rem;
	border: 0;
	background-color: rgba(17, 24, 33, 0.25);
	}	
a .promodevelopmentfinancecontainer:hover  {
	background-color: rgba(17, 24, 33, 0.75) !important;
	}


a .promodevelopmentfinancecontainer > h2 {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	text-align: center;
	font-size: 3.0rem;
	line-height: 2.8rem;
	color: #ffffff;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	margin: 0 0 2.0rem 0;
	padding: 0;
    text-transform: lowercase;
	}	
a:active .promodevelopmentfinancecontainer > h2 {
	color:#ffffff;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 4px;
    transition: background-size .3s;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	}
a:hover .promodevelopmentfinancecontainer > h2 {
	color:#ffffff;
	background-size: 100% 4px;	
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	}





.promocommercialpropertyfinance {
	margin: 0 auto;
    padding: 0;
    min-height: 20rem;
	}

a .promocommercialpropertyfinancecontainer {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	margin: 0;
	padding: 8.0rem 4.166% 0 4.166%;
    min-height: 20rem;
	border: 0;
	background-color: rgba(17, 24, 33, 0.25);
	}	
a .promocommercialpropertyfinancecontainer:hover  {
	background-color: rgba(17, 24, 33, 0.75) !important;
	}


a .promocommercialpropertyfinancecontainer > h2 {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	text-align: center;
	font-size: 3.0rem;
	line-height: 2.8rem;
	color: #ffffff;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	margin: 0 0 2.0rem 0;
	padding: 0;
    text-transform: lowercase;
	}	
a:active .promocommercialpropertyfinancecontainer > h2 {
	color:#ffffff;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 4px;
    transition: background-size .3s;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	}
a:hover .promocommercialpropertyfinancecontainer > h2 {
	color:#ffffff;
	background-size: 100% 4px;	
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	}






.promoresidentialpropertyfinance {
	margin: 0 auto;
    padding: 0;
    min-height: 20rem;
	}

a .promoresidentialpropertyfinancecontainer {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	margin: 0;
	padding: 8.0rem 4.166% 0 4.166%;
    min-height: 20rem;
	border: 0;
	background-color: rgba(17, 24, 33, 0.25);
	}	
a .promoresidentialpropertyfinancecontainer:hover  {
	background-color: rgba(17, 24, 33, 0.75) !important;
	}


a .promoresidentialpropertyfinancecontainer > h2 {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	text-align: center;
	font-size: 3.0rem;
	line-height: 2.8rem;
	color: #ffffff;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	margin: 0 0 2.0rem 0;
	padding: 0;
    text-transform: lowercase;
	}	
a:active .promoresidentialpropertyfinancecontainer > h2 {
	color:#ffffff;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 4px;
    transition: background-size .3s;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	}
a:hover .promoresidentialpropertyfinancecontainer > h2 {
	color:#ffffff;
	background-size: 100% 4px;	
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	}





.promobridgingfinance {
	margin: 0 auto;
    padding: 0;
    min-height: 20rem;
	}

a .promobridgingfinancecontainer {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	margin: 0;
	padding: 8.0rem 4.166% 0 4.166%;
    min-height: 20rem;
	border: 0;
	background-color: rgba(17, 24, 33, 0.25);
	}	
a .promobridgingfinancecontainer:hover  {
	background-color: rgba(17, 24, 33, 0.75) !important;
	}


a .promobridgingfinancecontainer > h2 {
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	text-align: center;
	font-size: 3.0rem;
	line-height: 2.8rem;
	color: #ffffff;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	margin: 0 0 2.0rem 0;
	padding: 0;
    text-transform: lowercase;
	}	
a:active .promobridgingfinancecontainer > h2 {
	color:#ffffff;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 4px;
    transition: background-size .3s;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	}
a:hover .promobridgingfinancecontainer > h2 {
	color:#ffffff;
	background-size: 100% 4px;	
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	}




	
	
	
/* FOOTER COMPONENTS */

#footerwhitecontainer {
	padding: 8.0rem 4.166% 5.0rem 4.166%;
	width: 100%;
    margin: 0 auto;
	background: #f5f5f5 url(../png/footer-hexagon-pattern-02.png) bottom center no-repeat;
	background-size: 100%;
	bottom: 0 !important;
	text-align: center;
	}
@media (max-width: 960px) {
	#footerwhitecontainer {
  	background-size: 160%;
	}
}
@media (max-width: 640px) {
	#footerwhitecontainer {
  	background-size: 225%;
	}
}

#disclaimerfooterholder {
	margin: 0;
	padding: 0 4.166% 5% 4.166%;	
	width: 100%;
	text-align: center;
	}	
@media (max-width: 960px) {
	#disclaimerfooterholder {	
	padding: 2.0rem 4.166% 4.0rem 4.166%;	
	}
}

.disclaimerholder {	
	margin: 0 0 0.8rem 0;
	padding: 0;
	text-align: left;
	color: #717983;
	font-size: 0.7rem;
	line-height: 1.1rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	}
.disclaimerholder a:link, .disclaimerholder a:visited {
	color: #111821;
	text-decoration: none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	}	
.disclaimerholder a:active, .disclaimerholder a:hover {
	color: #ce3c9e;
	text-decoration: none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	}	
@media (max-width: 960px) {
	.disclaimerholder {
  	margin: 0 0 1.0rem 0;
	width: 100%;
	}
}

	



/* SOCIAL FOOTER COMPONENTS */

#sociallinksholderfooter {
  	padding: 0;
  	margin: 0;
	width: auto;
  	text-align: right !important;
	}		
.sociallinksfooter {
  	padding: 0;
  	margin: 0;
  	display: inline;
  	position: relative;
  	font-size: 0.8rem;
  	font-family: sans-serif;
  	font-weight: 300;
  	text-align: right !important;
	color: #111821;
	text-transform: none;
	}
.sociallinksfooter i {
  	padding: 0;
  	margin: 0 0 0 2.0rem;
	}
.sociallinksfooter a:link, .sociallinksfooter a:visited {
	color:#111821;
	text-decoration:none;
	}	
.sociallinksfooter a:active, .sociallinksfooter a:hover {
	color:#ce3c9e;
	text-decoration:none;
	}	
@media (max-width: 960px) {
	#sociallinksholderfooter {
  	margin: 0 0 3.0rem 0;
	text-align: left !important;
	}
	.sociallinksfooter {	
	font-size: 0.75rem;
	text-align: left !important;
	}
	.sociallinksfooter i {
  	padding: 0;
  	margin: 0 0.8rem 0 0;
	}
}





/* TABLE COMPONENTS */	

.cmslistrow { 
	border-top: 1px solid #e2e2e2;
	padding: 0;
	margin: 0;
	width: 100%;
	}	
	
.cmslistleft { 
	width: 33.3333%; 
	margin: 0; 
	padding: 0.3rem 1.0rem 0.3rem 0;
	border-right: 1px solid #e2e2e2;
	text-align: left;
	color: #111821;
	font-size: 0.85rem;
	line-height: 1.15rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	border-top: 1px solid #e2e2e2;
	}	
.cmslistmid { 
	width: 33.3333%; 
	margin: 0; 
	padding: 0.3rem 1.0rem;
	border-right: 1px solid #e2e2e2;
	text-align: left;
	color: #111821;
	font-size: 0.85rem;
	line-height: 1.15rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	border-top: 1px solid #e2e2e2;
	}
.cmslistright { 
	width: 33.3333%;
	margin: 0; 
	padding: 0.3rem 0 0.3rem 1.0rem;
	text-align: left;
	color: #111821;
	font-size: 0.85rem;
	line-height: 1.15rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	border-top: 1px solid #e2e2e2;
	}		
	
.cmslistlefttitle { 
	width: 33.3333%;
	margin: 0; 
	padding: 0.7rem 1.0rem 0.7rem 0;
	float: left;
	text-align: left;
	color: #111821;
	font-size: 0.85rem;
	line-height: 1.15rem;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 600;
	font-style: normal;
	}	
.cmslistmidtitle { 
	width: 33.3333%;
	margin: 0; 
	padding: 0.7rem 1.0rem;
	float: left;
	text-align: left;
	color: #111821;
	font-size: 0.85rem;
	line-height: 1.15rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 600;
	font-style: normal;
	}
.cmslistrighttitle { 
	width: 33.3333%;
	margin: 0; 
	padding: 0.7rem 0 0.7rem 1.0rem;
	float: left;
	text-align: left;
	color: #111821;
	font-size: 0.85rem;
	line-height: 1.15rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 600;
	font-style: normal;
	}





/* COPYRIGHT COMPONENTS */

#footertxtholder {
  	padding: 0;
  	margin: 0 0 3.0rem 0;
  	text-align: left !important;
	}


#footertxtleft {
  	padding: 0;
  	margin: 0;
	width: 15%;
  	float: left;
	}
#footertxtright {
  	padding: 0;
  	margin: 0;
	width: 85%;
  	float: right;
	}
@media (max-width: 960px) {
	#footertxtleft {
  	width: 30%;
	}
	#footertxtright {	
	width: 70%;
	}
}


.footertxt {
	text-align: left;
	color: #111821;
	font-size: 0.9rem;
	line-height: 1.4rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 0;
	margin: 0;
	}
.footertxt a:link, .footertxt a:visited {
	color: #111821;
	text-decoration: none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	}	
.footertxt a:active, .footertxt a:hover {
	color: #ce3c9e;
	text-decoration: none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	}	


.copyrighttxt {
	text-align: left;
	color: #111821;
	font-size: 0.7rem;
	line-height: 1.1rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	}
.copyrighttxt a:link, .copyrighttxt a:visited {
	color: #111821;
	text-decoration: none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	}	
.copyrighttxt a:active, .copyrighttxt a:hover {
	color: #ce3c9e;
	text-decoration: none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 400;
	font-style: normal;
	}	




#happyleavesholder {
	margin: 0 auto;
	width: 100%;
	padding: 1.0rem 5%;
	background: #111821;
	}
@media (max-width: 960px) {
	#happyleavesholder {
  	padding: 2.0rem 5%;
	}
}




#happyleaves {	
	max-width: 178px;
	margin: 0;
	padding: 0;
	text-align: center !important;
	float: right;
	}
@media (max-width: 960px) {
	#happyleaves {
  	float: none;
	width: 100%;
	}
}






/* OVER-RIDE COMPONENTS */

.left {
	text-align: left !important;
	}
.center {
	text-align: center !important;
	}	
.right {
	text-align: right !important;
	}
@media all and (max-width: 960px) {
   .right   {
  text-align: left !important;
  }
}


	
.white {
	color: #ffffff;
	}	

.black {
	color: #111821;
	}

.icegrey {
	color: #b8cfe3;
	}	

.icepink {
	color: #ce3c9e;
	}

.icepurple {
	color: #772583;
	}

.iceblue {
	color: #002961;
	}

.icemagenta {
	color: #36004a;
	}

.hideme {
    opacity:0;
	}








/* BLOG PAGINATION COMPONENTS */

#journalpagination {
	padding: 3.0rem 4.166%;
	margin: 0;
	background: #d4dbde;
	}


.journalprevnext {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
	}
.journalprevnext > li {
	display: inline-block;
	float: none;
	text-align: center;
	}
.journalprevnext > li > a {
	font-size: 2.25rem;
	line-height: 2.25rem;
	font-weight: normal;
	font-style: normal;	
	padding: 0.75rem 1.0rem 0 1.0rem;
	min-height: 60px;
	border-left: 1px solid #a8b2bc !important;
	text-decoration:none;
	color: #858c90;
	display: inline-block;
	text-align: center;
	margin: 0;
	-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;
	border: 0;	
	}
.journalprevnext > li:hover > a {
	color: #6a7175;
	background: #c2cace;
	}
.journalprevnext > li.active > a {
	border-left: none !important;
	}
@media screen and (max-width: 960px) {
	.journalprevnext {	
	font-size: 2.0rem;
	line-height: 2.0rem;
	}	
}	






/* BLOG COMPONENTS */

#headertitleonlyouter {
	padding: 2.0rem 4.166%;
	margin: 6.0rem 0 0 0;
	background: #858c90;
	}

#headertitleonlyouter h1 {
 	text-align: center;
	font-size: 5.4rem;
	line-height: 3.5rem;
	color: #ffffff;
    font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	margin: 0 0 1.4rem 0;
	padding: 0;
    -moz-font-feature-settings: "liga", "clig", "dlig";
    -webkit-font-feature-settings: "liga", "clig", "dlig";
    font-feature-settings: "liga", "clig", "dlig";
    font-variant-ligatures: common-ligatures;
	}
#headertitleonlyouter h1 a:link, #headertitleonlyouter h1 a:visited {
	color: #ffffff;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	}	
#headertitleonlyouter h1 a:active, #headertitleonlyouter h1 a:hover {
	color: #ffffff;
	background-size: 100% 1px;	
	font-family: arno-pro-display, serif;
    font-weight: 300;
    font-style: normal;
	}
@media screen and (max-width: 960px) {
	#headertitleonlyouter h1 {
	font-size: 2.225rem;
	line-height: 2.225rem;
    text-align: left;
	}	
}



.journalarticlesingle {
	padding: 0;
	margin: -4.0rem auto 0 auto;
	width: 65%;
	}
@media screen and (max-width: 960px) {
  .journalarticlesingle {
	width: 100%;
	}
}


.journalbuttonsholder {
	padding: 2.6rem 0 0 0;
	margin: 0;
	text-align: left;
	display: block;
	}	
@media screen and (max-width: 960px) {
  .journalbuttonsholder {
	padding: 1.8rem 0 0 0;
  }
}



.journalarticlesingle p {
	text-align: left;
	color: #111821;
	font-size: 1.0rem;
	line-height: 1.3rem;	
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 300;
	font-style: normal;
	}
.journalarticlesingle a:link, .journalarticlesingle a:visited {
	color:#ce3c9e;
	text-decoration:none;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}	
.journalarticlesingle a:active, .journalarticlesingle a:hover {
	color:#ce3c9e;
	text-decoration:none;
	border-bottom: 1px solid #ce3c9e;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 500;
	font-style: normal;
	}





.journalpostimage {
	padding: 0;
	margin: 3.0rem -15%;
	width: 130%;
	text-align: left;
	display: block;
	z-index: 10;
	position: relative;
	border-bottom: 10px solid #eaeaea;
	}	
@media screen and (max-width: 960px) {
  .journalpostimage {
		padding: 1.8rem 0 0 0;
	  margin: 0 0 2.4rem 0;
	  width: 100%;
  }
}