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

body, html {
	height: 100%;
	margin: 0;
font-family: "filson-pro", sans-serif;
	line-height: 2.0em;
background-image: url("../img/hero.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;


}


h1{
	font-weight:400;
	color: #7e1974;
	font-size: 1em;
}

h2{
	font-weight:400;
	color: #53575a;
	font-size: 1.5em;
	padding-bottom: 1em;
	border-bottom: thin rgba(184,184,184,0.56) solid;
}

h3{
	font-weight:400;
	color: rgba(255,255,255,0.60);
	font-size: 1.5em;
	line-height: 0.2em;
}

h4{
	font-weight:400;
	color: 	#8dc6e8;
	font-size: 1.8em;
	line-height: 0;

}

h5{
	font-weight:400;
	color: #53575a;
	font-size: 1.2em;
	line-height: 0em;
}


h6{
	font-weight:400;
	color: #dc2597;
	font-size: 1.5em;
	line-height: 0em;
}
h7{
	font-weight:200;
	color: rgba(255,255,255,0.60);
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 0.8em;
	border-bottom: thin rgba(184,184,184,0.56) solid;
}

/* Service section split colour*/
h8{
	font-weight:400;
	color: #53575a;
	font-size: 1.2em;
	line-height: 0em;

}

h8 span{
	color: #dc2597;
}

h9{
	font-weight:400;
	color: #53575a;
	font-size: 1.2em;
	line-height: 0em;
}

h9 span{
	color: #0093c9;
}

h10{
	font-weight:400;
	color: #53575a;
	font-size: 1.2em;
	line-height: 0em;
}

h10 span{
	color: #61a60e;
}

h11{
	font-weight:400;
	color: #53575a;
	font-size: 1.2em;
	line-height: 0em;
}

h11 span{
	color: #f4b223;
}

h12{
	font-weight:600;
	color: #53575a;
	font-size: 1.5em;
	line-height: 0em;
	text-decoration: none;
border-bottom: 1px #53575a solid;

}


/*--------------------------NAV-----------------------------------*/

.nav_overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
  font-weight:100;
}

.nav_overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  
}

.nav_overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
	
}

.nav_overlay a:hover, .nav_overlay a:focus {
  color: #f1f1f1;
}

.nav_overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .nav_overlay {overflow-y: auto;}
  .nav_overlay a {font-size: 20px}
  .nav_overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

/*--------------------------HEADERS SECTIONS-----------------------------------*/

.header {
 /*--background-image:url("../img/1067459900-preview.mp4");--*/

  height: 100%; 
 
	
 }
.header-logo{
	position: absolute;
	text-align: center;
	padding-top: 0%;
	bottom: 5%;
	left: 7%;
	
	
	
}
.header span{
  position: fixed;
  top: 30px;
  right: 55px;
  font-size: 60px;

}
.header span:hover{
   color: #dc2597;
	transition: 0.3s;
}



 /*--- 
	FOR THE VIDEO SETTING IF WANTED 
	background-image:url("../img/header-images-main.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
	margin-top: 5%;--*/

#myVideo {
height: 600px;
  right: 0;
  bottom: 0px;
  min-width: 100%; 
  min-height: 100%;
	object-fit: cover;
 width: 100%;
	 background-position: center bottom;

}


.header-sub-logo{
	position: absolute;
	top:0em;
	left: 4.8em;
	text-align: left;
}

.header-sub-logo img{

}

.header-about span{
  position: fixed;
  top: 30px;
  right: 55px;
  font-size: 60px;
}
.header-about span:hover{
   color: #dc2597;
	transition: 0.3s;
}


.header-services{
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
	margin-top: 5%;
	height: 600px;
	
}

.header-services span{
  position: fixed;
  top: 30px;
  right: 55px;
  font-size: 60px;
}
.header-services span:hover{
   color: #dc2597;
	transition: 0.3s;
}


.header-sub-service span{
  position: fixed;
  top: 30px;
  right: 55px;
  font-size: 60px;
}
.header-sub-service span:hover{
   color: #dc2597;
	transition: 0.3s;
}



/*--------------------------INTRO TEXT HOME-----------------------------------*/

@media (min-width: 501px) {
#fade-right-off{
		display: none !important;
	}
	
		#service-sections-fade-off{
		display: none !important;
	}
	
}
.intro-section{
	width: 90%;
	margin: 0 auto;
}

.intro-text{
	width: 50%;
	padding: 5%;
}

.intro-text p{
	font-weight:300;
	color: #53575a;
	font-size: 1.4em;
}
.intro-text li{
	font-weight:300;
	color: #53575a;
	font-size: 1.5em;	
}

.intro-text a{
	font-weight:300;
	color: #53575a;
	font-size: 1.2em;	
	text-decoration: none;
	border-bottom: thin #53575a solid;
	line-height: 3.8em;
}

.intro-text a:hover{
	font-size: 1.2em;	
	text-decoration: none;
	border-bottom: thin #0093c9 solid;
	line-height: 3.8em;
	transition: 0.3s;
}

.intro-sub-section{
	width: 90%;
	margin: 0 auto;
	padding-top: 4.8em;
}


/*--------------------------IMAGE GALLERY-----------------------------------*/

.container_outer {
    width: 100% ; /* Set a maximum width */
    margin: 0 auto; /* Center the container */
    padding: 0em 0 0 0em; /* Add some horizontal padding */
background-image: url("../img/hero-image-body-two.png");
  background-position: bottom right;
  background-repeat: no-repeat;
	

}




.container {
    width:90% ; /* Set a maximum width */
    margin: 0 auto; /* Center the container */
    padding: 5em 0em ; /* Add some horizontal padding */
	
	

}

.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40em;
    padding: 0px 2em;

}

.gallery-item {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
	
}

.gallery-item img {
    width: 100%;
    height: auto;
    display: block;
}

.gallery-item p {
    text-align: center;
    margin-top: 10px;
    font-size: 1em;
}

.gallery-item.visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1024px) {
    .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .gallery {
        grid-template-columns: 1fr;
    }
	
.container_outer {
    width: 100% ; /* Set a maximum width */
	background-image: none;


}
	

	.container_outer {
    width: 80% ; /* Set a maximum width */
    margin: 0 auto; /* Center the container */
    padding: 0px ; /* Add some horizontal padding */


}



.container {
    width: 80% ; /* Set a maximum width */
    margin: 0 auto; /* Center the container */
    padding: 0em 0em ; /* Add some horizontal padding */

}


	
	
}




/*--------------------------What We Do Client teaser-----------------------------------*/

.client-teaser{
	margin: 0 auto;
	width: 80%;
	padding-bottom: 4em;
	
}

.client-teaser-image{
	background-color: #FFFFFF;
	width: 45%;
	padding: 0%;
	display: inline-block;
	vertical-align: top;
	opacity: 1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}

.client-teaser-image:hover{
	opacity: 1;
}

.client-teaser-image img{
	width: 100%;
}


.client-teaser-text{
	width: 38%;
	padding: 1.8em 0em;
	display: inline-block;
	border-top: 1px solid #e3e3e3;
	vertical-align: top;
	float: right;
	margin-right: 4.8em;

}


.client-teaser-text-header{
	font-weight:300;
	color: #61a60e;
	font-size: 1em;
	
}

.client-teaser-text p{
	font-weight:300;
	color: #53575a;
	font-size: 1.2em;	
	line-height: 1.2em;

}

.client-teaser-text a{
	font-weight:300;
	color: #53575a;
	font-size: 1.2em;	
	text-decoration: none;
	border-bottom: 1px #53575a solid;
	line-height: 3.8em;
}

.client-teaser-text a:hover{
	font-size: 1.2em;	
	text-decoration: none;
	border-bottom: 1px #61a60e solid;
	line-height: 3.8em;
	transition: 0.3s;
}


/*--------------------------PRINT SECTION TEXT-----------------------------------*/

.client-teaser-print{
	margin: 0 auto;
	width: 80%;
	padding-bottom: 4em;
	padding-top: 4em;
	
}

.client-teaser-image-print{
	background-color: #FFFFFF;
	width: 45%;
	padding: 0%;
	display: inline-block;
	vertical-align: top;
	opacity: 1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}

.client-teaser-image-print:hover{
	opacity: 1;
}

.client-teaser-image-print img{
	width: 100%;
	margin-left: 4.8em;
}


.client-teaser-text-print{
	width: 38%;
	padding: 1.8em 0em;
	display: inline-block;
	border-top: 1px solid #e3e3e3;
	vertical-align: top;
	float: left;
	margin-left: 4.8em;

}

.client-teaser-text-print li::marker{
	color: #61a60e;
	line-height: 0.8em;
}

.client-teaser-text-print li{
color: #53575a;
	line-height: 1.4em;
}



.client-teaser-text-header-print{
	font-weight:300;
	color: #61a60e;
	font-size: 1em;
	
}

.client-teaser-text-print p{
	font-weight:300;
	color: #53575a;
	font-size: 1.2em;	
	line-height: 1.2em;

}

.client-teaser-text-print a{
	font-weight:300;
	color: #53575a;
	font-size: 1.2em;	
	text-decoration: none;
	border-bottom: 1px #53575a solid;
	line-height: 3.8em;
}

.client-teaser-text-print a:hover{
	font-size: 1.2em;	
	text-decoration: none;
	border-bottom: 1px #61a60e solid;
	line-height: 3.8em;
	transition: 0.3s;
}



/*--------------------------Team Image-----------------------------------*/
.team-image-outter{
	padding-top:5em;
	padding-bottom: 5em;
	background-image: url("../img/hero-image-body.png");
  background-position: top left;
  background-repeat: no-repeat;

} 

.team-image{
	margin: 0 auto;
	width: 80%;
	position: relative;
}

.team-image img{
	width: 100%;
}


.team-image p{
	font-weight:300;
	color: #53575a;
	font-size: 1.2em;	
	line-height: 0.4em;
}

.triangle{
  width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 10px solid #dc2597;
	border-bottom: 5px solid transparent;
	opacity: none;
	margin-bottom: 0.2em;
}
.triangle:hover{
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}


.team-member-kate a{
	font-weight:700;
	color: #FFFFFF;
	font-size: 1.2em;		
	text-decoration: none;
	
}
.team-member-kate span{
	font-weight:300;
	color: #FFFFFF;
	font-size: 0.8em;		
	text-decoration: none;
}

.team-member-kate{
	opacity: 0.5;
	 transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
	line-height: 1.2em;
}

.team-member-kate:hover{
	opacity: 1.2;
	
}
.kate{
	position: absolute;
	top:30%;
	left: 5%;
	z-index: 50;
}

.team-member-annabel a{
	font-weight:700;
	color: #FFFFFF;
	font-size: 1.2em;		
	text-decoration: none;
}

.team-member-annabel span{
font-weight:300;
	color: #FFFFFF;
	font-size: 0.8em;		
	text-decoration: none;
}


.team-member-annabel{
	opacity: 0.5;
	 transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
	line-height: 1.2em;
}

.team-member-annabel:hover{
	opacity: 0.9;
	
}
.annabel{
	position: absolute;
	top:10%;
	left: 15%;
	z-index: 50;
}





/*--------------------------Big Image-----------------------------------*/
.big-image-outter{
	padding-top: 2em;
	padding-bottom: 3.2em;
	
}

.big-image{
	margin: 0 auto;
	width: 80%;
	opacity: 1;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
	position: relative;
}

.big-image img{
	width: 100%;
}

.big-image:hover{
	opacity: 0.8;
}

.big-image p{
	font-weight:300;
	color: #53575a;
	font-size: 1.2em;	
	line-height: 0.5em;
}

/*-------------------------- STATICK QUOTE HOME PAGE---------------------------------

.quote-outter{
	margin: 0 auto;
	width: 100%;
	background-color: #ededed;
	text-align: center;

}

.quote-inner{
	padding: 6em 0;
	width: 40%;
	margin: 0 auto;
	margin-top: 4.8em;
	margin-bottom: 4.8em;
}

.quote-inner p{
	font-weight:300;
	color: #53575a;	
	line-height: 1.2em;
	font-size: 1.8em;
	
}

.quote-inner span{
	font-weight:500;
	color: #61a60e;	
	line-height: 3.4em;
	font-size: 0.8em;


}
---*/


/*--------------------------SERVICES HOME PAGE-----------------------------------*/
.services-homepage{
	margin: 0 auto;
	width: 80%;
	overflow: auto;

}

.services-left-homepage{
	width: 20%;
	display: inline-block;
	margin-top: 1.8em;
}


.services-right-homepage{
	width: 44%;
	padding: 1.8em 0em;
	border-top: 1px solid #e3e3e3;
	vertical-align: top;
	float: right;
	margin-right: 4.8em;
	margin-top: 2.8em;

}

.services-right-homepage-header{
	font-weight:300;
	color: #61a60e;
	font-size: 1em;
	
}

.services-right-homepage p{
	font-weight:300;
	color: #53575a;	
	line-height: 1.4em;
	font-size: 1.5em;
}

.services-right-homepage a{
	font-weight:300;
	color: #53575a;
	font-size: 1.2em;	
	text-decoration: none;
	border-bottom: 1px #53575a solid;
	line-height: 3.8em;
}

.services-right-homepage a:hover{
	font-size: 1.2em;	
	text-decoration: none;
	border-bottom: 1px #8dc6e8 solid;
	line-height: 3.8em;
	transition: 0.3s;
}

/*--------------------------SERVICES FOUR IN A BLOCK SECTION-----------------------------------*/

.service-sections-video{
	margin: 0 auto;
	width: 90%;

}

.service-sections-inner-video{
	width: 100%;
	text-align: center;

}
.video-text{

}

.service-sections{
	margin: 0 auto;
	width: 82%;

}
.service-sections-block {
  display: flex;
  flex-wrap: wrap;
}

.service-sections-block > div {
  width: 48%;
  margin: 1%;

}

.service-sections-block p{
	line-height: 0;
	padding-bottom: 1.8em;
	
}

.service-sections-block img{
	width: 100%;
	padding-bottom: 1.0em;

}
.service-sections-block img:hover{
	transition: 0.8s;
	opacity: 0.7;
}



/*--------------------------SERVICES ITS OWN PAGE-----------------------------------*/


.services-outter {
  overflow:hidden;
  padding-top: 2.8em;
  top:-5%;
  left:-5%;

}

.services {
  width: 90%;
  transform:rotate(2deg);
  background-color: #0093c9;
margin: 0 auto;
	
}

.services-sections{
	transform:rotate(-2deg);
	margin: 0 auto;
	width: 95%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding-top: 2.8em;
}

.services p {
  	font-weight:300;
	color: #FFFFFF;
	font-size: 1.2em;	
	line-height: 0.2em; 
	padding-bottom: 1.8em;
}

.services-one{
	margin: 2.8em;
	width: 40%;
}

.services-two{
	margin: 2.8em;
	width: 40%;
}
.services-three{
	margin: 2.8em;
	width: 40%;
}
.services-four{
	margin: 2.8em;
	width: 40%;
}


/*--------------------------CASE STUDY THREE IN A BLOCK SECTION-----------------------------------*/



.case-study-sections{
	margin: 0 auto;
	width: 85%;
	padding-top: 3.8em;

}
.case-study-block {
  display: flex;
  flex-wrap: wrap;
	
}

.case-study-block > div {
  

}

.case-study-block p{
	line-height: 0;
	
}

.case-study-block img{

	

}
.case-study-block img:hover{

}

/*---------CASE STUDY HOVER OVER TEXT SECTION-----*/

.image-teaser {
 	margin: 0 auto;
  position: relative;
  width: 29%;
 text-align: center;
	margin-bottom: 1.2em;

}

.image {
  display: block;
  width: 100%;

}

.image-teaser-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  opacity: 0;
  transition: .5s ease;
  background-color:rgba(0,147,201,0.8);
}

.image-teaser:hover .image-teaser-overlay {
  opacity: 1;
}

.image-teaser-text {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.image-teaser p{
	font-weight:300;
	color: #FFFFFF;
	font-size: 1.2em;	
	line-height: 1.2em;

}

.image-teaser span{
	font-weight:700;
font-size: 1.4em;
}




/*--------------------------VIDEO CONTROLS----------------------------------*/





.video-wrapper {
  height: 550px;
  right: 0;
  bottom: 0px;
  min-width: 100%; 
  min-height: 100%;
  object-fit: cover;
  width: 100%;
	
}



/*--------------------------NEWS HOME PAGE-----------------------------------*/

.news-homepage{
	margin: 0 auto;
	width: 80%;

}
.news-homepage-inner {
  display: flex;
  flex-wrap: wrap;
	
}

.news-homepage-inner > div {
  width: 29%;
  margin: 2%;
 
}

.news-homepage-inner span{
	font-weight:700;
	color: #53575a;	
	font-size: 0.8em;

}


.news-homepage-inner p{
	border-top: 1px solid #e3e3e3;
	padding-top: 1.4em;
	margin-top: 2.8em;
	font-weight:300;
	color: #53575a;	
	line-height: 1.35em;
	font-size: 1.2em;
	vertical-align: top;
}

.news-homepage-inner a{
	font-weight:300;
	color: #53575a;
	font-size: 1.2em;	
	text-decoration: none;
	border-bottom: 1px #53575a solid;
	line-height: 3.8em;
}

.news-homepage-inner a:hover{
	font-size: 1.2em;	
	text-decoration: none;
	border-bottom: 1px #dc2597 solid;
	line-height: 3.8em;
	transition: 0.3s;
}

.news-homepage-inner ul.no-bullets {
  list-style-type: none;
  font-weight:300;
	color: #53575a;	
	line-height: 1.35em;
	font-size: 1.2em;
}
.news-homepage-inner ul.circle_bullets {
    list-style-type: circle;
  font-weight:300;
	color: #53575a;	
	line-height: 1.35em;
	font-size: 1.2em;
		border-top: 1px solid #e3e3e3;
	padding-top: 1.4em;
	margin-top: 2.8em;
}

/*--------------------------Terms and conditions text-----------------------------------*/


.intro-text-tc{
	width: 80%;
	padding: 5%;
	
	
}

.intro-text-tc p{
	font-weight:300;
	color: #53575a;
	font-size: 1.2em;
	line-height: 1.5em;
}

.intro-text-tc a{
	font-weight:300;
	color: #53575a;
	font-size: 1.2em;	
	text-decoration: none;
	border-bottom: thin #53575a solid;
	line-height: 3.8em;
}

.intro-text-tc a:hover{
	font-size: 1.2em;	
	text-decoration: none;
	border-bottom: thin #0093c9 solid;
	line-height: 3.8em;
	transition: 0.3s;
}

.intro-sub-section-tc{
	width: 90%;
	margin: 0 auto;
	padding-top: 4.8em;
}


/*--------------------------Footer----------------------------------*/

.footer{
   background-color: #53575a;
	width: 100%;
	margin: 0 auto;
	margin-top: 4.8em;
	background-image: url("../img/footer-image.png");
  background-position: bottom right;
  background-repeat: no-repeat;



}

.inner-footer{
 
	width: 80%;
	margin: 0 auto;
	display: flex;
 	flex-wrap: wrap;
	justify-content: space-between;
	padding: 5% 0;
	color: rgba(255,255,255,1.00);
	text-decoration: none;


}

.inner-footer ul{
	 list-style-position: outside;
	 list-style-type: none;
  	margin: 0;
  	padding: 0;
	
}
.inner-footer li a{
	text-decoration: none;
	color: rgba(255,255,255,0.5);
}
.inner-footer li a:hover{
	
	color: rgba(46,46,46,1.00);
}
.inner-footer p{
	width: 50%;
		line-height: 1.2em;
	font-size: 1.1em;
	font-weight: 300;
}

.inner-footer a{
	color: rgba(147,192,31,1);
	text-decoration: none;	
	font-size: 1.4em
}
.inner-footer a:hover{
	color: #FFFFFF;
	transition: 1s;
}

.inner-footer i{
	 padding: 0.5em 0.5em 1em 0;
}

.address{

	color: rgba(255,255,255,0.80);
	line-height: 1.2em;
	font-size: 1.1em;
	font-weight: 300;

}

.footer-nav{

	line-height: 1.2em;
	font-size: 1.1em;
	font-weight: 300;
	

}

.footer-nav a{
	color: rgba(255,255,255,0.80);
	text-decoration: none;	
}

.footer-nav a:hover{
	color: rgba(255,255,255,0.10);
}

.social-media{

	line-height: 1.2em;
	font-size: 1.1em;
	font-weight: 300;
}

.social-media li a{
	color: rgba(255,255,255,0.80);
	text-decoration: none;	
}

.social-media li a:hover{
	color: #dc2597;
}

.footer-copy{
	font-size: 0.9em;
	font-weight: 300;
}

.footer-copy a{
	color: rgba(255,255,255,0.80);
	text-decoration: none;	


}

.footer-copy a:hover{
	color: rgba(255,255,255,0.10);
}


.legal-line-footer{
  
	width: 100%;
	margin: 0 auto;
	padding: 0.8em 0;
	text-align: center;
}

.inner-legal-line-footer{
line-height: 0;
	width: 75%;
	margin: 0 auto;
padding-top: 0;
}
.inner-legal-line-footer p{
	font-size: 0.8em;
	font-weight: 400;
	color: #53575a;
	text-decoration: none;
	line-height: 0;

}
.inner-legal-line-footer a{
	color: #53575a;
	text-decoration: none;
	line-height: 1.2em;


}
.inner-legal-line-footer a:hover{

	color: #f4b223;


}




/*-------------------------servcie logos foter of the page -------------------------*/

.service-logos{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.service-logos-inner{
	display: inline-block;
	padding-top: 4em;
	
	
}
.service-logos-inner a{
	padding: 1.8em 7.8em;
	opacity: 1;
	transition: 0.8s;
}
.service-logos-inner a:hover{
	transition: 0.8s;
	opacity: 0.6;
	
}

/*--------------------------RESPONCIVE CONTENT-----------------------------------*/


@media (max-width: 1680px) {


/*--TEAM MEMBERS--*/

.team-member {
  width: 25%;
}

/*--TEAM MEMBERS OVERLAY--*/

.overlay-content-team {
  top: 15%;
  width: 70%;
}


.overlay-content-team-image span{
	font-size: 1.0em;
}

.overlay-content-team p {
	font-size: 1.2em;	
	width: 60%;
	line-height: 1.4em;
}

}


@media (max-width: 1500px) {


/*--TEAM MEMBERS--*/

.team-member {
  width: 33.3%;
}

/*--TEAM MEMBERS OVERLAY--*/

.overlay-content-team {
  top: 10%;
  width: 85%;
}


.overlay-content-team-image span{
	font-size: 1.0em;
}

.overlay-content-team p {
	font-size: 1.2em;	
	width: 60%;
	line-height: 1.4em;
}

.news-homepage{
	margin: 0 auto;
	width: 90%;	
}
.news-homepage-inner > div {
  width: 29%;
 
}
.news-homepage-inner {
 width: 100%;
}
	
}


@media (max-width: 1285px) {
 
	.intro-text{
	width: 75%;	
}
	
	
.service-logos-inner a{
	padding: 0em 2em;

}

	
	
	

.news-homepage-inner > div {
  width: 29%;
 
}
	

.image-teaser p{
	font-size: 0.9em;	
	line-height: 1.1em;

}

.image-teaser span{
font-size: 1.1em;
}



	
	
/*--ABOUT US our TEAM---*/


.our-team-right{
	width: 46%;
}

/*--TEAM MEMBERS--*/

.team-member {
  width: 33.3%;
}

/*--TEAM MEMBERS OVERLAY--*/

.overlay-content-team {
  top: 10%;
  width: 80%;
}

.overlay-content-team-image{
	width: 30%;
}
	
	.overlay-content-team-image img{
	width: 100%;
}

.overlay-content-team-image span{
	font-size: 1.0em;
}

.overlay-content-team p {
	font-size: 1.1em;	
	width: 60%;
	line-height: 1.1em;
}
	
	.client-teaser{
	width: 95%;
	padding-bottom: 6em;
}

.client-teaser-image{
	width: 40%;
	padding: 1%;
	margin-left: 8%;
}

	
.client-teaser-print{
	width: 95%;
	padding-bottom: 6em;
}

.client-teaser-image-print{
	width: 40%;
	padding: 1%;
	margin-right: 8%;
}

	
}



@media (max-width: 1001px) {

.team-member {
  width: 50%;
}

}



@media (max-width: 770px) {
	
	
	body, html {

background-image: url("../img/hero.png") ;
  background-position: top right;
  background-repeat: no-repeat;
			 background-size: 60%;
}
	h6{
	font-weight:600;
	font-size: 1.2em;

}

.header-logo img{
	width: 100%;
	left: 0px;


}


.header {
  height:20em;
 background-position: right top;

	
}
.header-logo{
	padding-top: 10%;
	top: 10%;
	left: 0%;

}
	

.header span:hover{
   color: #dc2597;
	transition: 0.3s;
}


.intro-text h1{
	display: none;
	}

	
.intro-text{
	width: 90%;	
	font-size: 1.2em;
}
.intro-text p{
	font-size: 1.2em;
	
}

.client-teaser{
	width: 80%;
	padding-bottom: 0;

	}
	
	
.client-teaser-image{
	width: 100%;
	display: none !important;
}
	
.client-teaser-text{
	width: 60%;
	display:contents;
	
}

.client-teaser-text-header{
	font-weight:300;
	color: #61a60e;
	font-size: 1em;
}
	
.client-teaser-print{
	width: 80%;
	padding: 0;

	}
	
	
.client-teaser-image-print{
	width: 80%;
	display: none !important;
}
	
.client-teaser-text-print{
	width: 60%;
	display:contents;
	
}

.client-teaser-text-header-print{
	font-weight:300;
	color: #61a60e;
	font-size: 1em;
}
	
	
	.team-image-outter{
	padding-top:5em;
	padding-bottom: 5em;
	background-image: url("../img/hero-image-body.png");
  background-position: top left;
  background-repeat: no-repeat;
		 background-size: 75%;

} 

		
	#fade-right-on{
		display: none !important;
	}
	
		#service-sections-fade-on{
		display: none !important;
	}
		
	
.our-team{
	width: 80%;
}

.our-team-left{
	width: 100%;
	margin-top: 0em;
}


.our-team-right{
	width: 100%;
	padding: 0.8em 0em;
	margin-right:0em;
	margin-top: 0em;
}

.our-team-right-header{
	font-size: 0.8em;
	
}

.our-team-right p{
	font-size: 1.2em;
}


.team-member {
  width: 50%;
}
	
.card-text p {
width:100%;
  top: 80%;
  left: 80%;
  transform: translate(-80%, -50%);
}
.overlay-content-team-image{
	display: none !important
}
	

.overlay-content-team p {
	font-size: 0.9em;	
	width: 95%;
	line-height: 1.1em;
}
	
.services-homepage{
	width: 80%;
}

.services-left-homepage{
	width:100%;
	margin-top: 0em;
}


.services-right-homepage{
	width: 100%;
	padding: 0em 0em;
	margin-right: 0em;
	margin-top: 0em;


}

.services-right-homepage p{
	font-weight:300;
	color: #53575a;	
	line-height: 1.4em;
	font-size: 1.2em;
}




.service-sections-block > div {
  width: 100%;


}

.service-sections-block p{
	line-height: 1.4em;
	padding-bottom: 2.0em;
	margin: 0;
	
}


.service-sections-block img{
	width: 100%;
	padding-bottom: 0em;

}



.news-homepage-inner > div {
  width: 90%;
  margin: 0 auto;
padding-bottom: 1em;
}


.news-homepage-inner p{
	padding-top: 1.4em;
margin-top: 0em;
	width: 90%;	
	font-size: 1.2em;
	
}
	
	.circle_bullets{
		display: none !important;
	}

/*--------------------------Footer----------------------------------*/

.footer{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-image: none;

	}

.inner-footer{
	width: 80%;
	margin: 0 auto;
 	flex-wrap: none;	
	padding: 1.2em 0 0em 0;

}
	
.inner-footer div{
		width: 100%;
	}
	
	.inner-footer p{
	width: 100%;

}
	
	.inner-footer a{
	color: rgba(147,192,31,1);
	text-decoration: none;
		font-size: 1.4em;
		
}
.inner-footer a:hover{
	color: #FFFFFF;
	transition: 2s;
	
}
	
	#whatwedofooter{
	display: none;
}

.legal-line-footer{
	width: 100%;
}


.inner-legal-line-footer p{
	line-height:1.5em;
}

.social-media{
display: none;
}


.whatwedofooter{
display: none;
}
	
.inner-footer h7{
display: none;
}

	.address{
		text-align: left;
		width: 100%;
		margin: 0 auto;
	
	}
	



/*--------------------------CONTACT US PAGE-----------------------------------*/

.contact-cards-outter{
	width: 90%;
}
	
	
.contact-cards-block > div {
  width: 100%;
 padding:2.8em;
}

	
	
/*--------------------------SERVICE PAGE PAGE-----------------------------------*/	
	
	.big-image p{
		display: none;
	}

	.service-logos img{
	padding-top: 1.8em;
}




/*--------------------------NEWS PAGE-----------------------------------*/	


.news-block > div {
  width: 100%;

}

/*--------------------------CASE STUDY THREE IN A BLOCK SECTION-----------------------------------*/



.case-study-sections{

	padding-top: 1.8em;

}


.case-study-block > div {
  width: 100%;

}

.case-study-block p{
	line-height: 1.2em;
	
}

/*--------------------------CASE STUDY INDIVIDUAL PAGE-----------------------------------*/

.casestudy-pages{

	padding-bottom: 0.8em;
	
}
.casestudy-pages-inner {
  display: flex;
  flex-wrap: wrap;
}

.casestudy-pages-inner > div {
  width: 100%;
  margin: 2%;
 
}

	/*--------------------------NEWS INDIVIDUAL PAGE-----------------------------------*/

.news-text{
	width: 90%;
}

}