/* @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@700&display=swap'); */

@font-face {
	font-family: 'Alcubierre';
	src: url('fonts/Alcubierre.eot');
	src: local('☺'), url('fonts/Alcubierre.woff') format('woff'), url('fonts/Alcubierre.ttf') format('truetype'), url('fonts/Alcubierre.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'georgia';
	src: url('fonts/Georgia-Regular.eot');
	src: local('☺'), url('fonts/Georgia-Regular.woff') format('woff'), url('fonts/Georgia-Regular.ttf') format('truetype'), url('fonts/Georgia-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotolight';
	src: url('fonts/georgiai.eot');
	src: local('☺'), url('fonts/georgiai.woff') format('woff'), url('fonts/georgiai.ttf') format('truetype'), url('fonts/georgiai.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'masque_hairlineregular';
    src: url('fonts/masquehairline-regular_1-webfont.woff2') format('woff2'),
         url('fonts/masquehairline-regular_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light_1-webfont.woff2') format('woff2'),
         url('fonts/roboto-light_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;

}
*, :after, :before {
    box-sizing: border-box;
}

html{
   scroll-behavior: smooth;
}
html, body {
  width: 100%;

  padding: 0px;
  margin: 0;
}

body {
  padding: 0;
  margin: 0px;
font-family: 'robotolight';
  /* font-size: 17px;
	line-height: 25px; */
	font-size: 1.5740740740741vh;
  line-height: 2.1296296296296vh;
  min-width: 320px;

  background-color: #414044;
  color:#0B0B0A;
  overflow: hidden;
}

body.page-template-default #container{
	height: 100vh;
}
#mainContainer{
	opacity: 0
}
.loaded #mainContainer{
	opacity: 1
}

section {
  position: relative;
  clear: both;
  width: 100%;
}

section:after, .btnLinks a:after{
  visibility: hidden;
  display: block;
  font-size: 0px;
  content: " ";
  clear: both;
  height: 0;
}
em{
	font-family: 'robotolight';
}
strong{
	font-weight: normal;
	  font-family: 'robotomedium';
}
*:focus, a:hover, a:active, a:focus {
  outline: 0;
}

*:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}

figure {
  padding: 0px;
  margin: 0px;
}

a {
  opacity: 1;
  color: #fff;
  text-decoration: none;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
  cursor: pointer;
}

a:hover {
  color: #D62E72;
  text-decoration: none;
}

#container a{
	text-decoration: underline;
}
#container a:hover{
	color: #fff;
	text-decoration: none;
}
.pageBlocks .lftContent a{
	color: #0B0B0A;
}
#container .pageBlocks .lftContent a:hover{
	color: #D62E72;
}

img {
  border: 0px;
  outline: none;
  display: block;
  max-width: 100%;
  height: auto;
  user-select: none
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  letter-spacing: 0px;
}

h1 {
  /* font-size: 39px;
  line-height: 43px;
  letter-spacing: 3.12px; */
	/* font-size: 50px;
	height: 54px; */
	font-size: 4.6296296296296vh;
	line-height: 5vh;
	letter-spacing: 0vh;
  margin-bottom: 40px;
	font-family: 'masque_hairlineregular';
	-webkit-text-stroke-width: 0.6px;
	color: #D62E72
}

h2 {
  /* font-size: 48px;
  line-height: 61px; */
	font-size: 4.5vh;
	line-height: 5.5vh;
	/* font-size: 5.274725274725275vh; */
	/* line-height: 5.7032967032967035vh; */
  letter-spacing: 0px;
  margin-bottom: 20px;
  font-family: 'masque_hairlineregular';
	-webkit-text-stroke-width: 0.6px;
}

h3 {
  /* font-size: 33px;
  line-height: 36px; */
	font-size: 4.6296296296296vh;
	line-height: 5vh;
  margin-bottom: 20px;
	font-family: 'masque_hairlineregular';
	-webkit-text-stroke-width: 0.6px;
}

h4 {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 15px;
  font-family: 'georgia';
	font-weight: normal;
}

h5 {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 40px;
 }

h6 {
  font-size: 15px;
  font-family: 'CircularStd-Bold';
  line-height: 18px;
  margin-bottom: 10px;
}

ul {
  padding: 0px 0px 30px 20px;
  margin: 0px;
}

ol {
  padding: 0px 0px 20px 20px;
  margin: 0px;
}

ul li {
  position: relative;
  padding: 0 0px 5px 0px;
}

ol li {
  padding: 0 0px 5px 0;
}

p {
  margin: 0px;
  padding: 0px 0px 20px 0px;
}

.slider .slide:not(p:last-child){
  padding-bottom: 0;
}

/* Image Holder */
.imgbox {
  position: relative;
  overflow: hidden;
}
.imgbox:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.imgboxholder {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

img.cover, iframe.cover, svg.cover, .cover {
  object-fit: cover;
  font-family: 'object-fit: cover';
  object-position: center center;
  font-family: 'object-fit: cover; object-position: center center';
  width: 100%;
  height: 100%;
}

/* Image Holder */

/* Flex */
ul.footerMenu, .aboutContent, .contactFormContent, .officeAddCont, .pageBlocks, .defaulContainer, .propertyPage, .footerContainer, .applicationFormContent{
	display: flex;
	flex-wrap: wrap;
}
/* Flex */


/* Font Family */
.skipIntro,.useHamburger,  .introTitle,
.officeAdd p > span, .formContainer input, .formContainer, .formContainer textarea,
.formContainer input[type="submit"], .imgTitle,
.firstLetter, .proName, .biolink, .profilePost, .menuTitle, .footerContainer{
	    font-family: 'Alcubierre';
			appearance: none;
			-webkit-appearance: none;
			border-radius: 0px;
}
.quoteSec,  .aboutContent .column:first-child,.propertyPage .column:first-child{
font-family: 'masque_hairlineregular';
-webkit-text-stroke-width: 0.6px;
}
.ourPrinciples a{
	margin-bottom: 5px;
	display: inline-block;
}
/* Font Family */

/* Background color */
.navBg:before{
	background-color:#414044
}
#menu-toggle span, #menu-toggle #cross span:nth-child(1), #menu-toggle #cross span:nth-child(2), .slick-dots li.slick-active button, .slick-dots li.slick-active button:hover{
	background: #D62E72;
}
.page-template-template-Cotswolds-Offering-php #menu-toggle span,
.page-template-template-Cotswolds-Offering-php #menu-toggle #cross span:nth-child(1),
.page-template-template-Cotswolds-Offering-php #menu-toggle #cross span:nth-child(2),
.page-template-template-Cotswolds-Offering-php .slick-dots li.slick-active button,
.page-template-template-Cotswolds-Offering-php .slick-dots li.slick-active button:hover{
	background: #898E67;
}

.page-template-template-staffing-php #menu-toggle span,
.page-template-template-staffing-php #menu-toggle #cross span:nth-child(1),
.page-template-template-staffing-php #menu-toggle #cross span:nth-child(2),
.page-template-template-staffing-php .slick-dots li.slick-active button,
.page-template-template-staffing-php .slick-dots li.slick-active button:hover{
	background: #9D7560;
}


.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-property .slick-dots li.slick-active button,
.page-template-template-property .slick-dots li.slick-active button:hover,
.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,
.page-template-template-case-studies .slick-dots li.slick-active button:hover{
	background: #61B3E1;
}

.formContainer input[type="submit"]:hover{
background:#707070;
}
/* Background color */

/* Transiction Effect */
.footerMenu, .copyRgt, .homeicon, .homeVideo .imgboxholder, .iframeContainer, .skipIntro, .useHamburger, .slick-dots button, .box img, header, .aboutContent .column, .bookShelf img.house, .doorLabel, .min, .hour, .clockbg, .logo, .projectOuterElm, .dog,
 .easle, .introSvg .st0, .introOverlay path, .introSvg .menuTitle, .projectOuterElm > div.crane, .knob2, .jugglingBook, .linkArrow svg path, .elm2a, .fadeInUp, .brush, .mat, header:before  {
	transition: all 1s ease-in-out;
	transition-timing-function: cubic-bezier(.16,.84,.44,1);
}
.bookShelf > div, .logo, .homeIconpath, .firstLetter, .plusDetailIntro, input[type="submit"], .biolink, .biolink:before, .formContainer ul, .wpcf7-response-output, .device .directionArrows a, .csslide img, .caseStudiesSlider, .logo img{
	transition: all 0.5s ease-in-out;
}
.bookShelf img.house, .mCSB_buttonLeft svg path, .mCSB_buttonRight svg path{
	transition: all 3s ease-in-out;
	transition-timing-function: cubic-bezier(.16,.84,.44,1);
}
/* Transiction Effect */

/* FullScreen */
.fullscreen{height: 100vh}
.aboutContent, .contactFormContent, .propertyPage{
	/* max-width: 1340px; */
	max-width: 1140px;
	 margin: 0 auto; padding: 0 50px;}
/* FullScreen */

/* Logo Hide */
.page-template-template-pm .logo, .page-template-template-pa-services .logo, .page-template-template-housekeeping .logo, .page-template-template-bookkeeping .logo, .page-template-template-global-reach .logo,
.page-template-template-our-people .logo, .page-template-template-staffing-php .logo, .page-template-template-Cotswolds-Offering-php .logo{
  opacity: 0;
	visibility: hidden;
}
/* Logo Hide */



/* Animation */




.homeIconpath{
	 fill: transparent;
}
.loaded .homeIconpath {
    stroke: #D62E72;
    stroke-width: 2px;
    stroke-dasharray: 1353px;
    stroke-dashoffset: 1353px;
 animation: homeIcon 10s linear forwards;
}
.open .homeIconpath{
	stroke: #D62E72;
	stroke-width: 2px;
	stroke-dasharray: 1353px;
	stroke-dashoffset: 1353px;
	 animation: homeIconMenu 10s linear forwards;
	 animation-delay: 1s;
}

.loader{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 50;
}
.loader svg{
	width: 150px;;
}

.loader svg path{
	fill:#757478;
	animation: loader 2s linear infinite;
}
.loaded .loader{
	opacity: 0;
	visibility: hidden;
}

@keyframes loader {
	50% {
    opacity: 0;
  }
}

@keyframes homeIconMenu {
    100% {
        stroke-dashoffset: 0;
    }
}


@keyframes homeIcon {
    100% {
        stroke-dashoffset: 0;
    }
}

/* header, #container{
	opacity: 0
}

.movescreen header, .movescreen #container{
	opacity: 1;
} */

.screenEffect{
	position: fixed;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	z-index: 11;
	content: "";
	background: #030303;
	animation-timing-function: cubic-bezier(.16,.84,.44,1);
	transition: 0.5s;
}
.loading .screenEffect{
	top: 0;
	animation: screenChange 0.5s linear forwards;
}
.movescreen .screenEffect{
	animation: screenMove 0.5s linear forwards;
}

@keyframes screenChange {
    0% {
        top:100%;
    }
		100% {
        top:0%;
    }
}

@keyframes screenMove {
    0% {
        top:0%;
    }
		100% {
        top:-100%;
    }
}

.fadeInUp{
	opacity: 0;
	transform: translate3d(0,40px,0) translateZ(0)
}

.fadeInUp.active, .brush.active, .doorimg6.active .mat{
	/* animation: fadeInUp 1s ease-in-out forwards;
  animation-timing-function: cubic-bezier(.16,.84,.44,1); */
	opacity: 1;
	transform: translate3d(0,0,0) translateZ(0)
}
.aboutContent .introTitle.fadeInUp{
	animation-delay: 0.8s !important
}
.aboutContent .column p.fadeInUp, .aboutContent .slider.fadeInUp{
	animation-delay: 1.2s !important
}

.aboutContent .quoteSec.fadeInUp{
	animation-delay: 1.5s !important
}


.fadeIn{
	opacity: 0;
}

.fadeIn.active, .contactFormContent.active{
	animation: fadeIn 1s ease-in forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0,40px,0) translateZ(0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0,0,0) translateZ(0)
  }
}
@keyframes fadeInUpTop {
  0% {
    opacity: 0;
    transform: translate3d(0,-40px,0) translateZ(0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0,0,0) translateZ(0)
  }
}
@keyframes fadeInLeftRight {
  0% {
    opacity: 0;
    transform: translate3d(-120px,0,0) translateZ(0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0,0,0) translateZ(0)
  }
}

@keyframes LeftRight {
  0% {
    transform: translate3d(-120px,0,0) translateZ(0);
  }

  100% {
    transform: translate3d(0,0,0) translateZ(0)
  }
}

@keyframes planeAnm {
  0% {
    transform: translate(-50px, 50px);
  }

  100% {
    transform: translate(0, 0);
  }
}
@keyframes rotateWatch {
	0% {
    -webkit-transform: rotateZ(-5deg);
    transform: rotateZ(-5deg);
  }
  50% {
    -webkit-transform: rotateZ(5deg);
    transform: rotateZ(5deg);
  }
  100%{
  	transform: rotateZ(-5deg);
  	-webkit-transform: rotateZ(-5deg);
  }
}


@keyframes oskarRotate {
  0% {
    transform: rotate(-25deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes coffeeAnm {
  0% {
    transform: rotate(-15deg)
  }

  100% {
     transform: rotate(0);
  }
}

@keyframes headerBg {
  0% {
    background-color: transparent
  }

  100% {
     background-color: #414044;
  }
}

@keyframes frameLeft {
  0% {
    left: -44px;
  }

  100% {
    left: 0;
  }
}


@keyframes LftRgtOpacity {
  0% {
    transform: translate3d(-120px,0,0) translateZ(0);
		opacity: 0;
  }

  100% {
    transform: translate3d(0,0,0) translateZ(0);
		opacity: 1;
  }
}



.circle-follow {
	position: fixed;
	width: 30px;
	height: 30px;
	left:-21px;
	top:-21px;
	border-radius: 100%;
	z-index: 1;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	transform: scale(1);
	mix-blend-mode: exclusion;
	background-color: #fff
}




/* Slick Slider */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
	overflow: hidden;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 0;
}
.slick-arrow.slick-hidden {
  display: none;
}

.slick-dots{
	list-style-type:none;
	margin: 15px 0 0;
	padding: 0;
}

.slick-dots li{
	list-style-type:none;
	margin: 0;
	display: inline-block;
	padding: 0 7px;
}
.slick-dots li:first-child{
	padding-left: 0;
}
.slick-dots li button{
	background-color: #7E7C7B;
	font-size: 0;
	line-height: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 0;
	cursor: pointer;
	position: relative;
	transform: perspective(1px) translateZ(0);
}

.desk .slick-dots li button:hover{
	background-color: #fff
}
.desk .slick-dots li:hover button:before{
	border-color: #fff
}

.slick-dots li.slick-active:hover button:before, .slick-dots li.slick-active button:before{
	border-color: #D62E72
}

.slider ul{
	padding: 0px 0px 0px 27px;
	    margin: 0px 0px 0px -7px;
}

.bookShelf > div, .blockimgs > div, .outerElm > div{
  opacity: 0;
  animation-delay: 0.2s !important
}
.bookShelf > div.active, .blockimgs > div.active, .outerElm > div.active{
  animation: fadeIn 1.2s ease-in-out forwards;
}
.active .blockimgs > div.bgElments{
	opacity: 1;
}
/* Slick Slider */