/*
Theme Name: CB
Version: 1
*/



header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  /* z-index: 2; */
  padding: 15px 0;
}
.open header{
  z-index: 3;
}
header:before{background-color: transparent}
.open header:before {content: ""; width: 100%; height: 100%; position: absolute; left: 0;
top: 0; z-index: 1; animation: headerBg 1s ease-in-out forwards;}



header.sticky{
  padding: 15px 0;
border-bottom: 1px solid rgba(255,255,255,0.2);
height: 75px;
}
header.sticky .homeicon
{
  top: 15px;
}
header.sticky .logo{
  max-width: 120px
}
.page-template-default header{
  background-color: #414044;
  z-index: 3;
}

.logo {
  text-align: center;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  max-width: 250px;
  /* max-width: 20vw; */
  font-size: 0;
  line-height: 0;
  display: none;
}
.home .logo, .open .logo{
  display: block;
}
.open .logo{
  opacity: 1;
  visibility: visible;
}
.logo a {
  display: inline-block;
}
.whitelogo{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.logo img{
  max-width: 100%;
  margin: 0 auto;
}
.menuLogo .logo img{
  opacity: 0;
  visibility: hidden;
  max-width: 100%;
  margin: 0 auto;
}
.menuLogo .logo img.whitelogo{
  opacity: 1;
  visibility: visible;
}

/* .home .logo a{
  pointer-events: none
} */
.homeVideo {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background-color:#000;
}
.homeVideo:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.95);
  z-index: 1;
  display: none;
}

.iframeContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url('images/cb-logo.svg');
  background-repeat: no-repeat;
  background-size: 150px;
  background-position: center;
}

.iframeContainer iframe {
  width: 100vw;
  height: 56.25vw;
  /* min-height: 100vh;
  min-width: 177.77vh; */
  min-height: 130vh;
min-width: 250vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.skipIntro{
  font-size: 36px;
  line-height: 47px;
  letter-spacing: 2.88px;
  position: absolute;
  left:50%;
  transform: translateX(-50%);
  bottom: 100px;
  text-transform: uppercase;
  z-index: 1;
  color: #D62E72;
  text-decoration: none !important;
  white-space: nowrap;
}
.skipIntro > span:before {
  position: absolute;
  content: attr(data-content);
  color: #fff;
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
  clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 275ms ease;
  transition: -webkit-clip-path 275ms ease;
  transition: clip-path 275ms ease;
  transition: clip-path 275ms ease, -webkit-clip-path 275ms ease;
}
.skipIntro:hover span:before{
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.homeVideo .imgboxholder{
  z-index: 1
}
/* .homeVideo .imgboxholder:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 1;
} */

.introSvg{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 90vh;
  max-width: none;
  transform: translateX(-50%) translateY(-50%);
}
.introSvg .st0{fill:#D62E72; mix-blend-mode: multiply; fill-opacity:0 }
.projectTab .st0{fill:#61B3E1}
.introSvg .menuBlock:hover .st0, .introSvg .menuBlock:hover .menuTitle{fill-opacity:1 }
.menuTitle{font-size: 36px; transform: translateX(30px);   white-space: pre; text-transform: uppercase; fill: #fff; fill-opacity:0; letter-spacing: 3px;}
.introSvg .introOverlay path{transform: scale(1.32) translateX(-235px) translateY(-168px); fill: #000; fill-opacity: 0; mix-blend-mode: normal;}
.house:hover .introOverlay path{fill-opacity:0.5}
.menuBlock tspan{
  white-space: nowrap; word-break: normal;
}
/* .menuBlock
{

} */
.menuBlock a, .menuBlock a:hover{text-decoration: none !important}
.useHamburger{
 font-size: 20px;
 line-height: 26px;
 letter-spacing: 1px;
 color: #fff;
 position: absolute;
 left: 0;
 top: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 100%;
 width: 100%;
 z-index: 2;
 opacity: 0;
 transform: translateY(40px);
}
.skip .useHamburger{
  opacity: 1;
  transform: translateY(0);
}
.homeVideo .imgboxholder, .skip .iframeContainer, .skip .skipIntro{
  opacity: 0;
  visibility: hidden;

}
.skip .imgboxholder{
  opacity: 1;
  visibility: visible;
}

/* Menu CSS */
#menu-toggle {
  width: 30px;
  height: 30px;
  position: absolute;
  cursor: pointer;
  right: 50px;
  top: 30px;

  z-index: 6;
}
/* .page-template-default #menu-toggle, .page-template-default .homeicon{
  transform: translateY(-50%);
   top: 50%;
} */

#menu-toggle * {
  transition: .25s ease-in-out;
}

#menu-toggle #hamburger {
  position: absolute;
  height: 100%;
  width: 100%;
}

#menu-toggle #hamburger span {
  width: 30px;
  height: 2px;
  position: relative;
  top: 0;
  left: 0px;
  margin: 8px 0;
}

#menu-toggle #hamburger span:nth-child(1) {
  transition-delay: .5s;
  margin-top: 3px;
}

#menu-toggle #hamburger span:nth-child(2) {
  transition-delay: .625s;
}

#menu-toggle #hamburger span:nth-child(3) {
  transition-delay: .75s;
}

#menu-toggle #cross {
  position: absolute;
  height: 100%;
  width: 100%;
  transform: rotate(45deg);
  right: 10px;
  top: -9px;
}

#menu-toggle #cross span:nth-child(1) {
  height: 0%;
  width: 3px;
  position: absolute;
  top: 0;
  left: 28px;
  transition-delay: 0s;
}

#menu-toggle #cross span:nth-child(2) {
  width: 0%;
  height: 3px;
  position: absolute;
  left: 58%;
  top: 11px;
  transition-delay: .25s;
}

#menu-toggle.open #hamburger span {
  width: 0%;
}

#menu-toggle.open #hamburger span:nth-child(1) {
  transition-delay: 0s;
}

#menu-toggle.open #hamburger span:nth-child(2) {
  transition-delay: .125s;
}

#menu-toggle.open #hamburger span:nth-child(3) {
  transition-delay: .25s;
}

#menu-toggle.open #cross span:nth-child(1) {
  height: 90%;
  transition-delay: .625s;
}

#menu-toggle.open #cross span:nth-child(2) {
  width: 90%;
  transition-delay: .375s;
}

#menu-toggle span {
  display: block;
}
nav{
  position: fixed;
   top: 100%;
   left: 0;
   width: 100vw;
   height: 100%;
   overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.navBg{
  width: 100%;
  height: 100%;
  display: flex;
    flex-direction: column;
    overflow: auto;
    justify-content: center;
}
.navBg:before {
content: '';
width: 100px;
height: 100px;
color: #FEFEFE;
border-radius: 50%;
transition: all 0.4s ease;
flex: none;
transform: scale(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
    top: 50%;
}
.open nav {
  top: 0;
}
.open .navBg:before {
 transform: scale(100);
 transition: all 2s ease;
}
.menu-main-menu-container{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: calc(100% - 210px); */
  flex-direction: row;
  overflow: auto;
  margin: 0 0px 0px 0px;
}

nav .menu-main-menu-container > ul{width: 100%; max-width: 800px; padding: 0 20px; margin: auto;}

/* .page-template-template-project-management .menu-main-menu-container,
.page-template-template-project-management-part2 .menu-main-menu-container,
.page-template-template-case-studies .menu-main-menu-container,
.page-template-template-property .menu-main-menu-container,
.page-template-template-residential-security-php .menu-main-menu-container{
  margin-top: 110px;
} */

.menu-main-menu-container ul,  ul.footerMenu{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
 /* .menu-main-menu-container ul{margin: auto;} */
.menu-main-menu-container > ul > li:nth-child(5), .menu-main-menu-container > ul > li:nth-child(6)
{
  display: none;
}
 .menubottom
 {
   position: fixed;
   bottom: 0px;
   left: 0px;
   width: 100%;
   height: 100px;
   padding: 0px 20px 10px 20px;
   display: none;
   justify-content: space-between;
   align-items: flex-end;
 }

 .open nav .menubottom{
    display: flex;
 }
 .bottomRight
 {display: flex;align-items: flex-end;}
ul.footerMenu a:hover{
  color: #fff;
}
ul.footerMenu a{
  position: relative;
}

ul.footerMenu a:after, ul.footerMenu .current_page_item a:after{
  content: "";
  width: 0;
  display: block;
  height: 1px;
  margin: 1px 0 0;
  transition: all .3s ease-in-out;
  background-color: #fff;
 }
 ul.footerMenu .current_page_item a:after{
 transition-delay: 1.5s
 }
ul.footerMenu a:hover:after, .open ul.footerMenu .current_page_item a:after, .footerContainer ul.footerMenu .current_page_item a:after{
  width: 100%;
}

.footerContainer{
  padding: 0 50px 50px;
}
.footerContainer .footerMenu, .footerContainer .copyRgt{
  position: static;
  opacity: 1;
}
.footerContainer > div{
  width: 50%;
  padding: 0;
}
.footerContainer .copyRgt{
  text-align: right;
}
.footerContainer .footerMenu li:first-child{
  padding-left: 0;
}
.footerContainer .footerMenu li:last-child{
  padding-right: 0;
}
#container .footerContainer ul.footerMenu a{
  text-decoration: none;
  transition-delay: 0
}


.menu-main-menu-container > ul > li{
	transition: transform 1s ease-in-out, opacity 1s ease-in-out;
	transition-timing-function: cubic-bezier(.16,.84,.44,1);
}
.menu-main-menu-container > ul > li{
  padding: 15px 0 0;
  opacity: 0;
  transform: translateY(40px);
  display: flex;
  flex-direction: row;
  text-align: left;

}
.menu-main-menu-container > ul > li:nth-child(1),
.menu-main-menu-container > ul > li:nth-child(2),
.menu-main-menu-container > ul > li:nth-child(3),
.menu-main-menu-container > ul > li:nth-child(4)
{
  font-family: 'masque_hairlineregular';-webkit-text-stroke-width: 0.6px;
}
.open .menu-main-menu-container > ul > li{
  opacity: 1;
  transform: translateY(0);
}
.open .menu-main-menu-container > ul > li:first-child{
  transition-delay: 0.5s
}
.open .menu-main-menu-container > ul > li:nth-child(2){
  transition-delay: 0.7s
}
.open .menu-main-menu-container > ul > li:nth-child(3){
  transition-delay: 0.9s
}
.open .menu-main-menu-container > ul > li:nth-child(4){
  transition-delay: 1.2s
}
.open .menu-main-menu-container > ul > li:nth-child(5){
  transition-delay: 1.4s
}
.open .menu-main-menu-container > ul > li:nth-child(6){
  transition-delay: 1.6s
}
.open .menu-main-menu-container > ul > li:nth-child(7){
  transition-delay: 1.8s
}
.open .menu-main-menu-container > ul > li:nth-child(8){
  transition-delay: 2s
}
.menu-main-menu-container > ul > li:last-child, .menu-main-menu-container > ul > li > ul li:last-child{
  padding-bottom: 0
}
.menu-main-menu-container > ul > li > span{
  width: calc(60% - 20px);
  margin-right: 20px;
  border-top:1px solid #807e7f;
  padding-top: 20px !important;
}
.menu-main-menu-container > ul > li.nolink > span{
pointer-events: none;
}
.menu-main-menu-container > ul > li > span > a{
  font-size: 3.5vh;
  line-height: 3.5vh;
  /* font-size:34px;
  line-height: 37px; */
  letter-spacing: 0.68px;
  color: #ffffff;
}

.menu-main-menu-container .current_page_item > span > a, .menu-main-menu-container .current-menu-item > a{
  color: #D62E72;
}
.menu-main-menu-container a:hover{
  color: #D62E72;
}
/* .page-template-template-staffing-php .menu-main-menu-container li.menuProperty a:hover,
.page-template-template-staffing-php .menu-main-menu-container a:hover, .page-template-template-staffing-php .menu-main-menu-container .current_page_item > span > a, .page-template-template-staffing-php .menu-main-menu-container .current-menu-item > a{
  color: #9D7560;
} */

/* .page-template-template-Cotswolds-Offering-php .menu-main-menu-container a:hover,
.page-template-template-Cotswolds-Offering-php .menu-main-menu-container li.menuProperty a:hover, */
.page-template-template-Cotswolds-Offering-php .menu-main-menu-container .current_page_item > span > a,
.page-template-template-Cotswolds-Offering-php .menu-main-menu-container .current-menu-item > a{
  color: #898E67;
}
/* .menu-main-menu-container .current_page_item a:hover{
  color: #fff;
} */
.menu-main-menu-container > ul > li > ul li{
  padding: 5px 0
}
.menu-main-menu-container > ul > li > ul li a,
.menu-main-menu-container > ul > li > a{
  /* font-size: 20px;
  line-height: 31px; */
  font-size: 2vh;
    line-height: 2.3vh;
  letter-spacing: 0px;
  font-family: 'robotolight';
  -webkit-text-stroke-width: 0px;
}
.current-menu-parent .sub-menu{
  display: block;
}
.sub-menu{
  border-top:1px solid #807e7f;
  padding-top: 10px !important;
  width: 40%;
  /* display: none;
  padding-top:20px !important*/
}
.nolink > a
{
  pointer-events: none;
}

.partnerLogo
{
  display: flex;
  max-width: 330px;
  margin-right: 30px;
  align-items: center;
  justify-content: center;
  /* position: absolute;
  bottom: 20px;
  right: 220px; */
  width: 100%;
  transition: all 1s ease-in-out;
    transition-timing-function: cubic-bezier(.16,.84,.44,1);
    opacity: 0;
}
.open .partnerLogo
{
  opacity: 1;
      transition-delay: 1s;
}
.partnerLogo div{
  padding: 0px 20px;
}
.copyRgt{white-space: nowrap;}
.footerMenu, .copyRgt{
  /* position: absolute;
  bottom: 30px;
  left: 20px; */
  opacity: 0;
}
.footerMenu li{
  padding: 0 20px;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0px;
  font-family: 'robotolight';
}
.copyRgt{
  right: 0;
  left: auto;

  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.9px;
  color: #fff;
}
.homeicon{
  position: absolute;
  left: 50px;
  top:30px;
  width:40px;
  z-index: 2
}
.home .homeicon{
  display: none
}
.open.home .homeicon{
  display: block;
}
.open .homeicon, .open .footerMenu, .open .copyRgt{
  opacity: 1;
  transition-delay: 1s
}
.homeicon:hover .homeIconpath{
  fill:#D62E72
}

/* Menu CSS */

/* About Page */
.aboutContent, .propertyPage{
  align-content: center;
  height: 100%;
  color: #fff;
  /* padding-top: 150px; */
  padding-top: 10vw;
  position: relative;
  z-index: 1;
}

.propertyPage{
  padding-top: 5vw;
}
.introTitle{
  font-size:17px;
  line-height: 23px;
  letter-spacing: 0px;
  font-family: 'robotomedium';
      -webkit-text-stroke-width: 0px;
  text-transform: uppercase;
  color: #D62E72;
  display: block;
  padding-bottom: 10px
}
h1.introTitle{
  margin-bottom: 0;
}
.aboutContent .column:first-child, .propertyPage .column:first-child{
  /* font-size: 50px;
  height: 54px; */
  font-size: 4.6296296296296vh;
  line-height: 5vh;
  letter-spacing: 0vh;
  width: 62%;
  padding-right:50px;
}
.aboutContent .column:first-child
{
  display: flex;flex-direction: column;
}
.aboutContent .column:last-child, .propertyPage .column:last-child{
  padding: 35px 0 0 30px;
  width:38%;
  position: relative;
}
.quoteSec{
  margin: 1vh 0 0 auto;
  padding: 20px 30px;
  /* font-size: 35px;
  line-height: 40px; */
  font-size: 3.2407407407407vh;
  line-height: 3.7037037037037vh;
  text-align: center;
  color: #DBD7D7;
  position: relative;
  letter-spacing: 0px;
  display: flex;
justify-content: flex-end;
}
.quoteSec:before, .quoteSec:after{
  content: "";
  color: #D62E72;
  position: absolute;
  left: 0%;
  transform: translateX(0%);
  top: 0;
  background: url('images/quote.svg') no-repeat center center;
  background-size: 21px 16px;
      width: 21px;
      height: 16px;
}
.quoteSec:after{
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  transform: translateX(0%) rotate(180deg);
}

/* About Page */


/* Contact Page */
.contactFormContent{
  align-content: center;
  height: 100%;
  color: #fff;
  padding-top: 80px;
  position: relative;
  z-index: 1;
  flex-direction: row-reverse;
}
.applicationFormContent
{
  align-content: center;
  height: 100%;
  color: #fff;
  padding-top: 80px;
  position: relative;
  z-index: 1;
  padding-left: 50px;
  padding-right: 50px;
}
.contactFormContent .column{
  width: 50%;
  padding: 0 40px;
}
.contactFormContent .column:first-child{
  border-left: 1px solid #C7C5C5
}
.applicationFormContent .column:first-child .leftContent
{
  max-width: 310px;
}
.applicationFormContent .column:first-child{
  width: 33.33%;
  padding-right: 15px;
}
.applicationFormContent .column:last-child{
  width: 66.66%;
}
.officeAdd{
  width: 50%;
  padding-bottom: 20px;
  /* font-size: 17px;
  line-height: 25px; */
}
#container .officeAdd a{
  text-decoration: none;
}
#container .officeAdd a:hover{
  text-decoration: none !important;
}
.officeAdd:nth-child(2n+1){
  padding-right: 20px
}
.officeAdd:nth-child(2n+2){
  padding-left: 20px
}
.officeAdd p > span{
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 2px;
}
.officeAdd h2{
  color: #D62E72;
  margin: 20px 0 0
}
.subTitle{
  color: #D62E72;
  display: block;
  padding-bottom: 10px;
  min-height: 36px
}
.formContainer{
  position: relative;
}
.formWrapper
{
  display: flex;
  max-width: 1130px;
}
.formWrapper > div{
  width: 50%;
}
.formWrapper > div.leftCol
{
  padding-right: 20px;
  border-right: 1px solid #707070;
}
.formWrapper > div.rightCol
{
  padding-left: 20px;
}
.formContainer ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 20px;
  letter-spacing: 1px;
  display: flex;
  flex-flow: row wrap;
}

.formContainer ul li{
  border-bottom: 1px solid #707070;
  padding: 0;
  width: 100%;
}
ul.select2-selection__rendered li{
  width: auto;
  color: #0B0B0A;
    font-size: 15px;
}
.formWrapper > div.rightCol ul li{
  border-bottom: 0px solid #707070;
}
.formContainer ul li:last-child{
  border:0;
  padding-top: 25px !important
}
.formWrapper > div.leftCol ul li:last-child{

  padding-top: 0px !important
}
.formContainer ul li.labelTxt{
  padding: 0px 0;
  width: 100%;
}
.formContainer ul li label{
  /* padding-right: 10px; */
  padding: 10px 10px 10px 0px;
  display: inline-block;
  position: relative;
}
.formContainer .formWrapper > div.rightCol ul li label{
  padding: 20px 10px 10px 0px;
  display: block;
}
.formContainer ul li.labelTxt.cvupload
{
  padding-right: 15px;
}
.formContainer ul li.labelTxt.cvupload p{
  padding: 0px;
  width: 100%;
}
.formContainer ul li.labelTxt.cvupload, .formContainer ul li.labelTxt.language
{
  padding-bottom: 0px;
  width: 50%;
  border-bottom:0px;
  margin-top: 60px;
}

.formContainer ul li.labelTxt.language > label
{
  display: block;
  padding-bottom: 10px;
}
.formContainer .formWrapper > div span.wpcf7-list-item
{
  min-width: 20%;
}
.languages_spoken, .select2-container
{
    width: 100% !important;
  display: block;
  margin-top: 5px;
}
.formContainer .select2-container--default .select2-selection--multiple
{
  border-radius: 0px;
  border: 0 !important;
      padding: 5px;

}

.selection input[type="search"]::-webkit-input-placeholder,
.selection input[type="search"]::-moz-placeholder,
.selection input[type="search"]::-ms-input-placeholder,
.selection input[type="search"]::-moz-placeholder
.selection input[type="search"]::placeholder
{
	color:#000000;
  	opacity: 1;
}

.formContainer .formWrapper > div ul li textarea
{
  height: 110px;
}
.formContainer .formWrapper > div ul li textarea, .formContainer .formWrapper > div.rightCol input[type="text"]
{
  background: rgba(256,256,256,0.7);
  color: #000;
  padding: 10px;
}


.formContainer .formWrapper > div.rightCol textarea::-webkit-input-placeholder,
.formContainer .formWrapper > div.rightCol input[type="text"]::-webkit-input-placeholder {
	color:#000
}

.formContainer .formWrapper > div.rightCol textarea::-moz-placeholder,
.formContainer .formWrapper > div.rightCol input[type="text"]::-moz-placeholder {
	color:#000
}

.formContainer .formWrapper > div.rightCol textarea:-ms-input-placeholder,
.formContainer .formWrapper > div.rightCol input[type="text"]:-ms-input-placeholder {
	color:#000
}

.formContainer .formWrapper > div.rightColtextarea:-moz-placeholder,
.formContainer .formWrapper > div.rightCol input[type="text"]:-moz-placeholder {
	color:#000
}
.formContainer input[type="text"], .formContainer input[type="email"], .formContainer input[type="tel"], .formContainer textarea{
  background-color: transparent;
  padding:10px 0;
  border:0;
  font-size: 20px;
  color: #fff;
  width: 100%;
  letter-spacing: 1px;
}
.formContainer textarea{
  height: 75px;
  resize: none;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #fff;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #fff;
}

input::placeholder, textarea::placeholder {
  color: #fff;
}

input.wpcf7-not-valid::-webkit-input-placeholder {
  color: #D62E72;
}

input.wpcf7-not-valid:-ms-input-placeholder {
  color: #D62E72;
}

input.wpcf7-not-valid::placeholder {
  color: #D62E72;
}
.your-cv-file
{
  padding: 0px !important;
      position: static !important;
}
.cvupload #fileuploadfield {
    display:none;
}

.cvupload #uploadtextfield {
  height:30px;
  width:100%;
}
.uploadfieldtrick
{display: flex;align-items: center; position: relative; flex-direction: column;}
.cvupload #uploadbrowsebutton {
  height:40px;
  width:100%;
  margin-top:0px;
  text-align:center;
  font-size: 16px;
    line-height: 21px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 0px !important;
    border-radius: 0px !important;
    cursor: pointer;
    border-radius: 0px;
    color:#0B0B0A;
}
 .formContainer ul li.cvupload label{
   padding-bottom: 10px;
   display: block;
 }
 .formContainer ul li p{
   padding: 0px;
 }
/* .your-cv-file
{
  width: 100%;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  vertical-align: middle;
    padding: 5px 5px 10px 5px !important;
    background: #fff;
    color: #000;
}
 .your-cv-file input[type="file"] {
  width: 100%;
  height: 40px;
  z-index: 1;position: absolute;
  font-size: 19px;
  line-height: 30px;
} */
/*.your-cv-file::before {
  content: 'Select a files';
  display: inline-block;
  background: #ffffff;
  border: 0px solid #999;
  color: #000;
  border-radius: 0px;
  padding: 5px 15px;
  width: 100%;
  height: 40px;
  font-size: 19px;
  line-height: 30px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  position: absolute;
z-index: 0;
}

.your-cv-file input[type="file"]:active::before {
  background:  #ffffff;
} */

.wpcf7 form.invalid .wpcf7-response-output{
  display: none !important;
}
.wpcf7-not-valid-tip{
  font-size: 0 !important;
  position: absolute;
  right: 0;
  top: 50%;
  background: url('images/warning.svg') no-repeat center center;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
}
.formContainer input[type="submit"]{
  background-color: #fff;
  font-size: 19px;
  line-height: 32px;
  color: #414044;
  padding: 10px 20px;
  min-width: 200px;
  border:1px solid #707070;
  letter-spacing: 1.9px;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 0px;
}
.formContainer input[type="submit"]:hover{
  border-color:#707070;
  color: #fff;
}
.formContainer span.wpcf7-list-item{
  margin: 0 10px 0 0;
}
.formContainer ul li:nth-last-child(2) .wpcf7-form-control-wrap{
  display: block;
  padding: 0px 0 0;
}
.wpcf7-form [type="checkbox"]:checked, .wpcf7-form [type="checkbox"]:not(:checked) {position: absolute; top: 6px; opacity: 0;width: 14px;height: 14px;}
.wpcf7-form [type="checkbox"]:checked + span, .wpcf7-form [type="checkbox"]:not(:checked) + span {position: relative;padding-left: 26px; cursor: pointer; line-height: 16px; display: inline-block; color: #fff;}
.whitebox .wpcf7-form [type="checkbox"]:checked + span, .whitebox .wpcf7-form [type="checkbox"]:not(:checked) + span{ z-index: -1;}
.wpcf7-form [type="checkbox"]:checked + span:before, .wpcf7-form [type="checkbox"]:not(:checked) + span:before {content: ''; position: absolute;
left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #fff; background: #fff;}

.wpcf7-form	[type="checkbox"]:checked + span:after{
content: ''; width:12px; height:12px;background: #D62E72;position: absolute; top:3px;left:3px !important; -webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.wpcf7-form	[type="checkbox"]:not(:checked) + span:after { opacity: 0;transform:none;}
.wpcf7-form	[type="checkbox"]:checked + span:after {opacity: 1; transform:none;}
.wpcf7-form.sent .formWrapper > div.leftCol{border-right: 0px !important;}
.submitBtn{
  position: relative;
  display: inline-block;
}
div.wpcf7 .submitBtn .ajax-loader {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url(images/ajax-loader.svg) no-repeat center center #fff;
  background-size: 32px 32px;
  position: absolute;
  left: 0;
  border: 1px solid #9F7F58;
}
.formContainer .wpcf7 form.sent .wpcf7-response-output {
border:0 !important;
position: absolute;
left: 50%;
top: 50%;
width: 100%;
transform: translateX(-50%) translateY(-50%);
margin: 0 !important;
font-size: 28px;
line-height: 36px;
text-align: center;
color: #fff;
letter-spacing: 1.5px;
}
.formContainer .wpcf7 form.sent .wpcf7-response-output:before{
  content: "";
  position: absolute;
  left: 50%;
  top: -60px;
  transform: translateX(-50%);
  background: url('images/success-tick.svg') no-repeat center center;
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
}
/* Contact Page */


/* Property Mangement */
.pmBg .cover{
  object-position: left center;
}
.pageBlocks{
  position: relative;
  z-index: 1;
  align-items: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  height: 100%;
  /* padding-left: 540px; */
}
.pageBlocks .lftContent{
  /* width: 540px; */
  position: relative;
  /* left: 0;
  top: 50.1%;
  transform: translate3d(0, -50%, 0); */
  padding: 50px 60px 50px 80px;
  z-index: 1;
}
.lftContent h1{
  animation-delay: 0.5s;
  /* text-transform: uppercase; */
}
.lftContent .slider {
  animation-delay: 0.5s;
  display: flex;
}
.lftContent .slider .slide
{
  /* width: 20vw; */
  width: 395px;
  padding-right: 40px;
}
.page-template-template-staffing-php .lftContent h1{
  color: #9D7560;
}
.page-template-template-Cotswolds-Offering-php .lftContent h1{
  color: #898E67;
}
.page-template-template-staffing-php .lftContent
{
  color: #fff;
}
.page-template-template-staffing-php .lftContent h6
{
  font-size: 14px;
}
.page-template-template-Cotswolds-Offering-php .lftContent
{
  color: #0B0B0A;
}

.page-template-template-staffing-php .directionArrows svg path
{
  fill: #9D7560 !important;
    stroke: #9D7560 !important;
}
.page-template-template-Cotswolds-Offering-php .directionArrows svg path
{
  fill: #898E67 !important;
    stroke: #898E67 !important;
}
.pageBlocks .column:last-child{
  width: 60%;
  display: flex;
  padding-bottom: 20px;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
  height: 100%;
}

.page-template-template-pm-php .pageBlocks .column:last-child
{
  width: auto;
  padding-left: 0;
  padding-right: 0;
}
/* .page-template-template-pm-php .pageBlocks .lftContent .slider .slide:last-child
{
  padding-top: 42px;
} */
.page-template-template-pm-php .pageBlocks .column:last-child img{
  height: 85vh;
  max-width: none;
}
.page-template-template-bookkeeping-php .pageBlocks .column:last-child
{
  margin-left: -8%;
}
.box img{
  height: 90vh;
  max-width: none;
}
.box img, .hkbox img, .frame img, .bonsai img, .cork img{
  filter: saturate(0);
}
.box:hover img{
  filter: saturate(100%);
}
.page-template-template-housekeeping{
  color: #fff
}

.hkbox img{
  max-width: none
}
.doorimg3, .doorimg6, .doorimg7, .doorimg8 {
  position: relative;
}
.doorimg8 img{
  height: 70vh;
}
.brush{
  background: url('images/brush.png') no-repeat center center;
  width: 58px;
  height: 90px;
  position: absolute;
  left: 42px;
  bottom:0;
  opacity: 0;
	transform: translate3d(0,40px,0) translateZ(0);
  transition-delay: 0.5s !important;
}
.mat{
  background: url('images/mat.png') no-repeat center center;
  width: 281px;
  height: 84px;
  position: absolute;
  left: 42px;
  bottom:-65px;
  opacity: 0;
	transform: translate3d(0,40px,0) translateZ(0);
  transition-delay: 1s !important;
}
.doorLabel{
  position: absolute;
  right: -65px;
  bottom: 0;
  background: url('images/door-label.png') no-repeat center center;
  width: 180px;
  height:180px;
  background-size: 180px auto;
  opacity: 0;
  transition-delay: 1s;
  display: none;
}
.doorLabel.active{
   transform: rotate(52deg) translate(-5px, 66px) translateZ(0);
   opacity: 1
}
/* .doorWatch{
  position: absolute;
  right: 40px;
  bottom: 85px;
  background: url('images/door-watch.png') no-repeat center center;
  width: 78px;
  height: 146px;
  background-size: 78px auto
}
.doorWatch.active{
  animation: rotateWatch 3s ease-in-out forwards;
  animation-timing-function: cubic-bezier(.16,.84,.44,1);
} */

.linkArrow{position: absolute; left: 50px; bottom: 20px; width: 40px; height: 40px; z-index: 1; animation: bounce 2s infinite;}
.linkArrow svg{width: 25px;}
.linkArrow:hover svg path, .fancybox-button:hover svg path{fill:#fff}



/* House Keeping */
.page-template-template-housekeeping .pageBlocks .column:last-child{
  margin-bottom: 10px;
  width: auto;
  /* width: 85%; */
}

.page-template-template-housekeeping .pageBlocks .column:last-child .outerElm
{
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

.hkimg1 img{
  max-width: 150px;
}
.hkimg2{
  /* transform: translateX(20px); */
  margin-left: 20px;
}

.hkimg3{
  /* transform: translateX(-15%) translateY(-2%); */
  margin-left: -2%;
  margin-top: -2%;
      position: relative;
      z-index: -1;
}
.hkimg3 img, .hkimg5 img, .hkimg7 img, .hkimg11 img{
  height: 85vh
}

.hkimg4{
  /* transform: translateX(-56%); */
  margin-left: -2.5%;
  z-index: 4;
}



.hkimg5{
      /* transform: translateX(-65%); */
          margin-left: -2.5%;
  position: relative;
  z-index: 1;
}
.hkimg5 img{
      filter: saturate(100%);
}
.hkimg6{
  /* transform: translateX(-155%); */
      margin-left: -1.5%;
  z-index: 2;
}
.hkimg7{
 /* transform: translateX(-120%); */
     margin-left: -1%;
  position: relative;
  z-index: 1;
}
.hkimg8{
      /* transform: translateX(-92%) translateY(-5%);  */
      margin-left: 0.5%;
      margin-top: -1%;
      z-index: 1;
}
.hkimg8 img{
  height: 70vh;
}
.hkimg9{
  /* transform: translateX(-105%) translateY(-6%); */
  margin-left: -2%;
  margin-top: -3%;
   z-index: 2;
}
.hkimg9 img{
  height: 57vh;
}
.hkimg10 img{
  height: 52vh;
}
.hkimg10{
  /* transform: translateX(-125%) translateY(20px);  */
  margin-left: -1%;
  margin-top: 1%;
  z-index: 2;
}
.hkimg11{
 /* transform: translateX(-146%) translateY(-10px); */
 margin-left: -1%;
 margin-top: -1%;
  position: relative;
  z-index: -1;
}
.hkimg12{
  /* transform: translateX(-272%) translateY(10px); */
  margin-left: -2%;
  margin-top: 1%;
}
.hkimg13{
  position: absolute;
  left: 38%;
  bottom: 5px;
  z-index: 2;
}
.hkimg13 img{
  width: 40vh;
}
.hkimg14{
  position: absolute;
left: 51%;
z-index: 2;
bottom: 0;
}
.hkimg14 img{
  width:50vh;
}
.hkimg15{
  margin-left: -6.2%;
}
.hkimg16{
  margin-left: -6.2%;
}
.frame, .bonsai, .cork, .jeffKoons{
  position: absolute;
  left: 92%;
  top: -20px;

}
.frame{z-index: -1}

.frame
{
  width: 82vh;
  left: 42%;
  top: 2%;
}
.bonsai
{
  width: 75vh;
  left: 20%;
top: 10vh;
z-index: -2;
}
.frame img, .bonsai img
{
  width: 100%
}
.frame img, .bonsai img, .cork img, .jeffKoons img{
  max-width: none
}
.blockimgs .mgmnt_pen
{
  position: absolute;
  width: 35%;
  height: 30%;
  left: 10%;
  bottom: 5%;
}
.blockimgs .mgmnt_pen img{
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}
.blockimgs > div.outerElm{
  opacity: 1
}
.blockimgs > div.outerElm .cork{
  transform: translate3d(0,-40px,0) translateZ(0);
}
.blockimgs > div.outerElm .cork.scrollEnd, .paintTube.active, .number2.active{
  animation: fadeInUpTop 1s ease-in-out forwards;
  animation-timing-function: cubic-bezier(.16,.84,.44,1);
  animation-delay:0.5s !important;
  opacity: 0
}

.blockimgs > div.outerElm .jeffKoons{
    transform: translate3d(-120px,0,0) translateZ(0);
}
.blockimgs > div.outerElm .jeffKoons.scrollAnm{
  animation-delay: 2s !important;
}

.blockimgs > div.outerElm .bonsai{
    /* transform: translate3d(-120px,0,0) translateZ(0); */
    left: 22%;
}
.blockimgs > div.outerElm .bonsai.scrollAnm, .blockimgs > div.outerElm .jeffKoons.scrollAnm,
.blockimgs > div.outerElm .frame.scrollAnm,{
  animation: LeftRight 1s ease-in-out forwards;
  animation-timing-function: cubic-bezier(.16,.84,.44,1);
  opacity: 1
}


.cork{
  bottom: -7%;
left: 72%;
  top: auto;
}
.cork img{
  width: 270px;
}
.jeffKoons{
  left: 47%;
      top: auto;
      right: auto;
      bottom: 20px;
      z-index: 2;
}
.jeffKoons img{
  width: 170px;
}

/* House Keeping */


/* Global Reach */
.page-template-template-global-reach .pageBlocks .column:last-child{
      align-items: flex-start;
}
.oscar{
  position: absolute;
  left: 5%;
  top: 32%;
  transform: rotate(-25deg);

}
.blockimgs > div.oscar.active{
  opacity: 1;
  animation: oskarRotate 1s ease-in-out forwards;
  animation-timing-function: cubic-bezier(.16,.84,.44,1);
  animation-delay: 0.5s !important
}
.coffee{
  position: absolute;
  right: 18%;
  top: 15px;
  transform: rotate(-15deg)
}
.coffee img{
  max-width: none;
  height: 24vh;
  filter: saturate(0);
}
.blockimgs > div.coffee.coffeeAnm{
  opacity: 1;
  animation: coffeeAnm 2s ease-in-out forwards;
  animation-timing-function: cubic-bezier(.16,.84,.44,1);
  animation-delay: 1s !important

}


.bgElments img{
  position: absolute;

}
.bgelem1{
  max-width: 350px;
  bottom: 13%;
      left: 72%;
}
.bgelem2{
  max-width: 380px;
  top: 36%;
  transform: translateY(-50%);
  left: 41%;
  z-index: -1;
}
.bgelem3{
  max-width: 350px;
  top: 50%;
  transform: translateY(-50%);
  left: 43%;
  z-index: -2;
}

.overalyContent{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* opacity: 0;
  transform: translateY(80px); */
  opacity: 1;
  transform: translateY(0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-in-out;
	transition-timing-function: cubic-bezier(.16,.84,.44,1);
  z-index: 1;
  color: #fff;
  text-align: center;
  /* font-size: 21px;
  line-height: 23px; */
  font-size: 2.3076923076923075vh;
  line-height: 2.5274725274725274vh;

 }

.overalyContent h3{
  /* font-size: 32px; */
  font-size: 3.5164835164835164vh;
  margin-bottom: 15px;
}
 .overalyContent a, .officeAdd a {
    position: relative;
    width: auto !important;
    display: inline-block;
    text-decoration: none !important;
}

 .overalyContent a:after, .officeAdd a:after {
     content: "";
     width: 0;
     display: block;
     height: 1px;
     margin: 1px 0 0;
     transition: all .3s ease-in-out;
     background-color: #fff;
 }
.overalyContent a:hover, .device .overalyContent a{
   color: #fff;
   text-decoration: none !important;
 }
 .overalyContent a:hover:after, .officeAdd a:hover:after, .device .overalyContent a{
       width: 100%;
 }

 .overalyContent.portrait{height: 85%;}
 .grimg1 .overalyContent.portrait{transform: translateY(0) rotate(1deg) !important;}
  .grimg4 .overalyContent.portrait{width: 90%; transform: translateY(0) rotate(-2deg) !important;}
 .overalyBg{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   mix-blend-mode: multiply;
   /* opacity: 0; */
   opacity: 1;
   transition: all 0.5s ease-in-out;
 	transition-timing-function: cubic-bezier(.16,.84,.44,1);
 }

.gr{
  position: relative;
  z-index: 1;
 }
.gr:hover .overalyContent, .gr:hover .overalyBg,
.device .overalyContent, .device .overalyBg{
  opacity: 1;
  /* transform: translateY(0); */
}
.grimg1{
  margin-top: -4%;
  margin-left: 11.5%;
}
.grimg2{
  position: absolute;
  left: 0;
  bottom: 0;
  /* margin-top: 48%;
  margin-left: -56%; */
}
.grimg3{
  margin-top: 24%;
      margin-left: -2%;
}
.grimg4{
  margin-top: 7%;
      margin-left: -2%;
}


.grimg1 img{
 /* max-width: 500px; */
 max-width: none;
 height: 60vh;
}
.grimg1:hover .overalyBg, .device .grimg1 .overalyBg, .grimg1 .overalyBg{
  background-image: url('images/los-angeles-hover.png');
}
.grimg2 img{
 /* max-width: 600px; */
 max-width: none;
 height: 50vh;
}
.grimg2:hover .overalyBg , .device .grimg2 .overalyBg, .grimg2 .overalyBg{
  background-image: url('images/london-hover.png');
}
.grimg3 img{
 max-width: none;
 height: 68vh;
}
.grimg3:hover .overalyBg, .device .grimg3 .overalyBg, .grimg3 .overalyBg{
  background-image: url('images/paris-hover.png');
}
.grimg4 img{
 max-width: none;
 height: 70vh;
}
.grimg4:hover .overalyBg, .device .grimg4 .overalyBg, .grimg4 .overalyBg{
  background-image: url('images/new-york-hover.png');
}

.imgTitle{
  position: absolute;
  left: 0;
  width: 100%;
  text-align: left;
  padding-left: 55px;
  font-size: 1.4285714285714286vh;
  line-height: normal;
  color: #fff;
  letter-spacing: 1.82px;
  }
.imgTitle span{
color: #D62E72;
font-size: 1.5384615384615385vh;
}
.grimg1 .imgTitle{
  bottom: 16%;
      transform: rotate(2deg);
}
.grimg2 .imgTitle{
  top: 12%;
transform: rotate(4deg);
}

.grimg3 .imgTitle{
  top: 5.5%;
}
.grimg4 .imgTitle{
  bottom: 14%;
transform: rotate(-2deg);
}

.clocks ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.clockbg{
  background-size: 140px auto !important;
  width: 140px;
  height: 132px;
  position: absolute;
  z-index: 1;
  opacity: 0;
}
.clockbg:before {
content: "";
position: absolute;
left: calc(50% - 14px);
top: calc(50% - 7px);
width: 5px;
height: 5px;
background: #535353;
z-index: 3;
border-radius: 50%;
}
#usa:before, #us:before{
  background-color: #888
}
.active .clockbg{
  animation: fadeIn 1.2s ease-in-out forwards;
  animation-delay: 1s
}
#usa, #us{
  right: -15%;
  top: 24%;
  background: url('images/watch-2.png') no-repeat center center;
}
#uk, #france{
  background: url('images/watch-1.png') no-repeat center center;
}
.min, .hour, .sec {
  position: absolute;
  width: 3px;
    height: 30px;
  top: 32px;
  left: 57px;
  background-size: cover !important;
  transform-origin: 50% 100%;
}
.min {
  background: url('images/watch-1-min.png') no-repeat center center;
  z-index: 2;
}
.hour {
  background: url('images/watch-1-hr.png') no-repeat center center;
  z-index: 1;
height: 26px;
top: 35px;
}
#usa .min, #usa .hour{
  background: url('images/watch-2-min.png') no-repeat center center;
}
#us .min, #us .hour{
  background: url('images/watch-2-hr.png') no-repeat center center;
}

#uk{
  right: 40px;
  top: 40px;
}
#france{
  left: -50px;
  top: 11%;
}
#us{
  left: -55px;
  top: 115px;
}
.grimg2  .overalyContent{
  width: 90%;
  padding-top: 30px;
}
.rotateContent{
  transform: rotate(4deg);
}
.grimg3  .overalyContent{
  width: 95%;
}
/* Global Reach */



/* PA Services */
.page-template-template-pa-services .pageBlocks .column:last-child{
      align-items: center;
      width: auto;
      padding-right: 0;
      padding-bottom: 20px;
      margin-left: -3%;
}
.pasEle img{
  height: 80vh;
  margin-top: 5vh;
  max-width: none;
}
/* .pasEle > div{
  position: absolute;
} */
.pasEle img{
  filter: saturate(100%);
}
.paele1{
  left: 25%;
  top: 3%;
}
.paele1 img{
  max-width: 380px;
}
.paele2{
  left: 0;
  bottom: 15%;
}
.paele2 img{
 max-width: 250px;
}
.paele3{
  left: 32%;
  top: 30%;
  z-index: 1;
}
.paele3 img{
   max-width: 350px;
}
.paele4{
  left: 30%;
  bottom: 12%;
}
.paele4 img{
  max-width: 300px;
}
.paele5{
  left: 65%;
  top: 5%;
  z-index: 1;
}
.paele5 img{
  max-width: 300px;
}
.paele6{
  left: 62%;
  top: 26%;
}
.paele6 img{
  max-width: 350px;
}
.paele7{
  left: 81%;
  top: 29%;
}
.paele7 img{
  filter: saturate(100%);
  max-width: 40px;
}
.paele8{
  left: 49%;
    top: 50%;
}
.paele8 img{
  max-width: 240px;
}
.paele9{
  left: 71%;
  top: 42%;
  z-index: -1;
}
.paele9 img{
  max-width: 300px;
}
.paele10{
  left: 64%;
  bottom: 14%;
}
.paele10 img{
  max-width: 380px;
}
.paele11{
  left: 97%;
  top: 10%;
  z-index: -1;
}
.paele11 img{
  max-width: 550px;
}
.paele12{
  left: 120%;
  bottom: 0%;
 }
.paele12 img{
  max-width: 300px;
}
.paele13{
  left: 132%;
    top: 10%;
 }
.paele13 img{
  max-width: 250px;
}
.paele14{
  left: 142%;
    top: 30%;
 }
.paele14 img{
  max-width: 250px;
}
.paele15{
  left: 151%;
  top: 51%;
  z-index: -1;
 }
.paele15 img{
  max-width: 250px;
}
.paele16{
  left: 144%;
  bottom: 8%;
  z-index: -1;
 }
.paele16 img{
  max-width: 250px;
}
.paele17{
  left: 142%;
  bottom: 19%;
  z-index: -2;
 }
.paele17 img{
  max-width: 350px;
}
.paele18{
  left: 155%;
  top: 11%;
  }
.paele18 img{
  max-width: 180px;
}
.paele19{
  left: 400%;
  top: 11%;
  }
.paele19 img{
  max-width: 180px;
}



.iPhone{
  position: absolute;
  left: 42%;
  top: 51%;
}
.iPhone img{
  max-width: 300px;
  height: auto !important;
}
/* .iPhone:after {
content: "";
background: #000;
width: 160px;
height: 300px;
top: 44px;
left: 59px;
position: absolute;
transform: rotate(23deg);
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
}
.iPhone.active:after{
animation: fadeOut 1s ease-in-out forwards;
animation-delay: 1s
} */

.iphoneSlider{
position: absolute;
/* left: 78px;
top: 110px; */
left: 82px;
top: 147px;
transform: rotate(23deg);
background: #fff;
font-size: 10px;
line-height: 20px;
font-family: arial;
width: 140px;
padding: 5px;
}

.glasses{
  position: absolute;
  left: 22%;
  top: 50%;
}
.glasses img{
  max-width: 380px;
  height: auto;
}

.pen{
  position: absolute;
  left: 20.8%;
  top: 8%;
}
.pen img{
  max-width: 340px;
  height: auto;
}



.plane{
  position: absolute;
  left: 72.8%;
  top: 15%;
  transform: translate(-50px, 50px);
  opacity: 1 !important
}

.paAnmElm > div.plane.active{
  animation: planeAnm 2s ease-in-out forwards;
  animation-timing-function: cubic-bezier(.16,.84,.44,1);
}

.paAnmElm > div.plane.active.activeEnd{
  animation: planeAnmEnd 2s ease-in-out forwards;
  animation-timing-function: cubic-bezier(.16,.84,.44,1);
}

.plane img{
  max-width: 150px;
  height: auto !important;
}

/* PA Services */

.paAnmElm > div.watch.active .watchhands{
  animation: watchhandsRotate 30s ease-in-out forwards;
  animation-timing-function: cubic-bezier(0,0,1,1);
}

@keyframes watchhandsRotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
.page-template-template-staffing-php .pasEle > img, .page-template-template-Cotswolds-Offering-php .pasEle > img {
  height: 100vh;
  margin-top: 0px;
}
.page-template-template-staffing-php .pasEle, .page-template-template-Cotswolds-Offering-php .pasEle{
  padding-bottom: 0px !important
}
.page-template-template-staffing-php .pasEle .watch{position: absolute;     left: 26vh;
    bottom: 12vh;
    width: 50vh;
      max-width: 570px !important;
    z-index: 1;}

    .page-template-template-Cotswolds-Offering-php .pasEle .watch{position: absolute;
    left: 128vh;
    bottom: 41vh;
    width: 50vh;
    max-width: 570px !important;
    z-index: 1;
    transform: rotate(25deg);}

.page-template-template-staffing-php .pasEle .watch img, .page-template-template-Cotswolds-Offering-php .pasEle .watch img
{
  max-width: 570px;
  width: 100%;
  height: auto !important;
}
.page-template-template-staffing-php .fullscreen .imgboxholder, .page-template-template-Cotswolds-Offering-php .fullscreen .imgboxholder
{
  position: fixed;
}

.page-template-template-Cotswolds-Offering-php .pasEle .pin{position: absolute;
  left: 202vh;
  bottom: 39.1vh;
  width: 10vh;
max-width: 35px !important;
z-index: 1;
/* opacity: 0; */
transform: translateY(-50px);
}
.paAnmElm > div.pin.active{
  animation: movepin 0.7s ease-in-out forwards;
  animation-timing-function: cubic-bezier(0,0,1,1);
  -webkit-animation-delay:0.5s;
        animation-delay:0.5s;
}

@keyframes movepin {
  0% {
    opacity: 1;
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.page-template-template-Cotswolds-Offering-php .pasEle .pin img
{
  max-width: 35px;
  width: 100%;
  height: auto !important;
}
.watchhands
{
  position: absolute;
  bottom: 4%;
  right: 5.7%;
  width: 36% !important;

  z-index: 1;
}


.page-template-template-Cotswolds-Offering-php .pasEle .tractor{position: absolute;
  left: 168vh;
  bottom: 52vh;
  width: 57vh;
max-width: 500px !important;
z-index: 1;

transform: translate(-15px, 30px);
}
.paAnmElm > div.tractor.active{
  animation: movetractor 0.8s ease-in-out forwards;
  animation-timing-function: cubic-bezier(0,0,1,1);
  -webkit-animation-delay:0.5s;
        animation-delay:0.5s;
}

@keyframes movetractor {
  0% {
    opacity: 1;
    transform: translate(-15px, 30px);
  }

  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
.page-template-template-Cotswolds-Offering-php .pasEle .tractor img
{
  max-width: 500px;
  width: 100%;
  height: auto !important;
}


/* Team */
.pointerNone {
    pointer-events: none;
    display: none;
}
.nocontent .nameBioLink{
  pointer-events: none;
}
.nocontent .biolink{
  display: none;
}
.page-template-template-our-people .pageBlocks .column:last-child{
      align-items: flex-start;
  width: auto;
  /* padding-right: 50px; */
  /* padding-right: 70vh; */
  padding-top: 50px;
  padding-bottom: 30px;
  flex-direction: column;
  justify-content: center;
  position: static;
}
.teamGrid
{
  display: grid;
    grid-template-rows: repeat(4, 21vh);
    gap: 5px;
    grid-auto-flow: column;
    max-height: calc(95vh - 80px);
    align-items: flex-end;
    justify-content: center;
}

.teamSec img{
  max-width: none;
  width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  /* filter: saturate(0); */
}
.easle img
{
  filter: saturate(0);
}
/* .teamRow{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
} */
.element1, .element2,.element3, .elementlast
{
  pointer-events: none;
}
.element1, .element2, .elementlast
{
  position: relative;
  width: 19vh;
    height: 21vh;
    margin: 0px 15px;
}

.elementlast
{
  /* position: absolute;
  right: 73vh;
  bottom: 8vh; */
}
.teamGrid > div:not(.element1, .element2,.element3, .elementlast){
  position: relative;
  opacity: 0;
  width: 19vh;
    height: 21vh;
    margin: 0px 15px;
}

.teamGrid > div.profile0
{
  width: 31vh;
    height: 41vh;
    grid-row: span 2;
grid-column: span 2;
margin: 0 auto;
top: 12vh;
left: 70px;
position: absolute;
z-index: 2;
}


.page-template-template-our-people .pageBlocks .lftContent{
  padding-top: 46vh;
}

.teamGrid > div.profile1
{
  width: 25vh;
    height: 32vh;
    grid-row: span 2;
grid-column: span 2;
margin: 0 auto;
top: -3vh;
}

.teamGrid > div.profile2
{
  width: 25vh;
    height: 32vh;
    grid-row: span 2;
grid-column: span 2;
margin: 0 auto;
top: -10vh;
}


.teamGrid > div.active{
  animation: fadeIn 1.2s ease-in-out forwards;
}


.paintTube{
  background: url('images/people/director-box.png') no-repeat center center;
  background-size: contain;
  width: 135px;
  height: 25px;
  position: absolute;
  right: 10%;
  top: -6px;
  opacity: 0;
  pointer-events: none
}

.parisNumber{
  background: url('images/people/Number-4.png') no-repeat center center;
  background-size: contain;
  width: 40px;
  height: 60px;
  position: absolute;
  right: -25%;
      top: 20%;
  pointer-events: none
}

.number1{
  background: url('images/people/Number-16488.png') no-repeat center center;
  background-size: contain;
  width: 115px;
  height: 50px;
  position: absolute;
  left: -15%;
      top: 55%;
  pointer-events: none
}
.number2{
  background: url('images/people/Number-2A.png') no-repeat center center;
  background-size: contain;
  width: 17px;
  height: 80px;
  position: absolute;
  left: -16%;
  top: 25px;
  pointer-events: none;
      filter: saturate(0);
}
.number3{
  background: url('images/people/Number-151.png') no-repeat center center;
  background-size: contain;
  width: 30px;
  height: 110px;
  position: absolute;
  right: -35px;
  bottom: 0%;
  pointer-events: none;

}
.dog{
  background: url('images/people/Dog.png') no-repeat center center;
  background-size: contain;
  transition: bottom 0.6s ease;
  filter: grayscale(1);
  width: 22vh;
height: 22vh;
position: absolute;
left: 15%;
  bottom:-25%;
}
.dog.active{
bottom:-30%;
}

.dog2{
  background: url('images/people/Dog_2.png') no-repeat center center;
  background-size: contain;
  transition: bottom 0.6s ease;
  filter: grayscale(1);
  width: 22vh;
height: 22vh;
position: absolute;
left: 5%;
  bottom:-35%;
}
.dog2.active{
bottom:-30%;
}
.elm2a{
  background: url('images/people/2a.png') no-repeat center center;
  background-size: contain;
  width: 35px;
height: 80px;
  position: absolute;
  left: -10%;
  top: 20%;
  opacity: 0;
  transition-delay: 0.5s;
  pointer-events: none
}
.elm2a.active{
  top: 10%;
  opacity: 1;
}
.page-template-template-our-people .pageBlocks .element3
{grid-row: span 4;
    grid-column: span 10; margin-left: 100px;}
.easle{
  position: relative;
  bottom: -14vh;
  /* right: 0%; */
  /* right: -32%; */
  /* bottom: -90vh; */
  /* bottom: -85vh; */
  transition-delay: 0.5s
}
.easle.active{
  bottom: -7vh
}
.easle img{
  height: 90vh;
  width: auto;
}
.img{
  position: relative;
  cursor: pointer;
  width: 100%;
    height: 100%;
}
.img:before{
  content: "";
  position: absolute;
  background:#D62E72;
  mix-blend-mode: multiply;
  width: 52%;
  height: 60%;
  left: 49%;
  top: 49%;
  z-index: 1;
  opacity: 0;
  transform: translate(-50% , -50%);
  transition: all 0.5s ease-in-out;
}
.profile0 .img:before{
  width: 55%;
    height: 60%;
    left: 50%;
    top: 48%;
}


.profile1 .img:before{
  width: 60%;
height: 68%;
left: 48.5%;
top: 48.5%;
}
.profile2 .img:before{
  left: 48.5%;
    width: 60%;
    height: 67%;
}
.profile4 .img:before{
  top: 50%;
}
.profile5 .img:before{
  left: 49%;
    top: 50%;
}
 .profile17 .img:before, .profile29 .img:before, .profile31 .img:before, .profile16 .img:before{
  left: 47%;
}
.profile9 .img:before{
  left: 49%;
}
.profile33 .img:before, .profile35 .img:before{
  left: 48%;
}
.profile10 .img:before{
  left: 49.5%;
}
.profile11 .img:before{
  width: 51%;
    height: 59%;
    left: 48%;
    top: 48%;
}

.img:after{
  content: "";
  /* background: url('images/plus-icon-white.svg') no-repeat center center; */
  position: absolute;
  left: 0;
  top: 0;
  width: 90%;
  height: 90%;
  background-size:30px 30px;
  opacity: 0;
  z-index: 2;
  transition: all 0.5s ease-in-out;
}
.no-touch .img:hover:before, .no-touch .img:hover:after{
  opacity: 1
}

.profileIntro{
  position: absolute;
  right: -350px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 350px;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  /* transition: all 0.3s ease-in-out; */
}

/* .profile0 .profileIntro, .profile1 .profileIntro{
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
} */
.profile1 .profileFulllintro
{
  top: auto;
bottom: -90px;
}

.desk .teamGrid > div:hover, .teamGrid > div.click, .teamGrid > div:hover{
  z-index: 7;
}

.showintro, .desk .teamGrid > div:hover .profileIntro,
.teamGrid > div.click .profileIntro, .teamGrid > div:hover .profileIntro,
.touch .showintro .profileFulllintro{
  opacity: 1;
  visibility: visible;
}
.device .showintro .nameBioLink
{
  display: none !important;
}


  .nameBioLink{
    cursor: pointer;
    /* transition: all 0.3s ease-in-out; */
  }
  .nameBioLink.active
  {
    opacity: 0;
    visibility: hidden;
  }
  .nameBioLink.active .proName{
    opacity: 0;
    visibility: hidden;
    font-size: 0
  }
.proName{
  font-size: 73px;
  line-height: 63px;
  letter-spacing: 0px;
  display: block;
}
.biolink{
  font-size: 22px;
  line-height: 26px;
  position: relative;
  display: block;
  padding:10px 0 0 34px;
  letter-spacing: 0px;
 }
 .biolink:before{
   content: "";
   position: absolute;
   left: 4px;
   top: 11px;
   background: url('images/team-plus-arrow.svg') no-repeat center center;
   width: 22px;
   height: 22px;
   background-size: 22px 22px;
  }

   .showintro .biolink:before{
background: none !important;
   }
.biolink:hover{
  color: #D62E72;
}
.biolink:hover:before{
  background-image: url('images/team-plus-arrow-white.svg');
}
.profileFulllintro{
  background-color: rgba(255,255,255,0.69);
  position: absolute;
  left: 12%;
  top: -40px;
  width: 360px;
  z-index: 1;
  color: #0B0B0A;
  opacity: 0;
  visibility: hidden;
  /* transition: all 0.5s ease-in-out; */
}
.profile29 .profileFulllintro
{
  top: -30px;
}
.profileFulllintro:before{
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right:10px solid rgba(255,255,255,0.69);;
  position: absolute;
  left: -10px;
  top: 74px;
}
.fullIntro{
  opacity: 1;
  visibility: visible;
}

.scrollCont{
   padding: 50px 30px 30px;
   max-height: 300px;
}
.scrollCont.mCS_destroyed
{
  overflow: auto !important;
}
.profileFulllintro h3{
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 0;
  color: #070606;
  letter-spacing: 0.6px;
}
.profileFulllintro h3 br{
  display: none;
}
.profilePost{display: block; font-size: 22px; line-height: 26px; color: #070606; padding-bottom: 20px; letter-spacing: 0.44px; position: relative;}
.page-template-template-our-people .pageBlocks{
  z-index: initial;
}
.profileAct{z-index: 7;}
.profileAct .img{pointer-events: none}
.profileAct .key, .profileAct .paintTube, .profileAct .elm2a,
.desk .teamGrid > div:hover .key, .desk .teamGrid > div:hover .paintTube, .desk .teamGrid > div:hover .elm2a, .profileAct .number1, .desk .teamGrid > div:hover .number1
 {filter: brightness(0.5);}
.profile1 .profileIntro{
  right: -350px
}
.profile1 .profileFulllintro:before{
  top: 50%;
    transform: translateY(-50%);
}
.profile6 .profileFulllintro, .profile10 .profileFulllintro, .profile17 .profileFulllintro, .profile21 .profileFulllintro, .profile24 .profileFulllintro,
.profile28 .profileFulllintro, .profile32 .profileFulllintro, .profile36 .profileFulllintro, .profile40 .profileFulllintro, .profile44 .profileFulllintro  {
  top: auto;
      bottom: -50px;
}
.blank3, .blank4{
  position: absolute;
  left: -44px;
  top: 0;
  transform: translateY(90%);
  animation-delay: 1.2s !important
}
.blank3 img{
  width: 44px;
  max-width: none
}
.blank4{
      transform: translateY(154%);
  animation-delay: 1.4s !important
}
.blank4  img{
  width: 40px;
  max-width: none
}
.loaded .blank3, .loaded .blank4{
  animation: frameLeft 0.5s ease-in-out forwards;
  animation-timing-function: cubic-bezier(.16,.84,.44,1);
}
/* Team */


/* Book Keeping */
.page-template-template-bookkeeping .pageBlocks:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: url('images/book-keeping/book-stand-btm.png') no-repeat center bottom;
  background-size: cover;
  z-index: 2;
}


.bookShelf img{
  filter:saturate(0);
  max-width: none;
}
.bookstand img{
  height: 55vh;
}
.book1{
  z-index: 1;
}
.book1 img, .book3 img, .book5 img{
  height: 85vh;
}
.book2{
  margin-left: -13px;
}
.book2 img, .book4 img{
  height: 80vh;
}
.book4{
  margin-left: -4px;
  z-index: 1;
}
.abacus{
  transform: translateY(13px);
  z-index: 1;
  margin-left: -14px;
}

.book5{
  margin-left: -3px;
}

.abacus img{
  height: 65vh;
}
.blankBook{
  margin-left: -7vw;
     /* margin-left: -120px; */
 }
 .blankBook img {
    height: 72vh;
}
.book7{
  margin-left:-3px;
}
.book7 img{
  height: 77vh;
}
.book8{
  margin-left: -4px;
}

.book8 img{
  height: 73vh;
}
.book9{
  margin-left: -5px;
  transform: translateY(3px);
}
.book9 img{
  height: 75vh;
}
.book10{
  z-index: 1;
  margin-left: -1px;
}
.book10 img{
  height: 72.8vh;
}

.book11-16{
  margin-left: -17px;
  position: relative;
}

.book11-16 img{
  height: 95vh;
  filter: saturate(100%);
}
.bookTxt{
  text-align: center;
  position: absolute;
  right: 17.5%;
  top: calc(50% - 80px);
  width: 180px;
  font-family: 'EB Garamond', serif;
  font-size: 1.5vw;
  line-height:1.6vw;
  font-weight: 700;
  color: #D62E72;
  letter-spacing: -1px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  width: 20%;
white-space: nowrap;
}
.bookTxt span{
  display: block;
  opacity: 0;
  transform: translate3d(0,40px,0) translateZ(0)
}
.bookTxt.active span{
  animation: fadeInUp 1.2s ease-in-out forwards;
  animation-timing-function: cubic-bezier(.16,.84,.44,1);
}
.bookTxt span:first-child{animation-delay: 0.3s}
.bookTxt span:nth-child(2){animation-delay: 0.4s}
.bookTxt span:nth-child(3){animation-delay: 0.5s}
.bookTxt span:nth-child(4){animation-delay: 0.6s}
.bookTxt span:nth-child(5){animation-delay: 0.7s}
.bookTxt span:nth-child(6){animation-delay: 0.8s}
.bookTxt span:nth-child(6){animation-delay: 0.9s}



.book17{
  margin-left: -3px;
}

.book17 img{
  height: 90vh;
}
.book18{
  z-index: 1;
}
.book18 img{
  height: 93vh;
}

.book19{
  margin-left: -4px;
  z-index: 1;
}

.book19 img{
  height: 81vh;
}

.book20{
  margin-left:-5px
}

.book20 img{
  height: 93vh;
}
.book21 img{
  height: 92vh;
}

.book21{
  margin-left: -1px;
}

.bookstandEnd{
  margin-left: -7px;
}
.bookstandEnd img{
  height: 38vh;
}

.bookShelf img.house{
  filter: saturate(100%);
  /* max-width: 50px; */
  max-width: 3vw;
  position: absolute;
  left: 20px;
  /* top: -47px; */
  top: -2.9vw;
  height: auto;
  opacity: 0;
  transform: translateX(190px);
  transition-delay: 1s
 }
 .bookShelf img.house.active{
   opacity: 1;
   transform: translateX(0);
 }
.bookShelf img.watch{
  position: absolute;
  left: 0;
  top: -53%;
  height: auto;
  /* max-width: 400px; */
  z-index: -1;
      width: 114%;
}
.abacus:before{
  content: "";
  width: 97%;
  height: 100vh;
  background: url('images/book-keeping/shadow.png') no-repeat center center;
  background-size: cover;
  position: absolute;
  top: -36%;
}


/* Book Keeping */


/* Property Page */
.ourPrinciples{
  padding-top: 20px;
}
.ourPrinciples h3{
  color: #D62E72;
  letter-spacing: 0px;
  margin-bottom: 10px;
}
.ourPrinciples a{
  text-transform: uppercase;
  color: #61B3E1;
  text-decoration: none !important;
  font-family: 'robotomedium';
}
.ourPrinciples a:hover{
  text-decoration: underline !important;
}
.propertyPage .column:last-child{
  padding-left: 50px;
}
.propertyPage .quoteSec{
  /* max-width: 35%; */
  float: right;
  margin: 0;
  color: #fff;
}
.firstLetter{
  font-size:  10vw;
  position: absolute;
  left: 50px;
  top: 44px;
  z-index: -1;
  color: #D62E72;
  opacity: 0;
  width: 32%;
      text-align: right;
}
.animate{
  font-size:  16.041666666666668vw;
  left: -30px;
  opacity: 1;
}
.removeTxt{
  font-size:  10vw;
  opacity: 0;
}

.page-template-template-property-php .menu-main-menu-container .current_page_item > span > a,
.page-template-template-property-php .menu-main-menu-container .current-menu-item > a,
.page-template-template-property-php h1, .page-template-template-property-php .introTitle,
.page-template-template-property-php .firstLetter,
.page-template-template-property-php .ourPrinciples h3,
.page-template-template-project-management-php .plusDetailIntro h3,
.page-template-template-project-management-php h1,
.page-template-template-project-management-php .menu-main-menu-container .current_page_item > span > a,
.page-template-template-project-management-php .menu-main-menu-container .current-menu-item > a,
.page-template-template-project-management-part2-php .plusDetailIntro h3,
.page-template-template-project-management-part2-php h1,
.page-template-template-project-management-part2-php .menu-main-menu-container .current_page_item > span > a,
.page-template-template-project-management-part2-php .menu-main-menu-container .current-menu-item > a
{
    color: #61B3E1;
}

.page-template-template-property #container a:hover,
.page-template-template-project-management h1,
.page-template-template-project-management .menu-main-menu-container .current_page_item a,
.page-template-template-project-management #container a:hover,
.page-template-template-project-management .plusDetailIntro h3,
.page-template-template-project-management .menu-main-menu-container .current_page_item a:hover,
.page-template-template-project-management-part2 h1,
.page-template-template-project-management-part2 .menu-main-menu-container .current_page_item a,
.page-template-template-project-management-part2 #container a:hover,
.page-template-template-project-management-part2 .plusDetailIntro h3,
.page-template-template-project-management-part2 .menu-main-menu-container .current_page_item a:hover,
.page-template-template-pm-php h1,
.page-template-template-property-php .menu-main-menu-container .current_page_item a,
.page-template-template-pm-php .menu-main-menu-container .current_page_item a,
.page-template-template-pm-php #container a:hover,
.page-template-template-pm-php .menu-main-menu-container .current_page_item a:hover,
.page-template-template-property-php .menu-main-menu-container .current_page_item a:hover,
.page-template-template-property .menu-main-menu-container .current_page_item a:hover,
.page-template-template-case-studies #container .pageBlocks .lftContent a:hover,
.page-template-template-case-studies .menu-main-menu-container .current_page_item a,
.page-template-template-residential-security-php h1,
.page-template-template-residential-security-php .menu-main-menu-container .current_page_item a,
.page-template-template-residential-security-php .menu-main-menu-container .current_page_item a:hover
{
  color: #61B3E1;
}
.page-template-template-staffing-php .dollHouse {stroke: #9D7560;  }
.page-template-template-property .dollHouse,  .page-template-template-residential-security-php .dollHouse,
.open.page-template-template-case-studies.loaded .dollHouse {stroke: #61B3E1;  }
.page-template-template-Cotswolds-Offering-php .dollHouse {stroke: #898E67;  }
.page-template-template-property.loaded .dollHouse,
.page-template-template-project-management.loaded .dollHouse,
.page-template-template-project-management-part2.loaded .dollHouse,
.page-template-template-residential-security-php.loaded .dollHouse,
.page-template-template-project-management .mCSB_scrollTools svg path,
.page-template-template-project-management-part2 .mCSB_scrollTools svg path,
.page-template-template-residential-security-php .mCSB_scrollTools svg path,
.page-template-template-pm-php .mCSB_scrollTools svg path,
.page-template-template-case-studies.loaded .dollHouse,
.page-template-template-pm-php.loaded .dollHouse
{stroke: #61B3E1;}
.page-template-template-property .homeicon:hover .homeIconpath,
.page-template-template-residential-security-php .homeicon:hover .homeIconpath,
.page-template-template-project-management .homeicon:hover .homeIconpath,
.page-template-template-project-management .mCSB_scrollTools svg path,
.page-template-template-project-management-part2 .homeicon:hover .homeIconpath,
.page-template-template-project-management-part2 .mCSB_scrollTools svg path,
.page-template-template-pm-php .homeicon:hover .homeIconpath,
.page-template-template-pm-php .mCSB_scrollTools svg path,
.page-template-template-residential-security-php .mCSB_scrollTools svg path,
.page-template-template-case-studies .homeicon:hover .homeIconpath
{fill:#61B3E1}
.page-template-template-property #menu-toggle span,
.page-template-template-property #menu-toggle #cross span:nth-child(1),
.page-template-template-property #menu-toggle #cross span:nth-child(2),
.page-template-template-residential-security-php #menu-toggle span,
.page-template-template-residential-security-php #menu-toggle #cross span:nth-child(1),
.page-template-template-residential-security-php #menu-toggle #cross span:nth-child(2),
.page-template-template-project-management #menu-toggle span,
.page-template-template-project-management #menu-toggle #cross span:nth-child(1),
.page-template-template-project-management #menu-toggle #cross span:nth-child(2),
.page-template-template-project-management .slick-dots li.slick-active button,
.page-template-template-project-management-part2 #menu-toggle span,
.page-template-template-project-management-part2 #menu-toggle #cross span:nth-child(1),
.page-template-template-project-management-part2 #menu-toggle #cross span:nth-child(2),
.page-template-template-project-management-part2 .slick-dots li.slick-active button,
.page-template-template-pm-php #menu-toggle span,
.page-template-template-pm-php #menu-toggle #cross span:nth-child(1),
.page-template-template-pm-php #menu-toggle #cross span:nth-child(2),
.page-template-template-pm-php .slick-dots li.slick-active button,
.page-template-template-case-studies #menu-toggle span,
.page-template-template-case-studies #menu-toggle #cross span:nth-child(1),
.page-template-template-case-studies #menu-toggle #cross span:nth-child(2),
.page-template-template-case-studies .slick-dots li.slick-active button
{
  background: #61B3E1;
}
.page-template-template-property .quoteSec:before,
.page-template-template-property .quoteSec:after
{background: url('images/quote-blue.svg');background-size: 21px 16px;
    width: 21px;
    height: 16px;}
.page-template-template-property .linkArrow svg path,
.page-template-template-property .linkArrow:hover svg path,
.page-template-template-residential-security-php .linkArrow svg path,
.page-template-template-residential-security-php .linkArrow:hover svg path{fill: #fff !important;}
.page-template-template-project-management .directionArrows svg path,
.page-template-template-project-management-part2 .directionArrows svg path,
.page-template-template-residential-security-php .directionArrows svg path,
.page-template-template-pm-php .directionArrows svg path{fill: #61B3E1 !important; stroke:#61B3E1 !important}
.page-template-template-project-management .plusicon,
.page-template-template-project-management-part2 .plusicon,
.page-template-template-pm-php .plusicon{background-image: url('images/plus-icon-blue.svg')}
.page-template-template-project-management .closeDetail,
.page-template-template-project-management-part2 .closeDetail,
.page-template-template-pm-php .closeDetail{background-image: url('images/close-blue.svg')}

/* .page-template-template-property .menu-main-menu-container a:hover, .page-template-template-project-management .menu-main-menu-container a:hover,*/
/* .page-template-template-case-studies .menu-main-menu-container a:hover, */
.menu-main-menu-container ul li.menuProperty a:hover
{
  color: #61B3E1;
}
.menu-main-menu-container .brownmenu.current-menu-item>a,
.menu-main-menu-container ul li.brownmenu a:hover
{
  color: #9D7560;
}
.menu-main-menu-container ul li.greenmenu a:hover
{
  color: #898E67;
}

.open.page-template-template-property.loaded .dollHouse,
.open.page-template-template-residential-security-php.loaded .dollHouse,
.open.page-template-template-project-management.loaded .dollHouse,
.open.page-template-template-project-management-part2.loaded .dollHouse,
.open.page-template-template-pm-php.loaded .dollHouse,
.open.page-template-template-case-studies.loaded .dollHouse
{stroke: #61B3E1;}
.open.page-template-template-property .homeicon:hover .homeIconpath,
.open.page-template-template-residential-security-php .homeicon:hover .homeIconpath,
.open.page-template-template-project-management .homeicon:hover .homeIconpath,
.open.page-template-template-project-management-part2 .homeicon:hover .homeIconpath,
.open.page-template-template-pm-php .homeicon:hover .homeIconpath,
.open.page-template-template-case-studies .homeicon:hover .homeIconpath
{fill:#61B3E1}

.open.page-template-template-property #menu-toggle span,
.open.page-template-template-property #menu-toggle #cross span:nth-child(1),
.open.page-template-template-property #menu-toggle #cross span:nth-child(2),
.open.page-template-template-residential-security-php #menu-toggle span,
.open.page-template-template-residential-security-php #menu-toggle #cross span:nth-child(1),
.open.page-template-template-residential-security-php #menu-toggle #cross span:nth-child(2),
.open.page-template-template-project-management #menu-toggle span,
.open.page-template-template-project-management #menu-toggle #cross span:nth-child(1),
.open.page-template-template-project-management #menu-toggle #cross span:nth-child(2),
.open.page-template-template-project-management-part2 #menu-toggle span,
.open.page-template-template-project-management-part2 #menu-toggle #cross span:nth-child(1),
.open.page-template-template-project-management-part2 #menu-toggle #cross span:nth-child(2),
.open.page-template-template-pm-php #menu-toggle span,
.open.page-template-template-pm-php #menu-toggle #cross span:nth-child(1),
.open.page-template-template-pm-php #menu-toggle #cross span:nth-child(2),
.open.page-template-template-case-studies #menu-toggle span,
.open.page-template-template-case-studies #menu-toggle #cross span:nth-child(1),
.open.page-template-template-case-studies #menu-toggle #cross span:nth-child(2)
{
  background-color: #61B3E1;
}
/* Property Page */

/* Project Mangement */
.page-template-template-project-management .pageBlocks,
.page-template-template-project-management-part2 .pageBlocks{
  z-index: initial;
}
.page-template-template-project-management-part2 .pageBlocks
{
  color: #fff;
}
.page-template-template-project-management .pageBlocks a.learnmore,
.page-template-template-project-management-part2 .pageBlocks a.learnmore
{
  position: fixed;
  z-index: 2;
  bottom: 60px;
  left: 80px;
}
.page-template-template-project-management .pageBlocks a.learnmore,
.page-template-template-project-management-part2 .pageBlocks a.learnmore{
  color: #61B3E1; text-transform: uppercase;
  font-family: 'robotomedium';
  text-decoration: none !important;
}
.page-template-template-project-management .pageBlocks a.learnmore:hover,
.page-template-template-project-management-part2 .pageBlocks  a.learnmore:hover{
  color: #61B3E1 !important; text-decoration: underline!important;
}
.page-template-template-project-management .pageBlocks .slider,
.page-template-template-project-management-part2 .pageBlocks .slider{
    padding-right: 80px;
}
.pageBlocks .column.projectManagesec{
  padding-bottom: 0;
  align-items: center;
  justify-content: center;
}
.projectManagesec img{
  max-width: none;
  height: 100vh;
}
.page-template-template-residential-security-php .projectManagesec img{
  max-width: none;
  height: 95vh;
  object-fit: contain;
  object-position: center;
}


.projectOuterElm{
  display: none;
}

.projectOuterElm > div{
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.plusicon{
  background: url('images/plus-icon.svg') no-repeat center center;
  background-size: contain;
  /* background-size: 30px 30px; */
  /* width: 40px;
  height: 40px; */
  width: 3vh;
  height: 3vh;
  position: absolute;
  cursor: pointer;
 }
 .plusicon:hover{
   transform: rotate(90deg);
 }

.projectOuterElm > div.crane{
  background-image: url('images/crane.png');
  background-size: contain;
  /* height: 189px;
  width: 212px; */
  height: 20vh;
  width: 20vh;
  bottom: 28%;
  top: auto;
  left: 40%;

  opacity: 0
}
.projectOuterElm > div.crane.active{
  bottom: 35vh;
  opacity:1
}

.crane .plusicon{
  left: calc(50% - 20px);
  bottom: 5vh;
}

.projectOuterElm > div.knob2{
  background-image: url('images/knob-2.png');
  background-size: contain;
  /* height: 170px;
  width: 234px; */
  top: 18vh;
  left: 78%;

  width: 25vh;
    height: 18vh;
  opacity: 0;
  transition-delay: 1s !important
}
.projectOuterElm > div.knob2.active{
  top: 25vh;
  opacity: 1;
}
.knob2 .plusicon{
  left: 6.5vh;
  top: 7.5vh;
}

.projectOuterElm > div.jugglingBook{
  background-image: url('images/juggling-book.png');
  /* height: 312px;
    width: 269px; */
  bottom: 0%;
  top: auto;
  left: 80%;

  width: 28vh;
height: 33vh;
background-size: contain;
  opacity: 0;
  transition-delay: 2s !important
}
.projectOuterElm > div.jugglingBook.active{
  bottom: 7%;
  opacity: 1
}
.jugglingBook .plusicon{
  left: 20px;
  top: 31px;
}

.projectOuterElm > div.spiderNotebook{
  /* width: 72px;
  height: 100px; */
  width: 10vh;
height: 12vh;
  left: 110%;
  top: 10%;
}
.spiderNotebook .plusicon{
  left: 15px;
    top: 51px;
}
.overlayScreen{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(41,39,39,0.80);
  z-index: 6;
  display: none;
}
.overlayScreen.showalways{
  opacity: 1 !important;
  display: block !important;
}
.plusDetailIntro{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
   width:500px;
   z-index: 7;
}

.plusDetailIntroInner{
  background-color: rgba(255,255,255,0.69);
  position: relative;
  z-index: 3;
}
.scrollableContent{
   padding: 50px 30px 30px;
}

.plusDetailIntro.open{
  opacity: 1;
  visibility: visible;
}
.plusDetailIntroInner:before{
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid rgba(255,255,255,0.69);
  position: absolute;
  left: 50%;
  top: -15px;
  transform: translateX(-50%);
}
.closeDetail, .closeProfile{
  background: url('images/close.svg') no-repeat center center;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}
.plusDetailIntro h3{
  color: #D62E72;
  /* font-size: 32px; */
  font-size: 3.5164835164835164vh;
  line-height: 4vh;
}

.crane .plusDetailIntro{
  top: 190px;
  left: -74px;
}
/* .crane .scrollableContent{
  max-height: 350px;
}

.knob2 .scrollableContent{
  height: 70vh;
  overflow: hidden;
}
.jugglingBook .scrollableContent{
  height: 60vh;
  overflow: hidden;
}

.spiderNotebook .scrollableContent{
  height: 50vh;
  overflow: hidden;
} */


.knob2 .plusDetailIntro{
  top: -140px;
  left: 115px;
}
.knob2 .plusDetailIntroInner:before, .jugglingBook .plusDetailIntroInner:before{
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right:10px solid rgba(255,255,255,0.69);;
  position: absolute;
  left: -20px;
  top: 212px;
  transform: none
}

.jugglingBook .plusDetailIntro{
  top: auto;
  bottom: 50%;
  left: 70px;
}
.jugglingBook .plusDetailIntroInner:before{
  top: auto;
  bottom: 95px
}

.spiderNotebook .plusDetailIntro{
  top: 110px;
  left: 35%;
  transform: translateX(-50%);
}
.page-template-template-project-management .pageBlocks .column:last-child,
.page-template-template-project-management-part2 .pageBlocks .column:last-child{
  display: block;
}
.page-template-template-project-management .pageBlocks .column:last-child
{
  margin-left: -37vw;
}
/* Project Mangement */


/* cookie-notice  */
#cookie-notice, .cky-consent-container, .cky-consent-bar{background-color: #414044 !important; font-family: 'Alcubierre' !important; font-size: 14px !important; letter-spacing: 1px !important}
.cookie-notice-container, .cky-consent-bar{padding: 8px 20px !important; border: 0px !important; box-shadow: none !important}
.cn-text-container{color: #fff !important;}
#cookie-notice .cn-button, .cky-consent-container .cky-btn,
.cky-prefrence-btn-wrapper .cky-btn{background-color: #D62E72 !important; color: #fff !important; font-family: 'Alcubierre' !important;  font-size:13px !important; text-transform: none; letter-spacing: 1px !important;
    border-radius: 3px !important;
    text-decoration: none; border: 0px !important;
    padding: 8.5px 10px !important;
    line-height: 1;}
#cookie-notice .cn-button:hover,.cky-prefrence-btn-wrapper .cky-btn:hover,  .cky-consent-container .cky-btn:hover{background-color: #7E7C7B !important; color: #fff !important;}
.cn-close-icon:after,.cky-btn-close:after, .cn-close-icon:before,.cky-btn-close:after{background-color: #7E7C7B !important}
#cookie-notice .cn-button,  .cky-consent-container .cky-btn{vertical-align: middle}
.cky-notice .cky-title, .cky-prefrence-btn-wrapper + div{
  display: none !important
}
.cky-consent-bar .cky-notice-des{
  color: #fff !important
}
.cky-consent-bar .cky-notice-des p{
  padding: 0px !important
}
.cky-consent-container .cky-consent-bar
{
  width: 100%;
max-width: 1400px;
    margin: 0 auto;}

.cky-notice-des a.cky-policy{text-decoration: underline; color: #fff !important}

@media (max-width: 576px) {
  .cookie-notice-container, .cky-consent-bar
  {
    padding: 8px 0px !important
  }
    .cky-notice-btn-wrapper, .cky-prefrence-btn-wrapper {
        flex-direction: row !important;
    }
    .cky-notice-btn-wrapper .cky-btn, .cky-prefrence-btn-wrapper .cky-btn{
      margin: 5px !important;
    }

}
/* cookie-notice  */

/* Default Page */
.defaultPage{padding: 220px 0 100px; color: #fff;}
.page-template-default .logo{display: block;}
.defautlMid{max-width: 1280px; padding: 0 50px; margin: 0 auto;}
.defaulContainer .column:first-child{width: 28%; padding-left: 80px;}
.defaulContainer .column:last-child{width: 72%; max-width: 870px;padding:0 100px 0 50px; font-size: 17px; line-height:23px;}
.defaulContainer h4{color: #D62E72; font-size: 30px; line-height: 35px; margin-top: 10px;}
.table-responsive{overflow: auto; margin-bottom: 25px;}
.table-responsive table{width: 100%;  border:1px solid #838282; border-collapse: collapse;}
.table-responsive table tr{border-bottom: 1px solid #838282}
.table-responsive table td, .table-responsive table th{padding: 10px; vertical-align: top}
.table-responsive table th{color: #D62E72; text-align: left; font-size: 23px;
line-height: 25px;font-family: 'masque_hairlineregular';-webkit-text-stroke-width: 0.6px;}
.table-responsive table strong{font-weight: normal;}

/* Default Page */


/* 404 Page */
.defaultPage.page404{text-align: center;}
.pageNotFound{max-width: 60%; margin: 0 auto; font-size: 20px; line-height: 30px; text-align: center; color: #fff; display: flex; flex-direction: column; height:calc(70vh - 180px);     justify-content: center;}
.pageNotFound h1{margin-bottom: 0; font-size: 15vw; line-height: 20vw; letter-spacing: 1vw;}
.pageNotFound a, .pageNotFound a:hover{color: #D62E72;}
.pageNotFound a:hover{text-decoration: underline;}
/* 404 Page */

.grecaptcha-badge{display: none !important;}
.mCSB_scrollTools{opacity: 1 !important; }
.directionArrows{display: none;}

.device .directionArrows{display: block; position: absolute; left: 80px; bottom: 10px;}
.device .directionArrows a{display: inline-block; cursor: pointer; width: 30px; height: 30px;}

.device .directionArrows a.back{opacity: 0; animation: bounceLeft 2s infinite;}
.device .directionArrows a.back.showbck{opacity: 1; transition-delay: 0.5s}
.device .directionArrows a.nxt{animation: bounce 2s infinite; position: relative; left: -20px;}
.device .directionArrows a.nxt.stopAnm{/*animation: none;*/ left: 10px;}
.device .directionArrows a.hideArrow{opacity: 0}


.device .directionArrows a svg{width: 20px; height: auto;}
.device .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .device .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
  opacity: 0;
  visibility: hidden;
}


body.page-template-template-about.device .directionArrows,
body.page-template-template-property.device .directionArrows,
body.page-template-template-contact.device .directionArrows,
body.page-template-default.device .directionArrows,
body.home.device .directionArrows,
body.page-template-template-case-studies .directionArrows,
body.page-template-template-job-application-php .directionArrows {
  display: none;
}


.audio-control {
	position: absolute;
	right: 50px;
	bottom: 106px;
	width: 30px;
	height: 30px;
	z-index: 1;
	background: url('images/mute-icon.png') no-repeat center center;
	cursor: pointer;
  background-size: 30px auto;
}
.audio-control.unmuted {
	background-image: url('images/mute-icon-2.png');
  opacity: 0.3 !important;
}
.audio-control:hover{
  opacity: 1 !important
}

.device .audio-control.unmuted{
  opacity: 0.3 !important
}

/* Case Studies */
.caseStudies{color: #fff; width: 100%;     overflow: hidden;}
.caseStudies h1{color: #61B3E1;}
.caseStudies .column:last-child{align-items: center; width: 100%; padding: 10vw 100px 0;}
.caseStudiesSlider{width: 100%; opacity: 0}
.caseStudiesSlider.slick-initialized{opacity: 1}
.csslide .imgbox:before{padding-top: 70%;}
.caseStudiesSlider .slick-slide {margin: 0 10px; height: auto;}
.caseStudiesSlider .slick-slide > div{
  height: 50%;
}
.caseStudiesSlider .slick-list {margin: 0 -10px;}
.csslide{
  /* margin-top: 50px; */
  margin-bottom: 2vw;
}
.caption{display: block; padding: 15px 0 0;}
.csslide img{filter: saturate(0);}
.csslide:hover img{filter: saturate(100%);}
#container .csslide a{text-decoration: none }
#container .csslide a:hover{color: #61B3E1;}
.caseStudiesSlider .slick-disabled{display: none !important;}
.caseStudiesSlider .slick-arrow{position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; border:0; font-size: 0; line-height: 0; background-color: transparent; cursor: pointer; z-index: 1;}
.caseStudiesSlider .slick-next{right: -50px; background-image: url('images/slider-arrow-right.svg')}
.caseStudiesSlider .slick-prev{left: -50px; background-image: url('images/slider-arrow-left.svg')}
.caseStudiesSlider .slick-next:hover{background-image: url('images/slider-arrow-right-hover.svg')}
.caseStudiesSlider .slick-prev:hover{background-image: url('images/slider-arrow-left-hover.svg')}

.caseStudiesSlider .slick-track{display: flex; align-items: stretch;}
.page-template-template-case-studies .mCSB_scrollTools{opacity: 0 !important; visibility: visible !important;}

[data-fancybox-zoom], [data-fancybox-play], [data-fancybox-thumbs]{display: none !important}

.fancybox-button--close path{fill:#61B3E1}
.fancybox-caption{/*bottom:-40px !important; background:transparent !important; padding: 0 !important; text-align: left !important*/ top: 100%; bottom: auto !important; padding-left: 150px !important; padding-right: 150px !important;}
.fancybox-button[disabled]{display: none !important;}
.fancybox-thumbs__list{text-align: right; }
.fancybox-thumbs__list a{background:#DDDCDB !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; display: inline-block; float: none !important; margin:0 0 0 10px !important}
.fancybox-thumbs{background: none !important; margin: 0 auto !important; height: auto !important; bottom: auto !important; padding: 10px 0 0 !important;}
.fancybox-thumbs__list a:before{display: none !important;}
.fancybox-thumbs__list a.fancybox-thumbs-active{background-color:#61B3E1 !important }
.fancybox-show-thumbs .fancybox-inner{bottom: 0 !important}
.fancybox-caption h6{font-size: 16px;     margin-bottom: 5px;}
/* Case Studies */


.dollHouse{fill:none;stroke:#D62E72;stroke-width:0.8;stroke-miterlimit:10; stroke-opacity:0; transition: .25s ease-in-out;}

.loaded .dollHouse{stroke-opacity:1}

.pointerNone .img {
  display: none !important
}
.profile35.pointerNone{
  display: block;
opacity: 0 !important;
}
/* pointerNone */
/* .profile36, .profile37, .profile38{
  display: block;
opacity: 0 !important;
} */