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

html {
  scroll-behavior: smooth;
}
body {
	background-color: #fff;
	font-family:'Open Sans', sans-serif;
	color: #333;
	font-size: 18px;
	font-weight: 500;
	margin:0;
}
h1, h2, .logo {
	font-family:'Raleway', sans-serif;
	font-weight:600;
}
h1, .logo {
	font-size: 34px;
	margin:0;
}
.logo {
	font-weight:200;
	transition:all 0.2s ease-in-out;
	white-space: nowrap;
	position:absolute;
	z-index:1020;
	top:35px;
	color:rgba(255,255,255,0.6);
}
.logo strong {
	font-weight:700;
	margin-left:-6px;
	color:rgba(255,255,255,0.6);
	transition:all 0.2s ease-in-out;
}
.logo:hover, .logo:hover strong {
	color:#FCDC04;
	transition:all 0.2s ease-in-out;
}
h2 {
	font-size: 34px;
	margin:0 0 50px 0;
}
h3 {
    position: relative;
	margin-top: 40px;
}

.bodyheading {
    position: relative;
	margin-top: 40px;
    display: block;
    font-size: 1.17em;
    margin-top:0;
    margin-bottom: 1em;
    font-weight: bold;
}

.gallery h2 {
	margin:0 0 10px 0;
}
.gallery h3 {
    position: relative;
	margin-top: 0px;
	margin-bottom: 60px;
}

h3 span {
	font-family: 'Frank Ruhl Libre', serif;
    font-style: italic;
    font-size: 30px;
    opacity: 0.3;
}
a {
	color:#FF3300;
	transition:all 0.2s ease-in-out;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#000;
}
.page-content a.contact {
	padding: 12px 20px;
    margin: 0px 15px 0 0;
    transition: all 0.2s ease-in-out;
}
.page-content .whitebg a.contact,
.page-content .greybg a.contact,
.page-content .redbg a.contact {
	background-color: rgba(252, 220, 4,1);
    color: #000;
    display: inline-block;
    float: left;
}
.page-content .whitebg a.contact:hover, 
.page-content .greybg a.contact:hover,
.page-content .redbg a.contact:hover {
	background-color:rgba(0, 0, 0,1);
	color:#fff;
}

.page-content .greybg a {
	color:#000;
}
.page-content .greybg a:hover {
	color:#fff;
}
.page-content .yellowbg a {
	color:#FF3300;
}
.page-content .yellowbg a:hover {
	color:#000;
}
.page-content .yellowbg a.contact,
.page-content .palegreybg a.contact {
	background-color: #D71E1A;
	color: #FFF;
	display: inline-block;
	float: left;
}
.page-content .yellowbg a.contact:hover,
.page-content .palegreybg a.contact:hover {
	background-color:rgba(0, 0, 0,1);
	color:#fff;
}
.page-content .yellowbg hr {
	border-top: 1px solid rgba(0,0,0,0.25);
	border-bottom:none;
    margin: 30px auto;
    width: calc(100% - 100px);
}
.page-content .greybg hr,
.page-content .redbg hr {
	border-top: 1px solid rgba(255,255,255,0.25);
	border-bottom:none;
    margin: 30px auto;
    width: calc(100% - 100px);
}
.page-content .whitebg hr {
	border-top: 1px solid #DDD;
    margin: 30px auto;
    width: calc(100% - 100px);
	border-bottom:none;
}
.header {
	background-color:#333;
	width:100%;
	position:fixed;
	z-index:300;
	color:#fff;
}
.headerspacing {
	height: 90px;
}
ul.nav {
	text-align:right;	
	white-space:nowrap;
}
ul.nav li {
	list-style:none;
	display:inline-block;
	white-space:nowrap;
}
ul.nav li a {
	color:#fff;
	margin-left:30px;
	text-decoration:none;
	transition: all 0.2s ease-in-out;
	font-size:18px;
	font-weight:500;
}
ul.nav li a:hover {
	color:#FCDC04;
	margin-left:30px;
	text-decoration:none;
}
ul.nav li a.contact-butt {
	background-color:#333;
    background-image: url(../images/phone-transparent-white.png);
    background-repeat: no-repeat;
    color: #fff;
    padding: 10px 15px 10px 35px;
    margin: -10px 0 0 20px;
    background-position-x: 5px;
    background-position-y: 10px;
	transition: background-color 0.2s ease-in-out;
}
ul.nav li a.contact-butt:hover {
    color: #000;
    background-image: url(../images/phone-transparent-black.png);
	background-color:#FCDC04;
}
.footer {
	background:#333;
	text-align:center;
	width:100%;
	color:#fff;
}
.footer, .footer h2, .footer h3, .footer a {
	font-weight:300;
}
.footer h2 {
	font-size:28px;
	margin-bottom:0;
	font-family:'Open Sans', sans-serif;
}
.footer h3 {
	font-size:18px;
	margin:0 0 30px 0;
}
.footer h2, .footer h3 {
	opacity:0.7;
}
.footer a {
	text-decoration:none;
	font-weight:600;
	color:#FCDC04;
	transition: all 0.2s ease-in-out;
	opacity:0.75;
}
.footer a:hover {
	color:#fff;
	opacity:1;
	transition: all 0.2s ease-in-out;
}
.footer .legal {
	color:rgba(255,255,255,0.2);
	font-size:85%;
}
.footer .legal a {
	color:rgba(255,255,255,0.75);
	transition: all 0.2s ease-in-out;
	font-weight:300;
}
.footer .legal a:hover {
	color:rgba(255,255,255,1);
}


.whitebg, .yellowbg, .palegreybg, .midgreybg, .redbg {
	width:100%;
	padding:70px 0;
}
.container {
	max-width:1200px;
	margin:auto;
	padding: 30px 50px;
}
.whitebg {
	background-color:#fff;
}
.yellowbg {
	background-color:#FCDC04;
	color:#000;
	font-weight: 500;
}
.redbg {
	background-color:#D71E1A;
	color:#fff;
	font-weight: 500;
}

.greybg {
	background-color:#333;
	color:#fff;
	font-weight: 400;
}
.midgreybg {
    background-color: #cbcbc6;
    color: #333;
    font-weight: 400;
}
.palegreybg {
	background-color:#ddd;
	color:#000;
	font-weight: 400;
}

.palegreybg.gradientbg {
	background-image: linear-gradient(#ddd, #fff);
}

.col-width-one-third {
	width:calc(100% / 3 - 40px);
}
.col-width-two-thirds {
	width:calc(100% / 1.5 - 40px);
}

.col-width-one-half {
	width:calc(100% / 2 - 40px) !important;
	display:inline-block;
}
.col-width-one-third, .col-width-two-thirds, .col-width-one-half {
	display:inline-block;
	vertical-align:top;
}

.col-width-one-quarter {
	width:calc(100% / 4 - 38px);
	display:inline-block;
	margin-right:40px;
	position: relative;
}
h2.hpprojects-heading {
    font-weight: 300;
    margin: 0px 20px 20px 0;
	text-align:center;
}


.projects .col-width-one-quarter:last-child  {
	margin-right:0;
}

.col-width-one-quarter.projectshp {
	height:180px;
	overflow:hidden;
}

.col-width-one-quarter.projectshp .overlay {
	position: absolute;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height:0;
	transition: 0.2s ease-in-out;
}
.col-width-one-quarter.projectshp img {
	object-fit: cover;
	height:180px;
	width:100%;
}
.col-width-one-quarter.projectshp.residential .overlay {
	bottom: 100%;
}
.col-width-one-quarter.projectshp.commercial .overlay {
	bottom: 0;
}
.col-width-one-quarter.projectshp.residential .overlay {
	background-color: #FCDC04;
}
.col-width-one-quarter.projectshp.commercial .overlay {
	background-color: #D71E1A;
}
.col-width-one-quarter.projectshp:hover .overlay {
	bottom: 0;
	height: 100%;
}
.col-width-one-quarter.projectshp .text {
	color: white;
	font-size: 20px;
	position: absolute;
	color:#333;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	font-family:'Frank Ruhl Libre', serif;
	font-weight:500;
	width:70%;
	font-size:21px;
}
.col-width-one-quarter.projectshp.projectshp .text em {
	display:block;
	font-family:'Frank Ruhl Libre', serif;
	font-weight:300;
	font-size:17px;
}
.col-width-one-quarter.projectshp.commercial .text {
	color:#fff;
}
.list-two-columns {
	column-count: 2;
	column-gap: 80px;
}

img {
	max-width:100%;
}
. {
	margin-right:30px;
}
.blockright {
	margin-left:30px;
}

.blockleft.gallery {
	margin-right:15px;
}
.blockright.gallery {
	margin-left:15px;
}

.blockleft.gallery .one-image, .blockright.gallery .one-image {
	margin-bottom:25px;
}

.gallery .three-image__left {
    width: calc(50% - 15px);
}
.gallery .three-image__right {
    width: calc(50% - 15px);
}
.gallery .three-image {
    margin-bottom: 25px;
}

.gallery .three-image__small {
    margin-bottom: 30px;
	background-clip: content-box;
    padding-bottom: 5px;
}


#architecture-services-london-south-east {
	background:url(../images/content-bg-example-05.jpg);
	background-attachment: fixed;
	background-size:cover;
	background-repeat: no-repeat;
}
.bg-image {
	padding:120px 0 120px;
}
.bg-image-contact-us {
	background-attachment: fixed;
	background-size:cover;
	background-repeat: no-repeat;
	padding:100px 0;
	background-image: url(../images/contact-bg.jpg);
}
.bg-image-contact-us .container.whitebg {
	display:flex;
}
#myVideo {
	position: absolute;
	right: 0;
	bottom: 0;
	top:-300px;
	left:0;
	min-width: 100%; 
	max-width: 100%; 
	min-height: 100%;
	z-index:-100;
}
.hidden {
	display:none;
}
.videoheight {
	height:500px;
	margin-top:30px;
	position:relative;
	z-index:-200;
}


#myVideo {
	animation: fade-loop ease-in-out;
	animation-duration: 10s;
	-webkit-animation-duration: 9s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	opacity:0;
}

@keyframes fade-loop {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }
    10% {
        display: block;
        opacity: 1;
    }
    80% {
        display: block;
        opacity: 1;
    }
    100% {
        display: block;
        opacity: 1;
    }
}


.gal::after {
    height: calc(100% - 5px) !important;
}









.contactform {
	animation: fade-in ease-in-out;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	opacity:0;
}

@keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}
.pagetitle {
    position: absolute;
    bottom: 0;
    left: 0;
	right:0;
    margin: 0 auto;
    display: block;
    width: 1100px;
}

.videoheight .video-title {
	position:absolute;
	bottom:0;
	background:#333;
	color:#fff;
	font-size:34px;
	font-family:'Raleway', sans-serif;
	padding: 30px 0px;
	text-align:center;
	font-weight:900;
	z-index:100;
	right:65px;
	margin:0;
	max-width:326px;
	display:block;
}
.videoheight h1 {
	position: absolute;
    bottom: -25px;
    left: -50px;
    background: #fff;
    color: #333;
    font-size: 34px;
    font-family: 'Raleway', sans-serif;
    padding: 30px 50px 20px;
    text-align: left;
    font-weight: 300;
    z-index: 100;
    margin: 0;
    display: block;
	width:580px;
}


blockquote { 
    padding: 20px 40px;
    position: relative;
    font-style: italic;
	margin:40px 0;
	font-family:'Frank Ruhl Libre', serif;
	font-size:20px;
	font-weight:300;
}


.whitebg blockquote { 
    border: 15px solid #eee;
}

.yellowbg blockquote { 
    border: 15px solid rgba(0,0,0,0.1);
}
.palegreybg blockquote { 
    border: 15px solid rgba(0,0,0,0.05);
}

cite {
	display:block;
	margin-top:15px;
	margin-bottom:10px;
	text-align:right;
	font-size:85%;
	font-style:normal;
	color:rgba(0,0,0,0.65);
	font-family:'Open Sans', sans-serif;
}
.yellowbg cite {
	color:rgba(0,0,0,1);
	font-weight:400;
}
blockquote:before {
	content: " ";
    position: absolute;
    top: -20px;
    left: 50px;
    width: calc(100% - 100px);
    display: block;
    height: 20px;
}
blockquote:after {
	content: " ";
    position: absolute;
    bottom: -20px;
    left: 50px;
    width: calc(100% - 100px);
    display: block;
    height: 20px;
}
.whitebg blockquote:before {
    background: #fff;
}
.whitebg blockquote:after {
    background: #fff;
}
.yellowbg blockquote:before {
    background: #FCDC04;
}
.yellowbg blockquote:after {
    background: #FCDC04;
}
.palegreybg blockquote:before {
    background: #ddd;
}
.palegreybg blockquote:after {
    background: #ddd;
}



.1BhZGJXaMEaNH9X-OXApQA {
	display:none !important;
}
.cognito .c-forms-form .c-forms-form-title h2 {
	display:none;
}
.cognito:not(.c-forms-actionBar) {
	width:100% !important;
	max-width:100% !important;
	overflow:hidden !important;
	height:455px !important;
    margin-left: -10px !important;
	margin-top:20px !important;
}
.cognito .c-forms-form :not(.c-question) > .c-label {
	font-family:'Open Sans', sans-serif !important;
	font-size:16px !important;
	font-weight:500 !important;
}
.cognito .c-forms-form .c-forms-heading {
	display:none !important;
}
.cognito .c-span-24 .c-span-12 {
	width: 100% !important;
}
.cognito .c-forms-form button:not(.c-icon-button) {
	background-color: rgba(252, 220, 4,1) !important;
	font-family:'Open Sans', sans-serif !important;
    color: #000 !important;
	font-weight:bold !important;
	border-radius: 0 !important;
	border-color:rgba(252, 220, 4,0) !important;
	padding: 12px 20px !important;
	transition: all 0.2s ease-in-out;
	font-size:18px !important;
}
.cognito #c-submit-button:hover {
	background-color: rgba(0, 0, 0,1) !important;
    color: #fff !important;
}
.cognito input[type=text], .cognito input[type=tel], .cognito input[type=email], .cognito .c-forms-form textarea {
	font-size:16px !important;
	padding:10px 15px !important;
	font-family:'Open Sans', sans-serif !important;
}
.cognito .c-validation {
	border-radius:0 !important;
	margin-left:3px !important;
	margin-right:12px !important;
	font-family:'Open Sans', sans-serif !important;
	font-size:14px !important;
	padding:5px 10px !important;
}
.phone {
	background-image:url(../images/phone.png);
	background-repeat:no-repeat;
	padding-left:35px;
	display:inline-block;
	margin-bottom:20px;
}
.email {
	background-image:url(../images/mail.png);
	background-repeat:no-repeat;
	padding-left:35px;
	display:inline-block;
	margin-bottom:20px;
}
.footer .phone {
	background-image:url(../images/phone-grey.png);
	margin-bottom:10px;
}
.footer .email {
	background-image:url(../images/mail-grey.png);
	margin-bottom:10px;
}
.arrow {
	position:relative;
}
.arrow:after {
	content: "";
	background-repeat: no-repeat;
    height: 70px;
    width: 50px;
    color: rgba(0,0,0,0);
    display: block;
    bottom: -60px;
    position: absolute;
    z-index: 100;
    left: calc(50% - 25px);
    opacity: 1;
}
.yellowbg.arrow:after {
    background-image: url(../images/arrow-yellow.png);
}
.whitebg.arrow:after {
    background-image: url(../images/arrow-white.png);
}
.whitebg.center.arrow:after {
    background-image: url(../images/arrow-white.png);
	left:calc(50% - 35px);
}
.palegreybg.arrow:after {
    background-image: url(../images/arrow-palegrey.png);
}
.midgreybg.arrow:after {
    background-image: url(../images/arrow-midgrey.png);
}
.arrow.arrowright:after {
    left: calc(50% - 25px);
}

.service-header {
	padding:0;
}
.service-header h3 {
	margin:10px; 0;
}
.anchor {
	margin-top:-200px;
	position:absolute;
}
.two-column-text {
	column-count: 2;
	column-gap: 80px;
}
#terms-of-service h3, #privacy-policy h3 {
	margin-top:0;
}
#terms-of-service .two-column-text, #privacy-policy .two-column-text {
	font-size:85%;
}
#terms-of-service .two-column-text a, #privacy-policy .two-column-text a {
	white-space:nowrap;
}

.container.whitebg.projects.hpprojectstop {
	position:relative;
	margin-bottom:70px;
}
.container.whitebg.projects.hpprojectsbottom {
	position:relative;
	padding-bottom:70px;
	padding-top:20px;
}
.container.whitebg.projects.hpprojectstop:before {
    content: "";
    position: absolute;
    bottom: -40px;
    left: 0;
    border-width: 20px;
    border-style: solid;
    border-color: #fff #fff transparent transparent ;
}
.container.whitebg.projects.hpprojectstop:after {
    content: "";
    position: absolute;
    bottom: -40px;
    right: 0;
    border-width: 20px;
    border-style: solid;
    border-color: #fff transparent transparent #fff ;
}
.container.whitebg.projects.hpprojectsbottom:before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    border-width: 20px;
    border-style: solid;
    border-color: transparent #fff #fff transparent;
}
.container.whitebg.projects.hpprojectsbottom:after {
    content: "";
    position: absolute;
    top: -40px;
    right: 0;
    border-width: 20px;
    border-style: solid;
    border-color: transparent transparent #fff  #fff ;
}
.hpprojectstop-border:after {
    content: "";
    position: absolute;
    bottom: -80px;
    background-color: #fff;
    display: block;
    width: calc(100% - 80px);
    left: 40px;
    height: 80px;
}
.container.whitebg.projects.hpprojectsbottom h2 {
	position:absolute;
	top:-50px;
	left:-10px;
	width:100%;
	text-align:centre;
}
.hpprojects-heading em {
	font-weight:300;
	color:rgba(0,0,0,0.7);
	font-style:normal;
}


.burgermenu {
  display: inline-block;
  cursor: pointer;
  z-index:1010;
  position:absolute;
  top:30px;
  right:30px;
}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

#mobilemenu {
  display:none;
}

.hero {
	width: 100%;
	min-height: 500px;
	position: relative;
	animation-name: homepageanimation;
	animation-duration: 40s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	background-size:cover;
	background-repeat:no-repeat;
}
body#homepage-architecture-services-london-south-east:after{
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 
   content:url(../images/home/hero/hero-07.jpg) url(../images/home/hero/hero-01.jpg) url(../images/home/hero/hero-06.jpg) url(../images/home/hero/hero-08.jpg) url(../images/home/hero/hero-05.jpg);  
}
@keyframes homepageanimation {
  0%   {background-image: url("../images/home/hero/hero-07.jpg");}
  15%  {background-image: url("../images/home/hero/hero-07.jpg");}
  20%  {background-image: url("../images/home/hero/hero-01.jpg");}
  35%  {background-image: url("../images/home/hero/hero-01.jpg");}
  40%  {background-image: url("../images/home/hero/hero-06.jpg");}
  55%  {background-image: url("../images/home/hero/hero-06.jpg");}
  60%  {background-image: url("../images/home/hero/hero-08.jpg");}
  75%  {background-image: url("../images/home/hero/hero-08.jpg");}
  80%  {background-image: url("../images/home/hero/hero-05.jpg");}
  95%  {background-image: url("../images/home/hero/hero-05.jpg");}
  100% {background-image: url("../images/home/hero/hero-07.jpg");}
}

.herouganda {
	width: 100%;
	position: relative;
	animation-name: herouganda;
	animation-duration: 32s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	background-repeat:no-repeat;
	background-size:cover;
}

body#architectural-services-in-uganda:after{
   position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 
   content:url(../images/uganda/lake-victoria-01.jpg) url(../images/uganda/lake-victoria-02.jpg) url(../images/uganda/lake-victoria-03.jpg) url(../images/uganda/panoramic-resized-tint.jpg);  
}
@keyframes herouganda {
  0%   {background-image: url("../images/uganda/lake-victoria-01.jpg");}
  20%  {background-image: url("../images/uganda/lake-victoria-01.jpg");}
  25%  {background-image: url("../images/uganda/lake-victoria-02.jpg");}
  45%  {background-image: url("../images/uganda/lake-victoria-02.jpg");}
  50%  {background-image: url("../images/uganda/lake-victoria-03.jpg");}
  70%  {background-image: url("../images/uganda/lake-victoria-03.jpg");}
  75%  {background-image: url("../images/uganda/panoramic-resized-tint.jpg");}
  95%  {background-image: url("../images/uganda/panoramic-resized-tint.jpg");}
  100% {background-image: url("../images/uganda/lake-victoria-01.jpg");}
}

.page-content .herouganda {
	background-repeat:no-repeat;
    background-size: cover;
}
.page-content .herouganda a {
	color:#FF3300;
}
.page-content .herouganda a:hover {
	color:#000;
}
.page-content .herouganda a.contact {
	background-color: #D71E1A;
	color: #FFF;
	display: inline-block;
	float: left;
}
.page-content .herouganda a.contact:hover {
	background-color:rgba(0, 0, 0,1);
	color:#fff;
}
.page-content .herouganda hr {
	border-top: 1px solid rgba(255,255,255,0.25);
	border-bottom:none;
    margin: 30px auto;
    width: calc(100% - 100px);
}
.page-content .herouganda {
	width:100%;
	padding:30px 0;
	color:#FFFFFF;
}
.page-content .herouganda .container {
	padding:30px 50px 0;
}



















@media screen and (max-width: 1199px) {

	.container {
		max-width:100% !important;
		padding:30px 20px !important;
	}
	#mobilemenu {
		display:block;
	}
	ul.nav {
 		display:none;
	}
	.topnav {
	  	overflow: hidden;
	  	background-color: #333;
	  	display:block;
	}
	
	.topnav #myLinks {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000;
		visibility: hidden;
		width: 100vw;
		background: rgba(0,0,0,1);
		height: 100vh;
		padding-top:120px;
		transition: visibility 0, opacity 0.5s ease-in-out;
	}
	
	.topnav a {
	  color: rgba(255,255,255,1);
	  padding: 15px 22px;
	  text-decoration: none;
	  display: block;
	  transition: all 0.25s ease-in-out;
	  font-weight:300;
	  font-size:140%;
	}
	
	
	.topnav a:hover {
	  background-color: #ddd;
	  color: black;
	}
	
	.active {
	  background-color: #4CAF50;
	  color: white;
	}
	#myLinks {
		display:block;
		transition:all 0.2s ease-in-out;
	}
	.logo {
		position:absolute;
		top:12px;
		font-size:26px;
	}
	.logo strong {
		clear:left;
		display:block;
		margin:0;
	}
	#myVideo {
		display:none;
	}
	.videoheight {
		display:none;
	}
	.whitebg {
		padding:20px 0 70px 0;
	}
	.col-width-two-thirds, .col-width-one-third, .col-width-one-half {
		width:auto !important;
	}
	.col-width-one-quarter.projectshp {
		width: 47%;
		display: inline-block;
		padding: 0;
		margin-bottom: 4%;
	}
	
	.col-width-one-quarter.projectshp:nth-child(odd) {
		margin-right: 0;
		margin-left: 2%;
	}
	.col-width-one-quarter.projectshp:nth-child(even) {
		margin-right: 2%;
		margin-left: 0;
	}
	.blockleft, .blockright, .blockleft.gallery, .blockright.gallery  {
		margin:0;		
	}
	.blockleft.gallery .one-image, .blockright.gallery .one-image {
		margin-bottom:20px;		
	}
	a.contact {
		display:block !important;
		float:none !important;
		text-align:center;
		margin:0 0 20px 0 !important;
	}
	.mobilehide {
		display:none;
	}
	.whitebg, .yellowbg, .palegreybg, .midgreybg, .redbg {
		width: 100%;
		padding: 10px 0;
	}
	h2 {
		margin:0;
	}
	.bg-image-contact-us {
		background-image:none;
		padding:0 !important;
	}
	.contactform {
		width:100% !important;
	}
	.container.whitebg.projects.hpprojectsbottom:before, 
	.container.whitebg.projects.hpprojectsbottom:after,
	.container.whitebg.projects.hpprojectstop:before,
	.container.whitebg.projects.hpprojectstop:after {
		display:none;
	}
	.container.whitebg.projects.hpprojectstop {
		margin-bottom:0;
	}
	.container.whitebg.projects.hpprojectsbottom h2 {
		top:-40px;
	}
	.col-width-one-quarter.projectshp .text {
		font-size:18px;
	}
	.arrow.arrowright:after, .arrow:after {
		display:none;
	}
	.pagetitle {
		width: 100%;
	}
	@keyframes height-animate {
		0% { transform: translateY(0px) }
		100% { transform: translateY(-220px) }
	}
	.bg-image {
		padding:0;
	}
	.headerspacing {
		height:80px;	
	}
	img {
		max-width:100%;
		height:auto;
	}
	.two-column-text {
		column-count: 1;
    	column-gap: 0;
	}
	.bg-image-contact-us .container.whitebg {
		display:block;
	}	
}
header.cog-header,
.cog-abuse.cog-wrapper,
.cog-branding.cog-branding--minimal {
	display:none !important;
}