/**
  Theme Name: Bowles & Wyer
  Version: 1.0
  Author: janleeks.com
  Author URI: http://www.janleeks.com
  
  Description: A bespoke theme for B&W
*/


/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}
.hide-element {
    display: none;
}

@charset "UTF-8";
/* CSS Document */


.hide-element {display: none;}
.hide-desktop {display: none;}

/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2019 Schwartzco Inc.
        License: 1903-EQPAGF     
*/



html {
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html, body{
 height: 100%;
 width: 100%;
 background-color:#FFF;}


a {
   outline: 0; text-decoration: none;
    transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
    
}

a:hover {
   text-decoration: none;;
   transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
}



body{
    background:#FFF;
  font-family: atten-new, Helvetica, Arial, "sans-serif";
font-weight: 400;
font-style: normal;
    overflow-anchor: none;
    font-display: swap;
}




section.mobile_accordian{
	margin-top:0px;
	background-color: #FFF;
}




header {
	width:100%;	
	z-index:1001;
	position:fixed;
	top: 0px;}


header #mobile{display: none;}


header #desktop{ height: 100px;
    text-align: center; position: relative;
}

header #desktop.black{ background-color: rgba(255,255,255,0.85);
}

header #desktop .container .row{
	margin-top: 0px; padding-top: 0px;
    margin: 0 10px;
}


header .line{
	border-bottom: solid 1px #707070;}

header #desktop .logo{
	text-align: center;
    vertical-align: middle;
    height: 100px;
    width: 20%; display: inline-block;
   

}
header #desktop .logo .verthold{
	display: flex;
  flex-direction: column;
  justify-content: center;
    height: 100%;
    
}


header #desktop .logo svg{
	max-width: 180px;
    width: 80%;
    height: auto;
padding: 25px;
    max-height: 50px;
  
    
}

header #desktop nav{
    vertical-align: middle;
    left: 0;
    width: 40%;
    display: inline-block;
    
   
}



header #desktop ul{
    margin-top: 0px;
	text-align: left;
    width: 100%;
    line-height: 100%;
    margin-bottom: 0px;
    list-style: none;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;

}

header #desktop ul.right{
	text-align: right;
}

header #desktop ul li{
    display: inline-block;
    vertical-align: middle;
    width: 33.33%;
}







header #desktop ul li a{
    font-weight: 500;
    font-size: 16px;
    color: #FFF;
    padding: 0px;
    white-space: nowrap;
    }


header #desktop ul li.current_page_item a, 
header #desktop ul li.current_page_ancestor a{
    color: #FFF;text-decoration: none;
    border-bottom: 1px solid currentColor;
    }

header #desktop ul li a:hover{
    color: #FFF;text-decoration: none;
    border-bottom: 1px solid currentColor;
    }

header #desktop.black nav ul li a{
    color: #444;
   
}
header #desktop.black nav ul li a:hover{
    color: #000;
   
}

header #desktop.black ul li.current_page_item a, 
header #desktop.black ul li.current_page_ancestor a{
    color: #000!important;
    }

header #desktop g, header #desktop path {
   fill: #FFFFFF !important;
}

header #desktop.black g, header #desktop.black path {
   fill: #000000 !important;
}
#subNav {display: none;}



header #desktop ul li.menu-item-has-children a{
  overflow: hidden;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
  position: relative;
    padding-right: 30px;

}

header #desktop ul li.menu-item-has-children ul li a{
    padding-right: 0px;
border-bottom: none!important;
}


header #desktop nav ul li.menu-item-has-children a:before{
content: "";
position: absolute;
width: 20px;
height: 20px;
top: 0px;
right: 0px;
z-index: 1000;
background: url("images/navigation-indicator.svg") left 5px  center  no-repeat;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
    transition: all 0.3s ease;
}
header #desktop.black nav ul li.menu-item-has-children a:before{

background: url("images/navigation-indicator-black.svg") left 5px  center  no-repeat;
}


header #desktop nav ul li.menu-item-has-children a.hovered:before{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
    transition: all 0.3s ease;
    
}
header #desktop nav ul li.menu-item-has-children a.hovered{
border-bottom: 1px solid currentColor;
    
}





header #desktop nav ul li.menu-item-has-children ul li a:before{
display: none;
}

header #desktop ul li.menu-item-has-children ul li a:hover{
    text-decoration: none;
    border-bottom: 1px solid currentColor !important;
    }

header #desktop ul li.menu-item-has-children ul li.current_page_item a {
    text-decoration: none;
    border-bottom: 1px solid currentColor !important;
}



/*Here Rich I have started with something to hide the sub-elements*/

header #desktop ul li ul {
  	visibility: hidden;
	opacity: 0;
	 text-align:left;
	 width: auto;
	 margin-left: 0px;
    position: absolute;
    padding-top: 15px;display: block;
    line-height: 200%;
 
}
header #desktop ul li:hover > ul {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
    
   
}

header #desktop ul li ul li{
    display: block;
 
}


section.topgap {
	display: none;
	}

section.topgap.no-banner {
	display: block; height: 100px;
	}





		.ctcc-inner {
			font-size:12px;
			color:#FFF;
			font-weight: normal;
    font-style: normal; 
	
	letter-spacing:1px;
	padding:2px;}








section.banner, 
section.bannernoimage {background-color: #FFF;display: block;height: auto; margin-top: 0px;}

section.banner .imagewrap {height: 85vh;}
section.banner.full .imagewrap {height: 100vh;}
section.bannernoimage .imagewrap {height: 65vh;}
section.banner .container, section.nobanner .container, section.bannernoimage .container {height: 100%;text-align: center;position: relative;}
section.banner .container .bannercontent, section.bannernoimage .container .bannercontent{
	position: absolute;
	top:50%;left: 50%;
  	transform: translate(-50%, -50%);
	margin-left: auto;margin-right: auto;
	color: #FFF;padding: 20px;
}




section.banner h1, section.nobanner h1, section.bannernoimage h1 {
    text-transform: uppercase;
    color: #fff;
    font-size: 50px;
    letter-spacing: 0.05em;
	font-weight: 300;
	margin: 0!important;
	padding: 0!important;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}
section.banner h2, section.bannernoimage h2{
  font-style:   normal;
    color: #fff;
    font-size: 80px;
    letter-spacing: 0.2em;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    line-height: 100%;
    background-image: url("images/bw_graphic_line_neg.png");
    background-position: 48.5% bottom;
    background-repeat:  no-repeat;
    background-size: 15px auto;
    padding-bottom: 90px;
}

section.banner .black h2, section.bannernoimage .black h2{
 
    color: #000;
    background-image: url("images/bw_graphic_line_pos.png");
    background-size: 13px auto;
}




section.banner h2.smaller{
    font-size: 44px;
    margin: 0 ;
    background-image: none;
    line-height: 130%;
}







section.banner p, section.nobanner p, section.bannernoimage p {
    color: #fff;
    font-size: 48px;
	margin-bottom: 0px;
	line-height: 120%;
    letter-spacing: 0.05em;
}


section.banner .black p, section.bannernoimage .black p{ color: #000;}




section.nobanner { background-color: #CCC;  padding: 0px;}


section.nobanner .imagewrap {height: 150px;}


	 .downer{ position: absolute; bottom: 30px;width: 100%; text-align: center; display: block; z-index: 1000;
}

 .downer img{ width: 35px; height: auto; display: block; margin-left: auto; margin-right: auto; cursor: pointer;
}






section.landscape-image{
    margin: 0;
padding: 0; position: relative;}



section.landscape-image.taupe{
	background-color: #FAFAFA;
}



section.landscape-image.toppadding{
	padding-top: 80px;
}




section.landscape-image img{margin: 0;
padding: 0;
display: block;
width: 100%;
    height: auto;

}

section.landscape-image .caption-side, section.mega-accordion .caption-side {
    position: absolute;
    left: -20px;
    top: 50%; 
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform:  translateX(-50%) translateY(-50%) rotate(-90deg); 
}


section.landscape-image .caption-side p, section.mega-accordion .caption-side p{
    color: #808080;
    letter-spacing: 0.05em;
    font-size: 11px;
    margin: 0;
    text-transform: uppercase;

}


section.landscape-image  p.supplementary{
    color: #4A4A4A;
    font-size: 18px;
    margin: 20px 0 0 0;
    text-align: center;
    font-style: italic;

}



section.full-text{
	padding: 80px 0px;
	background-color: #FFF;
	text-align: center;
	color: #000;
}

section.full-text.first{
    padding: 50px 0 80px 0;
}



section.full-text.taupe{
	background-color: #FAFAFA;
}


section.full-text h2, section.full-text p.intro, section.mega-accordion h2, section.mega-accordion p.intro{
    font-weight: 300;
	font-size: 28px;
  font-style:   normal;
  font-stretch: normal;
    margin: 0 0 50px 0;
    letter-spacing: 0.025em;
}

section.full-text h2 strong, section.full-text p.intro strong, section.mega-accordion h2 strong, section.mega-accordion p.intro strong{
    font-weight: 700;
    letter-spacing: 0.25em;
}
section.full-text h2.caps {
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    font-size: 36px;
    margin: 0 0 50px 0;
}

section.full-text h3.watchspace{
	font-size: 28px;
    margin: 50px 0 50px 0;
    letter-spacing: 0.25em;
    font-weight: 300; text-transform: uppercase;
}


section.halfstyle h3{
	font-size: 27px;
    margin: 0px 0 20px 0;
    letter-spacing: 0.25em;
    font-weight: 700; text-transform: uppercase;
}


section.full-text p, section.mega-accordion p,  section.testimonials p, section.halfstyle p{
	font-size: 22px;
    line-height: 140%;
    letter-spacing: 0.025em;
    margin-bottom: 20px;
}

section.halfstyle ul{
	font-size: 22px;
    line-height: 140%;
    letter-spacing: 0.025em;
    margin-bottom: 20px;
    list-style: disc;
    font-weight: 500;
    margin-left: 20px;
}

section.halfstyle ul li{
	margin: 0 0 20px 0!important;
}

 section.form-wrap p{
	font-size: 22px;
    line-height: 140%;
    letter-spacing: 0.025em;
    margin-bottom: 80px;
     text-align: center;
}

section.full-text p a, section.mega-accordion p a,  section.testimonials p a{
	color: #000;
}

section.full-text p a.animlink{
	color: #000;
    text-decoration: underline!important;
}
section.full-text p a.animlink:hover{
	color: #808080;
}




section.full-text p a:hover, section.mega-accordion p a:hover,  section.testimonials p a:hover{
	color: #000;
    text-decoration: underline;
}


section.full-text p:last-child{
	margin-bottom: 5px;
}


section.full-text.twocols{
	padding: 135px 0px;
	background-color: #FFF;
	text-align: left;
	color: #000;
}

section.full-text.twocols .blocklink{
	font-size: 15px;
    margin: 0;
    letter-spacing: 0.25em;
}
section.full-text.twocols .blocklink a{
    color: #808080;
    border: #707070 solid 1px;
    padding:  5px 15px;
    display: inline-block;
}

section.full-text.twocols .blocklink a:hover{
    color: #FFF;
    text-decoration: none;background-color: #707070;
}

section.full-text.twocols .equalh{
    margin-bottom: 30px;
}

section.full-text .awardslogos {text-align: center; margin: 0; padding: 0;}


section.full-text .awardslogos  ul.awards{ list-style: none; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: center;
height: 100%;}

section.full-text .awardslogos ul li{ width: calc(33% - 30px); margin: 0 15px 30px 15px;  text-align: center;}


section.full-text .awardslogos img{ height: auto; width: 100%; display: block;}



section.full-text.generic h1 {
   font-weight: 300;
font-size: 36px;
font-style: normal;
font-stretch: normal;
margin: 0 0 50px 0;
letter-spacing: 0.25em;
    color: #000;
text-transform: uppercase;
}
section.full-text.generic p {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.025em;
    margin-bottom: 22px;
}

section.full-text.generic a{
   color: #000;
    text-decoration:  underline;
}

section.full-text.generic ol, section.full-text.generic ul {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.025em;
    margin-bottom: 22px;
    list-style-position: inside;
}







section.mega-accordion{
	padding: 0px;
	text-align: center;
	color: #000;
}

section.mega-accordion .accordion-wrap{
    padding: 80px 0;
}


section.mega-accordion .accordion-wrap h2.acc-trigger{
   color: #000;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    font-size: 36px;
    margin: 0;
}



section.mega-accordion .accordion-wrap.csr h2.acc-trigger{
    margin: 0 0 60px 0;
}

section.mega-accordion .accordion-wrap h2.acc-trigger a{
   color: #000;
}

section.mega-accordion .accordion-wrap h2.acc-trigger.disable a{
 pointer-events: none;
}

section.mega-accordion .accordion-wrap h2.acc-trigger span{
   margin-left: 30px;transition:  .20s ease-in-out;

    text-align: center;
    position: absolute;
    vertical-align: top;
     transform-origin: 40% 50%;
    width: 50px;
    height: 50px;
    top:-3px;
   
}

section.mega-accordion .accordion-wrap h2.acc-trigger.expanded span{
transform: rotate(45deg);
    display: inline-block;
    transition:  .20s ease-in-out; text-align: center;
    
}



section.mega-accordion .accordion-wrap:nth-child(odd){
    background-color: #FAFAFA;
}

section.mega-accordion .accordion-wrap img{
   width: 100%; height: auto;
    margin-bottom: 60px;
}

section.mega-accordion .accordion-wrap .hidden-item{
  display: none;
    margin-top: 60px;
}

section.mega-accordion .accordion-wrap .hidden-item.showme{
  display: block;
}




section.portfolio-index{margin: 0; padding: 0; text-align: center;}

section.portfolio-index.related{margin: 0; padding: 80px 0; background-color: #FAFAFA; border-top: 1px solid #000;}


section.portfolio-index.related h2{text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.20em;
font-size: 36px;
margin: 0 0 60px 0;}

section.portfolio-index .imagewrap, section.service-slider .imagewrap {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px 0;
}


section.portfolio-index .imagewrap  img, section.service-slider .imagewrap  img{
    display: block;
    width: 100%;
    height: auto;
}
section.portfolio-index .imagewrap .content-over, section.service-slider .imagewrap .content-over {
    position: absolute;
    width: 100%;
    background-color: rgba(255,255,255, 0.6);
    margin: 0%;
    text-align: center;
    text-decoration: none;
    top: 0px;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    opacity: 0;
    height: 100%;
}
section.portfolio-index .imagewrap:hover .content-over, section.service-slider .imagewrap:hover .content-over {
    position: absolute;
    width: 100%;
    background-color: rgba(255,255,255, 0.90);
    margin: 0%;
    text-align: center;
    text-decoration: none;
    top: 0px;
    -webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
    height: 100%;
    opacity: 1;
}
section.portfolio-index .imagewrap .content-over .content-centre, section.service-slider .imagewrap .content-over .content-centre{
   position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
}


section.portfolio-index .imagewrap .content-over .content-centre h2, section.service-slider .imagewrap .content-over .content-centre h2{
font-size: 22px;
    margin-bottom: 8px;
    color: #000;
    font-weight:  400;
    letter-spacing: 0.25em;
    text-transform: uppercase;
}

section.service-slider .flexmask {
   width: 100%;
    overflow: hidden;
}


section.service-slider .flexslider {
    margin: 90px 0px 60px 0;
    width: 110%;
    left: -5%;
}

section.service-slider .folio-item {
    width: calc(100% - 20px);
    margin: 0 10px;
}

section.service-slider .custom-navigation img{width: 20px; height: auto; display: block;}




.loadmore {margin: 100px 0px 0 0; text-align: center;}

a.load_more_trig{color: #808080; text-transform: uppercase; letter-spacing: 0.25em; display: inline-block; font-size: 18px; border: #707070 solid 1px;
padding: 5px 15px;}



.loadmore a.load_more_trig:hover{color: #FFF;
    text-decoration: none;background-color: #707070}

 
section.portfolio-index.blog .blog-details{ text-align: left; margin-right: 20px; margin-bottom: 60px;}
section.portfolio-index.blog .imagewrap {
    margin: 0 0 10px 0;
}

section.portfolio-index.blog h3 {
 font-size: 16px;
 text-transform: uppercase;
    color: #000;
    font-weight: 700;
    letter-spacing: 0.25em;
    margin: 0 0 10px 0;
}

section.portfolio-index.blog p {
 font-size: 16px;
 
    color: #000;
    letter-spacing: 0.05em;
    margin: 0 ;
}


    .filter-row{
    margin: 0px;
    color: #808080;
        margin-bottom: 60px;
    }
    
    section.filter-row .filter-trigger{
   font-size: 20px;
    text-transform: uppercase;
        letter-spacing: 0.25em;
    }


section.filter-row .filter-trigger{
   font-size: 18px;
    text-transform: uppercase;
        letter-spacing: 0.25em;
    }

section.filter-row .filter-trigger a{
  color: #808080;
    }


section.filter-row .filter-trigger a span {
    margin-left: 10px;
    transition: .20s ease-in-out;
    text-align: center;
    position: absolute;
    vertical-align: top;
    transform-origin: 40% 45%;
    width: 30px;
    height: 30px;
    top: -2px;
}

section.filter-row .filter-trigger.expanded span {
    transform: rotate(45deg);
    display: inline-block;
    transition: .20s ease-in-out;
    text-align: center;
}

section.filter-row .filter-open{background-color: #F8F8F8; display: none; padding: 40px 0 20px 0;}


section.filter-row .filter-open ul{list-style: none; font-size: 18px; column-count: 3; margin: 0; column-gap: 15%; }

section.portfolio {padding: 30px 0 50px 0;}
section.portfolio.blog-top {padding: 30px 0 0px 0;}

section.portfolio {text-align: center; text-transform: uppercase;}

section.portfolio .foliohead a{color: #000;}

section.portfolio .foliohead h1{text-transform: uppercase; font-weight: 400; letter-spacing: 0.20em; font-size: 36px; margin: 0 0 10px 0; line-height: 135%;}

section.portfolio .foliohead p.desc{text-transform: uppercase; font-weight: 400; letter-spacing: 0.20em; font-size: 16px; margin: 0 0 30px 0;}
section.portfolio .foliohead p.date{margin: 0 0 0px 0;}


section.portfolio .foliohead a h1 span.indicator {
    transition: .20s ease-in-out;
    position: absolute;
    transform-origin: 50% 50%;
    top: 20px;
    right: 0px;
    margin: 0!important;
    padding: 0!important;
    line-height: 100%;
    width: 40px;
    height: 40px;
    letter-spacing: 0!important;
}

section.portfolio .foliohead .acc-trigger.expanded span.indicator {
    transform: rotate(45deg);
    display: inline-block;
    transition: .20s ease-in-out;
    text-align: center;
}

section.portfolio .foliohead a h1 span.titlewrap {
    width:calc(100% - 60px);
    display: inline-block;
}

section.portfolio .hidden-item  {
    padding: 50px 0;
    display: none;
}


section.portfolio .hidden-item p {
    font-size: 22px;
    line-height: 140%;
    letter-spacing: 0.025em;
    margin-bottom: 20px;
    text-transform: none;
}

section.portfolio img {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
}

section.portfolio .potfolio-twocol{ display: flex; flex-flow: row nowrap;
 width: 100%; }


section.portfolio .imagewrap.even  {
   width: 50%;
}


section.portfolio .imagewrap  img {
    margin: 0px;
    padding: 0;
    display: block;
    height: 100%!important;
}

section.portfolio .imagewrap.first {
    margin-right: 20px!important;
}

section.portfolio .row {margin-bottom: 20px;}


section.portfolio .caption-side {
    position: absolute;
    left: -20px;
    top: 50%; 
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform:  translateX(-50%) translateY(-50%) rotate(-90deg); 
}


section.portfolio .caption-side p{
    color: #808080;
    letter-spacing: 0.05em;
    font-size: 11px;
    margin: 0;

}
section.portfolio .button-wrap {background-color: #CFC;}


section.portfolio .previous-block a, section.article-pagination .previous-block a {color: #808080;
text-transform: uppercase;
letter-spacing: 0.25em;
font-size: 13px; text-align: left;}

section.portfolio .next-block a, section.article-pagination .next-block a {color: #808080;
text-transform: uppercase;
letter-spacing: 0.25em;
font-size: 12px; text-align: right;}

section.portfolio .viewall, section.article-pagination .viewall {color: #808080;
text-transform: uppercase;
letter-spacing: 0.25em;
font-size: 12px;}


section.portfolio .previous-block, section.article-pagination .previous-block{position: absolute; left: 0px;  top:0px;}
section.portfolio .next-block, section.article-pagination .next-block{position: absolute; right: 0px; top: 0px;}

section.article-pagination{background-color: #FAFAFA; padding: 40px 0 140px 0; text-align: center;}

section.portfolio .tools a:hover{color: #000;}

section.filter-row .filter-open ul li{margin-bottom: 30px;}



section.biogs-index{ padding: 0 0 80px 0; text-align: left;}

section.biogs-index img{ width: 100%; height: auto; margin: 0 0 10px 0;}

section.biogs-index h3{ color: #000; font-size: 16px; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 0.25em; font-weight: 700;}
section.biogs-index .role{ color: #000; font-size: 16px; margin: 0 0 40px 0;  font-weight: 300; font-style: italic;}

section.biogs-index .hidden-biog{ display: none; margin-bottom: 60px;}
section.biogs-index .hidden-biog p{ opacity:0; margin: 0 0 20px 0;
    font-size: 16px; line-height: 150%;}


section.biogs-index .toggler {
    cursor: pointer;
    position: relative;
}

section.biogs-index .biog-trigger{position: absolute; right: 30px; font-size: 22px; font-weight: 700;}

section.biogs-index .biog-trigger a{color: #000;}

section.biogs-index .biog-trigger a span {
    transition: .20s ease-in-out;
    text-align: center;
   position: absolute;
    vertical-align: top;
    transform-origin: 50% 50%;
    width: 30px;
    height: 30px;
}
section.biogs-index .biog-trigger.expanded span {
    transform: rotate(45deg);
    display: inline-block;
    transition: .20s ease-in-out;
    text-align: center;
}



section.testimonials{
    background-color: #FAFAFA; padding: 60px 0; text-align: center;
}

section.testimonials .flex-container{width: 75%; margin: 0 auto;}

section.testimonials ul{margin: 60px 0;}

section.testimonials ul li{width: 50%;}


section.testimonials .quote{font-size: 32px; margin-bottom: 40px; letter-spacing: 0.1em;}

section.testimonials .quotee{font-size: 16px; text-transform: uppercase; margin: 0;letter-spacing: 0.25em;}

section.testimonials .quotee strong{font-weight: 700;}


section.contact{background-color: #FFF; padding: 80px 0 0 0; color: #000; text-align: center;}
section.contact.taupe{background-color: #FAFAFA; padding: 80px 0 30px 0;}
section.contact.green{background-color: #629906; padding: 80px 0 30px 0; color: #FFF;}


section.contact p{font-size: 30px;
    line-height: 140%;
    letter-spacing: 0.025em; margin: 0 0 50px 0;}




section.contact p.contactdetails, section.full-text p.contactdetails, section.mega-accordion p.contactdetails{font-size: 22px; font-weight: 600;
    line-height: 140%;
    letter-spacing: 0.25em;margin-bottom: 15px; text-transform: uppercase;}

section.mega-accordion p.contactdetails{margin-top: 80px;}



section.contact p.contactdetails a, section.full-text p.contactdetails a, section.mega-accordion p.contactdetails a{color: #629906;border: solid 1px #629906; padding: 10px 35px; display: inline-block;}

section.contact.green p.contactdetails a{color: #FFF;border: solid 1px #FFF; }

section.contact p.contactdetails a:hover, section.full-text p.contactdetails a:hover, section.mega-accordion p.contactdetails a:hover{background-color: #629906; color: #FFF; text-decoration: none;}

section.contact.green p.contactdetails a:hover{background-color: #FFF; color: #629906;}


section.contact p.contactdetails.purple a, section.full-text p.contactdetails.purple a{color: #AA82BE;border: solid 1px #AA82BE; margin-top: 30px;}

section.contact p.contactdetails.purple a:hover, section.full-text p.contactdetails.purple a:hover{background-color: #AA82BE; color: #FFF;}

section.contact p.contactdetails.golden a, section.full-text p.contactdetails.golden a{color: #CF6E18;border: solid 1px #CF6E18; margin-top: 30px;}

section.contact p.contactdetails.golden a:hover, section.full-text p.contactdetails.golden a:hover{background-color: #CF6E18; color: #FFF;}



section.contact p a{

font-weight: 700;
letter-spacing: 0.25em; text-transform: uppercase; color: #000;}

section.contact p a:hover{
text-decoration: underline;}


    section.calltoaction{background-color: #FAFAFA; text-align: center; padding: 80px 0; } 


section.calltoaction a{color: #808080; font-size: 16px; text-transform: uppercase; letter-spacing: 0.25em;} 
section.calltoaction a:hover{color: #000;} 

section.threeblocks{ margin: 0; padding: 150px 0 0 0 ; background-color: #FFF; text-align: center;}
section.threeblocks img{ width: 100%; height: auto;}

section.threeblocks h2{ color: #000;
text-transform: uppercase;
letter-spacing: 0.25em;
font-size: 36px; font-weight: 300; margin: 30px 0 ;}

section.map-holder{
    margin: 0px; padding: 0px;
    width: 100%;
}

.mapp-layout .mapp-wrapper {
    min-height: 200px;
    position: relative;
    height: 600px;
}

.mapp-layout {
    border: none!important;
    margin: 0px!important;
}

.mapp-layout .mapp-menu-toggle{opacity: 0!important;}


section.form-wrap{background-color: #FAFAFA; padding: 180px 0;}

section.form-wrap.white{background-color: #FFF; padding: 80px 0;}


section.form-wrap label {
    display: none;
}

section.form-wrap .flexwrap{display: flex; align-items: flex-start; flex-wrap: wrap;
height: 100%;}

section.form-wrap .flexwrap .half{  width: 40%;margin-bottom: 80px;}
section.form-wrap .flexwrap .full{  width: 100%;margin-bottom: 80px;}
section.form-wrap .flexwrap .full.centred{  text-align: center;}
section.form-wrap .flexwrap .full.lessspace{  margin-bottom: 50px;;}

section.form-wrap .flexwrap .full.thinner{  width: 80%;margin-bottom: 40px; margin-left: auto; margin-right: auto;}

section.form-wrap .flexwrap .first{ margin-right: 10%;}
section.form-wrap .flexwrap .second{ margin-left: 10%;}

section.form-wrap .flexwrap .checkbox-phone .first, section.form-wrap .flexwrap .checkbox-email .first{ margin-right: 10px; font-weight: 500;}


section.form-wrap  span.wpcf7-list-item {
    margin: 0 5px 0 5px!important;
}


section.form-wrap input[type="text"], section.form-wrap input[type="email"], section.form-wrap input[type="tel"] {
    border: 0 !important;
    width:  100%;
    padding: 5px 0 !important;
    font-size: 12px;
    letter-spacing: 0.25em;
    font-weight: 300;
    border-bottom: solid 1px #808080 !important;
    border-radius: 0 !important;
    background-color: transparent;
    text-transform: uppercase;
   

}

section.form-wrap textarea {
    border: 0 !important;
    width: 100%;
    padding: 5px 0 !important;
    font-size: 12px;
    letter-spacing: 0.25em;
    font-weight: 300;
    border-bottom: solid 1px #808080 !important;
    border-radius: 0 !important;
    background-color: transparent;
    text-transform: uppercase;
   
    min-height: auto!important;
}


section.form-wrap input[type="text"]:focus, section.form-wrap input[type="email"]:focus, section.form-wrap input[type="tel"]:focus, section.form-wrap textarea:focus  {

    border-bottom: solid 1px #000 !important;

}


 /* Customize the label (the container) */
label.container-form {
  display: inline-block!important;
  position: relative;
  padding-left: 0px;
  cursor: pointer;
  user-select: none;
    font-weight: 300;
    text-align: center;
    color: #808080;
}

.wpcf7-form p{
 
   font-weight: 300;
    text-align: center;
    color: #808080;
    font-size: 16px!important;
}


.wpcf7-form a{
 
    color: #808080;
    font-weight: 500;
}

.wpcf7-form a:hover{
 
    color: #808080;
    text-decoration: underline;
}


/* Hide the browser's default checkbox */
.container-form input {
  display: none;
}

/* Create a custom checkbox */
.checkmark {
  position: relative;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: transparent; border: solid 1px #808080;
    display: inline-block;
}


/* Style the checkmark/indicator */
.container-form .checkmark.highlighted {
  background-color: transparent; border: solid 1px #808080;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: block;
}

/* Style the checkmark/indicator */
.container-form .checkmark.highlighted:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #808080;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


section.form-wrap input[type="submit"] {
        border: solid 1px #629906;
    height: auto;
    text-align: center;
    letter-spacing: .25em;
    background-color: transparent;
    border-radius: 0px!important;
    cursor: pointer;
    color: #629906;
    font-size: 22px; 
    padding: 10px 35px;
    font-weight: 600;
    line-height: 100%;
}
section.form-wrap .uploadfieldtrick{
    
}


section.form-wrap #fileuploadfield {
    display:none;
}

section.form-wrap #uploadtextfield {
  border: none!important;
    color: #808080;
}

section.form-wrap #uploadbrowsebutton {
  background-image: url("images/uploadfiles.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 22px auto;
    padding-left: 30px;
    color: #808080;
    margin: 0;
    border: none!important;
    text-transform: none!important;
    font-weight: 300;
    font-size: 14px;

}



section.form-wrap input[type="submit"]:hover {
    color: #FFF;background-color: #629906;
}

span.wpcf7-not-valid-tip {
	color: #000!important;
	font-size: 14px!important;
	font-weight: 500!important;
    margin: 10px 0!important;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: 0px !important;
    padding: 5px!important;
    background-color: #FFF!important;
    color: #000!important;
    font-size: 14px!important;
}
div.wpcf7-response-output {
	border: 0px !important;
    padding: 5px!important;
    background-color: #FFF!important;
    color: #000!important;
    font-size: 14px!important;
}


section.article {
    padding: 0; background-color: #FFF; text-align: center;font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.025em;
    margin-bottom: 22px;}

section.article p {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.025em;
    margin-bottom: 22px;
}

section.article a {
   color: #000;
    text-decoration: underline;
}


section.article a:hover {
   color: #000;
}
 
section.article.legacy br {
    margin-bottom: 22px;
}


section.article.legacy figcaption {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.025em;
    margin-bottom: 40px;
    color: #808080;
    font-style: italic;
}

section.article.legacy .wp-caption-text{font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.025em;
    margin-bottom: 40px;
    color: #000;
    font-style: italic;}


section.article.legacy .wp-block-image {
    max-width: 100%;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
}

section.article.legacy .wp-caption.alignleft, section.article.legacy .wp-caption.alignright {
    max-width: 100%;
    width: 100%!important;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    float: none;
}


section.article.legacy .wp-block-image img{
    height: auto;
}


section.article.legacy .wp-block-media-text {
  margin-bottom: 30px;
}

section.article.legacy .wp-caption {
    max-width: 100%!important;
    height: auto;
}


section.article.legacy .wp-caption img{
   max-width: 100%;
    height: auto;
}


section.article.legacy img{
   max-width: 100%;
    height: auto;
    margin-bottom: 30px;
    display: block;
    margin-left: auto; margin-right: auto;
}

section.article.legacy img.alignleft{
  float:  none;
}


section.article.legacy h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.25em;
    margin-bottom: 15px; text-transform: uppercase;
}



section.article .dateandsocials {
    margin: 100px 0;
}
section.article .dateandsocials .date-wrap, section.article .dateandsocials .share{
  display: inline-block;
    width: 45%;
    margin: 0;
}




section.article .dateandsocials p.date{
   text-align: left; font-size: 14px; text-transform: uppercase; letter-spacing: 0.15em;
}


section.article .dateandsocials .share{
   text-align: right; font-size: 16px;  letter-spacing: 0.15em; color: #808080;
}

section.article .dateandsocials .share .share{
position: relative; top: 2px; height: 20px; white-space: nowrap;
}

section.article .dateandsocials .share a{
    height: 20px;
}


section.article .imagerow, section.article .textrow {margin-bottom: 30px;}
section.article .imagerow img{width: 100%; height: auto; display: block; margin-bottom: 10px;}


section.article .imagerow .info-overlay, section.article .imagerow .caption{ font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.025em;
    margin-bottom: 40px;
    color: #808080;
    font-style: italic;}


    section.halfstyle {position: relative; background-color: #FAFAFA;}
section.halfstyle.white {background-color: #FFF;}
    
    section.halfstyle .halfimagel{
        background-color: #FFF;
height: 100%;
width: 50%;
position: absolute;
top: 0;
overflow: hidden;
background-size: cover;
background-position: center;}

    section.halfstyle .halfimager{
        background-color: #FFF;
height: 100%;
width: 50%;
position: absolute;
top: 0;
        right: 0;
overflow: hidden;
background-size: cover;
background-position: center;}


section.halfstyle  .halfwrap{padding: 100px 50px; position: relative; width: calc(50% - 100px);top: 0;}

section.halfstyle  .halfwrap.right{float: right;}
section.halfstyle  .halfwrap.left{float: left;}

section.halfstyle  .halfwrap .scroller{height: 50vh; overflow: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */}

section.halfstyle  .halfwrap .scroller::-webkit-scrollbar {
  display: none;
}





section.halfstyle  .halfwrap .scrollTop, section.halfstyle  .halfwrap .scrollBottom{ margin:0 50%;}
section.halfstyle  .halfwrap .scrollTop {display:none;}
section.halfstyle  .halfwrap .scrollTop img{-webkit-transform: scaleY(-1); transform: scaleY(-1); width: 18px; height: auto;}
section.halfstyle  .halfwrap .scrollBottom img{-webkit-transform: scaleY(-1); transform: scaleY(1); width: 18px; height: auto;}
section.halfstyle  .halfwrap .scrollerstrip{ height:20px; width:100%; margin: 10px 0;}
section.halfstyle  h2 {
    font-size: 28px;
    margin: 0px 0 50px 0;
    letter-spacing: 0.25em;
    font-weight: 300;
    text-transform: uppercase;
}



section.fullwidthimage {
    background-color: #FAFAFA;
    width: 100%;
    height: 60vh;
    min-height: 300px;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
	
}
.video-overlay {width: 100%; height: 100%;  background-color: rgba(0,0,0, 0.85); position: fixed; top: 0; left: 0; overflow: hidden; z-index: 3000;}

.video-overlay .closer{position: absolute; top: 10px; right: 10px;z-index: 3001;}

.video-overlay .closer img{width: 30px; opacity: 1; background-color: #000; height: 30px;  padding: 5px;}

.video-overlay .closer img:hover{opacity: 0.75;}

.video-overlay .central-block{ width: 100%; position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}


.vimeo-embed-container {position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;}


.youtube-embed-container {position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;}



.video-overlay iframe { position: absolute;
    top:15%;
    left: 10%;
    width: 80%;
    height: 70%; border: none;}



/*
.video-overlay {width: 100%; height: 100%;  background-color: rgba(0,0,0, 0.85); position: fixed; top: 0; left: 0; overflow: hidden; z-index: 3000;}

.video-overlay .closer img{width: 30px!important; float: right; margin-bottom: 30px; opacity: 0.75;}

.video-overlay .closer img:hover{opacity: 1;}

.video-overlay .central-block{ width: 100%; position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}


.video-overlay iframe { width: 100%; height: 600px;}*/

/*
.respvid-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.respvid-wrap iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/



.fullimage .thumbwrap{ position: relative; margin-bottom:0px;}

.fullimage .thumbwrap img{width: 100%; height: auto; display: block; margin-bottom: 10px;}

.portfolio .fullimage .thumbwrap img{margin-bottom: 0px!important;}

.fullimage .thumbwrap .thumbover {
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%;
	height:100%;
	z-index: 99;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(images/play-icon.svg);
	background-size:  60px 60px;transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
}


.fullimage  a:hover .thumbover {
	 background: rgba(0,0,0, 0.75) none repeat scroll 0 0;background-image: url(images/play-icon.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size:  60px 60px;transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
}


footer { text-align: left; background-color: #FFF; color: #000;padding: 45px 0 45px 0; border-top: 1px solid #000; margin: 140px 0 0 0;}

footer.nolineorspace { border-top: 0px; margin: 0px 0 0 0;}



footer h2{ text-transform: uppercase; font-size: 11px; letter-spacing: 0.25em; margin-bottom: 42px; font-weight: 500;}
footer p{  font-size: 13px; letter-spacing: 0.020em; line-height: 150%; margin: 0 0px 18px 0;}
footer p a{  color: #000;}
footer p a:hover{ text-decoration: underline;}



footer ul{list-style: none; margin: 0; padding: 0; }
footer li{ margin: 0 0 35px 0; padding: 0;}
footer li a{ text-transform: uppercase; font-size: 11px; letter-spacing: 0.25em;  font-weight: 500; color: #000;}
footer li a:hover{text-decoration: underline;}

footer .since {text-align: right;}

footer .since img{max-width: 210px; width: 80%; height: auto;}

footer .line {border-top: solid 1px #707070; margin: 50px 0 0 0; padding: 50px 0 0 0;}

footer .line .logos {list-style: none; display: flex; align-items: flex-start; flex-wrap: nowrap; height: 100%; justify-content: flex-end;}

footer .line .logos li{ margin: 0 0 0 60px;height: 100%; width: auto; text-align: center; }
footer .line .logos li img{/*width: auto;*/ margin: 0 0px 0 0; height: 100%; max-width: 72%;}
footer .line .logos li.larger img, footer .line .logos li.larger2 img{max-width: 100%;}
_:-ms-fullscreen, :root footer .line .logos li img { width: 75%;}
_:-ms-fullscreen, :root footer .line .logos li.larger img, _:-ms-fullscreen, :root footer .line .logos li.larger2 img { width: 100%;}
_:-ms-fullscreen, :root footer .line .logos li.larger2 {margin: 0 0 0 20px;}


footer .socials{margin-bottom: 15px;}
footer .socials a img{ width:20px; height: 20px; margin-right: 7px;}
footer .socials a img:hover{ opacity: 0.75;}



@media only screen and (min-width:1025px) and (max-width: 1400px) {

footer .line .logos li{ margin: 0 0 0 40px;height: 100%; width: auto; text-align: right;}
footer .line .logos li img{/*width: auto;*/ margin: 0 0px 0 0; height: 100%; max-width: 80%;}

}


@media only screen and (min-width:768px) and (max-width: 1024px) {


header #desktop ul li a {
    font-size: 14px;
}
    
section.banner h2 {
    font-size: 64px;
    margin: 0 0 8px 0;
    background-size: 11px auto;
    padding-bottom: 60px;
}    
 section.banner p, section.nobanner p {
    font-size: 38px;
} 
    
section.full-text h2, section.full-text p.intro, section.mega-accordion h2, section.mega-accordion p.intro, section.full-text h3.watchspace {
    font-size: 22px;
    margin: 0 0 40px 0;
}   
    
section.full-text h2.caps {
    font-size: 22px;
    margin: 0 0 40px 0;
}    
    
    

section.full-text p, section.mega-accordion p,  section.testimonials p,  section.form-wrap p {
    font-size: 18px;
}   
  
    
    
section.full-text.twocols .blocklink {
    font-size: 13px;
}  
    
section.mega-accordion .accordion-wrap {
    padding: 60px 0;
}   
 section.mega-accordion .accordion-wrap h2.acc-trigger {
 
    font-size: 22px;
}  
    
section.mega-accordion .accordion-wrap h2.acc-trigger span{
   margin-left: 15px;
     transform-origin: 40% 50%;
    width: 35px;
    height: 35px;
   
}
    
section.threeblocks h2{ 
font-size: 22px; }    
    

  section.portfolio .foliohead h1{font-size: 30px; margin: 0 0 10px 0;}
    

    section.portfolio .foliohead a h1 span.indicator {
    
    top: 15px;
    width: 35px;
    height: 35px;
}

    
    
    

section.portfolio .foliohead p{font-size: 14px; margin: 0 0 30px 0;} 
 section.portfolio .foliohead p.desc {
    font-size: 14px;
    margin: 0 0 30px 0;
}   
    
    
section.biogs-index h3 {

    font-size: 14px;

}    
section.biogs-index .role {

  
    font-size: 14px;

}    
 section.biogs-index .hidden-biog p {
    font-size: 14px;

}   

section.testimonials .quote {
    font-size: 26px;
    margin-bottom: 30px;
}    
    
 section.testimonials .quotee {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
}   
    
    
section.contact{ padding: 60px 0 0 0; }    
    
section.contact p {
    font-size: 18px;
}
section.contact p.contactdetails,  section.full-text p.contactdetails, section.mega-accordion p.contactdetails {
    font-size: 18px;
}     
    

    
    
 footer p {
    font-size: 12px;
    margin: 0 0px 16px 0;
}  
    
footer .line .logos li{ margin: 0 0 0 40px;height: 100%; width: auto; text-align: right;}
footer .line .logos li img{/*width: auto;*/ margin: 0 0px 0 0; height: 100%; max-width: 80%;}    
    
}

@media (max-width: 768px) {
.hide-mobile {display: none;}
.hide-desktop {display: block;}
	
section.mobile_accordian {
    top: 50px;
    position: fixed;
    z-index: 2000;
    width: 100%;
}
	
	section.topgap {
	height: 50px;
        display: block;
	}
    
    section.topgap.no-banner {
    display: block;
    height: 50px;
}
    
header {

    width: 100%;
    z-index: 1001;
    position: fixed;
    height: 50px;
    top: 0px;}
	
	
header #desktop{display: none;}
	
header #mobile{ display: block; background-color: #FFF; width: 100%; height: 50px; position: relative;}	

    header #mobile .mobile-head-content{
      position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
        
    }    
    
    
header #mobile img{ width: 110px; height: auto; margin-top: 0px; max-height: 30px; margin-right: 0px;}

header #mobile .logowrap{ display: inline-block;   margin-left: 0%; margin-top: 0px; vertical-align: top; }	
header #mobile .button-wrap{  text-align: left; margin-right: 0%;  position: absolute; right: 20px; top: 0px; }	

section.banner.full .imagewrap {height: 60vh;}
    
section.banner .imagewrap {height: 40vh;} 
    
 .downer{ display: none;}
    
section.banner .container .bannercontent, section.bannernoimage .container .bannercontent{
	width: 80%;
}    
    
    
section.banner h2 {
    font-size: 36px;
    margin: 0 0 5px 0;
    background-size: 8px auto;
    padding-bottom: 45px;
} 
    
section.banner h2.smaller {
    font-size: 16px;
    padding-bottom: 0px
}    
    
section.banner p, section.nobanner p {
    font-size: 22px;
}   
    
section.full-text {
    padding: 40px 0px;
}    
  
    
section.full-text h2, section.full-text p.intro, section.mega-accordion h2, section.mega-accordion p.intro, section.full-text h3.watchspace {
    font-size: 14px;
    margin: 0 0 25px 0;
} 
    
    
section.full-text h2.caps {
    font-size: 18px;
    margin: 0 0 30px 0;
} 
    
   
    
section.halfstyle h2 {
    font-size: 18px;
    margin: 0 0 30px 0;
}    
    
    
    
section.full-text p, section.mega-accordion p,  section.testimonials p,  section.form-wrap p, section.halfstyle p {
    font-size: 12px;
}    
    
section.halfstyle ul {
    font-size: 12px;
}    
section.halfstyle ul li {
    margin: 0 0 10px 0 !important;
}
    
section.halfstyle h3 {
    font-size: 16px;
    margin: 0px 0 10px 0;
}    
    
 section.contact p.contactdetails a, section.full-text p.contactdetails a, section.mega-accordion p.contactdetails a{padding: 10px 20px; }   
    
 section.halfstyle  .halfwrap .scrollTop img,  section.halfstyle  .halfwrap .scrollBottom img{width: 12px; height: auto;}  
    
section.halfstyle .halfwrap {
    padding: 50px 50px;
}     
    
    
section.full-text.twocols {
    padding: 70px 0px;
}  
 section.full-text.twocols .blocklink {
    font-size: 13px;
     margin-bottom: 20px;
}  
    
section.full-text.twocols .equalh{
    margin-bottom:0px;
}    
    
/*section.landscape-image .caption-side {
    position: absolute;
    text-align: center;
    left: 0px;
    bottom: -20px;
    transform-origin: 0 0;
    transform: rotate(0degfo
} */   

section.landscape-image .caption-side p {

    font-size: 9px;

}  
    
section.landscape-image p.supplementary {
    font-size: 14px;
    margin: 15px 0 0 0;
}    
    
    
 section.mega-accordion .accordion-wrap {
    padding: 40px 0;
}   
 section.mega-accordion .accordion-wrap h2.acc-trigger {
 
    font-size: 18px;
}  
    
section.mega-accordion .accordion-wrap h2.acc-trigger span{
   margin-left: 15px;
     transform-origin: 40% 50%;
    width: 25px;
    height: 25px;
   
}

section.threeblocks h2{ 
font-size: 15px; }    
    
    
 section.portfolio .foliohead h1{font-size: 18px; margin: 0 0 10px 0;}

     section.portfolio .foliohead a h1 span.indicator {
    
    top: 10px;
    width: 25px;
    height: 25px;
}
    
    
section.portfolio .foliohead p{font-size: 12px; margin: 0 0 15px 0;}   
  section.portfolio .foliohead p.desc {
    font-size: 12px;
    margin: 0 0 15px 0;
}   
    
section.portfolio .previous {
font-size: 12px; }

section.portfolio .next {
font-size: 12px;}

section.portfolio .viewall {
font-size: 12px;}    
    
    
section.contact{ padding: 40px 0 0 0; }    
    
section.contact p {
    font-size: 14px;
}
section.contact p.contactdetails,  section.full-text p.contactdetails, section.mega-accordion p.contactdetails {
    font-size: 14px;
}  
    
 section.calltoaction a{ font-size: 14px;} 
    
    
   
  .filter-row{
    margin: 0px;
    color: #808080;
        margin-bottom: 30px;
    }
    
    section.filter-row .filter-trigger{
   font-size: 14px;
    }  
    
    section.filter-row .filter-trigger a span {
    
    transform-origin: 45% 35%;
}
    
    section.filter-row .filter-open ul {
    font-size: 14px;
}
   section.portfolio-index .imagewrap .content-over .content-centre h2{
font-size: 18px;
} 
    
 section.portfolio-index .loadmore a.load_more_trig{font-size: 14px;}   
   
    
    section.biogs-index h3 {

    font-size: 12px;

}    
section.biogs-index .role {

  
    font-size: 12px;

}    
 section.biogs-index .hidden-biog p {
    font-size: 12px;

}  
    
    
section.testimonials .flex-container{width: 90%; margin: 0 auto;}

section.testimonials ul{margin: 30px 0;}


   
    
    

section.testimonials .quote {
    font-size: 16px;
    margin-bottom: 20px;
}    
    
 section.testimonials .quotee {
    font-size: 12px;
}   
    

    
    
section.full-text .awardslogos ul li{ width: calc(50% - 30px); margin: 0 15px 30px 15px;  text-align: center;}
    
 section.threeblocks {
    padding: 50px 0 0 0;
}   
    
footer {
    padding: 25px 0 25px 0;
    margin: 75px 0 0 0;
    text-align: center;
}    
 footer h2 {
    font-size: 12px;
    margin-bottom: 20px;
}
footer li {
    margin: 0 0 20px 0;
} 
    
    footer ul {
    margin: 0 0 50px 0;
} 
    
    
    
    
footer .since {
    text-align: center;
}    
 footer .since img {
    max-width: 180px;
    width: 50%;
    height: auto;
} 
    
footer .line {
    margin: 40px 0 0 0;
    padding: 40px 0 0 0;
} 
footer p {
    font-size: 12px;
}    
 footer .line .logos li {
    margin: 0 20px 20px 20px;
     width: 15%;
     text-align: center;
}
    
footer .line .logos {
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
}  
    
   
    
    
    
section.article {font-size: 14px;}

section.article p {
    font-size: 14px;
}    
 section.article.legacy figcaption {
    font-size: 14px;
    margin-bottom: 20px;
}  
    
section.article.legacy .wp-caption-text {
    font-size: 14px;
    margin-bottom: 20px;
}    
    
  section.article .dateandsocials .date-wrap, section.article .dateandsocials .share {
    display: block;
    width: 100%;
      text-align: center;
} 
section.article .dateandsocials p.date {
    text-align: center;
}    
 
section.article .dateandsocials .share .share {
    height: 30px;
    margin-bottom: 10px;
}  
    
section.article .imagerow .info-overlay, section.article .imagerow .caption{ font-size: 14px;}    
    
 section.portfolio .previous-block a, section.article-pagination .previous-block a {
font-size: 10px;}

section.portfolio .next-block a, section.article-pagination .next-block a {
font-size: 10px; }

section.portfolio .viewall, section.article-pagination .viewall {
font-size: 10px;}  
    
    
section.portfolio .caption-side {
    position: absolute;
    left: -10px;
    top: 50%; 
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform:  translateX(-50%) translateY(-50%) rotate(-90deg); 
}


section.portfolio .caption-side p{
   
    font-size: 6px;

}    
    
.wpcf7-form p{
    font-size: 12px!important;
}   
 section.form-wrap input[type="submit"] {
    font-size: 14px;
}   
}


/* DW Filtering */

section.filter-row ul li a{
  color: #808080;
    }
section.filter-row ul li a:hover, section.filter-row ul li a.active{
  color: #000;
    }
.portfolio-index{
	display: flex;
	flex-wrap: wrap;
}
.folio-item, .blog-item{
    width: calc(33.33% - 20px);
	margin: 0 10px;
}
section.portfolio-index {
	width: calc(100% + 20px);
    margin: 0 0 0 -10px;
    padding: 0;
    text-align: center;
}
@media only screen and (max-width : 767px) {
	.folio-item, .blog-item{
    width: 100%;
	margin: 0 10px;
}
}

/*DW Blog Filter*/
#blog-search-date, #blog-search, #blog-filter{
	display: none;
}
.multi-filter {
	display: flex;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.25em;
	justify-content: flex-end;
}
.multi-filter a{
	    color: #808080;
	display: block;
	margin-left: 60px;
	padding-right: 30px;
}
#filter-cats {
}
#filter-cats:after{
	content: '+';
    margin-left: 15px;
    transition: .20s ease-in-out;
    text-align: center;
    position: absolute;
    vertical-align: top;
    transform-origin: 50% 50%;
    
    top: -2px;
}
#filter-cats.active:after{
	transform: rotate(45deg);
	 top: 0;
}
#filter-date{
	background: url('images/icon-date.svg') center right no-repeat;
	background-size: 13px;
}
#filter-search{
	background: url('images/icon-search.svg') center right no-repeat;
	background-size: 13px;
}

#blog-search-date .inner, #blog-search .inner{
	display: flex;
	justify-content: center;
	width: 70%;
	margin: 0 auto 20px auto;
}
#blog-search-date select{
	width: calc(50% - 75px);
	border: none;
	border-radius: 0;
	background: rgba(255,255,255,0.8);
	margin: 0 5px;
	font-family: atten-new, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 22px;
	display: block;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('images/icon-plus.svg');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: 10px;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}


#blog-search-date select option {
    font-weight:normal;
	font-size: 16px;
}
#searchsubmitdate, #searchsubmit{
	border-radius: 0;
	margin: 0 5px;
	font-family: atten-new, sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 18px;
	color: #818181;
	width: 130px
}

#s2{
	width: calc(100% - 140px);
	border: none;
	border-radius: 0;
	background: rgba(255,255,255,0.8);
	margin: 0 5px;
	font-family: atten-new, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 22px;
}


@media (max-width: 768px){
	.multi-filter {font-size: 14px; justify-content: flex-start;}
	#filter-cats{margin-left: 0;}
	#blog-search-date .inner, #blog-search .inner {width: 100%;}
	#s2, #searchsubmitdate, #searchsubmit, #blog-search-date select {font-size: 14px;}
	#filter-date {background: url(images/icon-date.svg) center right 1px no-repeat;}
}
@media only screen and (max-width : 420px) {
	.multi-filter{width: 100%; justify-content: space-between;}
	.multi-filter a{margin: 0;}
	#searchsubmitdate, #searchsubmit {width: 110px; padding: 0 10px; margin: 0 0 0 5px;}
	#blog-search-date select#month{margin: 0 5px 0 0; width: calc(50% - 60px);}
	#s2 {margin: 0 5px 0 0; width: calc(100% - 115px);}
	
}






@media only screen and (max-width : 420px) {
	
section.portfolio .previous {
font-size: 11px; }

section.portfolio .next {
font-size: 11px;}

section.portfolio .viewall {
font-size: 11px;}    

   section.portfolio .foliohead a h1 span.indicator {
    
   right: 20px;
}

/*.video-overlay .closer img{width: 30px!important; float: right; margin-bottom: 30px; opacity: 0.75;}


.video-overlay .central-block{ width: 100%; position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}


.video-overlay iframe { width: 100%; height: 400px;}


.respvid-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.respvid-wrap iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/

    
section.halfstyle .halfimagel, section.halfstyle .halfimager {

    height: 200px;
    width: 100%;
    position: relative;
}    
 section.halfstyle .halfwrap {
    padding: 30px 30px;
     width: calc(100% - 60px);
}   
section.halfstyle .halfwrap.right {
    float: none;
}    
    
   
   section.contact.green p.contactdetails a:first-of-type{margin-bottom: 20px;}   
    
section.service-slider .flexslider {
   
    width: 90%;
    left: 5%;
} 
}
	
@media screen and ( max-height: 890px ) and (min-width:1200px){
section.banner h2 {
    font-size: 64px;
    margin: 0 0 8px 0;
    background-size: 11px auto;
    padding-bottom: 60px;
}    
 section.banner p, section.nobanner p {
    font-size: 38px;
} 
 section.testimonials .quote {
    font-size: 26px;
    margin-bottom: 30px;
}

    
section.halfstyle.white .halfwrap {
    padding: 60px 50px 30px 50px;;

}    
   
section.halfstyle h2 {
    font-size: 24px;
    margin: 0 0 20px 0;
} 
    
section.halfstyle h3 {
    font-size: 20px;
}    
     
section.halfstyle p {
    font-size: 16px;
}    
 section.halfstyle ul {
    font-size: 16px;
}      
    
}





@media screen and ( max-height: 660px ){
   section.banner .container .bannercontent, section.bannernoimage .container .bannercontent{
	width: 65%;
}
 
}







	.grecaptcha-badge{
	visibility: collapse !important;  
}