/* 
 Theme Name:   Stonehouse Projects 
 Theme URI:    
 Description:  
 Author:       web@thedesignbank.co.uk
 Author URI:   http://stonehouse.thedb.uk
 Template:     wp-bootstrap-starter
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*fonts */

@font-face { 
font-family: AvenirNextLTPro-Bold; 
src: url(/fonts/AvenirNextLTPro-Bold.otf); 
font-weight: 700; 
}


@import url('https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
	
	.cp-mob-gallery-background{
		margin-left: 50%;
	}
	
	#masthead {
		    border: none !important;
	}
	
	.cp-font-med {
		font-family: "Montserrat", sans-serif;
		font-weight: 600 !important;

	}
	
	a._self:hover {
		color: grey;
	}
	
	.cp-contact-us-title {
	font-weight: 700;
    font-size: 65px;
    color: white;
    font-family: AvenirNextLTPro-Regular!important;
}
html {
  scroll-behavior: smooth;
}
h1 {
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
	font-family: "Montserrat", sans-serif;
	font-weight: 600 !important;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	 input[type='checkbox'], input[type='radio'] {
		 --active: #CA003D;
		 --active-inner: #fff;
		 --focus: 2px rgba(39, 94, 254, .3);
		 --border: none;
		 --border-hover: #275efe;
		 --background: #fff;
		 --disabled: #f6f8ff;
		 --disabled-inner: #e1e6f9;
		 -webkit-appearance: none;
		 -moz-appearance: none;
		 height: 21px;
		 outline: none;
		 display: inline-block;
		 vertical-align: top;
		 position: relative;
		 margin: 0;
		 cursor: pointer;
		 border: 1px solid var(--bc, var(--border));
		 background: var(--b, var(--background));
		 transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
		 border-radius: 0 !important;
	}
	 input[type='checkbox']:after, input[type='radio']:after {
		 content: '';
		 display: block;
		 left: 0;
		 top: 0;
		 position: absolute;
		 transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
	}
	 input[type='checkbox']:checked, input[type='radio']:checked {
		 --b: var(--active);
		 --bc: var(--active);
		 --d-o: 0.3s;
		 --d-t: 0.6s;
		 --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
	}
	 input[type='checkbox']:disabled, input[type='radio']:disabled {
		 --b: var(--disabled);
		 cursor: not-allowed;
		 opacity: 0.9;
	}
	 input[type='checkbox']:disabled:checked, input[type='radio']:disabled:checked {
		 --b: var(--disabled-inner);
		 --bc: var(--border);
	}
	 input[type='checkbox']:disabled + label, input[type='radio']:disabled + label {
		 cursor: not-allowed;
	}
	 input[type='checkbox']:hover:not(:checked):not(:disabled), input[type='radio']:hover:not(:checked):not(:disabled) {
		 --bc: var(--border-hover);
	}
	 input[type='checkbox']:focus, input[type='radio']:focus {
		 box-shadow: 0 0 0 var(--focus);
	}
	 input[type='checkbox']:not(.switch), input[type='radio']:not(.switch) {
		 width: 21px;
	}
	 input[type='checkbox']:not(.switch):after, input[type='radio']:not(.switch):after {
		 opacity: var(--o, 0);
	}
	 input[type='checkbox']:not(.switch):checked, input[type='radio']:not(.switch):checked {
		 --o: 1;
	}
	 input[type='checkbox'] + label, input[type='radio'] + label {
		 font-size: 14px;
		 line-height: 21px;
		 display: inline-block;
		 vertical-align: top;
		 cursor: pointer;
		 margin-left: 4px;
	}
	 input[type='checkbox']:not(.switch) {
		 border-radius: 7px;
	}
	 input[type='checkbox']:not(.switch):after {
		 width: 5px;
		 height: 9px;
		 border: 2px solid var(--active-inner);
		 border-top: 0;
		 border-left: 0;
		 left: 7px;
		 top: 4px;
		 transform: rotate(var(--r, 20deg));
	}
	 input[type='checkbox']:not(.switch):checked {
		 --r: 43deg;
	}
	 input[type='checkbox'].switch {
		 width: 38px;
		 border-radius: 11px;
	}
	 input[type='checkbox'].switch:after {
		 left: 2px;
		 top: 2px;
		 border-radius: 50%;
		 width: 15px;
		 height: 15px;
		 background: var(--ab, var(--border));
		 transform: translateX(var(--x, 0));
	}
	 input[type='checkbox'].switch:checked {
		 --ab: var(--active-inner);
		 --x: 17px;
	}
	 input[type='checkbox'].switch:disabled:not(:checked):after {
		 opacity: 0.6;
	}

html,body { overflow-x: hidden; }
.cp-team-laptop-tweak {
	padding-top: 130px;
}
	
	.cp-mob-below-history-background{
		
	}
	
	.cp-news-tweak-laptop {
		margin-top: -250px;
	}
	
	.cp-careers-laptop-tweak {
			    padding-top: 50px;
		}
	
	.cp-project-tweak {
	left: -4px;
    position: relative;
}
	
	.cp-project-title {
		position: absolute;
    top: 40%;
    color: white;
    padding-left: 100px;
    font-size: 30px;
    }
	
	.cp-white-icons {
	color: #AA9767!important;
}

	.cp-mob-below-overview-background{
		margin-left: 20%;
	}
	
	.cp-hardman-lottie {
	max-width: 50%!important;
    height: 100%!important;
    left: -50px!important;
    position: relative!important;
	}
	
	
	img#cp-main-logo {
    padding-left: 4px;
}
h2 {
	color: #AA9767;
	font-family: "Montserrat", sans-serif;
	font-weight: 700 !important;
	font-size: 24px;
	line-height: 35px;
}

p.section_title {
	font-weight: 600;
	letter-spacing: 4px;
	font-size: 14px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}
.left_bg_commercial {
	position: absolute;
	left: 0;
	bottom: -200px;
}
.left_animation {
	position: absolute;
	bottom: -20px;
}
.l_padding_t {
  padding-top: 150px;
}
.l_padding_b {
  padding-bottom: 150px;
}
.m_padding_b {
  padding-bottom: 90px;
}
.first_bg {
  position: absolute;
  left: 0;
}
h2.italic {
  font-family: 'STIX Two Text', serif!important;
  font-style: italic;
  color: #AA9767;
  font-size: 28px!important;
  padding-left: 6vh;
}
.white {
  color: white;
}
section.gold_bar {
	background: #AA9767;
	padding-top: 8px;
	padding-bottom: 8px;
}
section.gold_bar a {
	color: white;
}
section.gold_bar span {
	color: white;
	font-size: 14px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700 !important;
}
span.line {
	padding-left: 4vw;
	padding-right: 4vw;
}
.gold_gradient {
  background: linear-gradient(to right, #ffffff 0%, #ffffff 35%, #A99767 35%, #A99767 100%);
}
.grey_bg {
  background: linear-gradient(to right, #ffffff 0%, #ffffff 30%, #f3f4f5 30%, #f3f4f5 100%)
}
.gold_gradient .padding {
	padding: 150px 0px;
}
#gallery .item img {
	min-height: auto;
	object-fit: cover;
	object-position: center;
}
#gallery .item {
	width: auto !important;
}
#counter {
  margin-top: 20px;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
}
#gallery .nav-button.owl-prev {
	margin-left: 10px!important;
	border-radius: 0px!important;
	padding: 0px 5px!important;
	background-color: #AA9767!important;
	color: white!important;
	font-size: 25px!important;
	padding-bottom: 5px!important;
	padding-left: 0;
	padding-right: 0;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 400;
	padding-top: 5px !important;
	width: 47px;
	height: 47px;
	margin: 0 !important;
}
#gallery .nav-button.owl-next {
	margin-left: 10px!important;
	border-radius: 0px!important;
	padding: 0px 5px!important;
	background-color: #AA9767!important;
	color: white!important;
	font-size: 25px!important;
	padding-bottom: 5px!important;
	padding-left: 0;
	padding-right: 0;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 400;
	padding-top: 5px !important;
	width: 47px;
	height: 47px;
	margin: 0 !important;
}
#gallery .owl-nav {
	float: right;
}
img.mfp-img {
	height: 70vh !important;
}	
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/wp-content/uploads/2022/06/arrow-down.svg);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 25px;
    border: 1px solid #dfdfdf;
    margin-right: 2rem;
    padding: 1rem;
    padding-right: 2rem;
}	
	/** LIGHTBOX MARKUP **/

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000c2;
  overflow: hidden;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  margin-top: 15vh;
  max-width: 800px;
}
/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 125px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white!important;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.cp-about-margins {
	margin-bottom: 150px;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.cp-team-ipad-tweak {
	padding-top: 190px;
}
.padding-btm-large {
	padding-bottom: 90px;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.padding-y-top {
	padding-top: 45px;
}
.padding-y-btm {
	padding-bottom: 45px;
}
.p-t-20 {
	padding-top: 20px;
}
img.career-header {
    margin-top: -150px;
    min-height: 500px;
    object-fit: cover;
    object-position: left;
}
.entry-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 300px;
	padding-left: 86px;
}
.entry-sub {
    color: white;
    font-weight: 600;
    letter-spacing: 4px;
    font-size: 16px;
    padding-left: 2px;
    font-family: "Montserrat", sans-serif;
	font-weight: 400;
}
.paoc-popup-click.paoc-popup-cust-2810.paoc-popup-simple_link.paoc-popup-link {
  font-size: 14px;
  padding-left: 15px;
}
.paoc-popup-cust-2254 {
    font-size: 14px;
    padding-left: 15px;
}	
.paoc-popup-cust-2260 {
    font-size: 14px;
    padding-left: 15px;
}
	
/* this is css for the burns effect */
	
	.item img {
		min-height: 700px;
    object-fit: cover;
    object-position: center;
	}
	
	.kb_control_left,.kb_control_right
{
    top:50%;
    z-index:2;
    opacity:0;
    width:55px;
    height:55px;
    text-align:center;
    -webkit-transition:all ease-in-out .3s;
    transition:all ease-in-out .3s
}
.kb_wrapper:hover .kb_control_left,.kb_wrapper:hover .kb_control_right
{
    opacity:.8
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
    border: none;
    border-radius: 0;
	padding-top: 25px;
    padding-bottom: 25px;
}
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number.form-control {
    border: none;
    border-radius: 0;
	padding-top: 25px;
    padding-bottom: 25px;	
}
.paoc-popup .paoc-popup-inr-wrap {
    max-height: inherit;
    overflow-y: auto;
    background: #A99767;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.btn.btn-primary {
    border-radius: 0;
    padding: 10px 35px;
    margin-top: 20px;
}


.kb_icons
{
    line-height:50px;
    font-size:34px!important;
    font-weight:normal!important
}
.kb_control_left
{
    left:1%!important
}
.kb_control_right
{
    right:1%!important
}
.kb_elastic
{
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
.kb_elastic .item
{
    top:0;
    z-index:1;
    opacity:0;
    min-width:100%;
    position:absolute;
    left:0!important;
    display:block!important;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
    -webkit-transition:-webkit-transform .7s ease-in-out 0s,opacity ease-in-out .7s;
    transition:transform .7s ease-in-out 0s,opacity ease-in-out .7s
}
.kb_elastic .item:first-child
{
    top:auto;
    position:relative
}
.kb_elastic .item.active
{
    opacity:1;
    z-index:2;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
    -webkit-transition:-webkit-transform .7s ease-in-out 0s,opacity ease-in-out .7s;
    transition:transform .7s ease-in-out 0s,opacity ease-in-out .7s
}
.kb_wrapper
{
    overflow:hidden;
    max-height:650px
}
.kb_wrapper>.carousel-inner>.item>img,.kb_wrapper>.carousel-inner>.item>a>img
{
    margin:auto;
    opacity:.8;
    width:100%!important;
    -webkit-transform-origin:100% 0;
    -moz-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    -o-transform-origin:100% 0;
    transform-origin:100% 0;
    -webkit-animation:immortalkenburns 20000ms linear 0s infinite alternate;
    animation:immortalkenburns 20000ms linear 0s infinite alternate
}
    @-webkit-keyframes immortalkenburns
{
    0%
{
    -webkit-transform:scale(1);
    -webkit-transition:-webkit-transform 20000ms linear 0s
}
    100%
{
    -webkit-transform:scale(1.1);
    -webkit-transition:-webkit-transform 20000ms linear 0s
}

}
    @-moz-keyframes immortalkenburns
{
    0%
{
    -moz-transform:scale(1);
    -moz-transition:-moz-transform 20000ms linear 0s
}
    100%
{
    -moz-transform:scale(1.1);
    -moz-transition:-moz-transform 20000ms linear 0s
}

}
    @-ms-keyframes immortalkenburns
{
    0%
{
    -ms-transform:scale(1);
    -ms-transition:-ms-transform 20000ms linear 0s
}
    100%
{
    -ms-transform:scale(1.1);
    -ms-transition:-ms-transform 20000ms linear 0s
}

}
    @-o-keyframes immortalkenburns
{
    0%
{
    -o-transform:scale(1);
    -o-transition:-o-transform 20000ms linear 0s
}
    100%
{
    -o-transform:scale(1.1);
    -o-transition:-o-transform 20000ms linear 0s
}

}
    @keyframes immortalkenburns
{
    0%
{
    transform:scale(1);
    transition:transform 20000ms linear 0s
}
    100%
{
    transform:scale(1.1);
    transition:transform 20000ms linear 0s
}

}
.kb_caption
{
    left:10%;
    width:40%;
    bottom:60%;
    text-align:left;
}
.kb_caption_right
{
    left:50%
}
.kb_caption_center
{
    float:none;
    margin:auto
}
.kb_caption h1
{
    font-size:55px;
    font-weight:300;
    text-align: center;
    text-shadow:none;
    padding:5px 0 5px 15px;
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.kb_caption h2
{
    font-size:30px;
    text-align: center;
    text-shadow:none;
    padding-left:15px;
    font-weight:normal;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
@media  (max-width:480px) {
	.kb_control_left,.kb_control_right
	{
	    border:0
	}
	.kb_icons
	{
	    font-size:18px!important
	}
	.kb_caption
	{
	    left:0;
	    width:100%;
	    bottom:25%;
	    text-align:center
	}
	.kb_caption h1
	{
	    font-size:25px
	}
	.kb_caption h2
	{
	    font-size:20px
	}
}
@media(min-width:481px) and (max-width:600px)
	{
	.kb_control_left,.kb_control_right
	{
	    border:0
	}
	.kb_caption
	{
	    left:0;
	    width:100%;
	    bottom:25%;
	    text-align:center
	}
}
@media(min-width:601px) and (max-width:767px){
	.kb_caption{
	    left:0;
	    width:100%;
	    bottom:25%;
	    text-align:center
	}
}
@media(min-width:768px) and (max-width:991px){
	.kb_caption{
	    bottom:25%
	}
}
@media(min-width:992px) and (max-width:1199px){
	.kb_caption{
	    bottom:50%
	}
}
.kb_wrapper{
	    background:#000
}
.kb_control_left,.kb_control_left:hover,.kb_control_left:active,.kb_control_left:focus,.kb_control_right,.kb_control_right:hover,.kb_control_right:active,.kb_control_right:focus{
	color:#000;
	border:2px solid #fff;
	background:#fff !important
}
.kb_caption h1{
	color:#bf392b;
	background:#fff
}
.kb_caption h2{
	color:#fff
}
@media(max-width:600px){
	.kb_control_left,.kb_control_left:hover,.kb_control_left:active,.kb_control_left:focus,.kb_control_right,.kb_control_right:hover,.kb_control_right:active,.kb_control_right:focus{
	    border:none!important;
	    background:transparent!important
	}
}

/* end of burns effect css */


/* This is the animation arrow button on hover -*/
* {
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}

.pt-cv-title{
	height:80px;
	line-height: 2rem!important
}

a._self {
    line-height: 2rem;
}

.flex-inline {
		display: flex;
	}

.cp-btn-animation {
	
}

.career-seperator {
	    margin-top: -100px;
    margin-bottom: 210px;
}

a.mx-auto.btn.left.cp-no-desktop.pb-5 {
	color: #A99767;
}

section.sh-news {
    margin-top: -180px;
}

#cp-footer-ul a:hover {
	color: grey;
}

h3.news-headline {
    height: 80px;
}

.cp-grey-wrapper {
	  background: linear-gradient(
    to right, 
    #ced1d3 75%,
    #ffffff 100%
  );
  
  margin-top: -150px;
  margin-bottom: 100px;
  padding-bottom: 150px;
  padding-top: 150px;
}

span.mega-indicator {
	display: none!important;
}

.cp-sub-menu {
font-family: "Montserrat", sans-serif;
font-weight: 600 !important;
font-size: 16px!important;
border-right: none!important;
}

#mega-menu-wrap-main-menu #mega-menu-mmain-menu > li.mega-menu-flyout ul.mega-sub-menu{
	width: 350px!important;
	position: absolute;
    left: 26px;
}

#mega-menu-wrap-main-menu #mega-menu-wrap-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	font-size: 16px!important;
	padding-top: 2%!important;
padding-left: 7%!important;

}

a.btn { font-size: 16px;}

 p{font-size: 16px!important;}

.cp-animated-arrow.about-us {
    width: 23%;
    font-size: 18px;
}

button:focus {
    outline: 0px dotted !important;
    outline: 0px auto -webkit-focus-ring-color;
}


	
		/** LIGHTBOX MARKUP **/

.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
  display: block;
}

.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%!important;
  height: 85%!important;

  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}







 li, ul, p {font-family: font-family: "Montserrat", sans-serif;
	 font-weight: 400;
  }

.cp-menu-item a:hover {
	background: rgba(255,0,0,0.0)!important;
	color: #AA9767;
	}

 .the-arrow {
	 width: 1px;
	 transition: all 0.2s;
}

 .the-arrow.-left {
	 position: absolute;
	 top: 50%;
	 left: 0;
}

 .the-arrow.-left > .shaft {
	 width: 0;
	 background-color: #4c4c4c;
}
 .the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
	 width: 0;
	 background-color: #4c4c4c;
}
 .the-arrow.-left > .shaft:before {
	 transform: rotate(0);
}
 .the-arrow.-left > .shaft:after {
	 transform: rotate(0);
}
.-right {
	 top: 50%;
}
 .-right > .shaft {
	 width: 65px;
	 transition-delay: 0.2s;
}
 .-right > .shaft:before, .-right > .shaft:after {
	 width: 8px;
	 transition-delay: 0.3s;
	 transition: all 0.5s;
}
 .-right > .shaft:before {
	 transform: rotate(40deg);
}
 .-right > .shaft:after {
	 transform: rotate(-40deg);
}
 .the-arrow > .shaft {
	 background-color: #4c4c4c;
	 display: block;
	 height: 1px;
	 position: relative;
	 transition: all 0.2s;
	 transition-delay: 0;
	 will-change: transform;
}
 .the-arrow > .shaft:before, .the-arrow > .shaft:after {
	 background-color: #4c4c4c;
	 content: '';
	 display: block;
	 height: 1px;
	 position: absolute;
	 top: 0;
	 right: 0;
	 transition: all 0.2s;
	 transition-delay: 0;
}
 .the-arrow > .shaft:before {
	 transform-origin: top right;
}
 .the-arrow > .shaft:after {
	 transform-origin: bottom right;
}
a:hover {text-decoration: none;}
 .animated-arrow {
	 display: inline-block;
	 color: #4c4c4c;
	 font-size: 1.25em;
	 text-decoration: none;
	 position: relative;
	 transition: all 0.2s;
}
 .animated-arrow:hover {
	 color: #808080;
	 text-decoration: none;
}
 .animated-arrow:hover > .the-arrow.-left > .shaft {
	 width: 64px;
	 transition-delay: 0.1s;
	 background-color: #808080;
}
 .animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
	 width: 8px;
	 transition-delay: 0.1s;
	 background-color: #808080;
}
 .animated-arrow:hover > .the-arrow.-left > .shaft:before {
	 transform: rotate(40deg);
}
 .animated-arrow:hover > .the-arrow.-left > .shaft:after {
	 transform: rotate(-40deg);
}
 .animated-arrow:hover > .main {
	 transform: translateX(17px);
	 transform: translateX(80px);
}
 .animated-arrow:hover > .main > .the-arrow.-right > .shaft {
	 width: 0;
	 transform: translateX(200%);
	 transition-delay: 0;
}
 .animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
	 width: 0;
	 transition-delay: 0;
	 transition: all 0.1s;
}
 .animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
	 transform: rotate(0);
}
 .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
	 transform: rotate(0);
}
 .animated-arrow > .main {
	 display: flex;
	 align-items: center;
	 transition: all 0.2s;
}
 .animated-arrow > .main > .text {
	 margin: 0 16px 0 0;
	 line-height: 1;
}
 .animated-arrow > .main > .the-arrow {
	 position: relative;
}


.cp-top-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.cp-menu-item {
  float: left;
  border-right:1px solid #bbb;
font-family: "Montserrat", sans-serif;
  font-weight: 700 !important;
      height: 25px;
    display: flex;
    align-items: center;
}

.cp-menu-item:last-child {
  border-right: none;
}

.cp-menu-item a {
  display: block;
  color: white;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
}

.cp-menu-item a:hover:not(.active) {
  background-color: #111;
}

/* Owl Slider */

/* .container-owl { padding: 0 15px; max-width:1170px; margin:auto;} */


/*
.owl-item-gallery {
  color: #333;
  text-align: left;
  height:351px;
  width: 356.667px!important;
  margin-right: 25px!important;
}
*/

/*
.owl-item {
  color: #333;
  text-align: left;
height: auto;
  width: 356.667px!important;
  margin-right: 25px!important;
}
*/

.owl-nav {
  margin: 20px 0 0;
  text-align:right;

}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    margin-left: 10px;
    border-radius: 4px;
    padding: 0px 5px;
    background-color: white;
    color: #AA9767;
    font-size: 33px;
    padding-bottom: 5px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
    
}

.owl-next:hover {
	background-color: #CED0D1!important;
}

.owl-prev:hover {
	background-color: #CED0D1!important;
}

.owl-stage {
    border-bottom: 1px solid white;
}

#counter { 
	text-align: left;
	color: white;
	font-family: "Montserrat", sans-serif;
	font-weight: 700 !important;
	font-size: 20px;
	position: absolute;
	bottom: 20px;
	left: 40px;
}
	
/* ---------------------------- */

.cp-avenir-next {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
}

#masthead {
	    background: transparent!important;
    box-shadow: none!important;
    padding-top: 0px!important;
    margin-top: 0px!important;
}


  
  .cp-home-section {
	    background-image: url("http://dealhouse.huddersfieldaccommodation.com/wp-content/uploads/2021/06/home-eco-section-background.png");
	    background-size: cover;
	    margin-bottom: 3%;
  }  
  
  .cp-home-vid {
	  max-height: 90%;
	  object-fit:cover;
  }
  
  .cp-align-center {
	      display: flex;
    align-items: center;
  }
  
  .cp-page-seperator {
	      min-width: 100%;
    margin-top: -100px;
    z-index: 1;
  }
  
  .cp-page-seperator-tb {
	  margin-bottom: -33px;
  }
  
  .cp-page-seperator-footer {
	  margin-bottom: -40px;
  }
  
  .cp-padding {
	  padding-left: 15%;
	  	  padding-right: 5%;

  }
  
  .cp-padding-logo {
	  padding-left: 100px;
  }
  
  .cp-gold-background-section {
	  background-color: #A99767;
  }
  
  .cp-gallery-background {
	   background: linear-gradient(
    to right, 
    #ffffff 0%, 
    #ffffff 30%, 
    #f3f4f5 30%, 
    #f3f4f5 100%
  );
  }
  
.center-x {
    display: flex;
    flex-direction: column;
    align-items: center;
}
  .cp-twotone-background-section {
	    background: linear-gradient(
    to right, 
    #ffffff 0%, 
    #ffffff 10%, 
    #f3f4f5 10%, 
    #f3f4f5 100%
  );
  padding-bottom: 3%;
  padding-top: 3%;
  margin-top: -132px;
  }
  
  
 .cp-logo-section {
	 margin-bottom: 5%;
	 margin-top: -7%;
 }
 
 .cp-adjust {
	 padding-bottom: 5%;
	 margin-top: -5%;
	 }
 
  
  .cp-sponsor-icons {
	  max-width: 40%;
	  margin-top: 25%;
  }
  
  .cp-affiliate-icons {
	  max-width: 50%;
  }
  
  
  .cp-gold-box {
	      border: 5px solid #A99767;
    align-items: center;
        padding: 2% 0%;
    width: 75%;
  }
  
  .cp-gold-header {
	color:#AA9767;
	font-family: "Montserrat", sans-serif;
	font-weight: 700 !important;
}

.cp-right {
	float: right!important;
}

.cp-grey {
	color: #B1B1B1!important;
}

.cp-gold-txt {
	color: #D7A500!important;
}

.cp-white {
	color:white;
}

.cp-home-title {
	position:absolute;
	top: 40%;
    color: white;
    padding-left: 100px;
    font-size: 30px;
}

.cp-home-img {
	position:relative;
	margin-top: -66px;
}

.cp-home-img img {
	min-width: 100%!important;
}
h3.news-headline {
    color: #AA9767;
    font-family: "Montserrat", sans-serif;
	font-weight: 700 !important;
    font-size: 20px;
    padding-top: 15px
}
.cp-tab-img {
	min-width: 100%!important;
}
  
div#page{ overflow-x: hidden; }

body,html {
	width: 100%;
}

.cp-footer {
		color: white;
		padding: 3% 0%;
}

#cp-footer-ul {
	list-style: none!important;
	font-weight: 200;
	line-height: 25px;
	font-size: 16px;
}

.cp-footer-headers {
	font-weight: 400!important;
	font-size: 16px;
	margin-bottom: 0;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 700 !important;
}

.cp-header-btn {
	border-bottom: 1px solid #AA9767;
	padding-left: 0px;
	font-size: 18px;
}

.cp-button-header {
	padding-right: 37%;
}

.cp-padding-bottom {
	padding-bottom: 3%;
}

.container {
    max-width: 1290px;
}
 
 .col-md-4.cp-vert-align {
    padding-top: 8%;
}
  
 .cp-bottom-border-white {
    border-bottom: 1px solid white;
    margin:0% 69% 4% 0%;
    padding-bottom: 4%;

 }

 .cp-bottom-border-gold {
    border-bottom: 1px solid #B1B1B1;
    margin:0% 69% 2% 0%;
    padding-bottom: 2%;

 }

.cp-homepage-apartments {
	    padding: 5% 0%;
} 
  
  .cp-flex-column, .cp-affiliate-column {
	  display: flex;
	  flex-direction: column;
	  padding: 0% 2% 0% 2%;
  }
  
  .cp-bottom {
	  margin-top: auto;
	  width: 50%;
  }
  
  
  .cp-home-headings-padding {
	  padding: 8% 0% 3% 0%;
	  font-size: 24px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700 !important;
  }
  
  .cp-home-header-img {
	  margin-top: -81px;
    position: relative;
    z-index: -1;
  }
  .cp-homepage-sub-title {
    color: white;
    letter-spacing: 0px;
    font-size: 16px;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 400 !important;
	line-height: 26px;
  }
  
  .cp-homepage-title {
    font-weight: 700;
    font-size: 65px;
    color: white;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 600;
  }
  
  nav#site-navigation {
    padding-left: 0%;
}
  
  .cp-top-bar {
	  padding: 1rem 0rem;
  }
  
  .cp-home-second-seperator {
	      margin-top: -140px;
    margin-bottom: -10px;
    z-index: 1;
    }
    
   .cp-home-third-seperator {
	       margin-top: -63px;
    margin-bottom: -105px;
    z-index: 1;
    }
    
    .rightLst:hover {
	    background-color: #CED0D1!important;
	    border: none!important;
	    }
		
	.leftLst:hover {
	    background-color: #CED0D1!important;
	    	    border: none!important;

	    }


.mega-menu-toggle {
    background: none!important;
}

ul.mega-sub-menu {
    background-color: rgba(0, 0, 0, 0)!important;
}

a.mega-menu-link {
    background-color: rgba(0, 0, 0, 0)!important;
    color: white;
    border-right: none!important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:focus {
	color: #A99767;
}

.cp-main-menu {
	font-size: 18px!important;
    font-family: "Montserrat", sans-serif !important;
	font-weight: 700 !important;
}

button {
	border-radius: 0!important;
    font-weight: 300!important;
}

.cp-menu-item {
    padding: 0px 0px!important;
    border-right: solid 1px white!important;
    font-size: 18px;
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.cp-top-nav {
    display: flex;
    place-content: flex-end;
}
    
.cp-menu-item:nth-child(3) {
  border-right: none!important;
  padding-right: 0px!important;
}

.cp-homepage-pre-title {
    color: white;
    font-weight: 600;
    letter-spacing: 4px;
    font-size: 16px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
    }
    
    .cp-blue {
	    color: #0F1B29!important;
    }
    
    .cp-footer-white-section {
	        display: flex;
    flex-direction: column;
    align-self: center;
    color: #A99767;
    }
    
    .cp-footer-white-section-background {
	     background: linear-gradient(
    to right, 
    #A99767 0%, 
    #A99767 75%, 
    #ffffff 75%, 
    #ffffff 100%
  );
    }

.cp-footer-white-container {
	width: 60%;
}

.cp-footer-btn {
	    color: white;
    background-color: #CA003D;
    border: none;
	width: 125%;
    padding: 4% 7%;
    font-size: 16px;
    margin-top: 5%;
    margin-bottom: 15%;
}

.cp-social-icon {
font-size: 21px;
    margin-right: 11%;
}

.cp-footer-icon {
	display: flex;
	align-items: center;
}
.center-y {
	DISPLAY: FLEX!important;
    FLEX-DIRECTION: COLUMN;
    JUSTIFY-CONTENT: CENTER;
}
.cp-card-btn {
	    border-bottom: 1px solid #AA9767;
    text-align: left;
    padding-left: 0;
    width: 40%;
    font-size: 18px;
}

.cp-faded-titles {
    margin-top: -144px;
    min-width: 57%;
    max-width: 57%;
    z-index: 10;
    opacity: 0.25;
}

.cp-faded-titles-left {
    margin-top: -144px;
    margin-left: -100px;
    min-width: 45%;
    max-width: 45%;
    opacity: 0.25;
}

.cp-faded-titles-right {
	    left: 0px;
    top: -282px;
    position: absolute;
    margin-bottom: 200px;
    opacity: 0.25;
}

.right-faded-title {
	    right: 0px;
    position: absolute;
    opacity: 0.25;
}

.cp-sub-header {
	word-spacing: 3px;
    font-size: 24px;
    line-height: 35px;
}

.cp-background-header {
	padding-top: 8%;
}

.cp-margin-top-minus {
	margin-top: -40px;
}

.cp-text-right {
	text-align: right;
}

.cp-page-headers {
	font-size: 24px!important;
	font-family: "Montserrat", sans-serif;
	font-weight: 700 !important;
}

.carousel-inner {
	border-bottom: solid 1px white;
	padding-bottom: 2%;
}

.cp-border-bottom-white {
	width: 15%;
	height: 5px;
	margin-top: -15px;
	margin-bottom: 10px;
	border-bottom: 1px solid white;
	padding: 0px !important;
}

.cp-minus-margin {
	margin-top: -70px;
}

.cp-footer-nav {
    margin: 0;
    padding: 0;
    color: #AA9767!important;
    text-decoration: none!important;
    text-align: right;
}

.cp-footer-nav a {
    color: #AA9767!important;
	}
	
.cp-under-footer {
	height: 85px;
	padding-right: 33px;
	padding-left: 33px;
	font-size: 14px;
	
}

.cp-font-size {
	font-size: 18px
}

.list-group {
	    flex-direction: row;
	    }

.list-group-item {
	height:25px;
	display: flex;
	align-items: center;
	padding: 0px 6vh;
	border: none;
	border-radius: 0px!important;
	background-color:#AA9767;
	text-align: center;
	color: white;
	border-right: 1px solid white; 
	font-size: 14px;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 700 !important;
	}
	
.list-group-item a:hover {
	color: #C9C9C9;
	text-decoration: none!important;
	}
	
.list-group-item:nth-child(5) {
	border: none;
	}
	
	.element-is-sticky {
		background-color: #A99767;
		}
		
.cp-credit-section {
	    padding: 4% 0%;
	    margin-top: -100px;
	    }
	    
#loading-gui #loading-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: space!important;
    background-size: cover 100%!important;
    background-color: #222;
    pointer-events: auto;
    opacity: 1;
    transition: opacity .5s;
    }

/* Arrow bounce styling */

/* right bounce */
@-webkit-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@-moz-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}
@keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
/* /right bounce */


/* assign bounce */
.cp-bounce-arrow {
  -webkit-animation: bounceRight 2s infinite;
  animation: bounceRight 2s infinite;
  float:right;
}


/* Scroll element */

.scroll-element {
  display: inline-block;
  position: absolute;
  right: 40px;
  bottom: 300px;
  z-index: 2;
  padding: 10px 10px 110px;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-family: 'Josefin Sans', sans-serif;
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
  bottom: 180px;
  
}
/*
.scroll-element::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100px;
  background: #fff;
}
*/

/*
.scroll-element::after {
  animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
*/




#scroll-down {
  display: block;
  position: relative;
  padding-top: 79px;
  text-align: center;
}
.arrow-down {
  display: block;
  margin: 0 auto;
  width: 10px;
  height: 38px;
      position: relative;
    top: 139px;
    right: -1.42px;
}
.arrow-down:after {
  content: '';
  display: block;
  margin: 0;
  padding: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid white;
  border-right: 2px solid white;
  behavior: url(-ms-transform.htc);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
#scroll-title {
  display: block;
  text-transform: uppercase;
  color: #b91a2f;
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .1em;
}
#scroll-down::before {
  -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  /* Safari 4+ */

  -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  /* Fx 5+ */

  -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  /* Opera 12+ */

  animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  /* IE 10+, Fx 29+ */

  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 90px;
  background: #b91a2f;
  content: ' ';
}
@-webkit-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-moz-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-o-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
/* put this in html to make appear - <a href="#" class="scroll-element"></a> */


/* Sliding underline on hover animation */

a.left
{
    position: relative;
}

a.left:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #A99767;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

a.left:hover:before {
  visibility: visible;
  width: 100%;
}

.cp-chevron-position {
	    position: absolute;
    bottom: -40px;
    right: 15px;
    background-color: white;
    padding: 3% 3%;
    color: #A99767!important;
}

.cp-chevron-position-left {
	    position: absolute;
    bottom: -40px;
    right: -538%;
    background-color: white;
    padding: 3% 3%;
    color: #A99767!important;
}

.carousel-border-bottom {
	border-bottom: 1px solid white;
    margin: 0px;
    padding-bottom: 10%;
    padding-top: 5%;
    margin-bottom: 5%;
}

.cp-animated-arrow {
	width: 44%;
	list-style: none; 
	padding: 0px; 
	border-bottom: 1px solid #A99767; 
    padding-right: 64px;
    padding-bottom: 10px;
    }

.carousel-control-next, .carousel-control-prev { 
	opacity: 1!important;
}

.cp-project-img img {
	min-width: 100%!important;
}

.cp-project-seperator {
	    min-width: 100%;
    margin-top: -38px;
    margin-bottom: 50px;
    z-index: 1;
    }
    
.cp-project-gold {
	background: linear-gradient(to right,
		    #ffffff 0%, 
		    #ffffff 35%, 
		    #A99767 35%, 
		    #A99767 100%);
	
	height:600px;
	margin-top: -70px;
}

.cp-project-top-section {
	padding-bottom: 0%;
	margin-top: -200px;
	}

.cp-project-concept-img {
	margin-top: -140px;
	
	}

#concept-logo-lottie {
	position: absolute;
    left: -22%;
    }
    
    .cp-project-section-padding {
	        padding: 150px 0px;
	      }
	      
	.cp-project-delivered-img {	
		text-align: right;
		    z-index: 0;
		}
		
	.cp-grey-part-background-section {
		
		background: linear-gradient(to right,
		    #ffffff 0%, 
		    #ffffff 25%, 
		    #CED0D1 25%, 
		    #CED0D1 100%);
		
		}  
   
   .carousel-inner-project {
	border-bottom: solid 1px #A99767!important;
    }
    
  .cp-first-section-background-right {
	  position: absolute;
    right: 0px;
	  }
	  
	  .cp-first-section-background-right-middle {
	      position: absolute;
		  right: -40%;
		  top: 250px; 
    }
    
    .cp-third-section-background-right {
	right: 0px;
    position: absolute;
    margin-top: 23%;
    }
    
    .cp-bottom-section-background {
	        position: absolute;
    margin-top: 19%;
    left: 0px;
    }
    
	.cp-padding-laptop {
		padding: 0px;
		}
		
	#mysticky-nav {
		height:80px;
	}
	
	.cp-home-first-seperator {
	 margin-top: -343px;
    margin-bottom: -40px;
    z-index: 1;
	}
	
	.cp-last-seperator {
		    margin-top: -30px;
    margin-bottom: -70px;
    z-index: 1;
    }
	
	.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
		background-color: #A99767;
	}
	
	.the-arrow > .shaft:before, .the-arrow > .shaft:after {
		background-color: #A99767;
	}
	
	.shaft {
		background-color: #A99767!important;
	}
	
	.change-color {
		color: black!important;
	}
	
	.change-border {
		border-right: 1px solid #A99767!important;
	}
	
	.mega-menu-wrap {
		z-index: 100;
	}
	
	.text:hover {
		text-decoration: none!important;
	}
	
	.change-background {
		background: #A99767!important;
	}
	
	span.mega-toggle-animated-inner.change-background::before {
    background: #A99767 !important;
	}
	
	span.mega-toggle-animated-inner.change-background::after {
	    background: #A99767 !important;
	}
	
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-primary 
	.mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle 
	.mega-toggle-block-1 .mega-toggle-animated-inner::after {
		border-radius: 0px; 
		}
	
	.cp-slider-controls {
		    min-width: 11px;
    padding-bottom: 3px;
    padding-right: 1px;
    }
    
    .container-fluid.px-0.cp-home-img {
    margin-top: -162px;
    z-index: -1;
}
	
	
	
	
	
	
	
	.MultiCarousel { 
	float: left; 
	overflow: hidden; 
	padding: 15px; 
	width: 100%; 
	position:relative; 
	}
    .MultiCarousel .MultiCarousel-inner { 
	    transition: 1s ease all; 
	    float: left; 
	    width: 3000px!important;
	    }
        .MultiCarousel .MultiCarousel-inner .item { 
	        float: left;
	        }
        .MultiCarousel .MultiCarousel-inner .item > div { 
	        text-align: left; 
	        padding:10px; 
	        margin:10px; 
	        background: rgba(255, 0, 0, 0)!important; 
	        color:#666;
	        }
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { 
	    position:absolute; 
	    border-radius:50%;
	    bottom: 5px;
	    }
    .MultiCarousel .leftLst {  
	    right: 0px;
		position: absolute;
		left: 94%;
	    }
    .MultiCarousel .rightLst { 
	    right:0; 
	    }
		
		.lead {
			padding-top: 10px;
			padding-bottom: 10px;
			font-family: "Montserrat", sans-serif;
			font-weight: 700 !important;
			font-size: 20px!important;
		}
		
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { 
	        pointer-events: none; 
	        background:#AA9767; 
	        }
	        
	    .item {
		    width: 33vh!important;
	    }
	    
	    .cp-carousel-break {
		    	border-bottom: 1px solid white;
		    	margin-left: 14px;
		    	    margin-bottom: 50px;
	    }
	    
	    .btn-primary {
		    	        background:white!important;
		    	        border: none!important; 
		    	        color: #AA9767!important;
	    }  
	    
	   	#sp-wp-carousel-free-id-225.sp-wpcp-225 .wpcp-single-item {
		   	border: 0px solid white!important;
		   	}  
		   	
		#sp-wp-carousel-free-id-225 {
	    overflow: visible!important;
	}	
	
	i.fa.fa-angle-left {
    color: #AA9767!important;
    background-color: white;
    padding: 0px 7px
        }
    
    i.fa.fa-angle-right {
    	color: #AA9767!important;
    }
    
    svg, path {
	     pointer-events: none;
    }
	
	.carousel-control-prev-icon {
    position: absolute;
    right: -540%;
    bottom: -20%;
    background-image: url(http://stonehouse.thedb.uk/wp-content/uploads/2021/08/cp-left.svg) !important;
    background-color: white;
    	    padding: 3px 3px
}

	.carousel-control-next-icon {
		background-image: url(http://stonehouse.thedb.uk/wp-content/uploads/2021/08/cp-right.svg) !important;
		position: absolute;
	    bottom: -20%;
	    background-color: white;
	    right: 9%;
	    padding: 3px 3px
}

.cp-italic-quote {
	font-family: 'STIX Two Text', serif!important;
	    font-style: italic;
    color: #AA9767;
    font-size: 28px!important;
    padding-left: 6vh;
    padding-top: 2vh;
}

.cp-italic-quote-mob {
	font-family: 'STIX Two Text', serif!important;
	font-style: italic;
    color: white;
    font-size: 30px!important;
    padding-top: -4vh;
}

.cp-flower-img {
	    position: absolute;
    right: 0px;
    max-width: 10%;
}

.cp-bottom-section-img {
    margin-top: -130px;
    left: -50px;
    margin-bottom: -140px;
    position: relative;
}

.cp-design-concept-background{
	position: absolute;
	left: 10vh;
	margin-top: 100px;
}


.cp-volkswagen {
	margin-top: -160px;
}

.cp-volkswagen-background {
	left: -50px!important;
}

.cp-volkswagen-bottom-background {
	    margin-top: -250px;
    left: -50px;
    position: absolute;
}

.cp-volkswagen-middle-background {
	position: absolute;
    right: -200px;
    margin-top: -500px;
    min-width: 107%;
}

.cp-city-tweak {
	position: absolute;
	top:270%;
	
}

.cp-watermark-gif {
	    position: absolute;
    right: 27%;
    margin-top: 8%;
}

.cp-charity-heading {
    object-fit: cover;
}

.cp-charity-seperator {
	    margin-top: 130px;
	    
}

.cp-charity-seperator-bottom {
	    margin-bottom: -120px;
    z-index: 1;
}

.cp-raised-money {
	margin: 3% 0%;
}

.cp-team-header {
	font-size: 65px;
	letter-spacing: -2px;
    line-height: 60px;
}

.cp-border-bottom-gold {
		border-bottom: 1px solid #A99767;
		width: 70px;
		margin-bottom: 3%;
	}
	
	.cp-team-sub-heading {
		font-size: 16px;
		font-family: "Montserrat", sans-serif;
		font-weight: 700 !important;
	}
	
	.cp-team-icon {
		    justify-content: center;
    flex-direction: column;
    display: flex;
    place-items: flex-end;
	}
	
	.cp-staff-picture {
		min-width: 100%;
	}
	
	.cp-team-seperator {
		margin-top: -60px;
		margin-bottom: 50px;
	}
	
	.btn-success {
		background-color: rgba(0,0,0,0)!important;
		border: 0px!important;
		color: #A99767!important;
	}
	
	.cp-nav-pre-title {
		color: white;
		margin-bottom: 0px;
	}
	
	.cp-nav-icons {
		padding-right: 0px;
	}
	
	.cp-creditations {
		width: 95%;
	}

/*

CC 2.0 License Iatek LLC 2018
Attribution required

*/


@media (min-width: 1048px) {
	.cp-no-desktop {
		display: none;
	}
	
	.cp-hide-desktop {
		display: none;
	}
	}

@media  (max-width: 1920px) {
.cp-watermark-gif {
    right: 20% !important;
}
}
    
    /* laptops */

    
@media  (max-width: 1440px) {
	
	.cp-animated-arrow.about-us {
    width: 36%;
}
.entry-header {
    padding-left: 70px;
}
#cp-footer-ul {
	font-size: 12px;
}
p.cp-footer-headers {
	font-size: 12px !important;
}
.cp-footer-white-section-background p {
	font-size: 12px !important;
}
.cp-grey-wrapper{
	padding-bottom: 24px;
}

.modal {
	padding-top: 47px;
}
		.cp-laptop-aristotel {
			    padding-left: 49px!important;
			    padding-top: 20px!important;
		}
		
	  	.cp-menu-item {
		  	padding-left: 20px !important;
		  	padding-right: 20px!important;
		  	}	
		  	
		  	.cp-padding-logo {
    padding-left: 82px;
}

.cp-team-laptop-tweak {
	    padding-left: 50px;
    padding-top: 100px;
}

.cp-news-tweak-laptop {
		margin-top: -100px;
	}

		.modal-content {
			max-width: 610px;
		}
		  	
		  	.cp-home-img img {
			 	height:650px;
			}
			
			.cp-home-vid {
				max-height: 800px;
				}
			
			.cp-home-first-seperator {
			margin-top: -112px;
			}
			 
			#concept-logo-lottie {
				left: 50px;
			}
			
			.cp-project-gold {
				margin-top: 0px;
			}
			
			.cp-project-concept-img {
				margin-top: -95px;
			}
			
			.cp-third-section-background-right {
				margin-top: 700px;
				}
				
			.cp-padding-laptop {
				padding-right: 15px;
				padding-left: 15px;
				}
			
			.cp-bottom-section-background {
		    margin-top: 36%;
		    left: 0px!important;
		    }
		    
		    .cp-logo-section {
			        margin-bottom: 10%;
		    }
		    
		    .cp-twotone-background-section {
			    padding-top: 5%;
				margin-top: -75px;
		    }
		    
		    .cp-last-seperator {
			        margin-bottom: -80px!important;
			    }
			    
			.cp-faded-titles {
				    margin-top: -30px;
				    }
				    
			.cp-home-first-seperator {
				    margin-top: -99px;
					margin-bottom: 4px;
    				}
    		.scroll-element {
	    		    bottom: 144px;
	    		    }
	    		    
	    		    .cp-footer-white-container {
				    width: 85%;
				}
				
			.cp-footer-white-section-background {
				background: linear-gradient( to right, #A99767 0%, #A99767 75%, #ffffff 75%, #ffffff 100% );
		    
	  }
	  
	  .list-group-item {
		  padding: 0vh 9vh;
		  }
		  
		  
		.cp-hide-everything {
			display: none;
		}
		.cp-charity-seperator {
	    margin-top: 30px;
		}
		
		.cp-careers-laptop-tweak {
			    padding-top: 100px;
		}
		
		#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
	    padding: 0px 30px!important;
		}
		
		.cp-home-second-seperator {
		    margin-top: -50px;
		    margin-bottom: 0px;
		    z-index: 1;
		    }
		    
		.cp-home-third-seperator {
		        margin-bottom: -30px;
		        }
		     .cp-watermark-gif {
    right: 10% !important;
}
.text-menu {
    font-size: 1.5rem !important;
}		
}
    
    

/* tablets landscape */
@media (min-width: 768px) and (max-width: 1024px) {
	  .list-group-item{
  	   padding: 1vh 7.5vh!important;
  	   }
  	   
  	   .cp-tweak-ipad-footer{
	  	   padding-left: 0%!important;
	  	   margin-left: 18%!important;
  	   }
  	   
  	   .cp-charity-seperator-bottom {
	  	       margin-bottom: -75px;
  	   }
  	   
  	   .cp-footer-tweak-2 {
	  	   margin-left: 0px!important;
  	   }
  	   
  	   .cp-landscape-tweak-4 {
	  	   margin-left: 4%!important;
  	   }
  	   
  	   .cp-landscape-tweak-14 {
	  	   margin-left: 14%!important;
  	   }
}

/* tablets */

@media (min-width: 768px) and (max-width: 1024px) {
.cp-home-headings-padding {
    padding-top: 0;
}

.cp-team-ipad-tweak {
	    padding-left: 7%;
    padding-top: 7%;
}

.lead {
	font-size: 18px!important;
}

.cp-tweak-ipad-footer{
	margin-left: 50%;
	padding-left: 4%;
}

.cp-bottom-section-img {
	margin-left: 0px!important;
    z-index: 0;
}

.cp-ipad-news-tweak {
	    margin-top: -100px;
    margin-bottom: 100px;
    padding-left: 7%;
}

section.sh-news {
	    padding: 0% 7%;
}

section.email-bg {
	padding: 0% 6%;
}

.cp-contact-us-title {
	font-weight: 700;
    font-size: 45px;
}

.cp-project-title {
	padding-left: 53px;
}

.cp-project-section-padding {
    padding: 30px 20px!important;
}
.cp-footer-tweak-1 {
	padding-left: 0px!important;
}

.cp-footer-tweak-2 {
	padding-left:0px!important;
		margin-left: -96px;
}

.cp-footer-tweak-3 {
	margin-left:-50px;
}

img#cp-main-logo {
	padding-left: 25px;
}

.owl-nav.disabled {
    display: block !important;
}

.cp-white-icons {
	color: white!important;
}

.cp-footer-white-container {
	margin-left: 3%;
}

.cp-social-icon {
	margin-right: 20px;
}

.cp-footer-headers{
	color: white;
}

.hide-ipad {
	display: none;	
}  
	  .cp-home-vid {
		  min-height: 950px;
	  }
	  
	  .cp-padding-logo {
    padding-left: 30px;
}

	.cp-home-title {
		    padding-left: 70px;
	}
	
	.cp-minus-margin {
    margin-top: 0px;
}

	.cp-padding {
	    padding-top: 5%;
    padding-bottom: 5%;
}

.cp-vid-ipad-tweak {
	padding: 0px 50px 80px 50px;
}

.cp-page-seperator {
	    margin-top: -45px;
}

.scroll-element {
	bottom: 100px;
}

.cp-no-desktop {
		display: block!important;
		    color: white;
    border-bottom: 1px solid white;
    padding: 2% 0% 0% 0%!important;
    margin-bottom: 30px;
    font-size: 16px;
	}
	
	.carousel-inner {
		min-width: 100%;
		margin: 0px;
	}
	
	.cp-homepage-apartments {
        padding-top: 5%;
    padding-bottom: 10%;
}

.cp-chevron-position {
	    right: 0px;
}
.center-y-ipad {
	DISPLAY: FLEX!important;
    FLEX-DIRECTION: COLUMN;
    JUSTIFY-CONTENT: CENTER;
}
.cp-chevron-position-left{
    right: -605px;
    }

.scroll-element-two {
	bottom: 286px;
}

.cp-logo-section {
	background-position: 101% -20px;
}

.cp-twotone-background-section {
	margin-top: 0px;
}

.cp-button-header {
    text-align: center;
    padding: 0px!important;
}

.cp-card-btn {
	    width: 70%;
}

.cp-mob-homepage-tweak {
	margin-left: 0px;
	padding-right: 10%;
	padding-left: 0px;
}

.cp-hide-ipad {
	display: none;
}

.cp-twotone-background-section {
		background: #f3f4f5;
		padding-left: 60px;
		padding-right: 60px;
	}  
	
	.cp-mob-center {
	text-align: center;
}

a.left {
	margin-bottom: 3%;
}

.cp-footer-white-section-background {
    background: #A99767;
    }
    
    .cp-footer-icon {
	        padding: 5% 0%;
    }
    
    .cp-under-footer { 
    font-size: 11px;
    margin-top: 17px;
    margin-bottom: 5px;
    }
    
    .cp-ipad-tweak-learn-more {
	    padding-left: 54px;
    }
    
    .cp-faded-titles {
	   margin-top: -50px;
    }
    
    .cp-faded-titles-left {
	margin-bottom: -48px;
	margin-top: 0px;
    margin-left: -29px;
    }
    
    .cp-ipad-padding-tweak {
	    padding-bottom: 0px!important;
    }
    
    .cp-project-top-section {
	    margin-top: 0px;
	    padding: 47px 30px;
	}
	
	.cp-home-img {
		   margin-top: -125px;
	}
	
	.cp-home-header-img {
		    height: 500px;
		    }
    .cp-project-gold {
	    margin-top: 0px;
	    background: #A99767;
	    height:725px;
	    padding: 0px 20px;
	    }
	    
	.cp-project-concept-img {
		margin-top: 20px;
		}
		
		.cp-ipad-center {
			text-align: center;
			}
			
	#concept-logo-lottie {
		right:5px;
		left: auto;
		
		}
	.cp-chevron-position-project {
		right:15px;
		}
	.cp-chevron-position-left-project {
		right: -615px;
		}
		.mega-toggle-animated-inner {
			right: -160px;
			}
			
		.list-group-item {
			padding: 0vh 4vh;
			height:45px;
			}
			
		h1 {
		text-align: left!important;
		}
	    
	    .cp-mob-tweak-bottom {
		        padding: 0% 2%;
		        }
		
		.nav-trigger {
			    right: 7%!important;
		}
	  
  }
  
@media (max-width: 1080px) { 
.cp-watermark-gif {
    right: 0% !important;
    width: 50%;
}
.list-group-item+.list-group-item {
	font-size: 13px !important;
}
}
@media (max-width: 992px) { 
.center-x {
	display: initial;
}
}
@media (max-width: 1024px) { 
.entry-header {
	padding-left: 39px;
}

.entry-sub {
	    padding-left: 5px;
}
  .l_padding_t {
	padding-top: 45px;
  }
  .l_padding_b {
	  padding-bottom: 45px;
  }

}

/* phones */
@media (max-width: 768px) {
.m-15-mob {
	margin-top: 15px;
}
}

@media (max-width: 767px) {
	
.nav-trigger {
    position: absolute;
    z-index: 4!important;
    top: -21px!important;
    right: 10%!important;
    height: 44px;
    width: 44px!important;
    overflow: hidden;
    color: transparent;
    white-space: nowrap;
    text-indent: 100%;
}
  section.gold_gradient {
	  background: #A99767;
  }
  .gold_gradient .padding {
	  padding: 45px 15px;
  }
  .l_padding_t {
	  padding-top: 45px;
  }
  .l_padding_b {
	  padding-bottom: 45px;
  }
  h2.italic {
	  padding-left: 0;
  }
  .m_padding_b {
	  padding-bottom: 45px;
  }
  .cp-home-vid {
    height: 875px;
    object-fit: cover;
  }
  
 .scroll-element {
    transform: scale(1.5);
}
  
  .cp-animated-arrow.about-us {
    width: 49%;
}
 .entry-header {
	padding-left: 10px;
} 
  .cp-homepage-title {
	  font-size: 45px;
  }
  
  .cp-homepage-pre-title {
	  font-size: 15px;
  }
  
  .cp-homepage-sub-title {
	  font-size: 14px;
  }
  
  .cp-home-title {
	  padding-left: 25px;
	  top:40%!important;
  }
  
  .cp-homepage-title-home {
  
      padding-left: 40px!important;
    top: 40%!important;
    
    }
      
  .cp-page-seperator {
    min-width: 200%;
    margin-top: -31px;
}

.cp-mob-border {
	border-left: solid 1px gold;
}

.cp-padding {
	padding-left: 5%;
	padding-bottom: 10%;
}

.cp-mob-homepage-tweak {
	margin-left: 5%;
	padding-right: 10%;
	padding-left: 5%;
}

.cp-mob-border {
	border-left: 1px solid #A99767;
}

.cp-vid-mob-tweak {
	max-width: 90%;
}

.cp-footer-white-section-background {
	     background: linear-gradient(
		    #A99767 0%, 
		    #A99767 70%, 
		    #A99767 70%, 
		    #A99767 100%
		);
    }
    
	
	.cp-slider-mob-tweak {
		height: 100%;
	}
	
	.cp-border-bottom-white {
		border-bottom: 1px solid white;
		width: 70px;
		margin-bottom: 3%;
	}
	
	
	.scroll-element-two {
		bottom: 1000px;
	}
	
	
	.carousel-inner {
		min-width: 100%;
		margin: 0px;
	}
	
	.cp-mob-tweak {
		padding-top: 5%;
	}
	
	.cp-chevron-position {
		padding: 20% 20%;
		right:15px;
		opacity: 1;
	}
	
	.cp-chevron-position-left {
		right: -470%;
		padding: 20% 20%;
	}
	
	.cp-chevron-position-left-project {
		right: -470%;
		padding: 20% 20%;
		}
		
	.cp-chevron-position-project {
		    padding: 20% 20%;
    right: 15px;
    opacity: 1;
		}
	
	.carousel-control-next, .carousel-control-prev {
		opacity: 1;
	}
	
	.cp-gold-box {
		    align-items: center;
    padding: 2% 0%;
    font-size: 18px;
    width: 90%;
    text-align: center;
    border: none;
	}
	
	.cp-logo-section{
	margin-top:-35%;
	margin-bottom: 10px;
	}
	
	.cp-twotone-background-section {
		margin-top: 0px;
	}
	
	.cp-sponsor-icons {
		max-width: 100%;
		margin: 10% 0%;
	}
	
	.cp-affiliate-icons {
	  max-width: 50%;
  }
	
	.cp-twotone-background-section {
		background: #f3f4f5;
	}
	
	.cp-text-right {
	text-align: center;
}

.cp-button-header {
	padding: 0px!important;
}

.cp-padding-logo {
    padding-left: 25px;
}

.cp-minus-margin {
	margin-top: 0px;
}

.cp-mob-center {
	text-align: center;
}

.cp-card-btn {
	    width: 55%;
    margin-bottom: 8%;
}

.cp-hide-mob {
	display: none;
}

.cp-flex-column {
	    padding: 0% 50px 0% 50px!important;
}

.cp-affiliate-column {
	padding: 4% 0%;
}

.cp-footer-nav {
	text-align: left;    
	flex-direction: column;
	display: flex;
}
.cp-project-title {
	    padding-left: 25px;
    top: 40%!important;
}

.cp-under-footer {
	height: 150px;
    padding-right: 33px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.cp-contact-us-title {
	font-weight: 700;
    font-size: 45px;
}

.cp-footer-icon {
	    margin: 10% 0%;
}

.cp-page-seperator-tb {
	margin-top: -10px!important;
}

.cp-page-seperator-footer {
	margin-top: 0px!important;
}

.cp-vid-ipad-tweak {
    padding: 0px 0px 0px 0px;
}

.cp-font-size {
	margin-bottom: 15px;
}

.cp-project-top-section {
    padding-bottom: 0%;
    margin-top: 0px;
    padding-top: 15%;
}

.cp-home-img {
	    margin-top: -60px;
	    }
	    
.cp-home-img img {
	    height: 600px;
    object-fit: cover;
    }
    
    .cp-project-concept-img {
	    margin-top: 0px;
	        padding-top: 5%;
	   }
	   
	.cp-project-gold {
		margin-top: 0px;
		background: #A99767;
		height: 100%;
		}
	
	.mega-menu-toggle {
		float: right;
		}
		
	#concept-logo-lottie {
    position: absolute;
    left: -47px;
    top: 86%;
    height: 62%!important;
    }
    
    .cp-mob-tweak-bottom {
	    justify-content: flex-end;
	    }
	        
	.cp-project-section-padding {
    padding-top:10px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
	}
	
	.cp-margin-top-minus {
		margin-top: 10px;
		}
	
	.cp-grey-part-background-section {
		background: #CED0D1;
		}
		
	.cp-slider-mob-tweak-project{
			height:560px;
			}
		
	#stonehouse-seperator {
    margin-bottom: 0px;
    margin-top: 20px;
    width: 100%;
		}
	.cp-mob-centre-tweak {
		text-align: center;
		margin-top: 30px;
		}
		
		.cp-home-header-img {
			margin-top: -90px;
		}
		
	.list-group {
	    flex-direction: column;
	    }
	    
	.list-group-item {
	    width: 100%;
	    border: none;
	    display: block;
	    height:45px;
	    padding: 3vh 5vh;
	    }
	    
	    .cp-credit-section {
	    padding: 4% 0%;
	    margin-top: 0px;
	    }
	    
	h1 {
		text-align: left!important;
		}
		
		.kb_wrapper {
			    max-height: 605px!important;
			    }
	
	.cp-home-first-seperator {
		margin-top: -130px!important;
		}
		
		.MultiCarousel .leftLst {
			left: 81%;
			}
			
			.inner {
    padding: 5% 0%;
    }
    
    .mob-footer-left {
	        place-items: flex-start;
    }
    
    .cp-project-mob-tweak {
	    height:450px;
    }
    
    .cp-bottom-footer {
	    padding-left: 15px;
	    }
	    
	    .cp-gif {
		        max-height: 100%;
				min-width: 100%;
	    }
	    
	    .cp-45-gif {
		    height: auto;
			width: 150px;
			margin-top: 10%;
			margin-left: 25%;
	    }
	    
	    .cp-45-adjust-mob {
		    margin-top: -20px;
	    }
	    
	.cp-bottom-section-img {
		z-index: 0;
}

	.cp-charity-seperator {
		    margin-top: -50px!important;
	}
	
	.cp-charity-seperator-bottom {
		margin-bottom: -40px!important;
	}
	
	nav#navigation {
		width: 100%;
	}
	
	.text-menu {
		font-size: 2rem!important;
	}
	
	.right-faded-title {
		opacity: 0.1;
		min-width: 100%!important;
		max-width: 100%!important;
	}
	
	.cp-faded-titles-left {
				opacity: 0.1;
		min-width: 100%!important;
		max-width: 100%!important;
	}
	
	.cp-faded-titles {
				opacity: 0.1;
		min-width: 100%!important;
		max-width: 100%!important;
	}
	
	.cp-creditations {
		width: 48%!important;
		margin: 0 auto!important;
	}
	
	.cp-footer-col-tweak {
		margin-left: -60px;
	}
	
	ul#mega-menu-main-menu {
    display: block!important;
}
span.mega-toggle-animated-box {
    display: none!important;
}

.cp-watermark-gif {
	margin-top: 136%;
	right: 40%!important;
}

.cp-gold-title {
	font-size: 50px;
}

.cp-sub-header {
	line-height: 39px!important;
}

.cp-adjust {
	padding-bottom: 2%;
    margin-top: 0%;
}

.pt-cv-title {
	margin-bottom: -15px!important;
	line-height: 2rem!important;
}

.pt-cv-view .pt-cv-ifield {
	margin-bottom: 35px!important;
}

#cp-footer-ul {
	    padding-left: 10%;
}
.career-seperator {
	    margin-top: 0px!important;
    margin-bottom: 150px!important;
}

.cp-gold-mob-font {
	font-size: 39px!important;
}

.cp-italic-quote {
	line-height: 32px;
}

.cp-about-margins {
	margin-bottom: 50px;
	padding-left: 15px;
}

section.email-bg {
    margin-top: 70px;
}

.nav a {
	    width: 100%;
}

.collapse a {

    line-height: 15px;
}

	.cp-project-delivered-img {	
		z-index: 1;
}


.cp-volkswagen-background {
	    top: 130%;
    z-index: -1;
}

.cp-home-first-mob-seperator {
	margin-top: -60px!important;
}

.arrow-mob-tweak {
	position: absolute;
    left: 5px;
    top: -16px;
}

section.sh-news {
	    margin-top: -85px;
}

.cp-career-tweak {
	padding-left: 15px;
}

.cp-careers-laptop-tweak {
	padding-top: 0px;
}

.cp-team-laptop-tweak {
	padding-top: 0px;
}

.cp-mob-icons-audi {
	    min-width: 60%;
}

.cp-mob-icons-astrazenica {
	min-width: 100%;
}

.cp-mob-icons-costa {
	min-width: 80%;
}

.cp-mob-icons-diageo {
	min-width: 70%;
}

.cp-mob-icons-man-city {
	max-width: 65%;
}

.cp-mob-icons-nestle {
	min-width: 80%;
}

.cp-mob-icons-royal {
	min-width: 85%;
}

.cp-mob-news-tweaks {
	padding-left: 23px;
}

.cp-tweak-to-mob-charity {
	padding-left: 42px!important;
}

.cp-last-seperator {
	    margin-bottom: -50px!important;
}

.cp-phone-tweak-team {
	    margin-bottom: -10px!important;
}

img#cp-main-logo {
	padding-top: 15px;
}

.cp-margin-top-25-mob{
	margin-top: 25px!important;
}

div#mysticky-nav {
    height: auto;
}

.cp-nestle-mob-tweak {
	margin-top: 5%; 
	margin-bottom: 10%;
}
		
}
@media (min-width: 576px) {
	.hidedesk {
		display: none !important; 
	}
}
@media (max-width: 575px) {
	.hidemob {
		display: none !important; 
	}
	.carousel-control-next-icon {
    right: 15px !important;
}
.search-results {
    margin-top: 5px !important;
}
}


.SearchFormat{
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.SearchFormat h4{
	float: left;
    width: 20%;
	margin: 0;
    padding: 5px 0 10px;
    font-size: 16px;
}

.SearchFormat .search-filter-base{
	width: 80%;
	border-radius: 0px !important;
}

.SearchFormat .search-filter-base > div{
	border-radius: 0;
}