/*
	Theme Name: Bespoke WP Theme
	Theme URI: 
	Description: A bespoke Wordpress Theme
	Version: 1.0.0
	Author: Simon Taylor
	Author URI: 
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
	MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

/*------------------------------------*\
	CORE STRUCTURE
\*------------------------------------*/

/* wrappers */
.wrapper {
	max-width:1400px;
	width:75%;
	margin:0 auto;
}

@media only screen and (max-width:640px) {
	.wrapper{
		width:90%;
	}
	.wrapper.full-width-mobile{
		width:100%;
	}
}

.wrapper.medium-wrapper{
	max-width:1530px;
}

.wrapper.large-wrapper{
	max-width: 1700px;
	width: 85%;
}

.wrapper.full-width{
	max-width:100%;
	width:100%;
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

body, html{
	font-size:24px;
	font-size:calc(12px + 0.75vw);
	line-height:1.2em;
	font-family: 'Inter', sans-serif;
	font-weight:300;
	font-style:normal;
	color:#000;
}

@media only screen and (max-width:1920px) {
	body, html{
		font-size:calc(10px + 0.75vw);
	}
}

@media only screen and (max-width:640px) {
	body, html{
		font-size:calc(14px + 0.75vw);
	}
}

strong{
	font-weight:600;
}

p,
.uk-list li,
.cs-content ul li {
	font-size:0.875em;
}

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6{
	font-family: 'Inter', sans-serif;
	font-weight:600;
	font-style:normal;
	color:#000;
	line-height:1.1em;
}

h1,
.uk-h1{
	font-size:128px;
	font-size:5.333em;
}

h1.small,
.uk-h1.small{
	font-size:4.5em;
}

h2,
.uk-h2{
	font-size:72px;
	font-size:3.000em;
}

h3,
.uk-h3{
	font-size:64px;
	font-size:2.667em;
}

h4,
.uk-h4{
	font-size:48px;
	font-size:2.000em;
}

h5,
.uk-h5{
	font-size:36px;
	font-size:1.500em;
}

h6,
.uk-h6{
	font-size:24px;
	font-size:1.200em;
}

@media only screen and (max-width:1440px) {
	h1.small, .uk-h1.small {
	  font-size: 3em;
	}
	
	h2,
	.uk-h2{
		font-size:72px;
		font-size:2.2em;
	}
	
	h3,
	.uk-h3{
		font-size:64px;
		font-size:2em;
	}
	
	h4,
	.uk-h4{
		font-size:48px;
		font-size:1.4em;
	}
	
	h5,
	.uk-h5{
		font-size:36px;
		font-size:1.200em;
	}
	
	h6,
	.uk-h6{
		font-size:24px;
		font-size:1.200em;
	}
}

@media only screen and (max-width:650px) {
	h1.small,
	.uk-h1.small{
		font-size:2.6em;
	}
	
	h2,
	.uk-h2{
		font-size:72px;
		font-size:2.2em;
	}
	
	h3,
	.uk-h3{
		font-size:64px;
		font-size:2em;
	}
	
	h4,
	.uk-h4{
		font-size:48px;
		font-size:1.4em;
	}
	
	h5,
	.uk-h5{
		font-size:36px;
		font-size:1.200em;
	}
	
	h6,
	.uk-h6{
		font-size:24px;
		font-size:1.200em;
	}
}

.txt-small{
	font-size:20px;
	font-size:0.833em;
}

.txt-large{
	font-size:36px;
	font-size:1.500em;
}

.txt-light{
	font-weight:300;
}

.txt-medium{
	font-weight:500;
}

.txt-heavy{
	font-weight:600;
}

.lh-1-4{
	line-height:1.4;
}

.orange-uline{
	border-bottom:1px solid #eb5118;
	padding-bottom:4px;
}


/*------------------------------------*\
	HELPERS
\*------------------------------------*/

/* Text colour */

.txt-black,
.txt-black-all > * {
	color: #231F20;
}

.txt-white,
.txt-white-all > * {
	color:#FFFFFF;
}

.txt-orange,
.txt-orange-all > * {
	color:#eb5118;
}

/* Background colour */

.bg-black {
	background-color: #231F20;
}

.bg-white {
	background-color:#FFFFFF;
}

.bg-charcoal{
	background-color:#333333;
}

.bg-grey{
	background-color:#4d4d4d;
}

.bg-grey-2{
	background-color:#666666;
}

.bg-grey-3{
	background-color:#808080;
}

.bg-grey-4{
	background-color:#989898;
}

.bg-grey-5{
	background-color:#B2B2B2;
}

.bg-olive{
	background-color:#414C3F;
}

.bg-blue{
	background-color:#467D8E;
}

.bg-orange{
	background-color:#eb5118;
}

/* Buttons */

.uk-button.uk-button-default{
	border-radius:50px;
	font-size:1rem;
	text-transform: none;
	line-height: 54px;
	padding: 0 55px;
	border:2px solid #000;
}

.uk-button.btn-orange{
	background-color:transparent;
	border-color:#eb5118;
	color:#eb5118;
}

.uk-button.btn-orange:hover{
	background-color:#eb5118;
	border-color:#eb5118;
	color:#fff;
}

.uk-button.btn-black{
	background-color:#000;
	border-color:#000;
	color:#fff;
}

.uk-button.btn-black:hover{
	background-color:#fff;
	border-color:#000;
	color:#000;
}

.uk-button.btn-white{
	background-color:transparent;
	border-color:#fff;
	color:#fff;
}

.uk-button.btn-white:hover{
	background-color:#fff;
	border-color:#fff;
	color:#333;
}

@media only screen and (max-width:1366px) {
	
	.uk-button.uk-button-default{
		font-size: 0.875rem;
		line-height: 40px;
		padding: 0 35px;
	}
	
}

.uk-link,
a{
	color:#000;
	transition: .1s ease-in-out;
}

.uk-link:hover,
a:hover{
	color:#eb5118
}

/* Decoration */

.txt-underline{
	text-decoration:underline!important;
}

em {
  color: #fff;
}

.hide-scroll::-webkit-scrollbar {
  display: none;
}

.hide-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
} 



/*------------------------------------*\
	HEADER ELEMENTS
\*------------------------------------*/

header.header{
	background-color:#fff;
	z-index:999;
}

body.page-template-template-homepage header.header{
	background-color:#333;
}

@media only screen and (max-width:960px) {
	header.header .logo{
		width:150px;
	}
	
	header.header{
		padding: 20px !important;
	}
}

/*------------------------------------*\
	FOOTER ELEMENTS
\*------------------------------------*/

body.page-template-template-homepage footer.footer,
body.page-template-template-case-studies footer.footer,
body.page-template-template-contact footer.footer,
body.page-template-template-careers footer.footer,
body.single-case-studies footer.footer,
body.page-template-template-black-book footer.footer,
body.page-template-template-homepage-saudi-arabia footer.footer {
	padding-top:200px;
}

body.page-template-template-about footer.footer,
body.page-template-template-services footer.footer,
body.page-template-template-contact footer.footer,
body.page-template-template-single-service footer.footer{
	background-color:#414C3F;
}

.newsletter-form input[type="email"]{
	border: 2px solid #fff;
	transition: all 0.3s;
	background-color:#eb5118;
	color:#fff;
	height:56px;
	border-radius: 0 50px 50px 0;
	padding: 0 200px 0 20px;
	transition: all 0.3s;
}

.newsletter-form input[type="submit"]{
	border-radius: 50px;
	font-size: 1rem;
	text-transform: none;
	line-height: 54px;
	padding: 0 55px;
	border: 2px solid #fff;
	color:#fff;
	background-color:#eb5118;
	position:absolute;
	right:0;
	top:0;
	transition: all 0.3s;
	cursor:pointer;
	height:56px;
}

.newsletter-form input[type="submit"]:hover{
	color:#eb5118;
	background-color:#fff;
}

.newsletter-form .wpcf7-spinner{
	position: absolute;
	left: -35px;
	top: 17px;
}

.newsletter-form-wrap{
	border-radius: 100px;
	padding: 40px 80px;
}

footer.footer .section-newsletter-form{
	position: absolute;
	top: 0;
	width: 100%;
	transform: translateY(-50%);
}

footer.footer .footer-copyright{
	width: 87.5%;
	margin-left: 12.5%;
	border-top: 1px solid #eb5118;
	padding: 40px 0;
	margin-top: 40px;
}

footer.footer .footer-social-links{
	right: 0;
	top: -80px;
	font-size:1.2em;
}

@media only screen and (max-width:640px) {
	footer.footer .footer-copyright{
		width:100%;
		margin-left:0;
		padding:20px;
	}
	footer.footer .footer-copyright p{
		text-align:left!important;
	}
	.newsletter-form-wrap{
		border-radius:0;
		padding:20px;
	}
	.newsletter-form input[type="submit"]{
		position: static;
		width: 100%;
		margin-top: 10px;
	}
	.newsletter-form input[type="email"]{
		border-radius: 0;
	}
}

@media only screen and (min-width:1900px) {
	
	footer.footer .footer-copyright{
		width: auto;
		margin-left: calc((100vw - 1400px) / 2);
	}
	
}

.newsletter-form input::placeholder {
	color: #fff;
	opacity: 0.6;
}

.newsletter-form input:-ms-input-placeholder {
	color: #fff;
}

.newsletter-form input::-ms-input-placeholder {
	color: #fff;
}

/*------------------------------------*\
	NAVIGATION MENUS
\*------------------------------------*/

header.header nav.main-navigation ul{
	gap:0;
}

header.header nav.main-navigation ul > li > a{
	color:#000;
	text-transform: none;
	font-weight:500;
	font-size:1em;
}

body.page-template-template-homepage header.header nav.main-navigation ul > li > a,
body.page-template-template-homepage header.header a.nav-toggle{
	color:#fff;
}

header.header nav.main-navigation ul > li:hover > a,
body.page-template-template-homepage header.header nav.main-navigation ul > li:hover > a,
body.page-template-template-homepage header.header a.nav-toggle:hover{
	color:#eb5118
}
body.page-template-template-homepage header.header nav.main-navigation .menu-item-has-children:after,
body.page-template-template-homepage-saudi-arabia header.header nav.main-navigation .menu-item-has-children:after,
body.page-template-template-homepage-saudi-arabia-en header.header nav.main-navigation .menu-item-has-children:after {
	border-color: #fff;
}
body.page-template-template-homepage  header.header nav.main-navigation .menu-item-has-children:hover > a {
	color: #fff;
}
header.header nav.main-navigation ul li {
	position: relative;
	padding: 0 50px;
}
header.header nav.main-navigation .sub-menu {
	position: absolute;
	background: #eb5118;
	text-align: center;
	opacity: 0;
	display: none;
	transition: 0.3s all;
	padding-left: 0;
  list-style: none;
  width: 100%;
  left: 0;
}
header.header nav.main-navigation .sub-menu li {
	padding: 15px 0;
	border-top: 1px solid #fff;
}
header.header nav.main-navigation .sub-menu li a {
	font-size: 20px;
	font-weight: 300;
}
header.header nav.main-navigation .menu-item-has-children {
	padding-right: 50px;
}
header.header nav.main-navigation .menu-item-has-children:after {
	border: solid black;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-width: 0 4px 4px 0;
	display: inline-block;
	padding: 4px;
	transform: rotate(45deg);
	transform-origin: center;
	transition: 0.3s all;
	position: absolute;
	content: " ";
	right: 25px;
  top: 35px;
}
header.header nav.main-navigation .menu-item-has-children:hover {
	background: #eb5118;
}
header.header nav.main-navigation .menu-item-has-children:hover a {
	color: #fff;
}
header.header nav.main-navigation .menu-item-has-children:hover:after {
	border-color: #fff;
	transform: rotate(-135deg);
}
header.header nav.main-navigation .menu-item-has-children:hover .sub-menu {
	display: block;
	opacity: 1;
}
.panel-nav .sub-menu {
	padding-left: 20px;
}
.panel-nav .sub-menu li a {
	font-size: 1.1em;
	margin-bottom: 5px;
}
body{
	min-height:100vh;
}

body .site-wrap{
	transition: transform 0.5s ease 0s, height 0s ease 0.5s;
	transform-origin: top;
}

body.active-nav .site-wrap{
	transform: scale(0.7) translate(-15%, 20%);
	overflow: hidden;
	pointer-events: none;
	height:100vh!important;
	transition: transform 0.5s ease 0s, height 0s ease 0s;
}

.panel-nav{
	width: 20%;
	right: 0%;
	top: 50%;
	transform: translateY(-50%);
	opacity:0;
	transition:all 0.3s;
	transition-delay:0s;
	pointer-events:none;
	z-index:0;
}

body.active-nav .panel-nav{
	opacity: 1;
	transition-delay: 0.5s;
	pointer-events: auto;
	z-index: 2;
	padding-left: 2%;
	padding-right: 2%;
}

.panel-nav ul li a{
	color:#fff;
	font-size: 1.2em;
	font-weight: 500;
}

.panel-nav ul li:hover > a{
	color:#eb5118;
}

.panel-nav .panel-nav-close{
	position: absolute;
	left: -27%;
	top: 50%;
	transform: translate(-50%, -50%);
}

@media only screen and (max-width:960px) {
	.panel-nav {
		width: 50%;
		right: auto;
		top: 50%;
		transform: translate(-50%, -50%);
		left: 50%;
	}
	
	body .site-wrap {
		transition: transform 0.5s ease 0s, height 0s ease 0.5s, opacity 0.5s ease 0s;
	}
	
	body.active-nav .site-wrap {
		transform: scale(0.7) translate(0, 10%);
		transition: transform 0.5s ease 0s, height 0s ease 0s, opacity 0.5s ease 0s;
		opacity: 0;
	}
}

/*------------------------------------*\
	COMPONENTS
\*------------------------------------*/

/* Hero banner */

section.hero-banner > .hero-banner-inner{
	height:85vh;
	min-height:600px;
}

body.page-template-template-homepage section.hero-banner{
	padding-top:0;
	background:#333;
}

section.hero-banner .hero-banner-line{
	top: 100%;
	left: 0;
	transform: translateY(-40%);
	z-index:6;
	pointer-events:none;
	display:none;
}

section.hero-banner .hero-banner-line > .wrapper:after{
	content:"Scroll Down";
	position:absolute;
	left:50px;
	top:0;
	color:#fff;
	font-weight:600;
}

body.page-template-template-homepage section.hero-banner .hero-banner-line{
	display:block;
}

body.page-template-template-single-service section.hero-banner .hero-banner-inner h1{
	width:65%;
}

@media only screen and (max-width:960px) {
	
	section.hero-banner{
		padding:0;
	}
	
	body.page-template-template-single-service section.hero-banner .hero-banner-inner h1{
		width:100%;
	}
	
	body.page-template-template-single-service section.hero-banner .uk-h2{
		font-size: 2em;
		line-height: 1.2;
	}
	
}

/* Parallax image quote */

section.parallax-images-quote{
	min-height:700px;
	background-image:url('img/backgrounds/bg-pattern-one.svg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:center bottom;
	background-size: 100%;
}

section.parallax-images-quote .parallax-images-quote_quote{
	position: absolute;
	bottom: 20%;
	width: 70%;
	left: 25%;
}

section.parallax-images-quote .parallax-images-quote_quote:before{
	content:"";
	position:absolute;
	left: -80px;
	width:53px;
	height:40px;
	top:5px;
	background:url('img/quote-open.svg') no-repeat scroll center center transparent;
	display:block;
}

section.parallax-images-quote .parallax-images-quote_quote:after{
	content:"";
	position:absolute;
	left: -80px;
	width:53px;
	height:40px;
	bottom:25px;
	background:url('img/quote-close.svg') no-repeat scroll center center transparent;
	display:block;
}

section.parallax-images-quote section.scrolling-text{
	position: absolute;
	z-index: 8;
	left: 0;
	top: -80px;
	width:100%;
	overflow:hidden;
}

section.parallax-images-quote .parallax-images-quote_image_two{
	margin-top:200px;
	margin-top: calc(100px + 10vh);
}

section.parallax-images-quote .hero-banner-line{
	top: 100%;
	right: 40%;
	transform: translateY(-40%);
	z-index:6;
	pointer-events:none;
}

body.page-template-template-careers section.parallax-images-quote{
	margin-top: -158px;
	padding-top: 158px !important;
}

body.page-template-template-careers section.parallax-images-quote{
	min-height:700px;
	background-image:url('img/backgrounds/bg-pattern-two.svg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:center top;
	background-size: 100%;
}
.home .service-hover-blocks {
	padding-top: 100px;
	padding-bottom: 100px;
}
body.page-template-template-careers section.parallax-images-quote .hero-banner-line{
	display:none!important;
}

@media only screen and (max-width:960px) {
	
	section.parallax-images-quote{
		min-height:0;
		padding-bottom: 60px !important;
	}
	
	section.parallax-images-quote .parallax-images-quote_quote{
		position:relative;
		width:100%;
		margin-top: 80px;
		left:0;
		bottom:0;
	}
	
	section.parallax-images-quote .parallax-images-quote_quote div{
		position:relative;
		z-index:1;
	}
	
	section.parallax-images-quote .parallax-images-quote_quote:before{
		left:0;
		top:-15px;
		opacity:0.5;
		z-index:0;
	}
	
	section.parallax-images-quote .parallax-images-quote_quote:after{
		left:auto;
		right:0;
		bottom:20px;
		opacity:0.5;
		z-index:0;
	}
	
	section.parallax-images-quote .parallax-images-quote_image_two{
		margin-top:0!important;
	}
	
	section.scrolling-text .scrolling-text .scrolling-text-content{
		font-size:60px!important;
	}
	
	section.parallax-images-quote section.scrolling-text{
		top: -50px;
	}
	
}

@media only screen and (max-width:640px) {
	
	section.parallax-images-quote .parallax-images-quote_quote{
		margin-bottom: -30px;
	}
	.home .service-hover-blocks {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

/* Scrolling text */ 

section.scrolling-text .container {
	position: relative;
	width: 100vw;
	width: 100%;
	overflow: hidden;
}

section.scrolling-text .scrolling-text {
	display: inline-block;
	transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);
	will-change: transform;
	backface-visibility: hidden;
}

section.scrolling-text .scrolling-text .scrolling-text-content {
	white-space: nowrap;
	transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);
	line-height: 1em;
	font-size:120px;
}

body.page-template-template-about #scrolling-text-section{
	background:#fff;
	margin-top:-30px;
}


body.page-template-template-contact #scrolling-text-section{
	background:#414C3F;
	padding-bottom:60px;
}

body.page-template-template-about footer section.scrolling-text{
	background:transparent;
	transform: translateY(-40%);
}

body.page-template-template-case-studies section#scrolling-text-section{
	background: #333;
}

body.page-template-template-about footer .scrolling-text h2{
	color:#B2B2B2
}

body.page-template-template-careers section#scrolling-text-section{
	position: relative;
	z-index: 2;
	transform: translateY(-10%);
}


@media only screen and (max-width:640px) {
	section.scrolling-text{
		/*display:none!important;*/
	}
}

/* Icon tab */

section.icon-tab{
	height:158px;
	z-index:999;
	width:100%;
	position:relative;
	pointer-events:none;
}

section.icon-tab .icon-tab_holder{
	padding:15px 30px 15px 50px;
	transition:width 0.3s;
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:100%;
	box-shadow: 0px 8px 16px rgba(51, 51, 51, 0.1);
	pointer-events:all;
}

section.icon-tab.uk-active .icon-tab_holder{
	width: 240px;
}

section.icon-tab .icon-tab_slider ul li img{
	max-height:128px;
	width:auto;
}

section.icon-tab .icon-tab_icon{
	position:absolute;
	z-index:2;
	width:240px;
	height:100%;
	top:0;
	right:0;
}

section.icon-tab .icon-tab_icon img{
	width:160px;
}

section.icon-tab .icon-tab_open{
	position: absolute;
	left: 15px;
	height: 100%;
	top: 0;
	border-right: 1px solid rgba(0,0,0,0.05);
	padding-right:10px;
	transition:0.3s;
	opacity:0;
	pointer-events:none;
}

section.icon-tab .icon-tab_close{
	position: absolute;
	left: 15px;
	height: 100%;
	top: 0;
	padding-right:10px;
	transition:0.3s;
	opacity:1;
	pointer-events:all;
}

section.icon-tab.uk-active .icon-tab_open{
	opacity:1;
	pointer-events:all;
}

section.icon-tab.uk-active .icon-tab_close{
	opacity:0;
	pointer-events:none;
}

section.icon-tab .icon-tab_open:hover,
section.icon-tab .icon-tab_close:hover{
	text-decoration:none;
}

@media only screen and (max-width:1920px) {
	
	section.icon-tab.uk-active .icon-tab_holder,
	section.icon-tab.uk-active .icon-tab_icon{
		width:40px;
	}
	
	section.icon-tab.uk-active .icon-tab_holder{
		padding: 15px 30px 15px 0px;
	}
	
}

/* Project vertical scroller */

/*body.page-template-template-homepage section.project-vertical-scroller{
	margin-top:-158px;
}*/

section.project-vertical-scroller .project-vertical-scroller_content{
	height:100vh;
	min-height:800px;
	padding:20vh 0;
}

section.project-vertical-scroller .project-vertical-scroller_projects_block{
	margin-bottom:40px;
	transition:all 0.3s;
}

section.project-vertical-scroller .project-vertical-scroller_projects_block a{
	cursor:none;
}

section.project-vertical-scroller .project-vertical-scroller_projects_block a:hover{
	text-decoration:none;
}

section.project-vertical-scroller .projects-wrap{
	padding-right:40px;
}

.custom-cursor {
	width: 0px;
	height: 0px;
	position: absolute;
	border-radius: 50%;
	transition-duration: 150ms;
	transition-timing-function: ease-out;
	pointer-events: none;
	transform: translate(-50%, -50%);
	overflow:hidden;
}

.custom-cursor:after{
	content:"VIEW";
	color:#fff;
	font-size:1em;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	font-weight:500;
}

.custom-cursor.hover {
	width: 130px;
	height: 130px;
	background: #467D8E;
}

@media only screen and (max-width:960px) {
	
	.custom-cursor{
		display:none!important;
	}
	
	/*body.page-template-template-homepage section.project-vertical-scroller{
		margin-top: 0px;
	}*/
	
	section.project-vertical-scroller .project-vertical-scroller_content {
		height: auto;
		min-height: 0;
		padding: 0;
		margin-top: 60px;
	}
}

@media only screen and (max-width:640px) {
	
	section.project-vertical-scroller .project-vertical-scroller_content{
		text-align: left !important;
		padding: 0 20px;
	}
	
}

section.project-vertical-scroller .hero-banner-line{
	top: 100%;
	right:30px;
	transform: translateY(-50%);
	z-index:6;
	pointer-events:none;
}

section.project-vertical-scroller .project-vertical-scroller_projects_block:hover{
	background:#333;
}

section.project-vertical-scroller .project-vertical-scroller_projects_block:hover .project-vertical-scroller_projects_block_content .txt-black{
	color:#fff;
}

/* Projects by region */

section.project-by-region .project-by-region_map_content{

}

@media only screen and (max-width:960px) {
	section.project-by-region .project-by-region_map_content{
		height:auto;
	}
}

section.project-by-region .map-wrapper{
	width:100%;
	height:50vw;
	max-height:100vh;
}

section.project-by-region .map {
	left: -5%;
	width: 110%;
	height:110%;
	top: -5%;
}

section.project-by-region .listings {
	height: 100%;
	overflow: auto;
	padding-bottom: 60px;
}

section.project-by-region .listings .item {
	display: block;
	padding: 10px;
	text-decoration: none;
	margin-bottom:20px;
}

section.project-by-region .listings .item:last-child {
	border-bottom: none;
}

section.project-by-region .listings .item .title {
	display: block;
	color: #808080;
	font-weight: 300;
	font-size:1.300em;
}

section.project-by-region .listings .item .title small {
	font-weight: 400;
}

section.project-by-region .listings .item.active .title,
section.project-by-region .listings .item .title:hover {
	color: #fff;
	text-decoration:none;
}

section.project-by-region .listings .item.active .title {
	font-weight: 500;
}

section.project-by-region .marker {
	border: none;
	cursor: pointer;
	height: 26px;
	width: 26px;
	background-image: url('img/marker.svg');
}

section.project-by-region .project-region-blocks{
	display:none;
}

section.project-by-region .project-region-blocks#project-region-blocks-0{
	display:block;
}

section.project-by-region .sidebar{
	margin-top:80px;
	height: 80vh;
	min-height: 400px;
}

section.project-by-region #projects .project-region-blocks{
	padding: 0 40px;
	
	text-align: left;
	scrollbar-width: thin;
	scrollbar-color: #989898 #393939;
}

section.project-by-region #listings.listings{
	padding: 0 0 0 20px;
	direction: rtl;
	text-align: left;
	scrollbar-width: thin;
	scrollbar-color: #989898 #393939;
}

section.project-by-region #listings.listings::-webkit-scrollbar,
section.project-by-region #projects .project-region-blocks::-webkit-scrollbar {
  	width: 8px;
  	border-radius: 6px;
}

section.project-by-region #listings.listings::-webkit-scrollbar-thumb,
section.project-by-region #projects .project-region-blocks::-webkit-scrollbar-thumb {
	background: #989898;
}

section.project-by-region #listings.listings::-webkit-scrollbar-track,
section.project-by-region #projects .project-region-blocks::-webkit-scrollbar-track { 
	background: #393939;
}

section.project-by-region #listings.listings::-webkit-scrollbar-thumb,
section.project-by-region #projects .project-region-blocks::-webkit-scrollbar-thumb,
section.project-by-region #listings.listings::-webkit-scrollbar-track,
section.project-by-region #projects .project-region-blocks::-webkit-scrollbar-track {
	display:none;
}

section.project-by-region #listings.listings:hover::-webkit-scrollbar-thumb,
section.project-by-region #projects .project-region-blocks:hover::-webkit-scrollbar-thumb,
section.project-by-region #listings.listings:hover::-webkit-scrollbar-track,
section.project-by-region #projects .project-region-blocks:hover::-webkit-scrollbar-track {
	display:block;
}

section.project-by-region .uk-accordion-title{
	margin:0;
}

section.project-by-region .uk-accordion-title:before{
	display:none;
}

section.project-by-region .uk-accordion-title:hover{
	color:#eb5118;
}

@media only screen and (max-width:1920px) {
	section.project-by-region .map-wrapper .map-label{
		margin-bottom: 30px;
	}
}

@media only screen and (max-width:1800px) {
	section.project-by-region .map-wrapper .map-label{
		margin-bottom: 50px;
	}
}

@media only screen and (max-width:1600px) {
	section.project-by-region .uk-accordion-title{
		font-size:1.2em;
	}
	section.project-by-region .map-wrapper .map-label{
		margin-bottom:80px;
	}
}

@media only screen and (max-width:1366px) {
	section.project-by-region .map-wrapper .map-label{
		margin-bottom:70px;
	}
}

/* Service hover blocks */

section.service-hover-blocks .service-hover-block-title{
	padding-left:35px;
	color:#B2B2B2;
	cursor:pointer;
	transition: all 0.2s;
	margin-bottom:40px;
	font-size:1.2em;
}

section.service-hover-blocks ul{
	list-style:none;
}

section.service-hover-blocks li:hover .service-hover-block-title,
section.service-hover-blocks li.uk-active .service-hover-block-title{
	color:#000;
}

section.service-hover-blocks .service-hover-block-title span{
	position: absolute;
	left: 0;
	font-weight: 300;
}

section.service-hover-blocks .service-number{
	position:absolute;
	top:0;
	left:0;
	transform:translateX(-60%);
	height: 20vw;
	max-height: 360px;
}

section.service-hover-blocks .uk-accordion .service-number{
	height: 12vw;
	max-height: 200px;
}

section.service-hover-blocks .uk-flex-row-reverse .service-number{
	right:0;
	left:auto;
	transform:translateX(60%);
}

section.service-hover-blocks .service-number svg{
	height:100%;
	width:auto;
}

body.page-template-template-about section.service-hover-blocks{
	padding-bottom: 250px;
}

section.service-hover-blocks .uk-accordion li{
	border-top: 2px solid #eb5118;
	padding-top: 30px;
}

section.service-hover-blocks .uk-accordion > :nth-child(n+2){
	margin-top:30px;
}

section.service-hover-blocks .uk-accordion > :last-child{
	border-bottom: 2px solid #eb5118;
	padding-bottom: 30px;
}

section.service-hover-blocks .uk-accordion li .service-number{
	top: 20%;
	left: 10px;
	opacity:0;
}

section.service-hover-blocks .uk-accordion li.uk-open .service-number{
	opacity:1;
}

section.service-hover-blocks .uk-accordion li .uk-accordion-title{
	font-size: 1.2em;
	font-weight: 500;
	color: #eb5118;
}

section.service-hover-blocks .uk-accordion li .uk-accordion-title:before{
	background-image:url('img/open.svg');
	width: 40px;
	height: 41px;
}

section.service-hover-blocks .uk-accordion li.uk-open > .uk-accordion-title::before{
	background-image:url('img/close.svg');
}

@media only screen and (max-width:960px) {
	
	section.service-hover-blocks .service-hover-blocks_content{
		padding:0;
	}
	
	body.page-template-template-services section.service-hover-blocks .uk-flex-row-reverse .service-number,
	body.page-template-template-services section.service-hover-blocks .service-number{
		transform: translate(-10px , -20%);
		right: auto;
		left: 0;
	}
	
}

@media only screen and (max-width:650px) {
	
	body.page-template-template-about section.service-hover-blocks{
		padding-bottom: 40px;
	}
	
	section.service-hover-blocks .uk-accordion .service-number{
		position: static;
		width: 100%;
		height: 100%;
		transform: translate(0);
		max-height: 100%;
	}
	
	section.service-hover-blocks .uk-accordion .service-number svg {
		height: 100%;
		width: auto;
		max-height: 130px;
	}
	
	body.page-template-template-services section.service-hover-blocks .uk-flex-row-reverse .service-number,
	body.page-template-template-services section.service-hover-blocks .service-number{
		transform: translate(0);
	}
	
	section.service-hover-blocks .uk-accordion li .uk-accordion-title::before {
		background-image: url('img/open.svg');
		width: 25px;
		height: 25px;
		background-size: contain;
	}

}

/* Parallax images scrolling text */

section.parallax-images-scrolling-text section.scrolling-text{
	position:absolute;
	color:#FEEEE6;
	width:100%;
	bottom:50%;
	left:0;
}

section.parallax-images-scrolling-text section.scrolling-text-2{
	bottom:auto;
	top:50%;
}

section.parallax-images-scrolling-text .scrolling-text .uk-h1.responsive{
	font-size:200px;
	color:#FEEEE6;
}

/* Meet the core team */

section.meet-the-core-team .team-block-desktop{
	transition:all 0.3s;
	opacity:1;
}

section.meet-the-core-team .team-block-desktop.blur{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	opacity:0.3;
}

section.meet-the-core-team .team-block-content{
	z-index:2;
}

section.meet-the-core-team .team-block-content.big-left div.uk-h5{
	width:75%
}

section.meet-the-core-team .team-block-content.big-right div.uk-h5{
	width:75%
}

section.meet-the-core-team .team-block-content div.uk-h5{
	position:relative;
}

section.meet-the-core-team .team-block-content .quote::before {
  content: "";
  position: absolute;
  left: -80px;
  width: 53px;
  height: 40px;
  top: 5px;
  background: url('img/quote-open.svg') no-repeat scroll center center transparent;
  display: block;
}

section.meet-the-core-team .team-block-content .quote::after {
	content: "";
	position: absolute;
	left: -80px;
	width: 53px;
	height: 40px;
	bottom: 25px;
	background: url('img/quote-close.svg') no-repeat scroll center center transparent;
	display: block;
}

section.meet-the-core-team .team-block-content.team-block-mobile-content{
	background:rgba(255,255,255,0.8)
}

section.meet-the-core-team .team-block-mobile a[class*="mobile-content-"]{
	z-index:2;
	font-size: 1.5em;
	padding: 10px;
}

.uk-slider .uk-slidenav svg{
	display:none;
}

.uk-slider .uk-slidenav{
	background:url('img/arw-left-clear.svg') no-repeat scroll center center transparent;
	width:64px;
	height:64px;
	border-radius:50%;
}

.uk-slider .uk-slidenav.uk-slidenav-next{
	background:url('img/arw-right-clear.svg') no-repeat scroll center center transparent;
}

section.meet-the-core-team .uk-slider .uk-slidenav{
	background:url('img/arw-left.svg') no-repeat scroll center center transparent;
	width:64px;
	height:64px;
	border-radius:50%;
}

section.meet-the-core-team .uk-slider .uk-slidenav.uk-slidenav-next{
	background:url('img/arw-right.svg') no-repeat scroll center center transparent;
}

@media only screen and (max-width:640px) {
	
	section.meet-the-core-team .uk-slider {
		padding-bottom:70px;
	}
	
	section.meet-the-core-team .uk-slider .uk-slidenav.uk-slidenav-previous,
	section.meet-the-core-team .uk-slider .uk-slidenav.uk-slidenav-next{
		bottom: 0;
		top: auto;
		transform: translate(0);
		padding: 0;
		margin: 0;
		width: 40px;
		height: 40px;
		background-size:contain;
	}
	
	section.meet-the-core-team .meet-the-core-team_title{
		font-size: 2.2em;
		margin-bottom: 0;
	}
	
}

/* Call to actions */

section.call-to-actions .cta-block{
	background-color:#333;
	transition: all 0.3s;
}

body.page-template-template-case-studies section.call-to-actions .cta-block{
	background-color:#4d4d4d;
	transition: all 0.3s;
	position:relative;
}

body.page-template-template-case-studies section.call-to-actions .cta-block:first-of-type:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 100%;
	background-color: #4d4d4d;
	height: 35px;
	z-index: 1;
	width: 100%;
	transition: all 0.3s;
}

body.page-template-template-case-studies section.scrolling-text .container{
	z-index:2;
}


section.call-to-actions .cta-block:hover,
body.page-template-template-case-studies section.call-to-actions .cta-block:hover,
body.page-template-template-case-studies section.call-to-actions .cta-block:first-of-type:hover:before{
	background-color:#fff;
}

section.call-to-actions .cta-block h4,
section.call-to-actions .cta-block p,
section.call-to-actions .cta-block a {
	color:#fff;
	transition: all 0.3s;
}

section.call-to-actions .cta-block a.uk-button-default{
	border-color:#fff;
	transition: all 0.3s;
	background-color:#333;
}

body.page-template-template-case-studies section.call-to-actions .cta-block a.uk-button-default{
	border-color:#fff;
	transition: all 0.3s;
	background-color:#4d4d4d;
}

section.call-to-actions .cta-block:hover h4,
section.call-to-actions .cta-block:hover p {
	color:#333;
	transition: all 0.3s;
}

section.call-to-actions .cta-block:hover a,
body.page-template-template-case-studies section.call-to-actions .cta-block:hover a{
	color:#eb5118;
	background-color:#fff;
}

section.call-to-actions .cta-block:hover a.uk-button-default,
body.page-template-template-case-studies section.call-to-actions .cta-block:hover a.uk-button-default{
	border-color:#eb5118;
	transition: all 0.3s;
}

section.call-to-actions .cta-block .wrapper{
	border-bottom:1px solid #fff;
}

section.call-to-actions .cta-block:hover a.uk-button-default:hover{
	background-color:#eb5118;
	color:#fff;
}

section.call-to-actions .cta-block:last-of-type .wrapper{
	border-bottom:none;
}

section.call-to-actions .cta-block .cta-block-form{
	margin-top:40px;
}

section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="email"]{
	border: 2px solid #fff;
	transition: all 0.3s;
	background-color:#333;
	color:#fff;
	height:56px;
	border-radius: 0 50px 50px 0;
	padding: 0 200px 0 20px;
	transition: all 0.3s;
}

body.page-template-template-case-studies section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="email"]{
	background-color:#4d4d4d;
}

section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="submit"]{
	border-radius: 50px;
	font-size: 1rem;
	text-transform: none;
	line-height: 54px;
	padding: 0 55px;
	border: 2px solid #fff;
	color:#fff;
	background-color:#333;
	position:absolute;
	right:0;
	top:0;
	transition: all 0.3s;
	cursor:pointer;
	height:56px;
}

body.page-template-template-case-studies section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="submit"]{
	background-color:#4d4d4d;
}

section.call-to-actions .cta-block:hover .cta-block-form.newsletter-form input[type="email"],
section.call-to-actions .cta-block:hover .cta-block-form.newsletter-form input[type="submit"],
body.page-template-template-case-studies section.call-to-actions .cta-block:hover .cta-block-form.newsletter-form input[type="email"],
body.page-template-template-case-studies section.call-to-actions .cta-block:hover .cta-block-form.newsletter-form input[type="submit"]{
	border-color:#eb5118;
	background-color:#fff;
	color:#eb5118;
}

section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="submit"]:hover,
body.page-template-template-case-studies section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="submit"]:hover {
	background-color:#eb5118;
	color:#fff;
}

section.call-to-actions .cta-block:hover .cta-block-form.newsletter-form input::placeholder {
  color: #eb5118;
  opacity: 0.6;
}

body.page-template-template-case-studies .call-to-actions .cta-block:last-of-type,
body.page-template-template-contact .call-to-actions .cta-block:last-of-type,
body.saudi-arabia .call-to-actions .cta-block:last-of-type {
	padding-bottom:150px!important;
}

@media only screen and (max-width:1366px) {
	
	section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="email"]{
		height: 44px;
	}
	
	section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="submit"]{
		height: 44px;
		line-height: 40px;
	}
	
}

/* Project grid */

section.project-grid .project-grid-block{
	background-color:transparent;
	transition:all .3s;
}

section.project-grid .project-grid-block:hover{
	background-color:#fff;
	transition:all .3s;
}

section.project-grid .project-grid-block:hover .txt-white{
	color:#333;
}

section.project-grid .uk-slider-container > div{
	padding-bottom:60px;
}

section.project-grid .project-grid-block:hover img.project-logo{
	display:none;
}

section.project-grid .project-grid-block:hover img.project-logo-hover{
	display:block!important;
}

section.project-grid .scrolling-text{
	position: absolute;
	top: 0;
	transform: translateY(-10%);
}

section.project-grid .scrolling-text h2.uk-h1{
	color:#B2B2B2;
}

section.project-grid{
	padding-bottom:200px;
}

section.case-study-ajax-grid.project-grid{
	padding-bottom:0;
}

@media only screen and (max-width:640px) {
	
	section.project-grid .uk-slider .uk-slidenav-previous,
	section.project-grid .uk-slider .uk-slidenav-next{
		transform: translate(0);
		padding: 0;
		margin: 0;
		width: 40px;
		height: 40px;
		background: url('img/arw-left-clear-white.svg') no-repeat scroll center center transparent;
		background-size: contain;
	}
	
	section.project-grid .uk-slider .uk-slidenav-next{
		background: url('img/arw-right-clear-white.svg') no-repeat scroll center center transparent;
		background-size: contain;
	}
	
}

/* Parallax image */

section.parallax-image{
	padding-top:79px;
}

body.page-template-template-careers section.parallax-image{
	margin-top:-240px;
	padding-top:0;
}

section.parallax-image .parallax-image-wrapper{
	height:80vh;
	height:calc(80vh + 79px);
	min-height:600px;
}

body.page-template-template-about section.parallax-image{
	margin-top:-158px;
}

@media only screen and (max-width:960px) {
	body.page-template-template-careers section.parallax-image {
	  margin-top: -120px;
	  padding-top: 0;
	}
}

/* Title and content */

body.page-template-template-about section.title-and-content,
body.page-template-template-services section.title-and-content,
body.page-template-template-case-studies section.title-and-content{
	/*padding-bottom:0;*/
}

/* Multi content and parallax image */

section.multi-content-parallax_image .multi-content-parallax_image-statement{
	width: 65%;
	right: 10%;
	top: 50%;
	z-index:2;
}

@media only screen and (min-width:960px) {
	section.multi-content-parallax_image .multi-content-parallax_image_top{
		height:100vh;
		min-height:1000px;
	}
}

@media only screen and (max-width:1366px) {
	section.multi-content-parallax_image .multi-content-parallax_image_top{
		min-height:700px;
	}
}

@media only screen and (max-width:960px) {
	section.multi-content-parallax_image .multi-content-parallax_image-statement{
		width: 100%;
		position:relative!important;
		top:0;
		text-align:center;
		right:0;
	}
	
	section.multi-content-parallax_image .multi-content-parallax_image_top{
		min-height:0;
	}
	
	section.multi-content-parallax_image {
		text-align:center;
	}
}

@media only screen and (max-width:640px) {
	
	section.multi-content-parallax_image {
		text-align:left;
	}
	
	section.multi-content-parallax_image .multi-content-parallax_image .txt-white-all{
		 text-align: left;
	}
	
	section.multi-content-parallax_image .multi-content-parallax_image-statement{
 		text-align: left;
	}
	
}

section.multi-content-parallax_image section.scrolling-text{
	position: absolute;
	color: #FEEEE6;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-25%);
}

section.multi-content-parallax_image .scrolling-text .uk-h1{
	font-size:250px;
	color:rgba(255,255,255,0.05);
}

/* Newsletter signup form */

.section-newsletter-form{
	transition: all 0.3s;
}

body.page-template-template-about .section-newsletter-form,
body.page-template-template-services .section-newsletter-form,
body.page-template-template-single-service .section-newsletter-form{
	background-color:#333;
}

body > #site-wrap > main > .section-newsletter-form.active{
	background-color:#fff!important;
}

body.page-template-template-about .section-newsletter-form .newsletter-form-wrap,
body.page-template-template-services .section-newsletter-form .newsletter-form-wrap,
body.page-template-template-single-service .section-newsletter-form .newsletter-form-wrap{
	transform: translateY(-50%);
}

@media only screen and (max-width:650px) {
	body.page-template-template-about .section-newsletter-form .newsletter-form-wrap,
	body.page-template-template-services .section-newsletter-form .newsletter-form-wrap,
	body.page-template-template-single-service .section-newsletter-form .newsletter-form-wrap{
		transform: translateY(0%);
	}
}

/* Banner with title & content */

body.page-template-template-services section.banner_title_content{
	margin-top: -158px;
	padding-top: 79px;
}

body.page-template-template-services section.banner_title_content .banner_title_content_wrapper{
	padding-top: 158px;
}

@media only screen and (max-width:650px) {
	
	section.banner_title_content div.txt-white-all.uk-width-3-5\@m {
		padding:0!important;
	}
	
}

/* Image, Title & Content */

body.page-template-template-case-studies section.image-title-content{
	margin-top:-158px;
	padding-top: 200px;
}

body.page-template-template-single-service section.image-title-content{
	background-color:#fff;
}

body.page-template-template-single-service section.image-title-content div.txt-white-all > *{
	color:#000;
}

body.page-template-template-single-service section.image-title-content .wrapper.full-width{
	max-width: 1400px;
	width: 75%;
}

body.page-template-template-single-service section.image-title-content div.uk-grid{
	flex-direction: row-reverse;
}

@media only screen and (max-width:960px) {
	
	body.page-template-template-single-service section.image-title-content .wrapper.full-width {
		max-width: 100%;
		width: 100%;
	}
	
}

/* Title & Side Content */

section.title-side-content{
	margin-top: -158px;
	padding-top: 300px;
	background: url('img/backgrounds/bg-pattern-three.svg') no-repeat scroll center top / contain #333;
	background-size: 100%;
}


/* Ajax case studies grid */

.alm-btn-wrap{
	margin: 40px 0;
	text-align: center;
}

.alm-load-more-btn{
	border-radius:50px;
	font-size:1rem;
	text-transform: none;
	line-height: 54px;
	padding: 0 55px;
	border:2px solid #000;
	background-color:transparent;
	border-color:#eb5118;
	color:#eb5118;
	transition:all 0.2s;
}

.alm-load-more-btn:hover{
	background-color:#eb5118;
	border-color:#eb5118;
	color:#fff;
}

.alm-load-more-btn:disabled{
	opacity:0.5;
}

.alm-load-more-btn:disabled:hover{
	background-color:transparent;
	border-color:#eb5118;
	color:#eb5118;
}

section.case-study-ajax-grid .alm-load-more-btn{
	border-radius:50px;
	font-size:1rem;
	text-transform: none;
	line-height: 54px;
	padding: 0 55px;
	border:2px solid #000;
	background-color:transparent;
	border-color:#fff;
	color:#fff;
	transition:all 0.2s;
}

section.case-study-ajax-grid .alm-load-more-btn:hover{
	background-color:#fff;
	border-color:#fff;
	color:#333;
}

section.case-study-ajax-grid .alm-load-more-btn:disabled{
	opacity:0.5;
}

section.case-study-ajax-grid .alm-load-more-btn:disabled:hover{
	background-color:transparent;
	border-color:#fff;
	color:#fff;
}

section.case-study-ajax-grid #alm-filters-casestudyfilter .alm-filter{
	display:flex;
	gap: 20px;
} 

section.case-study-ajax-grid #alm-filters-casestudyfilter ul{
	display: flex;
	gap: 20px;
	flex-wrap:wrap;
}

section.case-study-ajax-grid #alm-filters-casestudyfilter ul li .alm-filter--link{
	color:#fff;
	font-size: 0.75em;
}

section.case-study-ajax-grid #alm-filters-casestudyfilter ul li .alm-filter--link.active{
	color:#eb5118;
}

section.case-study-ajax-grid .alm-filters-container .alm-filter li div.alm-filter--link.field-checkbox::before {
	border-radius: 50%;
	background: transparent;
	border: 2px solid #eb5118;
	top: 50%;
	transform: translateY(-50%);
}

section.case-study-ajax-grid .alm-filters-container .alm-filter li div.alm-filter--link.active.field-checkbox::before {
	border-radius: 50%;
	background: #eb5118;
	border: 2px solid #eb5118;
}

section.case-study-ajax-grid .alm-filters-container .alm-filter li div.alm-filter--link.field-checkbox::after {
	left: 7px;
	top: 11px;
	width: 6px;
	height: 6px;
	border: none;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	background: #333;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
}

section.case-study-ajax-grid .alm-filter--title h3{
	color:#fff;
	font-size: 0.75em;
}

@media only screen and (max-width:960px) {
	section.case-study-ajax-grid #alm-filters-casestudyfilter ul{
		display: block;
	}
}

/* Contact grid */

section.contact-grid .contact-block,
section.contact-grid .uk-grid{
	border: 1px solid #eb5118;
}

/* Content and form */

.contact-form-full label{
	color:#fff;
}

.contact-form-full input:not([type="submit"]),
.contact-form-full textarea{
	border:2px solid #fff;
	background:transparent;
	width:100%;
	padding:10px;
	margin: 10px 0;
	color:#fff;
}

/* Vacancies grid */

section.vacancies-grid{
	background:url('/wp-content/uploads/2023/06/vacancies-bg.svg') no-repeat scroll center -50% / cover #fff;
}

.vacancies-block{
	border-radius:100px;
	padding:30px 60px;
}

.vacancies-block span.job-type-pill{
	font-size: 0.5em;
	font-weight: 300;
	padding: 6px 20px;
	border: 2px solid #eb5118;
	border-radius: 40px;
	color: #eb5118;
	vertical-align: top;
}

.vacancies-modal .uk-modal-dialog.uk-modal-body{
	padding:0;
	width:80%;
}

.vacancies-modal .uk-modal-dialog.uk-modal-body span.job-type-pill{
	font-size: 0.875em;
	font-weight: 300;
	padding: 6px 20px;
	border: 2px solid #eb5118;
	border-radius: 40px;
	color: #eb5118;
	vertical-align: top;
}

.vacancies-modal .vacancies-modal-right{
	height:85vh;
	overflow:scroll;
}

.vacancies-modal .uk-close svg{
	width: 20px;
	height: 20px;
}

.vacancies-modal .uk-close svg line{
	stroke:#eb5118!important;
}

@media only screen and (max-width:960px) {
	
	.vacancies-block{
		text-align:center
	}
	
	.vacancies-block .uk-flex-middle > div{
		width:100%
	}
	
}

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

	
	.vacancies-block{
		text-align:left;
		padding:20px;
		border-radius:0;
	}
	
	.vacancies-block h5.txt-white{
		margin-bottom:0;
	}
	
	.vacancies-block span.job-type-pill {
		padding: 2px 10px;
		display: block;
		margin: 0 0 20px 0 !important;
		max-width: 100px;
		text-align: center;
	}
	
	.vacancies-modal .uk-modal-dialog.uk-modal-body{
		width: 100%;
	}
	
	.vacancies-block .uk-grid-margin.uk-first-column{
		margin-top:20px;
	}
	
}

/* image slider */

body.page-template-template-careers section.image-slider{
	padding-bottom:200px;
}

section.image-slider div.uk-slider{
	padding-bottom:33px;
}

section.image-slider .uk-slidenav{
	border: 2px solid #eb5118;
	border-radius: 50%;
	transform: translate(-60px, 13px);
	padding: 5px 12px;
}

section.image-slider .uk-slidenav.uk-slidenav-next{
	transform: translate(60px, 13px);
}

section.image-slider .uk-slidenav svg{
	color: #eb5118;
	width: 20px;
	height: 34px;
}

body.page-template-template-single-service section.image-slider{
	background:#333;
}


	section.image-slider .uk-slidenav{
		transform: translate(-110px, 13px);
		left: 50%;
	}
	section.image-slider .uk-slidenav.uk-slidenav-next {
	  transform: translate(20px, 13px);
	}


/* Accordion columns */

section.accordion-columns ul.uk-accordion li{
	border-bottom:2px solid #eb5118;
}

section.accordion-columns ul.uk-accordion li:first-of-type{
	border-top:2px solid #eb5118;
}

section.accordion-columns ul.uk-accordion li > a.uk-accordion-title:hover{
	color:#eb5118;
}

section.accordion-columns ul.uk-accordion li > a.uk-accordion-title::before {
  background-image: url('img/Open.svg');
  background-size: contain;
}

section.accordion-columns ul.uk-accordion li.uk-open > a.uk-accordion-title::before{
	background-image: url('img/Close.svg');
	background-size: contain;
}

body.page-template-template-black-book section.accordion-columns{
	margin-top: -158px;
	padding-top: 300px;
	background:url('img/backgrounds/bg-pattern-three.svg') no-repeat scroll center top / contain #333;
	background-size: 100%;
}

body.page-template-template-black-book section.parallax-image {
	padding-top: 0px;
}

/* Image & Scrolling Text */

section.image-scrolling-text .image-two .scrolling-text{
	position: absolute;
	z-index: 0;
	top: 0;
	transform: translateY(-10%);
}

section.image-scrolling-text .image-two .scrolling-text .uk-h1.scrolling-text-content{
	font-size: 350px;
	color:rgba(255,255,255,0.05);
}

/*------------------------------------*\
	SINGLE CASE STUDIES
\*------------------------------------*/

section.cs-stats .cs-stats-block{
	border: 2px solid #eb5118;
	height:100%;
}

section.cs-stats .uk-slider{
	padding-bottom:80px;
	position:relative;
}

/*section.cs-stats .uk-slider:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:100%;
	height:calc(100% - 79px);
	width:15%;
	z-index:2;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);  
}*/

section.cs-stats .uk-slidenav{
	transform: translate(0px, 92px);
	padding: 5px 12px;
	z-index: 3;
}

section.cs-stats .uk-slidenav svg{
	color: #eb5118;
	width: 20px;
	height: 34px;
}

section.cs-stats .uk-slidenav.uk-slidenav-next{
	transform: translate(92px, 92px);
}

section.cs-content{
	background-color:#333;
	background-image: url('/wp-content/uploads/2023/06/cs-bg-pattern.svg'), url('/wp-content/uploads/2023/06/cs-bg-2.svg');
	background-position: center -80px, center bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 100%, 100%;
}

section.cs-content .quote{
	position: relative;
	font-size: 1.6em;
	line-height: 1.4;
	margin-left: 80px;
	font-style:italic;
	font-weight:500;
}

section.cs-content .quote:before{
	content:"";
	position:absolute;
	left: -80px;
	width:53px;
	height:40px;
	top:5px;
	background:url('img/quote-open.svg') no-repeat scroll center center transparent;
	display:block;
}

section.cs-content .quote:after{
	content:"";
	position:absolute;
	left: -80px;
	width:53px;
	height:40px;
	bottom:0;
	background:url('img/quote-close.svg') no-repeat scroll center center transparent;
	display:block;
}

section.cs-content .quote-citation{
	margin-left:100px;
}

section.cs-content .image-two .scrolling-text{
	position: absolute;
	z-index: 0;
	top: 0;
	transform: translateY(-10%);
}

section.cs-content .image-two .scrolling-text .uk-h1.scrolling-text-content{
	font-size: 350px;
	color:rgba(255,255,255,0.05);
}

@media only screen and (min-width:960px) {
	section.cs-stats .uk-slider{
		/*width:120%;*/
	}
}

@media only screen and (max-width:960px) {
	
	section.cs-stats .uk-slider:before{
		display:none;
	}
	
	section.cs-content .quote{
		margin-left:0;
		font-size:1.4;
	}
	
	section.cs-content .quote:before,
	section.cs-content .quote:after{
		display:none;
	}
	
	section.cs-content .quote-citation {
	  margin-left: 0;
	}
		
	
}

@media only screen and (max-width:640px) {
	
	section.cs-header-banner > div.uk-padding{
		padding:0!important;
	}
	
	section.cs-stats .uk-slidenav.uk-slidenav-next,
	section.cs-stats .uk-slidenav.uk-slidenav-previous{
		transform: translate(0px, 92px);
		padding: 5px 12px;
		z-index: 3;
		width:40px;
		height:40px;
		background-size:contain;
		margin-left: 0;
		margin-right: 0;
	}
	
	section.cs-stats .uk-slidenav.uk-slidenav-next {
	  transform: translate(0px, 92px);
	  left: auto;
	  right: 0;
	}
	
}

/*------------------------------------*\
	SAUDI ARABIA LANDING PAGE
\*------------------------------------*/

.saudi-arabia.bg-grey,
.saudi-arabia header.header,
.saudi-arabia section.hero-banner,
.saudi-arabia .footer.bg-charcoal,
.saudi-arabia .multi-content-parallax_image.bg-charcoal {
	background-color: #333333;
}
.saudi-arabia header.header nav.main-navigation ul > li > a,
.saudi-arabia .hero-banner,
.saudi-arabia .meet-the-core-team h4,
.saudi-arabia .meet-the-core-team .txt-black,
.saudi-arabia .uk-link {
	color: white;
}
.saudi-arabia header.header nav.main-navigation ul > li:hover > a,
.saudi-arabia .uk-link:hover {
  color: #eb5118;
}
.saudi-arabia header.header nav.main-navigation ul > li.menu-item-1445:hover > a,
.saudi-arabia header.header nav.main-navigation ul > li.menu-item-1445 li:hover > a {
	color: white;
}
.saudi-arabia .multi-content-parallax_image {
  background-image: url('img/backgrounds/bg-pattern-four.svg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center bottom;
  background-size: 100%;
}
.saudi-arabia .meet-the-core-team {
	background-color: #333;
}
.team-block-desktop .saudi-title-wrap {
	right: -50px;
	top: 20px;
}
.saudi-arabia .team-block-desktop .uk-position-z-index {
	width: max-content;
}

/*------------------------------------*\
	MISC RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1920px) {
	section.scrolling-text .scrolling-text .scrolling-text-content{
		font-size:4.5em;
	}
}

@media only screen and (max-width:1440px) {
	section.scrolling-text .scrolling-text .scrolling-text-content{
		font-size:4em;
	}
	
	section.parallax-images-scrolling-text .scrolling-text .uk-h1.responsive{
		font-size:8em;
	}
}


@media only screen and (max-width:960px) {
	
	.hero-banner-line{
		display:none!important;
	}
	
	section.project-vertical-scroller .projects-wrap {
	  padding-right: 0px;
	}
	
	section.meet-the-core-team .team-block-content div.uk-h5{
		font-size: -webkit-calc(.75rem + .25vw);
		font-size: -moz-calc(.75rem + .25vw);
		font-size: calc(.75rem + .25vw);
		
	}
	
	section.icon-tab .icon-tab_holder{
		padding: 15px;
	}
	
	#alm-filters-casestudyfilter{
		/*display:none!important;*/
	}
	
}

@media only screen and (max-width:640px) {
	
	section.meet-the-core-team .team-block-content.team-block-mobile-content p{
		font-size:0.875em;
	}
	
	section.project-grid .project-grid-block{
		background-color:#fff;
	}
	
	section.project-grid .project-grid-block .txt-white{
		color:#333;
	}
	
	section.project-grid .project-grid-block .project-vertical-scroller_projects_block_content div.uk-width-1-4{
		display:none;
	}
	
	section.parallax-images-scrolling-text{
		/*display:none!important;*/
	}
	
	section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="submit"]{
		position:static;
	}
	
	section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="email"]{
		border-radius:0;
	}
	
	section.parallax-images-quote .parallax-images-quote_quote .uk-h4{
		font-size:1.5em;
	}
	
	section.case-study-ajax-grid #alm-filters-casestudyfilter .alm-filter{
		display:block;
	}
	
	section.case-study-ajax-grid .alm-filter--title h3{
		font-size: 1em;
		display:none;
	}
	
	section.case-study-ajax-grid .alm-filter--title.mobile-title h3{
		font-size: 1em;
		display:block;
		cursor:pointer;
	}
	
	section.case-study-ajax-grid .alm-filter--title.mobile-title h3:after{
		content: "";
		width: 16px;
		height: 8px;
		display: inline-block;
		background: url(img/filter-arw.svg);
		margin-left: 20px;
		position: relative;
		top: -2px;
	}
	
	section.case-study-ajax-grid .active .alm-filter--title.mobile-title h3:after{
		transform:rotate(180deg);
	}
	
}

/*------------------------------------*\
	MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

input:focus::placeholder {
	opacity: 0 !important;
}

/*------------------------------------*\
	WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}

.alignright {
	float:right;
	margin:5px 0 20px 20px;
}

.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}

a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}

a img.alignnone {
	margin:5px 20px 20px 0;
}

a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}

a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}

.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}

.wp-caption.alignright {
	margin:5px 0 20px 20px;
}

.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/*------------------------------------*\
	Saudi homepage
\*------------------------------------*/
.saudi-site main {
	overflow: hidden;
}
.saudi-site section.scrolling-text .container {
	overflow: unset;
}
.saudi-site .project-vertical-scroller .hero-banner-line {
	display: none;
}
.saudi-font {
	font-family: 'Alkalami';
	line-height: 120%;
	font-weight: 400;
}
.saudi-site .hero-banner h1 {
	max-width: 600px;
}
.saudi-title-wrap {
	position: absolute;
	top: 30px;
	z-index: -1;
	direction: rtl;
	text-align: right;
	right: 0;
}
.saudi-title {
	color: #eb5118 !important;
	opacity: 0.5;
}
.saudi-site .hero-banner .saudi-title-wrap {
	top: 15px;
}
.saudi-site .hero-banner .saudi-title {
	line-height: 100%;
}
.saudi-site .multi-content-parallax_image .txt-large,
.saudi-site .banner_title_content .txt-large,
.saudi-site .meet-the-core-team .txt-large {
	font-size: 2.4em;
}
.saudi-site .cta-block .uk-position-z-index {
	max-width: 300px;
}
.saudi-site .cta-block .uk-position-z-index .saudi-title-wrap {
	/*top: 20px;*/
	top: auto;
	bottom: -50px;
}
.saudi-site .cta-block .uk-position-z-index .saudi-font {
	font-size: 1.5em;
}
.bst-saudi {
	position: absolute;
	bottom: -45px;
	right: 0;
	z-index: 1;
}
.team-hover-content {
	color: #fff;
	background: #333333;
	padding: 20px 20px 10px 20px;
	transition: 0.4s all;
}
.team-hover-content.active {
	max-height: 1000px;
}
.saudi-site .banner_title_content .txt-white-all.uk-width-3-5\@m {
	padding-left: 0;
}
.saudi-site .service-hover-blocks .wrapper.full-width {
	max-width: 1700px;
	width: 85%;
}
.saudi-site .service-hover-blocks .wrapper.full-width .uk-padding {
	padding-left: 0;
}
.thc-toggle {
	display: none;
}
.team-hover-content.active .thc-toggle::before {
	content: "-";
}
.saudi-site section.meet-the-core-team .uk-slider .uk-slidenav.uk-position-center-left {
	left: -30px;
	margin-left: 0;
	width: 50px;
	height: 50px;
	background-size: cover;
}
.saudi-site section.meet-the-core-team .uk-slider .uk-slidenav.uk-position-center-right {
	right: -30px;
	margin-right: 0;
	width: 50px;
	height: 50px;
	background-size: cover;
}
.saudi-arabia .meet-the-core-team .uk-slider-container {
	overflow: unset;
}
.saudi-arabia .meet-the-core-team .uk-slider-items li {
	overflow: hidden;
}
.saudi-site .scrolling-text.scrolling-text-copy {
	left: 0 !important;
}
.page-template-template-homepage-saudi-arabia p,
.page-template-template-homepage-saudi-arabia h1,
.page-template-template-homepage-saudi-arabia h2,
.page-template-template-homepage-saudi-arabia h3,
.page-template-template-homepage-saudi-arabia h4,
.page-template-template-homepage-saudi-arabia h5,
.page-template-template-homepage-saudi-arabia h6,
.page-template-template-homepage-saudi-arabia main li,
.single-case-studies.ar p,
.single-case-studies.ar h1,
.single-case-studies.ar h2,
.single-case-studies.ar h3,
.single-case-studies.ar h4,
.single-case-studies.ar h5,
.single-case-studies.ar h6,
.single-case-studies.ar main li {
	direction: rtl;
}
.single-case-studies .lang-switch a, .single-case-studies .lang-switch li {
	color: #000;
}
.page-template-template-homepage-saudi-arabia .team-hover-content,
.page-template-template-homepage-saudi-arabia .wpcf7-email {
	text-align: right;
}
.lang-switch {
	list-style: none;
	padding: 0;
	margin-right: 50px;
	margin-left: 20px;
	display: flex;
	justify-content: center;
	align-content: center;
	margin-bottom: 0;
	gap: 6px;
	color: #fff;
}
.lang-switch a {
	color: #fff;
	display: flex;
	align-items: center;
	gap: 5px;
}
.lang-switch a:hover {
	text-decoration: none;
	color: #eb5118;
}
.lang-switch .lang-current {
	font-weight: 700;
}
.lang-switch li:first-child a::before,.lang-switch li:last-child a::after {
    font-size: 0;
    width: 24px;
    height: 16px
}
.lang-switch li.ar:first-child a::before {
	content: url(img/saudi-arabia-flag.svg);
}
.lang-switch li.fr:first-child a::before {
	content: url(img/france-flag.svg);
}
.lang-switch li.en:last-child a::after {
	content: url(img/uk-flag.svg);
}
/* .lang-switch li.ar a::before,
.lang-switch li a::after {
	font-size: 0;
	width: 24px;
	height: 16px;
}
.lang-switch li.ar a::before {
	content: url(img/saudi-arabia-flag.svg);
}
.lang-switch li.en a::after {
	content: url(img/uk-flag.svg);
}
.lang-switch li.fr a::after {
	content: url(img/france-flag.svg);
} */
.gsbc {
  width: 100px;
}
.footer-social-links a:hover {
  text-decoration: none;
}
.animated-logos {
	max-width: 700px;
	width: 100%;
	position: relative;
	height: 180px;
}
.al-ab {
	max-width: 20%;
	filter: brightness(0) invert(1);
	position: absolute;
	right: 0;
	opacity: 0;
	transition: opacity 1s;
}

.al-main {
	position: absolute;
	left: 0;
	opacity: 1;
	transition: opacity 1s;
	
	max-width: 70%;
}

.al-below {
	max-width: 70%;
	left: 15%;
	position: absolute;
	opacity: 0;
	transition: opacity 1s;
	
}
.in-view .al-ab {
	animation: moveLeft 3s forwards;
}
.in-view .al-main {
	animation: moveRight 3s forwards;
}
.in-view .al-below {
	animation: fadeIn 3s forwards;
}
@keyframes moveRight {
	0% {
		opacity: 1;
		left: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		left: 15%;
	}
}
@keyframes moveLeft {
	0% {
		opacity: 1;
		right: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		right: 15%;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@media (min-width: 1200px) {
	.saudi-site .hero-banner-content h1 {
		max-width: 550px;
	}
	.saudi-site .hero-banner-content .uk-width-2-5\@l {
		width: 550px;
	}
}
@media only screen and (min-width:960px) {
	.team-hover-content {
		position: absolute;
		bottom: 0;
		left: 0;
		transition: 0.3s all;
		max-height: 0;
		padding: 0 30px;
		opacity: 0;
		max-width: 700px;
	}
	.team-block-desktop:hover .team-hover-content {
		max-height: 1000px;
		height: 100%;
		opacity: 1;
		padding: 30px 30px 10px 30px;
	}
}

@media only screen and (min-width:640px) {
	.saudi-site .header {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
}
@media only screen and (max-width:1400px) {
	.saudi-site .cta-block .uk-position-z-index {
		max-width: 240px;
	}
}
@media only screen and (max-width:960px) {
	.saudi-site section.scrolling-text .scrolling-text .scrolling-text-content {
		font-size: 40px !important;
	}
	.saudi-site .multi-content-parallax_image .txt-large {
		font-size: 1.5em;
	}
	.saudi-site section.call-to-actions .cta-block {
		background-color: #333;
	}
	.saudi-site section.call-to-actions .cta-block:hover h4, .saudi-site section.call-to-actions .cta-block:hover p {
		color: #fff;
	}
	.thc-toggle {
		position: relative;
		padding-right: 50px;
		cursor: pointer;
		display: block;
	}
	.thc-toggle:before {
		position: absolute;
		content: "+";
		color: #eb5118;
		width: 30px;
		height: 30px;
		right: 0;
		top: -5px;
		border-radius: 50%;
		border: 1px solid #eb5118;
		text-align: center;
		font-weight: 200;
		font-size: 30px;
	}
	.team-hover-content {
		max-height: 60px;
		overflow: hidden;
	}
	.lang-switch {
		margin-right: 30px;
		margin-left: 30px;
	}
	.lang-switch li:first-child a::before,
	.lang-switch li:last-child a::after {
		width: 18px;
		height: 12px;
	}
}

/*------------------------------------*\
	SERVICES
\*------------------------------------*/
.serv-accordion {
	margin-top: -158px;
	padding-top: 300px;
}
.serv-accordion:before {
	background: url('img/backgrounds/bg-pattern-three.svg');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	content: " ";
	width: 100%;
	height: calc(100% + 200px);
	top: -200px;
	left: 0;	
}
.page-template-template-services .hero-banner {
	padding: 0 !important;
}
.page-template-template-services .parallax-images-quote {
	min-height: 200px;
	background-image: none;
}
.page-template-template-services .hero-banner-content > div {
	max-width: 900px;
}
.page-template-template-services .hero-banner-content .uk-width-2-5\@l {
	width: 100%;
}
.sub-serv {
	background: #fff;
}
.sub-serv:nth-child(2n+1) {
	background: #333333;
	color: #fff;
}
.sub-serv:nth-child(2n+1) * {
	color: #fff;
}
.sub-serv:nth-child(2n+1) .uk-button.uk-button-default {
	border-color: #fff;
}
.act-title {
	border-bottom: 2px solid #eb5118;
	padding-bottom: 20px;
	margin-top: 80px;
}
.service-hover-blocks .uk-grid + .uk-grid {
	border-top: 2px solid #eb5118;
	padding-top: 120px;
	margin-top: 120px;
}
.service-hover-blocks .full-width h3 {
	border-bottom: 2px solid #eb5118;
	padding-bottom: 20px;
	margin-bottom: 120px;
}
.serv-accordion ul {
	list-style: none;
	padding: 0;
	color: #fff;
}
.serv-accordion li {
	padding: 15px 0;
}
.serv-accordion p {
	margin: 0;
}
.serv-accordion h4 {
	border-bottom: 2px solid #eb5118;
	padding-bottom: 20px;
}

@media only screen and (max-width:960px) {
	.page-template-template-services .parallax-images-quote {
		min-height: 100px;
	}
	.service-hover-blocks .uk-grid + .uk-grid {
		padding-top: 80px;
		margin-top: 80px;
	}
	.service-hover-blocks .full-width h3 {
		padding-bottom: 20px;
		margin-bottom: 50px;
	}
}
/*------------------------------------*\
	PRINT
\*------------------------------------*/

@media print {
	
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	
	a,
	a:visited {
		text-decoration:underline;
	}
	
	a[href]:after {
		content:" (" attr(href) ")";
	}
	
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	
	thead {
		display:table-header-group;
	}
	
	tr,img {
		page-break-inside:avoid;
	}
	
	img {
		max-width:100% !important;
	}
	
	@page {
		margin:0.5cm;
	}
	
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	
	h2,
	h3 {
		page-break-after:avoid;
	}
	
}

.page-id-1315 .uk-button.btn-orange, .page-id-1162 .uk-button.btn-orange {
    border-color: #AA7E4B;
    color: #AA7E4B;
}

.page-id-1315 .txt-orange {
        color: #AA7E4B;
}

.page-id-1315 .service-hover-blocks .full-width h3 {
    border-bottom: 2px solid #AA7E4B;

}

.page-id-1315  .service-hover-blocks .uk-grid + .uk-grid {
    border-top: 2px solid #AA7E4B;
}

.page-id-1315 section.service-hover-blocks .uk-accordion li,  .page-id-1315 section.service-hover-blocks .uk-accordion li:last-child{
border-color: #AA7E4B;
}

.page-id-1315 section.service-hover-blocks .uk-accordion li .uk-accordion-title {
        color: #AA7E4B;
}

.page-id-1315 section.service-hover-blocks .uk-accordion li .uk-accordion-title:before {
    background-image: url(/wp-content/themes/bespoke-wp-boilerplate/img/open-gold.svg);
    width: 40px;
    height: 41px;
}

.page-id-1162 .uk-button.btn-orange:hover,  .page-id-1315 .uk-button.btn-orange:hover{
    border-color: #AA7E4B;
    color: white;
	background-color: #AA7E4B;
}

.page-id-1162 .txt-orange {
        color: #AA7E4B;
}

.page-id-1162 .service-hover-blocks .full-width h3 {
    border-bottom: 2px solid #AA7E4B;

}

.page-id-1162  .service-hover-blocks .uk-grid + .uk-grid {
    border-top: 2px solid #AA7E4B;
}

.page-id-1162 section.service-hover-blocks .uk-accordion li,  .page-id-1315 section.service-hover-blocks .uk-accordion li:last-child{
border-color: #AA7E4B;
}

.page-id-1162 section.service-hover-blocks .uk-accordion li .uk-accordion-title {
        color: #AA7E4B;
}

.page-id-1162 section.service-hover-blocks .uk-accordion li .uk-accordion-title:before {
    background-image: url(/wp-content/themes/bespoke-wp-boilerplate/img/open-gold.svg);
    width: 40px;
    height: 41px;
}

.page-id-1162 .bg-orange.newsletter-form-wrap, .page-id-1315 .bg-orange.newsletter-form-wrap {
	background-color: #AA7E4B;
}


.page-id-1162 .bg-orange.newsletter-form-wrap input, .page-id-1315 .bg-orange.newsletter-form-wrap input{
	background-color: #AA7E4B;
}

.page-id-1162 section.call-to-actions .cta-block:hover a.uk-button-default, .page-id-1315 section.call-to-actions .cta-block:hover a.uk-button-default {
border-color: #AA7E4B;
color: #AA7E4B;
}


.page-id-1162 section.call-to-actions .cta-block a.uk-button-default:hover, .page-id-1315 section.call-to-actions .cta-block a.uk-button-default:hover {
border-color: #AA7E4B;
color: white;
	background-color: #AA7E4B;
}


.page-id-1162 section.call-to-actions .cta-block:hover .cta-block-form.newsletter-form input[type="email"], .page-id-1315 section.call-to-actions .cta-block:hover .cta-block-form.newsletter-form input[type="email"] {
border-color:#AA7E4B;
	color: #AA7E4B;
}

.page-id-1162 footer.footer .footer-copyright, .page-id-1315 footer.footer .footer-copyright {
border-color:#AA7E4B;
}

.page-id-1162 section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="submit"], .page-id-1315 section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="submit"] {
    border-color:#AA7E4B;
    background-color: #fff;
    color: #AA7E4B;
}

.page-id-1162 section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="submit"]:hover, .page-id-1315 section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="submit"]:hover {
    border-color:#AA7E4B;
    background-color: #AA7E4B;
    color: #fff;
}


section.video-block-section {
	padding: 80px 0 200px;
	background-color: #fff;
}
section.video-block-section .container {
	padding: 0 24px;
}
section.video-block-section .video-block-wrapper:hover .video-control .play-btn {
	background-color: #fff;
	
}
section.video-block-section .video-block-wrapper .video-content * {
	transition: 0.5s;
}
section.video-block-section .video-block-wrapper:hover .video-content * {
	color: #F55100;
}
section.video-block-section .video-wrapper .wrapper {
	max-width: 100%;
	width: 100%;
	position: relative;
	padding-top: 56.2394%;
	overflow: hidden;
}
section.video-block-section .video-wrapper .video-foreground{
	pointer-events: none;
}
section.video-block-section .video-wrapper .video-control {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
section.video-block-section .video-wrapper .video-control .play-btn{
	width: 56px;
	height: 56px;
	border: 2px solid #F55100;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.5s;
}
section.video-block-section .video-wrapper .play-btn svg {
	height: 20px;
	width: 20px;
	fill: #F55100;
}
section.video-block-section .video-wrapper iframe,
section.video-block-section .video-wrapper video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
section.video-block-section .video-block-wrapper { 
	max-width: 1186px; 
	margin: 0 auto; 
	transition: 0.5s;
}
section.video-block-section .video-content { 
	max-width: 1186px; 
	margin: 0 auto; 
	border-bottom: 2px solid #F55100; 
	display: flex; 
	flex-direction: column; 
	row-gap: 6px; 
	padding: 24px 0; 
	transition: 0.5s;
}
section.video-block-section .video-content h4 {
	margin-bottom: 0;
}
section.video-block-section .video-block-wrapper.video-playing .play-btn {
	opacity: 0;
	visibility: hidden;
}

@media (min-width: 767px) {
	section.video-block-section {
		padding: 70px 0 200px;
		background-color: #fff;
	}
	section.video-block-section .video-block-wrapper.video-playing { 
		max-width: 95%; 
	}
	section.video-block-section .video-block-wrapper.video-playing .video-content { 
		opacity: 0; 
		visibility: hidden; 
		transform: translateY(-100%);
	}
	section.video-block-section .video-content { 
		row-gap: 24px;
		padding: 48px 0;
	}
	section.video-block-section .video-wrapper .video-control .play-btn{ 
		width: 124px;
		height: 124px;
	}
	section.video-block-section .video-wrapper .play-btn svg {
		height: 44px;
		width: 44px;
	}	
}



/*------------------------------------*\
	FRENCH LANDING PAGE
\*------------------------------------*/
.french.bg-grey,
.french header.header,
.french section.hero-banner,
.french .footer.bg-charcoal,
.french .multi-content-parallax_image.bg-charcoal {
	background-color: #333333;
}
.french header.header nav.main-navigation ul > li > a,
.french .hero-banner,
.french .meet-the-core-team h4,
.french .meet-the-core-team .txt-black,
.french .uk-link {
	color: white;
}
.french header.header nav.main-navigation ul > li:hover > a,
.french .uk-link:hover {
  color: #eb5118;
}
.french header.header nav.main-navigation ul > li.menu-item-1445:hover > a,
.french header.header nav.main-navigation ul > li.menu-item-1445 li:hover > a {
	color: white;
}
.french .multi-content-parallax_image {
  background-image: url('img/backgrounds/bg-pattern-four.svg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center bottom;
  background-size: 100%;
}
.french .meet-the-core-team {
	background-color: #333;
}
.team-block-desktop .saudi-title-wrap {
	right: -50px;
	top: 20px;
}
.french .team-block-desktop .uk-position-z-index {
	width: max-content;
}
body.french header.header nav.main-navigation .menu-item-has-children:after {
    border-color: #fff;
}
/* .french .uk-button.btn-orange {
    border-color: #AA7E4B;
    color: #AA7E4B;
}
.french .uk-button.btn-orange:hover {
    border-color: #AA7E4B;
    color: white;
	background-color: #AA7E4B;
}

.french .txt-orange {
        color: #AA7E4B;
}

.french .service-hover-blocks .full-width h3 {
    border-bottom: 2px solid #AA7E4B;

}

.french  .service-hover-blocks .uk-grid + .uk-grid {
    border-top: 2px solid #AA7E4B;
}

.french section.service-hover-blocks .uk-accordion li {
border-color: #AA7E4B;
}

.french section.service-hover-blocks .uk-accordion li .uk-accordion-title {
        color: #AA7E4B;
}

.french section.service-hover-blocks .uk-accordion li .uk-accordion-title:before {
    background-image: url(/wp-content/themes/bespoke-wp-boilerplate/img/open-gold.svg);
    width: 40px;
    height: 41px;
}

.french .bg-orange.newsletter-form-wrap {
	background-color: #AA7E4B;
}


.french .bg-orange.newsletter-form-wrap input {
	background-color: #AA7E4B;
}

.french section.call-to-actions .cta-block:hover a.uk-button-default {
	border-color: #AA7E4B;
	color: #AA7E4B;
}


.french section.call-to-actions .cta-block a.uk-button-default:hover {
	border-color: #AA7E4B;
	color: white;
	background-color: #AA7E4B;
}


.french section.call-to-actions .cta-block:hover .cta-block-form.newsletter-form input[type="email"] {
	border-color:#AA7E4B;
	color: #AA7E4B;
}

.french footer.footer .footer-copyright {
	border-color:#AA7E4B;
}

.french section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="submit"] {
    border-color:#AA7E4B;
    background-color: #fff;
    color: #AA7E4B;
}

.french section.call-to-actions .cta-block .cta-block-form.newsletter-form input[type="submit"]:hover{
    border-color:#AA7E4B;
    background-color: #AA7E4B;
    color: #fff;
} */
 .spotlight-person {
    margin: 80px 0;
}
.spotlight-person .spotlight-wrapper {
    display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.spotlight-person .spotlight-wrapper .spotlight-img {
    width: 50%;
	max-width: 590px;
}
.spotlight-person .spotlight-wrapper .spotlight-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.spotlight-person .spotlight-wrapper .spotlight-description {
	position: relative;
    width: 50%;
    padding: 50px 186px 80px 137px;
	overflow: hidden;
}
.spotlight-person .spotlight-wrapper .spotlight-description:before {
	position: absolute;
	right: 186px;
	width: calc(100% - 186px);
	height: 2px;
	background-color: #EB5118;
	content: "";
	bottom: 0;
}
.spotlight-person .spotlight-wrapper .spotlight-description * {
	color: #fff;
}
.spotlight-person .spotlight-wrapper .description {
	margin-bottom: 60px;
}
.spotlight-person .spotlight-wrapper .description p {
	font-size: 20px;
}
.spotlight-person .spotlight-wrapper .sign-image {
	max-width: 230px;
    display: block;
    margin-bottom: 50px;
}
.spotlight-person .spotlight-wrapper .uk-button {
	border-color: #fff;
    transition: all 0.3s;
    background-color: #333;
	margin-top: 0 !important;
}
.spotlight-person .spotlight-wrapper .uk-button:hover {
    background-color: #eb5118;
	border-color: #eb5118;
    color: #fff;
}

@media (max-width: 1600px) {
	.spotlight-person .spotlight-wrapper .spotlight-description {
		padding: 30px 50px 50px 50px;
	}
	.spotlight-person .spotlight-wrapper .spotlight-description:before {
		right: 50px;
		width: calc(100% - 50px);
	}
	.spotlight-person .spotlight-wrapper .description {
		margin-bottom: 30px;
	}
	.spotlight-person .spotlight-wrapper .sign-image {
		margin-bottom: 30px;
		max-width: 180px;
	}
}
@media (max-width: 1440px) {
	.spotlight-person .spotlight-wrapper .description p {
		font-size: 16px;
	}
	.spotlight-person .spotlight-wrapper .sign-image {
		max-width: 130px;
	}
}
@media (max-width: 992px) {
	.spotlight-person .spotlight-wrapper .spotlight-description {
		padding: 30px;
    }
	.spotlight-person .spotlight-wrapper .spotlight-description:before {
		right: 30px;
		width: calc(100% - 30px);
	}
	.spotlight-person .spotlight-wrapper .description p {
		font-size: 15px;
        margin: 0 0 15px 0;
    }
}
@media (max-width: 767px) {
	.spotlight-person .spotlight-wrapper .spotlight-img {
		width: 100%;
	}
	.spotlight-person .spotlight-wrapper .spotlight-description {
		width: 100%;
        padding: 48px 20px;
    }
	.spotlight-person .spotlight-wrapper .description {
		margin-bottom: 60px;
	}
	.spotlight-person .spotlight-wrapper .sign-image {
		margin-bottom: 60px;
	}
	.spotlight-person .spotlight-wrapper .spotlight-description:before {
		right: 0;
		width: 100%;
	}
}