/*!
Theme Name: ND Productions
Theme URI: http://blackink.agency/
Author: Black Ink Agency
Author URI: http://blackink.agency/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nd-productions
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
.hidden {
    display: none;
}
html {
	cursor: none;
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}
body {
	margin: 0 !important;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
@font-face {font-family: 'TrajanPro3-Regular';
			src: url('fonts/TrajanPro3-Regular/TrajanPro3-Regular.eot'); /* IE9 Compat Modes */
			src: url('fonts/TrajanPro3-Regular/TrajanPro3-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
				url('fonts/TrajanPro3-Regular/TrajanPro3-Regular.woff') format('woff'), /* Pretty Modern Browsers */
				url('fonts/TrajanPro3-Regular/TrajanPro3-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
				url('fonts/TrajanPro3-Regular/TrajanPro3-Regular.svg#TrajanPro3-Regular') format('svg');}
		 
@font-face {font-family: 'GEFlow';
			src: url('fonts/GEFlow/GEFlow.eot'); /* IE9 Compat Modes */
			src: url('fonts/GEFlow/GEFlow.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
				 url('fonts/GEFlow/GEFlow.woff') format('woff'), /* Pretty Modern Browsers */
				 url('fonts/GEFlow/GEFlow.ttf')  format('truetype'), /* Safari, Android, iOS */
				 url('fonts/GEFlow/GEFlow.svg#GEFlow') format('svg');}

 @font-face {font-family: 'HelveticaLTStd-Cond';
			src: url('fonts/HelveticaLTStd-Cond/HelveticaLTStd-Cond.eot'); /* IE9 Compat Modes */
			src: url('fonts/HelveticaLTStd-Cond/HelveticaLTStd-Cond.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
				url('fonts/HelveticaLTStd-Cond/HelveticaLTStd-Cond.woff') format('woff'), /* Pretty Modern Browsers */
				url('fonts/HelveticaLTStd-Cond/HelveticaLTStd-Cond.ttf')  format('truetype'), /* Safari, Android, iOS */
				url('fonts/HelveticaLTStd-Cond/HelveticaLTStd-Cond.svg#HelveticaLTStd-Cond') format('svg');}

@font-face {font-family: 'HelveticaLTStd-BoldCond';
	src: url('fonts/HelveticaLTStd-BoldCond/HelveticaLTStd-BoldCond.eot'); /* IE9 Compat Modes */
	src: url('fonts/HelveticaLTStd-BoldCond/HelveticaLTStd-BoldCond.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/HelveticaLTStd-BoldCond/HelveticaLTStd-BoldCond.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/HelveticaLTStd-BoldCond/HelveticaLTStd-BoldCond.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/HelveticaLTStd-BoldCond/HelveticaLTStd-BoldCond.svg#HelveticaLTStd-BoldCond') format('svg');}

@font-face {font-family: 'HelveticaNeueLTStd-BdCn';
			src: url('fonts/HelveticaNeueLTStd-BdCn/HelveticaNeueLTStd-BdCn.eot'); /* IE9 Compat Modes */
			src: url('fonts/HelveticaNeueLTStd-BdCn/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
				url('fonts/HelveticaNeueLTStd-BdCn/HelveticaNeueLTStd-BdCn.woff') format('woff'), /* Pretty Modern Browsers */
				url('fonts/HelveticaNeueLTStd-BdCn/HelveticaNeueLTStd-BdCn.ttf')  format('truetype'), /* Safari, Android, iOS */
				url('fonts/HelveticaNeueLTStd-BdCn/HelveticaNeueLTStd-BdCn.svg#HelveticaNeueLTStd-BdCn') format('svg');}

@font-face {font-family: 'HelveticaNeueLTStd-BlkCn';
	src: url('fonts/HelveticaNeueLTStd-BlkCn/HelveticaNeueLTStd-BlkCn.eot'); /* IE9 Compat Modes */
	src: url('fonts/HelveticaNeueLTStd-BlkCn/HelveticaNeueLTStd-BlkCn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/HelveticaNeueLTStd-BlkCn/HelveticaNeueLTStd-BlkCn.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/HelveticaNeueLTStd-BlkCn/HelveticaNeueLTStd-BlkCn.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/HelveticaNeueLTStd-BlkCn/HelveticaNeueLTStd-BlkCn.svg#HelveticaNeueLTStd-BlkCn') format('svg');}	
		
@font-face {font-family: 'HelveticaNeueLTStd-Cn';
	src: url('fonts/HelveticaNeueLTStd-Cn/HelveticaNeueLTStd-Cn.eot'); /* IE9 Compat Modes */
	src: url('fonts/HelveticaNeueLTStd-Cn/HelveticaNeueLTStd-Cn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/HelveticaNeueLTStd-Cn/HelveticaNeueLTStd-Cn.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/HelveticaNeueLTStd-Cn/HelveticaNeueLTStd-Cn.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/HelveticaNeueLTStd-Cn/HelveticaNeueLTStd-Cn.svg#HelveticaNeueLTStd-Cn') format('svg');}

@font-face {font-family: 'HelveticaNeueLTStd-HvCn';
	src: url('fonts/HelveticaNeueLTStd-HvCn/HelveticaNeueLTStd-HvCn.eot'); /* IE9 Compat Modes */
	src: url('fonts/HelveticaNeueLTStd-HvCn/HelveticaNeueLTStd-HvCn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/HelveticaNeueLTStd-HvCn/HelveticaNeueLTStd-HvCn.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/HelveticaNeueLTStd-HvCn/HelveticaNeueLTStd-HvCn.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/HelveticaNeueLTStd-HvCn/HelveticaNeueLTStd-HvCn.svg#HelveticaNeueLTStd-HvCn') format('svg');}

@font-face {font-family: 'HelveticaNeueLTStd-ThCn';
	src: url('fonts/HelveticaNeueLTStd-ThCn/HelveticaNeueLTStd-ThCn.eot'); /* IE9 Compat Modes */
	src: url('fonts/HelveticaNeueLTStd-ThCn/HelveticaNeueLTStd-ThCn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/HelveticaNeueLTStd-ThCn/HelveticaNeueLTStd-ThCn.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/HelveticaNeueLTStd-ThCn/HelveticaNeueLTStd-ThCn.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/HelveticaNeueLTStd-ThCn/HelveticaNeueLTStd-ThCn.svg#HelveticaNeueLTStd-ThCn') format('svg');}

@font-face {font-family: 'HelveticaNeueLTStd-Th';
	src: url('fonts/HelveticaNeueLTStd-Th/HelveticaNeueLTStd-Th.eot'); /* IE9 Compat Modes */
	src: url('fonts/HelveticaNeueLTStd-Th/HelveticaNeueLTStd-Th.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/HelveticaNeueLTStd-Th/HelveticaNeueLTStd-Th.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/HelveticaNeueLTStd-Th/HelveticaNeueLTStd-Th.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/HelveticaNeueLTStd-Th/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th') format('svg');}

@font-face {font-family: 'HelveticaNeueLTStd-UltLt';
	src: url('fonts/HelveticaNeueLTStd-UltLt/HelveticaNeueLTStd-UltLt.eot'); /* IE9 Compat Modes */
	src: url('fonts/HelveticaNeueLTStd-UltLt/HelveticaNeueLTStd-UltLt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/HelveticaNeueLTStd-UltLt/HelveticaNeueLTStd-UltLt.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/HelveticaNeueLTStd-UltLt/HelveticaNeueLTStd-UltLt.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/HelveticaNeueLTStd-UltLt/HelveticaNeueLTStd-UltLt.svg#HelveticaNeueLTStd-UltLt') format('svg');}

@font-face {font-family: 'HelveticaNeueLTStd-UltLtCn';
	src: url('fonts/HelveticaNeueLTStd-UltLtCn/HelveticaNeueLTStd-UltLtCn.eot'); /* IE9 Compat Modes */
	src: url('fonts/HelveticaNeueLTStd-UltLtCn/HelveticaNeueLTStd-UltLtCn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/HelveticaNeueLTStd-UltLtCn/HelveticaNeueLTStd-UltLtCn.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/HelveticaNeueLTStd-UltLtCn/HelveticaNeueLTStd-UltLtCn.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/HelveticaNeueLTStd-UltLtCn/HelveticaNeueLTStd-UltLtCn.svg#HelveticaNeueLTStd-UltLtCn') format('svg');}

@font-face {font-family: 'HelveticaLTStd-BlkCond';
	src: url('fonts/HelveticaLTStd-BlkCond/HelveticaLTStd-BlkCond.eot'); /* IE9 Compat Modes */
	src: url('fonts/HelveticaLTStd-BlkCond/HelveticaLTStd-BlkCond.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/HelveticaLTStd-BlkCond/HelveticaLTStd-BlkCond.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/HelveticaLTStd-BlkCond/HelveticaLTStd-BlkCond.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/HelveticaLTStd-BlkCond/HelveticaLTStd-BlkCond.svg#HelveticaLTStd-BlkCond') format('svg');}
		
@font-face {font-family: 'HelveticaLTStd-LightCond';
	src: url('fonts/HelveticaLTStd-LightCond/HelveticaLTStd-LightCond.eot'); /* IE9 Compat Modes */
	src: url('fonts/HelveticaLTStd-LightCond/HelveticaLTStd-LightCond.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/HelveticaLTStd-LightCond/HelveticaLTStd-LightCond.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/HelveticaLTStd-LightCond/HelveticaLTStd-LightCond.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/HelveticaLTStd-LightCond/HelveticaLTStd-LightCond.svg#HelveticaLTStd-LightCond') format('svg');}
		
@font-face {font-family: 'HelveticaNeueLTStd-LtCn';
	src: url('fonts/HelveticaNeueLTStd-LtCn/HelveticaNeueLTStd-LtCn.eot'); /* IE9 Compat Modes */
	src: url('fonts/HelveticaNeueLTStd-LtCn/HelveticaNeueLTStd-LtCn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/HelveticaNeueLTStd-LtCn/HelveticaNeueLTStd-LtCn.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/HelveticaNeueLTStd-LtCn/HelveticaNeueLTStd-LtCn.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/HelveticaNeueLTStd-LtCn/HelveticaNeueLTStd-LtCn.svg#HelveticaNeueLTStd-LtCn') format('svg');}		
		
/*@font-face {font-family: 'SC_DUBAI';
	src: url('fonts/SC_DUBAI/SC_DUBAI.eot'); 
	src: url('fonts/SC_DUBAI/SC_DUBAI.eot?#iefix') format('embedded-opentype'),
		url('fonts/SC_DUBAI/SC_DUBAI.woff') format('woff'), 
		url('fonts/SC_DUBAI/SC_DUBAI.ttf')  format('truetype'), 
		url('fonts/SC_DUBAI/SC_DUBAI.svg#SC_DUBAI') format('svg');
	font-weight:normal;
	font-style:normal;
	}*/
@font-face {font-family: 'PFDinTextArabic-Thin';
	src: url('fonts/PFDinTextArabic-Thin/PFDinTextArabic-Thin.eot'); /* IE9 Compat Modes */
	src: url('fonts/PFDinTextArabic-Thin/PFDinTextArabic-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/PFDinTextArabic-Thin/PFDinTextArabic-Thin.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/PFDinTextArabic-Thin/PFDinTextArabic-Thin.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('fonts/PFDinTextArabic-Thin/PFDinTextArabic-Thin.svg#PFDinTextArabic-Thin') format('svg');}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

.wp-caption .wp-caption-text:hover{
    display:none !important;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	/*height: auto;*/
	/* Make sure images are scaled correctly. */
	/*max-width: 100%;*/
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}
body.page-id-7.custom-background,
body.page-id-3648.custom-background {
    background-attachment: fixed !important;
	background: rgb(0,14,38);
	background: linear-gradient(90deg, rgb(0, 10, 25) 0%, rgb(0, 10, 25) 4.53%, rgb(1, 10, 26) 9.06%, rgb(2, 10, 27) 13.59%, rgb(4, 9, 28) 18.12%, rgb(6, 9, 30) 22.65%, rgb(9, 8, 32) 27.18%, rgb(12, 8, 35) 31.71%, rgb(15, 7, 38) 36.24%, rgb(18, 6, 41) 40.77%, rgb(23, 6, 44) 45.3%, rgb(27, 5, 47) 49.83%, rgb(31, 4, 51) 54.36%, rgb(36, 3, 55) 58.89%, rgb(41, 2, 59) 63.42%, rgb(45, 1, 63) 68%, rgb(45, 1, 63) 70.13%, rgb(46, 1, 64) 72.26%, rgb(46, 1, 65) 74.39%, rgb(48, 1, 67) 76.52%, rgb(49, 1, 68) 78.65%, rgb(50, 1, 70) 80.78%, rgb(52, 1, 73) 82.91%, rgb(54, 1, 76) 85.04%, rgb(56, 1, 79) 87.17%, rgb(59, 2, 83) 89.3%, rgb(62, 2, 86) 91.43%, rgb(64, 2, 90) 93.56%, rgb(67, 2, 94) 95.69%, rgb(70, 2, 98) 97.82%, rgb(73, 2, 102) 100%) !important;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color:#1572C4;
}

a:visited {
	color: #fff;
}

a:hover, a:focus, a:active {
	color: #fff;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}
ul.our-partners {padding-left:0px;}
.our-partners a {cursor: pointer;}
.our-partners svg, .our-partners svg:focus {
    width: 220px !important;
    height: 220px !important;
}
body.page-id-6039.custom-background,
body.page-id-6112.custom-background {
    background-color: black;
}
body.page-id-6039 #Section5, 
body.page-id-6039 #Section6, 
body.page-id-6039 #Section7,
body.page-id-6112 #Section5, 
body.page-id-6112 #Section6, 
body.page-id-6112 #Section7 {
    background: transparent !important;
    background: transparent !important;
}
.events-contact a.hidden {
    display: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: right;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#menu-item-5339 .menu-item-animation-main-hover {    width: 167px !important;}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}




/*--------------------------------------------------------------
## Preloader 
--------------------------------------------------------------*/

#wptime-plugin-preloader{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color:#151515;
z-index: 99999999999;
width:100%;
height:100%;
text-align: center;
    transition: opacity 0s 1s;
}
.preloader-animation {
	width: 350px !important;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.site-branding {
	text-align: left;
	padding-top:25px;
	width: 50%;
    float: left;
}
.logo-animation {
	display: inline-block;
	width: 250px;
	position: relative;
}
#ndp-logo-hover,#ndp-logo-out {
	position: absolute;
    top: 0px;
    z-index: -1;
}
.main-navigation {
    clear: right;
	display: block;
	padding-top:40px;
    float: left;
    width: 50%;
	float: right;
	margin-right: -40px;
}
.site-header {
	position: fixed;
    z-index: 999999;
    width: 100%;

}
.site-branding img {
	width:80px;
}


#primary-menu li {
    margin-right: 0px;
    margin-left: 0px;
    color: #ffffff;
    font-size: 12px;
    position: relative;
    margin-bottom: 0;
	line-height: 25px;
	display: block;
	clear: both;
	text-align: right;
  
}

/*#primary-menu li a {
	font-weight: 100;
    text-transform: uppercase;
	letter-spacing: 0px;
	font-family: 'HelveticaLTStd-BoldCond';
	color: #fff;
	line-height: 1.5;
    font-size: 16px;
    text-decoration: none;
}*/
#secondary-menu li a,#primary-menu li a {
	font-size:0px;
}


#primary-menu li.current_page_item a {
	color: #1572C4;
}
#primary-menu li.current_page_item a::after {
	background: #1572C4;
}

.navigation-outer {
	display: table;
	position: fixed;
	height: 100%;
	/*width: 100%;*/
	z-index: 2;
  }
  
  .navigation-middle {
	display: table-cell;
	vertical-align: middle;
  }
  
  .navigation-inner {
	width: 200px;
	/*whatever width you want*/
  }

#secondary-menu li a,#primary-menu li a {
	color: transparent;
    /*text-shadow: 0 0 4px rgba(254, 254, 254, 0.4);*/
}

#secondary-menu li,#primary-menu li{
position: relative;
}
.menu-item-3645 svg.menu-item-animation-hover {    width: 175px !important;}

.menu-item-animation {
	width: 150px !important;
    height: 30px !important;
    text-align: left;
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}



.menu-item-animation-hover {
	width: 150px !important;
    height: 30px !important;
    text-align: left;
    float: left;
    position: absolute;
    left: 0px;
	top: 0px;
	opacity: 0;
	z-index: -1;
}

.menu-item-animation-main {
	width: 150px !important;
    height: 30px !important;
    text-align: right;
    float: right;
    position: absolute;
    right: 0px;
    top: 0px;
}

.menu-item-animation-main-hover {
	width: 150px !important;
    height: 30px !important;
    text-align: right;
    float: right;
    position: absolute;
    right: 0px;
	top: 0px;
	opacity: 0;
	z-index: -1;
}
#menu-item-5337 .menu-item-animation-main-hover,
#menu-item-6264 .menu-item-animation-main-hover,
#menu-item-6257 .menu-item-animation-main-hover {
	width: 173px !important;
}
  ul#secondary-menu,ul#third-menu {
	margin: 0px;
    padding: 0px;
    list-style: none;
  }
  /*#secondary-menu li a::before,*/#third-menu li a::before {
    content: '';
    display: inline-block;
    background: #fff;
    width: 40px;
    height: 1.6px;
    position: relative;
    vertical-align: middle;
	margin-right: 4px;
	transition: 0.3s;
  }
  #third-menu li a:hover::before {
	width: 48px;
	background: #1572C4;
  } 
  #secondary-menu a.mPS2id-clicked,#third-menu a.mPS2id-clicked {
	color: #1572C4;
	text-shadow:none;
  }
  #secondary-menu a.mPS2id-clicked::before,#third-menu a.mPS2id-clicked::before {
	background:#1572C4; 
  }

  #secondary-menu a.mPS2id-highlight,#third-menu a.mPS2id-highlight {
	color: transparent;
  }
  #secondary-menu a.mPS2id-highlight::before,#third-menu a.mPS2id-highlight::before {
	background:#1572C4; 
  }
  #third-menu li a {
	font-size: 0px;
    line-height: 18px;
    height: 10px;
    padding: 7px 0px;
    color: transparent;
	}
  a:hover, a:active, a:focus {
	outline: 0;
  }
#BlackInk svg path {
	fill: #1572C4 !important;
}
.mPS2id-clicked svg path,.mPS2id-highlight svg path{
	fill: #1572C4 !important;
  }
.mPS2id-clicked svg text,.mPS2id-highlight svg text{
	fill: #1572C4 !important;
  }
#primary-menu a:hover .menu-item-animation-main-hover  text {
	fill: #1572C4 !important;
}

#primary-menu a:hover .menu-item-animation-main-hover  path{
	fill: #1572C4 !important;
}

#primary-menu .current-menu-item .menu-item-animation-main text,#primary-menu .current-menu-item .menu-item-animation-main path {
	fill: #1572C4 !important;
}
#primary-menu .current-menu-item .menu-item-animation-main-hover text,#primary-menu .current-menu-item .menu-item-animation-main-hover path {
	fill: #1572C4 !important;
}

#primary-menu a:hover .menu-item-animation-main-hover  path{
	fill: #1572C4 !important;
}

#secondary-menu a:hover .menu-item-animation-hover  text {
	fill: #1572C4 !important;
}

#secondary-menu a:hover .menu-item-animation-hover  path{
	fill: #1572C4 !important;
}
.hentry {
    margin: 0px;
}
.edit-link {
	display:none;
}

#see-video-btn svg path,#see-video-btn svg path{
	fill: #1572C4;
}

#see-video-btn:hover svg path,#see-video-btn:hover svg path{
	fill: #fff;
}

#see-video-btn-2 svg path,#see-video-btn-2 svg path{
	fill: #1572C4;
}

#see-video-btn-2:hover svg path,#see-video-btn-2:hover svg path{
	fill: #fff;
}

#see-video-btn-3 svg path,#see-video-btn-3 svg path{
	fill: #1572C4;
}

#see-video-btn-3:hover svg path,#see-video-btn-3:hover svg path{
	fill: #fff;
}


#see-video-btn-4 svg path,#see-video-btn-4 svg path{
	fill: #1572C4;
}

#see-video-btn-4:hover svg path,#see-video-btn-4:hover svg path{
	fill: #fff;
}

#see-video-btn-5 svg path,#see-video-btn-5 svg path{
	fill: #1572C4;
}

#see-video-btn-5:hover svg path,#see-video-btn-5:hover svg path{
	fill: #fff;
}


#see-video-btn-6 svg path,#see-video-btn-6 svg path{
	fill: #1572C4;
}

#see-video-btn-6:hover svg path,#see-video-btn-6:hover svg path{
	fill: #fff;
}

#see-video-btn-7 svg path,#see-video-btn-7 svg path{
	fill: #1572C4;
}

#see-video-btn-7:hover svg path,#see-video-btn-7:hover svg path{
	fill: #fff;
}


#see-video-btn-8 svg path,#see-video-btn-8 svg path{
	fill: #1572C4;
}

#see-video-btn-8:hover svg path,#see-video-btn-8:hover svg path{
	fill: #fff;
}


#see-video-btn-9 svg path,#see-video-btn-9 svg path{
	fill: #1572C4;
}

#see-video-btn-9:hover svg path,#see-video-btn-9:hover svg path{
	fill: #fff;
}

#see-video-btn-12 svg path,#see-video-btn-12 svg path{
	fill: #1572C4;
}

#see-video-btn-12:hover svg path,#see-video-btn-12:hover svg path{
	fill: #fff;
}

#see-video-btn-14 svg path,#see-video-btn-14 svg path{
	fill: #1572C4;
}

#see-video-btn-14:hover svg path,#see-video-btn-14:hover svg path{
	fill: #fff;
}


iframe {border:0 !important;}
  .overlay {
	position: fixed;
	background: rgba(18, 18, 18, .94);
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.35s, visibility 0.35s, height 0.35s;
	overflow: hidden;
  }
  
/*--------------------------------------------------------------
## Body
--------------------------------------------------------------*/
@media only screen and (min-width: 1000px){
#content,.site-header {
    padding: 0 40px;
}
}
.page-content, .entry-content, .entry-summary {
    margin: 0em 0 0;
}


/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0px 40px;
	background-color:transparent;
	text-align: center;
	z-index: 5;
	padding-bottom: 30px;
  }
#secondary .widget {
    margin: 0;
}
#secondary .widget .wp-block-columns {
    margin-bottom: 0;
}
.column-1-3 {
    float: left;
	width: 33.33%;
	line-height: 38px;
}
.site-footer .site-info .column-1-3 {
    line-height: 50px;
    vertical-align: bottom !important;
    height: 33px;
}
.column-1-2 {
    float: left;
	width: 49.99%;
	line-height: 38px;
}
.column-1-1 {
    text-align: center;
	width: 100%;
	line-height: 38px;
}
ul.social-footer {
	list-style: none;
	margin: 0;
}
ul.social-footer li {
	display:inline-block;
}
.lang-switcher li {
	list-style: none;
	text-align: left;
}
.lang-switcher li a {
	font-family: 'GEFlow';
	color: #1572C4;
	font-size: 17px;
	text-decoration: none;
}
.lang-switcher li a:hover {
	color:#fff;
}
.site-footer ul.social-footer {
    padding: 0;
}
ul.social-footer li a {
	font-family: 'HelveticaLTStd-Cond';
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
	font-size: 12px;
	transition: 0.3s;
}
ul.social-footer li a:hover {
	color:#1572C4;
}
ul.social-footer li::after {
	content: '';
    display: inline-block;
    background: #fff;
    width: 19px;
    height: 1px;
    position: relative;
    vertical-align: middle;
    margin-left: 6px;
    margin-right: 6px;
}
ul.social-footer li:last-child::after {
	background:transparent;
	width:1px;
	display:none;
}
.copyright {
	font-family: 'HelveticaLTStd-Cond';
	color: #fff;
	font-size:10px;
	text-transform: uppercase;
	text-align: right;
}
/*--------------------------------------------------------------
## Animation
--------------------------------------------------------------*/
#anim-5ad3ae2c157f0 {margin-top: auto;margin-bottom: auto;}
#page-transition {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 99998;
		width:100%;
		height:100%;
}




/*--------------------------------------------------------------
## Clients Slider
--------------------------------------------------------------*/
.animation-element {
	position: relative;
  }
ul.our-clients li .cf.in-view .client-logo-fade
{
    background-repeat: no-repeat;
   /* background-position: center;*/
}
#client-logo-1 
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/barco.svg');
}
#client-logo-2
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/google.svg');
}
#client-logo-3
{ 
  background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/mbc.svg');
}
#client-logo-4 
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/thomson-veuters.svg');
}
#client-logo-5
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/sts.svg');
}
#client-logo-6 
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/riyad-bank.svg');
}
#client-logo-7
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/msd.svg');
}
#client-logo-8
{ 
  background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/maserati.svg');
}
#client-logo-9
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/mohammed-bin-rashid.svg');
}
#client-logo-10
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/etisalat.svg');
}
#client-logo-11
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/desert-force.svg');
}
#client-logo-12
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/mercedes-benz.svg');
}
#client-logo-13
{ 
  background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/majid-al-futtaim.svg');
}
#client-logo-14 
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/folix.svg');
}
#client-logo-15
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/fahad-alrajihi.svg');
}
#client-logo-16 
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/adfca.svg');
}
#client-logo-17
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/ikea.svg');
}
#client-logo-18
{ 
  background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/bank-al-etihad.svg');
}
#client-logo-19
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/next-generation-school.svg');
}
#client-logo-20
{ 
	background-image: url('https://ndp.blackink.agency/wp-content/uploads/clients/manaseer.svg');
}

/*Sawwah Style*/

.title-color {
    color: #ffffff;
}
#Section2.why-sawwah {
    background: #000000 !important;
    background-image: url(/wp-content/uploads/2022/01/why-sawwah-back.svg) !important;
    background-size: contain !important;
    background-position: center center !important;
}
body.page-id-5819.custom-background,
body.page-id-5885.custom-background {
    background-color: #000000;
}
#Section4.sawwah-the-show {
    background-size: contain !important;
    background-position: center center !important;
}
.sawwah-the-show .wpb_text_column p {
    color: #8223b5 !important;
    line-height: 25.2px !important;
    font-size: 21px !important;
    font-family: 'HelveticaLTStd-BoldCond' !important;
}
.sawwah-the-show .wpb_single_image {
    min-height: 121.13px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 51.6px;
}
#sawwah-the-show-images {
    max-width: 1140px;
    margin: 0 auto;
}
#sawwah-the-show-images p {
    width: 100%;
}
#sawwah-the-venue {
    height: 900px;
    display: flex;
    align-items: center;
}
#sawwah-the-venue h3 {
    color: #ffffff;
    line-height: 56.9px;
    font-size: 42.7px;
    font-family: 'HelveticaNeueLTStd-BdCn';
}
#sawwah-the-venue p {
    color: #ffffff;
    font-size: 42.7px;
    line-height: 56.9px;
    font-family: 'HelveticaNeueLTStd-Cn';
}
#sawwah-show-timing {
    background-image: url(/wp-content/uploads/2022/01/sawwah-show-timing-back.svg);
    height: 100vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
}
a.sawwah-location {
    color: #ffffff;
    font-size: 24px;
    line-height: 28px;
    font-family: 'HelveticaLTStd-LightCond';
    font-style: italic;
    margin: 0;
    transition: .5s all;
}
a.sawwah-location:hover {
    color: #1572C4;
}
#sawwah-show-timing.timing-first-section {
    background-image: inherit;
}
.timing-list {
    text-align: center;
}
.timing-list ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 500px;
}
.timing-list ul h5, 
.timing-list ul h4 {
    margin: 0;
}
.timing-list ul:first-child {
    margin: 0 auto 2%;
}
.timing-list ul h5 {
    font-size: 32px;
    color: #ffffff;
    line-height: 60px;
    font-family: 'HelveticaLTStd-BoldCond';
}
.timing-list ul h4 {
    font-size: 36px;
    color: #59268c;
    line-height: 60px;
    font-family: 'HelveticaNeueLTStd-BdCn';
}
.timing-list ul a {
    font-size: 21px;
    border: 1px solid;
    padding: 6px 20px 0;
    text-transform: uppercase;
    font-family: helveticaneueltstd-bdcn;
    color: #1572c4;
    transition: .5s all;
    display: inline-block;
/*     line-height: 45px; */
}
.timing-list ul a:hover {
    color: #ffffff;
}
.sawwah-location:before {
    content: "";
    width: 30px;
    height: 25px;
    background: url(/wp-content/uploads/2022/01/location-pin.svg);
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

/*Sawwah Style*/


.client-logo-fade img {
	-webkit-transition: all ease 2s !important ;
	-moz-transition: all ease 2s !important ;
	-o-transition: all ease 2s !important ;
	-ms-transition: all ease 2s !important ;
	transition: all ease 2s !important ;
}
.client-logo-fade img:hover {
	opacity: 0 !important ;
}

 .bounce-up  {
	opacity: 0;
	-moz-transition: all 700ms linear !important;
  	-webkit-transition: all 700ms linear !important;
  	-o-transition: all 700ms linear !important;
  	transition: all 700ms linear !important;
	-moz-transform: translate3d(0px, 50px, 0px);
	-webkit-transform: translate3d(0px, 50px, 0px);
	-o-transform: translate(0px, 50px);
	-ms-transform: translate(0px, 50px);
	transform: translate3d(0px, 50, 0px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
  }

  .bounce-up.in-view  {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
  }
ul.our-clients  {
	padding-left: 0px;
}
ul.our-clients li:first-child {
   margin-left: 0;
}


ul.our-clients li {
   list-style: none;
   width: 20%;
   padding: 10px 15px;
   text-align: center !important;
   float: left;
   margin: 0;
   display: block;
   vertical-align: middle;
  border-bottom: 1px solid #333;
   border-right: 1px solid #333;
}


ul.our-clients li img {
	height: auto !important;
    width: auto !important;
   max-width: 100%;
   max-height: 110px;
   margin: 0;
   -webkit-transition: opacity 2s ease-in-out !important;
	-moz-transition: opacity 2s ease-in-out !important;
	-o-transition: opacity 2s ease-in-out !important;
	transition: opacity 2s ease-in-out !important;

}

ul.our-clients li:nth-child(5n) {
	border-right: 0px solid #333;
}
ul.our-clients li:nth-child(n+16) {
    border-bottom: 0px solid #333;
}




/*--------------------------------------------------------------
## Partners Slider
--------------------------------------------------------------*/
ul.our-partners li {
	list-style: none;
	width: 25%;
	padding: 10px 15px;
	text-align: center !important;
	float: left;
	margin: 0;
	display: block;
	vertical-align: middle;
 }

 /*ul.our-partners li img {
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 150px;
	margin: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
 }*/
.partner-animation {
	max-height: 150px !important;
	width:200px;
}

.animation-partner {
	display: inline-block;
	position: relative;
}
#partner-logo-1-hover,#partner-logo-2-hover,#partner-logo-3-hover,#partner-logo-4-hover {
	position: absolute;
    top: 0px;
    z-index: -1;
}

#partner-logo-1-hover svg path,#partner-logo-2-hover svg path,#partner-logo-3-hover svg path,#partner-logo-4-hover svg path{
	fill: #1572C4 !important;
  }
#partner-logo-1-hover svg text,#partner-logo-2-hover svg text,#partner-logo-3-hover svg text,#partner-logo-4-hover svg text{
	fill: #1572C4 !important;
  }
#rev_slider_71_4 .custom .tp-bullet {
	background: #1572C4 !important;
	
    width: 40px !important;
    height: 5px !important;
}
#rev_slider_71_4 .custom .tp-bullet.selected {
	background: #ffffff !important;
}
/*--------------------------------------------------------------
## Home Page
--------------------------------------------------------------*/

/* Css Buttons Animation */

.portfolio-experiment .a {
  color: #ffffff;
	padding: .7vw 21% !important;
  display: inline-block;
  border: 2px solid transparent;
  position: relative;
  cursor: none;
  letter-spacing: 0.07em;
}
.portfolio-experiment .a .text {
  font-family: 'HelveticaLTStd-BoldCond' !important;
/*   font-size: 15px; */
  transform: translate3d(0, 0.7em, 0);
  display: block;
  transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
	letter-spacing: 0 !important;
}
.portfolio-experiment .a .text span {
	letter-spacing: 0 !important;
}
.portfolio-experiment .a:after {
  position: absolute;
  content: "";
  bottom: 0px;
  left: calc(0.7em * 1.2);
  right: calc(0.7em * 1.2);
  height: 2px;
  background: #ffffff;
  transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s, right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s;
  transform-origin: left;
}
.portfolio-experiment .line {
  position: absolute;
  background: #ffffff;
}
.portfolio-experiment .line.-right, .portfolio-experiment .line.-left {
  width: 2px;
  bottom: 0px;
  top: -3px;
  transform: scale3d(1, 0, 1);
}
.portfolio-experiment .line.-top, .portfolio-experiment .line.-bottom {
  height: 2px;
  left: -3px;
  right: -3px;
  transform: scale3d(0, 1, 1);
}
.portfolio-experiment .line.-right {
  right: -3px;
  transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
  transform-origin: top;
}
.portfolio-experiment .line.-top {
  top: -3px;
  transition: transform 0.08s linear 0.43s;
  transform-origin: left;
}
.portfolio-experiment .line.-left {
  left: -3px;
  transition: transform 0.08s linear 0.51s;
  transform-origin: bottom;
}
.portfolio-experiment .line.-bottom {
  bottom: 0px;
  transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
  transform-origin: right;
}
.portfolio-experiment .a:hover .text,
.portfolio-experiment .a:active .text {
  transform: translate3d(0, 0, 0);
  transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
.portfolio-experiment .a:hover:after,
.portfolio-experiment .a:active:after {
  transform: scale3d(0, 1, 1);
  right: -3px;
  left: -3px;
  transform-origin: right;
  transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s;
}
.portfolio-experiment .a:hover .line,
.portfolio-experiment .a:active .line {
  transform: scale3d(1, 1, 1);
}
.portfolio-experiment .a:hover .line.-right,
.portfolio-experiment .a:active .line.-right {
  transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
  transform-origin: bottom;
}
.portfolio-experiment .a:hover .line.-top,
.portfolio-experiment .a:active .line.-top {
  transition: transform 0.08s linear 0.4s;
  transform-origin: right;
}
.portfolio-experiment .a:hover .line.-left,
.portfolio-experiment .a:active .line.-left {
  transition: transform 0.08s linear 0.48s;
  transform-origin: top;
}
.portfolio-experiment .a:hover .line.-bottom,
.portfolio-experiment .a:active .line.-bottom {
  transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
  transform-origin: left;
}
.portfolio-experiment br {
	display: none;
}
#the-digital .portfolio-experiment {
    display: table;
    margin: 10px auto 0;
    width: 175px;
}
#the-digital .portfolio-experiment .a {
    padding: 0.7vw 9% !important;
}
#the-digital .portfolio-experiment .title-color {
    color: #1572C4;
}

/* Css Buttons Animation */

/*--------------------------------------------------------------
## Carousel Clients 
---------------------------------------------------------------*/
#carousel-wrap {
	margin: 0 auto !important;
    width: 320px;
    overflow: hidden;
}

.carousel-nav {
    margin: 0 auto !important;
    width: 320px;
}
.carousel-nav a {
     font-size: 16px !important;
     top: 18px !important;
	 position: relative;
	 font-family: 'HelveticaLTStd-BoldCond';
	 color: #1572C4 !important;
	 text-transform: uppercase;
}
.prev-clients,.next-clients 
{
    width:48%;
	float:left;
	height: 50px;
}
.next-clients {
    text-align:right;
}
.text-right .wpb_wrapper {
    text-align: right;
}
#clietns-list {
    overflow: hidden;
    padding: 0px;
    width: 1280px;
    margin: 0 !important;
}
#clietns-list>li {
 overflow: hidden;
 padding: 0;
 width: 320px;
 display: inline-block;
}
#clietns-list>li img {
    width: 150px !important;
    height: 80px !important;
}
#clietns-list>li .client-logo-item {
 border-bottom: 1px solid #333333;
 width: calc(50% - 2px);
 float:left;
}
#clietns-list>li .client-logo-item:nth-child(5), #clietns-list>li .client-logo-item:nth-child(6) {
    border-bottom: 0px solid #333333 !important;
}
#clietns-list>li .client-logo-item:nth-child(odd) {
    border-right: 1px solid #333333 !important;
}
div#slide-129-layer-68 span {
    color: #ffffff;
}
.next-clients a {
	float:right;
}
.prev-clients a {
	float:left;
}
ul.our-partners {
	margin: 0px 110px !important;
}
/*--------------------------------------------------------------
## Responsive Tablet landscape
--------------------------------------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.site-footer .site-info .column-1-3 {
		white-space: nowrap;
	}
}

/*--------------------------------------------------------------
## Responsive Tablet Portrait
--------------------------------------------------------------*/

#Section2.UK-slider .UK-img img {
    width: auto;
    float: right;
	padding-top: 50px;
}	
#Section2.UK-slider .UK-img {
    width: 52%;
    float: left;
}
#Section2.UK-slider .UK-text {
    float: left;
    width: 48%;
}
#Section2.UK-slider .UK-text h3 { 
    color: #1572C4;
    font-size: 120px;
    font-family: 'HelveticaLTStd-BlkCond';
    margin: 0;
    line-height: .8;
}  
#Section2.UK-slider .UK-text h4 { 
    color: #fff;
    font-size: 48px;
    font-family: 'HelveticaLTStd-BoldCond';
    margin: 21px 0 5px;
    line-height: 1.1;
}
#Section2.UK-slider .UK-text h5 {
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 0;
    font-family: 'HelveticaNeueLTStd-ThCn';
	font-style: italic;
}
#Section2.UK-slider .UK-text h4 strong {
    color: #1572C4;
}    
#Section2.UK-slider .UK-text p { 
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    font-family: 'HelveticaNeueLTStd-ThCn';
    margin: 0 0 15px;
} 
#Section2 .owl-dots {
    width: 50%;
    float: right;
    top: -100px;
    position: relative;
    text-align: left;
}
#Section2 button.owl-dot {
    margin: 0 10px;
    outline: none;
}
#Section2 button.owl-dot span {
    background: #1572C4;
    width: 40px;
    height: 5px;
    display: inline-block;
}
#Section2 button.owl-dot.active span {
    background: #ffffff;
}
#Section2.UK-slider {
    height: 1080px;
	padding-bottom: 75px;
}
#projects-page.hologram-page {
    padding: 0 !important;
}
#projects-page.hologram-page a {
    line-height: 0px !important;
}
.CopyRightHover {
    color: #ffffff;
}
.custom .tp-bullet {
    background: #249ffc!important;
    width: 40px!important;
    height: 5px!important;
}
.custom .tp-bullet.selected {
    background: #fff!important;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.home #featured rs-module-wrap,
.home #about rs-module-wrap {
    height: 100vh !important;
}	  
.portfolio-experiment .a {
    padding: 0.9vw 10% !important;
}	
body #vc-animate-text-what-the-future-text {
    padding: 50px 0px 0;
}
    .site-footer ul.social-footer {
    text-align: left;
}
	#content, .site-header 
	{
		padding: 0 40px;
	}
	.site-footer .site-info .column-1-3 {
		white-space: nowrap;
	}
	.column-1-3 {
		width:15%;
	}
	#social-footer-block {
		width: 69%;
	}
	#carousel-wrap {
		margin-top: 75px !important;
	}
	ul.our-partners li {
		width: 49.979%;
	}
		.site-info {
    display: inline-grid;
    grid-template-columns: auto auto auto;
    gap: 60px;
}
	.copyright img {
    top: 5px;
    position: relative;
    left: 5px;
		width: 25px;
}
	
	#clients-full .title-block p {
    z-index: 6;
    min-width: 546px;
    max-width: 546px;
    white-space: normal;
    font-size: 21px;
    line-height: 26px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    font-family: HelveticaNeueLTStd-ThCn;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: center;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    min-height: 109px;
    max-height: 109px;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
    margin: 0 auto;
}
#clients-full .title-block h4 {
    z-index: 8;
    white-space: nowrap;
    font-size: 39px;
    line-height: 36px;
    font-weight: 400;
    color: #1572C4;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-family: 'HelveticaLTStd-BoldCond';
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    border-width: 0px;
    margin: 0px 0 8px 0;
    padding: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
    text-align: center;
}
#clients-full .title-block h4 span {
    transition: none 0s ease 0s;
    text-align: inherit;
    font-size: 39px;
    line-height: 36px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #ffffff;
}
.client-image {
    width: 50%;
    float: left;
	border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}
.client-image img {
    width: 100% !important;
}	
.clients-carousel button.owl-dot {
    margin: 0 10px;
    outline: none;
}	
.clients-carousel button.owl-dot span {
    background: #1572C4;
    width: 40px;
    height: 5px;
    display: inline-block;
}	
.clients-carousel button.owl-dot.active span {
    background: #ffffff;
}	
.clients-carousel .client-image:nth-child(2),
.clients-carousel .client-image:nth-child(4),
.clients-carousel .client-image:nth-child(6) {
    border-right: 1px solid transparent;
}	
.clients-carousel .client-image:nth-child(5),
.clients-carousel .client-image:nth-child(6),
.clients-carousel .last-block .client-image:nth-child(1),
.clients-carousel .last-block .client-image:nth-child(2) {
	border-bottom: 1px solid transparent;	
}	
.clients-carousel .owl-dots {
    text-align: center;
    padding: 40px 0;
}	
#clients-full {
    background: rgb(0,14,38);
    background: linear-gradient(90deg, rgb(0, 10, 25) 0%, rgb(0, 10, 25) 4.53%, rgb(1, 10, 26) 9.06%, rgb(2, 10, 27) 13.59%, rgb(4, 9, 28) 18.12%, rgb(6, 9, 30) 22.65%, rgb(9, 8, 32) 27.18%, rgb(12, 8, 35) 31.71%, rgb(15, 7, 38) 36.24%, rgb(18, 6, 41) 40.77%, rgb(23, 6, 44) 45.3%, rgb(27, 5, 47) 49.83%, rgb(31, 4, 51) 54.36%, rgb(36, 3, 55) 58.89%, rgb(41, 2, 59) 63.42%, rgb(45, 1, 63) 68%, rgb(45, 1, 63) 70.13%, rgb(46, 1, 64) 72.26%, rgb(46, 1, 65) 74.39%, rgb(48, 1, 67) 76.52%, rgb(49, 1, 68) 78.65%, rgb(50, 1, 70) 80.78%, rgb(52, 1, 73) 82.91%, rgb(54, 1, 76) 85.04%, rgb(56, 1, 79) 87.17%, rgb(59, 2, 83) 89.3%, rgb(62, 2, 86) 91.43%, rgb(64, 2, 90) 93.56%, rgb(67, 2, 94) 95.69%, rgb(70, 2, 98) 97.82%, rgb(73, 2, 102) 100%);
    height: 1080px;
    padding: 25% 0 0;
    margin-bottom:35px;
}
}
/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/
@media only screen and (min-width: 1300px) and (max-width: 1400px) {
body #projects-page {
    background-size: 500px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
body #projects-page {
    background-size: 500px;
}
}



@media only screen and (max-width: 767px)
{
.portfolio-experiment .a {
    padding: 2.7vw 5% !important;
}	
#the-digital .portfolio-experiment .a {
    padding: 2.5vw 9% !important;
}	
.timing-list ul h5 {
    font-size: 20px;
}
.timing-list ul h4 {
    font-size: 22px;
}
.timing-list ul a {
    font-size: 16px;
}		
a.custom-gradient-animate span {
    font-size: 50px !important;
}    
.sawwah-the-show .wpb_single_image {
    min-height: 100%;
    padding-top: 20px;
}
#vc-animate-text-sawwah-the-venue-title .word1,
#vc-animate-text-sawwah-the-venue-title .word2,
#vc-animate-text-sawwah-show-timing-title-1 .word1,
#vc-animate-text-sawwah-show-timing-title-1 .word2,
#vc-animate-text-sawwah-show-timing-title-1 .word3 {
    font-size: 52px !important;
}
#vc-animate-text-sawwah-show-timing-title-3 .word1,
#vc-animate-text-sawwah-show-timing-title-3 .word2,
#vc-animate-text-sawwah-show-timing-title-3 .word3,
#vc-animate-text-sawwah-show-timing-title-3 .word4,
#vc-animate-text-sawwah-show-timing-title-4 .word1,
#vc-animate-text-sawwah-show-timing-title-4 .word2,
#vc-animate-text-sawwah-show-timing-title-4 .word3,
#vc-animate-text-sawwah-show-timing-title-4 .word4 {
    font-size: 32px !important;
}
#vc-animate-text-sawwah-show-timing-text-3 span {
    font-size: 20px !important;
}
#sawwah-show-timing {
    padding: 20% 0 !important;
}
#sawwah-the-venue {
    height: auto;
    padding: 20% 0 !important;
}
#sawwah-the-venue h3 {
    line-height: 30.9px !important;
    font-size: 20.7px !important;
}
#sawwah-the-venue p {
    font-size: 19.7px !important;
    line-height: 30.9px !important;
}
#sawwah-the-venue p br {
    display: none;
}
.content {
    height: 100vh;
}
.gallery::-webkit-scrollbar {
  display: none;
}
.gallery__item-img {
    margin-top: 30px;
}
.view-all-projects {
    top: 80px;
    left: 0;
    right: 0;
}
.gallery {
    height: 100vh;
    overflow-x: auto;
	display: flex;
    align-items: center;
	margin-left: 0;
}
.home #featured rs-module-wrap,
.home #about rs-module-wrap {
    height: 100vh !important;
}	
#vc-animate-text-what,
#vc-animate-text-h-h,
#vc-animate-text-what-the-future-text {
    padding: 30px 0 0 !important;
}
#vc-animate-text-what-we-achieved .word1,
#vc-animate-text-hh-sheikh-zayed .word1,
#vc-animate-text-hh-sheikh-zayed .word2,
#vc-animate-text-hh-sheikh-zayed .word3,
#vc-animate-text-gallery-the-process .word1,
#vc-animate-text-the-concert .word1,
#vc-animate-text-the-concert .word2,
#vc-animate-text-what-the-future .word1{	
	font-size: 52px !important;
    line-height: 70px !important;
}	
#vc-animate-text-what-we-achieved .word2,
#vc-animate-text-what-we-achieved .word3,
#vc-animate-text-hh-sheikh-zayed .word4,
#vc-animate-text-gallery-the-process .word2,
#vc-animate-text-gallery-the-process .word3,
#vc-animate-text-what-the-future .word2,
#vc-animate-text-what-the-future .word3,
#vc-animate-text-what-the-future .word4	{	
	font-size: 28px !important;
    margin: 0 !important;
    line-height: 40px !important;
}	
#Section2.UK-slider {
    height: auto;
}
.slide-mask {
    position: relative;
    overflow: hidden;
    height: 380px !important;
    margin-top: -50px !important;
}
.projectLists {
    width: 100% !important;
    margin: 30% auto !important;
	padding: 0 20px;
}
.fade {
    margin: 0px !important;
    line-height: 32px;
}
.fade a {
    font-size: 20px !important;
}	
	#partner-logo-1-idle svg path,#partner-logo-2-idle svg path,#partner-logo-3-idle svg path,#partner-logo-4-idle svg path{
		fill: #1572C4 !important;
	  }
	#partner-logo-1-idle svg text,#partner-logo-2-idle svg text,#partner-logo-3-idle svg text,#partner-logo-4-idle svg text{
		fill: #1572C4 !important;
	  }
	body.custom-background {
		background-color: #212121;
	}
	.site-header {
		/*position: relative;*/
		z-index: 99999;
	}
	.logo-animation {
		width: 150px;
	}
	.navigation-outer
	{
		display: none;
	}
	#content, .site-header 
	{
		padding: 0 20px;
	}
	header#masthead:after {
    content: "";
    box-shadow: 0px 0px 90px 70px #121212;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}
.top-shadow:after {
    display: none !important;
}
	.site-branding
	{
		padding-top: 12px;
		padding-bottom: 10px;
	}
	.main-navigation {
		padding-top: 27px;
		width: 50%;
		float: left;
		text-align: right;
	}
	ul.our-clients li
	{
		width: 49.979%;
	}

	ul.our-partners li {
		width: 49.979%;
	}
	ul.our-partners {
		margin:0px !important;
	}
	.site-footer 
	{
		display: none;
	}
.column-2-3.text-right.copyright {
    float: right;
    padding-right: 20px;
    line-height: 38px;
}
	.copyright img {
    max-width: 20px;
    position: relative;
    top: 3px;
    left: 2px;
}
	ul.social-footer li a {
		width: 80px;
		display: inline-block;
	}
/* 	ul.social-footer li:nth-child(odd) a {
		text-align: right;
		padding: 0 5px;
	}
	ul.social-footer li:nth-child(even) a {
		text-align: left;
		padding: 0 5px;
	} */
	ul.social-footer li:after {
		content: '';
		display: inline-block;
		background: #fff;
		width: 19px;
		height: 1px;
		position: relative;
		vertical-align: middle;
		margin-left: 6px;
		margin-right: 6px;
	}
/* 	ul.social-footer li:nth-child(even)::after {
		background:transparent;
		width:1px;
		display:none;
	} */


	.button_container {
		position: relative;
		top: 5%;
		right: 2%;
		height: 27px;
		width: 35px;
		cursor: pointer;
		z-index: 100;
		transition: opacity 0.25s ease;
		float: right;
	  }
	  .button_container:hover {
		opacity: 0.7;
	  }
	  .button_container.active .top {
		-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
				transform: translateY(11px) translateX(0) rotate(45deg);
		background: #fff;
	  }
	  .button_container.active .middle {
		opacity: 0;
		background: #fff;
	  }
	  .button_container.active .bottom {
		-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
				transform: translateY(-11px) translateX(0) rotate(-45deg);
		background: #fff;
	  }
	  .button_container span {
		background: #1572C4;
		border: none;
		height: 2px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		transition: all 0.35s ease;
		cursor: pointer;
	  }
	  .button_container span:nth-of-type(2) {
		top: 11px;
	  }
	  .button_container span:nth-of-type(3) {
		top: 22px;
	  }
	  
	  
	  .overlay.open {
		opacity: 1;
		visibility: visible;
		height: 100%;
		z-index: 8;
	  }
	  .overlay.open li {
		-webkit-animation: fadeInRight 0.5s ease forwards;
				animation: fadeInRight 0.5s ease forwards;
		-webkit-animation-delay: 0.35s;
				animation-delay: 0.35s;
	  }
	  .overlay.open li:nth-of-type(2) {
		-webkit-animation-delay: 0.4s;
				animation-delay: 0.4s;
	  }
	  .overlay.open li:nth-of-type(3) {
		-webkit-animation-delay: 0.45s;
				animation-delay: 0.45s;
	  }
	  .overlay.open li:nth-of-type(4) {
		-webkit-animation-delay: 0.5s;
				animation-delay: 0.5s;
	  }
	  .overlay nav {
		position: relative;
		height: 80%;
		top: 70%;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
		font-size: 50px;
		font-family: "HelveticaLTStd-BoldCond", serif;
		font-weight: 400;
	  }
	  .overlay ul {
		list-style: none;
		padding: 0;
		margin: 0 auto;
		display: inline-block;
		position: relative;
		height: 100%;
	  }
	  ul#mobile-menu li {
		display: block;
		height: 25%;
		height: calc(100% / 4);
		min-height: 50px;
		position: relative;
		opacity: 0;
	  }
	  ul#mobile-menu li a::before{
		content: '';
		display: inline-block;
		background: #fff;
		width: 90px;
		height: 2px;
		position: relative;
		vertical-align: middle;
		margin-right: 4px;
	  }

	ul#mobile-menu li.current_page_item a {
		color: #1572C4;
	}
	ul#mobile-menu li.current_page_item a::before {
		background: #1572C4;
	}

	ul#mobile-menu li a {
		display: block;
		position: relative;
		color: #fff;
		text-decoration: none;
		overflow: hidden;
		text-transform: uppercase;
	  }

	.social-footer 
	{
		width:100%;
	}
	.social-footer li:nth-of-type(2) a::after,.social-footer li:nth-of-type(4) a::after
	{
		display: none;
	}

	  /*.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
		width: 100%;
	  }
	  .overlay ul li a:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 0%;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
		height: 3px;
		background: #fff;
		transition: 0.35s;
	  }*/
	  
	.column-1-3 {
		padding-left: 20px;
	}
	.column-2-3
	{
		width: 60%;
		padding-right: 30px;
		float: left;
	}
#what-zayed {
    max-width: 100% !important;
}
.wpb_video_widget.vc_video-el-width-60 .wpb_wrapper {
    width: 95%;
}
.vc_sep_width_70 {
    width: 100%;
}
#Section2 {
    padding: 0 20px;
}
#what-zayed {
    max-width: 100%;
}	
#Section5 {
    padding: 0 !important;
}
.preloader-animation {
    width: 250px !important;
}
.our-partners svg, .our-partners svg:focus {
    width: 100% !important;
    height: 100% !important;
}
.main-project .vc_gitem-col {
    width: 100% !important;
	height: auto !important;
        margin: 40% 0 40% !important;
}
html,
html *,
body,
body * {
  cursor: auto;
}

.cursor-dot,
.cursor-dot-outline {
  display: none;		
}
.client-image {
    width: 50%;
    float: left;
	border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}
.client-image img {
    width: 100% !important;
}	
.clients-carousel button.owl-dot {
    margin: 0 10px;
    outline: none;
}	
.clients-carousel button.owl-dot span {
    background: #1572C4;
    width: 40px;
    height: 5px;
    display: inline-block;
}	
.clients-carousel button.owl-dot.active span {
    background: #ffffff;
}	
.clients-carousel .client-image:nth-child(2),
.clients-carousel .client-image:nth-child(4),
.clients-carousel .client-image:nth-child(6) {
    border-right: 1px solid transparent;
}	
.clients-carousel .client-image:nth-child(5),
.clients-carousel .client-image:nth-child(6),
.clients-carousel .last-block .client-image:nth-child(1),
.clients-carousel .last-block .client-image:nth-child(2) {
	border-bottom: 1px solid transparent;	
}	
.clients-carousel .owl-dots {
    text-align: center;
    padding: 40px 0;
}	
#clients-full {
    background: rgb(0,14,38);
    background: linear-gradient(90deg, rgb(0, 10, 25) 0%, rgb(0, 10, 25) 4.53%, rgb(1, 10, 26) 9.06%, rgb(2, 10, 27) 13.59%, rgb(4, 9, 28) 18.12%, rgb(6, 9, 30) 22.65%, rgb(9, 8, 32) 27.18%, rgb(12, 8, 35) 31.71%, rgb(15, 7, 38) 36.24%, rgb(18, 6, 41) 40.77%, rgb(23, 6, 44) 45.3%, rgb(27, 5, 47) 49.83%, rgb(31, 4, 51) 54.36%, rgb(36, 3, 55) 58.89%, rgb(41, 2, 59) 63.42%, rgb(45, 1, 63) 68%, rgb(45, 1, 63) 70.13%, rgb(46, 1, 64) 72.26%, rgb(46, 1, 65) 74.39%, rgb(48, 1, 67) 76.52%, rgb(49, 1, 68) 78.65%, rgb(50, 1, 70) 80.78%, rgb(52, 1, 73) 82.91%, rgb(54, 1, 76) 85.04%, rgb(56, 1, 79) 87.17%, rgb(59, 2, 83) 89.3%, rgb(62, 2, 86) 91.43%, rgb(64, 2, 90) 93.56%, rgb(67, 2, 94) 95.69%, rgb(70, 2, 98) 97.82%, rgb(73, 2, 102) 100%);
    height: 812px;
    padding: 50% 0 0;
}
#clients-full .title-block {
/*     background: url(https://ndp.blackink.agency/wp-content/uploads/2018/05/CLIENTS.svg); */
    background-repeat: no-repeat;
    width: 312.5px;
    transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 0px;
    border-width: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 10px;
    margin: 0 auto 20px;
}	
#clients-full .title-block h4 {
    z-index: 8;
    white-space: nowrap;
    font-size: 23px;
    line-height: 25px;
    font-weight: 400;
    color: #1572C4;
    letter-spacing: 0px;
	text-transform: uppercase;
    font-family: 'HelveticaLTStd-BoldCond';
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    border-width: 0px;
    margin: 0px 0 8px 0;
    padding: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
    text-align: center;
}
#clients-full .title-block h4 span {	
	transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 27px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 23px;
	color: #ffffff;
}		
#clients-full .title-block p {
    z-index: 6;
    min-width: 266px;
    max-width: 266px;
    white-space: normal;
    font-size: 17px;
    line-height: 19px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    font-family: HelveticaNeueLTStd-ThCn;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: center;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    min-height: 109px;
    max-height: 109px;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
    margin: 0 auto;
}

/*****************************
Making of zayed Responsive
*****************************/	
.img-block {
    width: 100% !important;
}	
.text-block {
    width: 100% !important;
    text-align: center;
	padding: 0 !important;
}
#why-zayed p, #what-zayed p, #making-zayed p {
    width: auto !important;
    /*text-align: justify !important;
    text-align-last: center;*/
	font-size: 20px !important;
}
#why-zayed, #what-zayed, #gallery-zayed, #testimonial-zayed {
    padding: 30px 0 !important;
}	
#why-zayed h3, #what-zayed h3, #making-zayed h3, #gallery-zayed h3 {
    font-size: 52px !important;
	line-height: 70px !important;
}
.testimonial-text {
    font-size: 20px;
}	
#why-zayed h4, #what-zayed h4, #making-zayed h4, #gallery-zayed h4 {
    font-size: 28px !important;
	margin: 0 !important;
	line-height: 40px !important;
}	
#making-zayed .wpb_text_column {
    padding: 0 !important;
}
#what-zayed .wpb_raw_code {
    padding-bottom: 10px !important;
}	
#making-zayed .wpb_raw_code, #gallery-zayed .wpb_raw_code {
    padding: 20px 0 10px 0 !important;
}	
#what-zayed .wpb_text_column {
    padding-top: 20px !important;
	padding: 50px 0 0 !important;
}
#what-zayed .rev_slider_wrapper {
    max-width: 100% !important;
}
.vc_separator, .wpb_video_widget.vc_video-el-width-60 .wpb_wrapper {
    width: 100% !important;
}
#testimonial-zayed h4 {
    font-size: 38px !important;
}
#testimonial-zayed .testimonial-text {
    width: 100% !important;
	text-align: center;
}	
#testimonial-zayed .slick-slider.slick-dotted {
    padding: 0;
}	
#testimonial-zayed .vc_sep_width_40 {
    width: 100%;
}
#projects-page .project-title h3 {
    padding: 0 !important;
}
#ndp-background {
    background-image: inherit !important;
}
#projects-page {
    background-image: none !important;
	padding: 0 2% !important;
}
.why-we-desktop {
	display: none !important;	
}	
#Section2.why-we-responsive {
    display: block !important;
	background-image: inherit !important;
}
#gallery-zayed {
    padding-bottom: 0 !important;
}



#Section2.UK-slider .UK-text {
    float: inherit;
    width: 100%;
}
#Section2.UK-slider .UK-img {
    width: 100%;
    float: inherit;
}
#Section2.UK-slider .UK-img img {
    width: 60%;
    float: inherit !important;
    margin: 0 auto 40px;
}
#Section2 .owl-dots {
    width: 100%;
    float: inherit;
    top: 0;
    text-align: center;
}
#Section2.UK-slider .UK-text h3 {
    font-size: 52px !important;
    line-height: 70px !important;
}
#Section2.UK-slider .UK-text h4 {
    font-size: 28px !important;
    margin: 0 !important;
    line-height: 40px !important;
}
#Section2.UK-slider .UK-text p {
    width: auto !important;
    font-size: 20px !important;
}
#Section2.UK-slider .UK-text h5 {
    font-size: 18px !important;
}
}
/*****************************
End Making of zayed Responsive
*****************************/	
	
	
	  @-webkit-keyframes fadeInRight {
		0% {
		  opacity: 0;
		  left: 20%;
		}
		100% {
		  opacity: 1;
		  left: 0;
		}
	  }
	  
	  @keyframes fadeInRight {
		0% {
		  opacity: 0;
		  left: 20%;
		}
		100% {
		  opacity: 1;
		  left: 0;
		}
	  }

	  




/* Custom Css*/
.fade {
    padding: 5px 0;
    background-color: transparent;
    opacity: 1;
    width: auto;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}
.fade a {
    color: #fff;
    font-size: 48px;
	font-family: 'HelveticaLTStd-BoldCond';
	transition: .5s all;
	text-transform: capitalize;
	position: relative;
	line-height: normal;
}
.fade a:hover {
    color: #1572C4;
    transition: .5s all;
}


.fade a:before, .fade a:after {
  content: '';
  position: absolute;
  width: 0%;
  height: 6px;
  top: 50%;
  margin-top: -0.5px;
  background: #1572C4;
}

.fade a:before {
  left: -2.5px;
}
.fade a:after {
  right: 2.5px;
  background: #1572C4;
  transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fade a:hover:before {
  background: #1572C4;
  width: 100%;
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fade a:hover:after {
  background: transparent;
  width: 100%;
  transition: 0s;
}


/*
#preview {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: .25s;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    background-attachment: fixed;
	height: 100vh;
}
*/
.project .entry-header,.post-navigation {display:none !important;}
.project .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px !important;
}

.top-shadow:after {
    /*content: "";
    width: 100%;
    height: 130px;
    display: block;
    position: fixed;
	
    box-shadow: 0px 0px 30px 30px rgba(21,21,21,1);
    background-image: linear-gradient(to top, rgba(21, 21, 21, 1), #151515);
	
    background: -webkit-linear-gradient(to bottom, #121212, #151515 0%, transparent 94%);
    background: -webkit-gradient(to bottom, #121212, #151515 0%, transparent 94%);
    background: -moz-linear-gradient(to bottom, #121212, #151515 0%, transparent 94%);
    background: -o-linear-gradient(to bottom, #121212, #151515 0%, transparent 94%);
    background: linear-gradient(to bottom, #121212, #151515 0%, transparent 94%);
    top: 0;
    left: 0;
    right: 0;
    z-index: 9 !important;*/
}
.top-shadow:before {
    /*content: "";
    width: 100%;
    height: 130px;
    display: block;
    position: fixed;
	
    box-shadow: 0px 0px 30px 30px rgba(21,21,21,1);
    background-image: linear-gradient(to top, #151515, rgba(21, 21, 21, 1));
	
    background: -webkit-linear-gradient(to top, #121212, #151515 0%, transparent 94%);
    background: -webkit-gradient(to top, #121212, #151515 0%, transparent 94%);
    background: -moz-linear-gradient(to top, #121212, #151515 0%, transparent 94%);
    background: -o-linear-gradient(to top, #121212, #151515 0%, transparent 94%);
    background: linear-gradient(to top, #121212, #151515 0%, transparent 94%);
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9 !important;*/
}

#projects-page {
    padding: 0 9%;
    background-position: center !important;
    background-attachment: fixed;
    background-size: 500px;
    padding-bottom: 50px;
/*     background-image: url(/storage/2022/12/ndp-emblem.webp) ; */
    background-repeat: no-repeat !important;
    display: grid;
}
#projects-page .vc_gitem-animated-block {
    display: none;
}
#projects-page .project-title a {
    font-family: 'HelveticaLTStd-BoldCond';
    text-transform: uppercase;
    opacity: 1 !important;
    transition: .5s all;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    font-weight: 400;
    font-style: normal;
}
#projects-page .project-title a:hover {
    transition: .5s all;
    color: #1572C4;
}
#projects-page .project-button a {
    background-image: none !important;
    color: #1572C4 !important;
    font-size: 18px !important;
	padding: 0;
    border: 0 !important;
	font-family: 'HelveticaLTStd-BoldCond';
	text-transform: uppercase;
	line-height: 14px;
}
#projects-page .project-img {
    margin: 0 auto;
    display: table;
}
#projects-page .project-img img {
    max-width: 200px;
}
#projects-page .wpb_single_image .vc_figure {
    display: table-cell;
    vertical-align: bottom;
    height: 250px;
}
#projects-page .project-title h3 {
    margin-top: 18px;
    margin-bottom: 0;
    padding: 0 13%;
    line-height: 1.2;
    text-align: center;
}
/*
#projects-page .project-title {
    margin: 0;
	height: 5em;
}
*/
.project-button {
    display: table;
    margin: 10px auto 0 !important;
	position: relative;
}
/*
#ndp-background {
	background-size: contain;
    position: fixed;
    width: 1000px;
    margin: 0 auto;
    right: 0;
    left: 0;
    top: 12%;
    bottom: 0;
}
*/
.project-img .vc_figure {
  margin: 0 auto;
  height: 400px;
  position: relative;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform;
  transition: all 0.4s cubic-bezier(0.67, 1.15, 0.8, 1.1);
}
#projects-page .project-button a:before, #projects-page .project-button a:after {
    content: '';
    background: #1572C4;
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    top: 50%;
    margin-top: -1.5px;
}
#projects-page .project-button a:before {
  left: -1.5px;
}
#projects-page .project-button a:after {
  right: 1.5px;
  background: #1572C4;
  transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#projects-page .project-button a:hover:before {
  background: #1572C4;
  width: 100%;
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#projects-page .project-button a:hover:after {
  background: transparent;
  width: 100%;
  transition: 0s;
}
/*
.page-id-4170, .page-id-4496 {
	background: linear-gradient(rgb(18, 18, 18) 0%, rgb(18, 18, 18) 5%, rgb(20, 20, 20) 10%, rgb(22, 22, 22) 15%, rgb(24, 24, 24) 20%, rgb(26, 26, 26) 25%, rgb(28, 28, 28) 30%, rgb(30, 30, 30) 35%, rgb(32, 32, 32) 40%, rgb(34, 34, 34) 45%, rgb(36, 36, 36) 50%, rgb(38, 38, 38) 55%, rgb(40, 40, 40) 60%, rgb(42, 42, 42) 65%, rgb(44, 44, 44) 70%, rgb(46, 46, 46) 75%, rgb(48, 48, 48) 80%, rgb(50, 50, 50) 85%, rgb(52, 52, 52) 90%, rgb(54, 54, 54) 95%, rgb(56, 56, 56) 100%);
} 
*/

/***********************
Making of zayed
***********************/

#why-zayed h3, #what-zayed h3, #making-zayed h3, #gallery-zayed h3 {
    color: #1572C4;
    font-size: 120px;
    font-family: 'HelveticaLTStd-BlkCond';
	margin: 0;
	line-height: .8;
}
#making-zayed h3 span {
	color: #fff;
}
#what-zayed h3, #making-zayed h3, #gallery-zayed h3, #testimonial-zayed h4, #what-zayed h4, #making-zayed h4, #gallery-zayed h4 {
	text-align: center;
}

#why-zayed p, #what-zayed p, #making-zayed p {
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    font-family: 'HelveticaNeueLTStd-ThCn';
    margin: 0;
}
#why-zayed h4, #what-zayed h4, #making-zayed h4, #gallery-zayed h4, #testimonial-zayed h4 {
    color: #fff;
    font-size: 48px;
    font-family: 'HelveticaLTStd-BoldCond';
    margin: 21px 0 5px;
    line-height: 1.1;
}
#why-zayed h4 span, #what-zayed h4 span, #making-zayed h4 span, #gallery-zayed h4 span, #testimonial-zayed h4 {
    color: #1572C4;
}
.img-block {
    width: 33%;
    float: left;
}
.text-block {
    width: 72%;
    float: left;
	padding: 150px 0 0;
}
#making-zayed p {
	padding-top:50px;
    width: 100%;
    margin: 0 auto;
}
#what-zayed p {
    width: 100%;
    margin: 0 auto;
}
#what-zayed .rs-addon-beforeafter-btn i {
    color: #1572C4;
}
#what-zayed .rs-addon-beforeafter-line.rs-beforeafter-horizontal {
    background-color: #1572C4 !important;
    width: 4px !important;
}
#making-zayed img {
    margin: 0 auto;
    display: table;
    border-bottom: 6px solid #1572C4;
    padding: 25px 50px 0;
}
.making-img-block {
    position: relative;
    width: 75%;
    margin: 0 auto;
}
.making-img-block a {
    font-size: 60px;
    font-family: 'HelveticaLTStd-BoldCond';
    color: #1572C4;
    position: absolute;
    bottom: 0;
    left: 70px;
}
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important;
}
.testimonial-text {
    color: #fff !important;
    width: 55%;
    margin: 0 auto;
}
#_socialproofslider-shortcode .social-proof-slider-wrap .testimonial-item .testimonial-text .quote {
    font-size: 24px;
    line-height: 28px;
    font-family: 'HelveticaNeueLTStd-ThCn', 'PFDinTextArabic-Thin';
}
.author-name {
    color: #1572C4;
    font-size: 24px;
    font-family: 'HelveticaLTStd-BoldCond';
}
.social-proof-slider-wrap ul.slick-dots {
    margin: 0;
    padding: 0;
}
#_socialproofslider-shortcode .social-proof-slider-wrap ul.slick-dots li button::before, #_socialproofslider-shortcode .slick-dots li.slick-active button:before {
    color: transparent !important;
}
.social-proof-slider-wrap .slick-dots li button::after {
	position:relative;
    content: "";
    border-bottom: 5px solid #1572C4;
    display: block;
    width: 40px;
    margin: 0 -15px;
	cursor:pointer
}
.social-proof-slider-wrap ul.slick-dots > li {
    margin: 0 18px;
}
.social-proof-slider-wrap .testimonial-item.no-featured .testimonial-text {
    padding: 0 0 10px 0;
}
#_socialproofslider-shortcode .slick-dots li.slick-active button:after {
    color: #fff !important;
    border-bottom: 5px solid #fff;
	cursor:pointer
}
#Section2 {
	background: #000000 !important;
/*     background: linear-gradient(90deg, rgba(0,14,38,1) 0%, rgba(45,1,63,1) 100%) !important; */
/* 	background: linear-gradient(90deg, rgb(0, 10, 25) 0%, rgb(0, 10, 25) 4.53%, rgb(1, 10, 26) 9.06%, rgb(2, 10, 27) 13.59%, rgb(4, 9, 28) 18.12%, rgb(6, 9, 30) 22.65%, rgb(9, 8, 32) 27.18%, rgb(12, 8, 35) 31.71%, rgb(15, 7, 38) 36.24%, rgb(18, 6, 41) 40.77%, rgb(23, 6, 44) 45.3%, rgb(27, 5, 47) 49.83%, rgb(31, 4, 51) 54.36%, rgb(36, 3, 55) 58.89%, rgb(41, 2, 59) 63.42%, rgb(45, 1, 63) 68%, rgb(45, 1, 63) 70.13%, rgb(46, 1, 64) 72.26%, rgb(46, 1, 65) 74.39%, rgb(48, 1, 67) 76.52%, rgb(49, 1, 68) 78.65%, rgb(50, 1, 70) 80.78%, rgb(52, 1, 73) 82.91%, rgb(54, 1, 76) 85.04%, rgb(56, 1, 79) 87.17%, rgb(59, 2, 83) 89.3%, rgb(62, 2, 86) 91.43%, rgb(64, 2, 90) 93.56%, rgb(67, 2, 94) 95.69%, rgb(70, 2, 98) 97.82%, rgb(73, 2, 102) 100%) !important; */
}
#Section7 {
    background: linear-gradient(to top, rgb(18, 18, 18) 0%, rgb(20, 20, 20) 15%, rgb(22, 22, 22) 32%, rgb(24, 24, 24) 50%, rgb(28, 28, 28) 73%, rgb(34, 34, 34) 99%, rgb(34, 34, 34) 100%);
    background: -moz-linear-gradient(to top, rgb(18, 18, 18) 0%, rgb(20, 20, 20) 15%, rgb(22, 22, 22) 32%, rgb(24, 24, 24) 50%, rgb(28, 28, 28) 73%, rgb(34, 34, 34) 99%, rgb(34, 34, 34) 100%);
    background: -webkit-gradient(to top, rgb(18, 18, 18) 0%, rgb(20, 20, 20) 15%, rgb(22, 22, 22) 32%, rgb(24, 24, 24) 50%, rgb(28, 28, 28) 73%, rgb(34, 34, 34) 99%, rgb(34, 34, 34) 100%);
    background: -webkit-linear-gradient(to top, rgb(18, 18, 18) 0%, rgb(20, 20, 20) 15%, rgb(22, 22, 22) 32%, rgb(24, 24, 24) 50%, rgb(28, 28, 28) 73%, rgb(34, 34, 34) 99%, rgb(34, 34, 34) 100%);
    background: -ms-linear-gradient(to top, rgb(18, 18, 18) 0%, rgb(20, 20, 20) 15%, rgb(22, 22, 22) 32%, rgb(24, 24, 24) 50%, rgb(28, 28, 28) 73%, rgb(34, 34, 34) 99%, rgb(34, 34, 34) 100%);
    background: -o-linear-gradient(to top, rgb(18, 18, 18) 0%, rgb(20, 20, 20) 15%, rgb(22, 22, 22) 32%, rgb(24, 24, 24) 50%, rgb(28, 28, 28) 73%, rgb(34, 34, 34) 99%, rgb(34, 34, 34) 100%);
}
#Section4 {
    background: #000000 !important;
/*     background: linear-gradient(90deg, rgb(0, 10, 25) 0%, rgb(0, 10, 25) 4.53%, rgb(1, 10, 26) 9.06%, rgb(2, 10, 27) 13.59%, rgb(4, 9, 28) 18.12%, rgb(6, 9, 30) 22.65%, rgb(9, 8, 32) 27.18%, rgb(12, 8, 35) 31.71%, rgb(15, 7, 38) 36.24%, rgb(18, 6, 41) 40.77%, rgb(23, 6, 44) 45.3%, rgb(27, 5, 47) 49.83%, rgb(31, 4, 51) 54.36%, rgb(36, 3, 55) 58.89%, rgb(41, 2, 59) 63.42%, rgb(45, 1, 63) 68%, rgb(45, 1, 63) 70.13%, rgb(46, 1, 64) 72.26%, rgb(46, 1, 65) 74.39%, rgb(48, 1, 67) 76.52%, rgb(49, 1, 68) 78.65%, rgb(50, 1, 70) 80.78%, rgb(52, 1, 73) 82.91%, rgb(54, 1, 76) 85.04%, rgb(56, 1, 79) 87.17%, rgb(59, 2, 83) 89.3%, rgb(62, 2, 86) 91.43%, rgb(64, 2, 90) 93.56%, rgb(67, 2, 94) 95.69%, rgb(70, 2, 98) 97.82%, rgb(73, 2, 102) 100%) !important; */
}
#Section5,
#Section6,
#Section7 {
    background: #000000 !important;
/*     background: linear-gradient(90deg,rgb(0,10,25) 0%,rgb(0,10,25) 4.53%,rgb(1,10,26) 9.06%,rgb(2,10,27) 13.59%,rgb(4,9,28) 18.12%,rgb(6,9,30) 22.65%,rgb(9,8,32) 27.18%,rgb(12,8,35) 31.71%,rgb(15,7,38) 36.24%,rgb(18,6,41) 40.77%,rgb(23,6,44) 45.3%,rgb(27,5,47) 49.83%,rgb(31,4,51) 54.36%,rgb(36,3,55) 58.89%,rgb(41,2,59) 63.42%,rgb(45,1,63) 68%,rgb(45,1,63) 70.13%,rgb(46,1,64) 72.26%,rgb(46,1,65) 74.39%,rgb(48,1,67) 76.52%,rgb(49,1,68) 78.65%,rgb(50,1,70) 80.78%,rgb(52,1,73) 82.91%,rgb(54,1,76) 85.04%,rgb(56,1,79) 87.17%,rgb(59,2,83) 89.3%,rgb(62,2,86) 91.43%,rgb(64,2,90) 93.56%,rgb(67,2,94) 95.69%,rgb(70,2,98) 97.82%,rgb(73,2,102) 100%)!important; */
}
.why-we-responsive {
    display: none !important;
}
/* Making Of Zayed Page*/
#what-zayed {
	/*max-width:60%;*/
	margin:0 auto;
	float:none;
}
#what-zayed .rev_slider_wrapper {
    max-width: 60%;
}
.tp-tabs {
	display:none;
}
.social-proof-slider-wrap {
	padding-top:10px;
}
.social-proof-slider-wrap .testimonial-item .testimonial-text .quote {
	margin-bottom:20px;
}
.projectListsMain{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.projectLists {
    width: 100%;
    overflow: auto;
    z-index: 9999;
    margin: 4% 0 7% auto;
}
.vc_sep_width_40 {
    width: 33%;
}
.single-project .post-thumbnail {display:none;}
#testimonial-zayed {
    margin-top: -25px;
}


@media (min-width: 600px) and (max-width: 767px) {
	.social-footer {
    width: 100%;
}
	.menu-toggle {
		display: block !important;
	}
	.main-navigation ul {
		display: none !important;
	}
	#Section2.UK-slider {
    height: auto;
}
}

@media (min-width:768px) and (max-width:1023px) {
#the-digital .portfolio-experiment .a {
    padding: 1.7vw 9% !important;
}	
a.custom-gradient-animate span {
    font-size: 80px;
}      
#vc-animate-text-what,
#vc-animate-text-h-h {
    padding: 30px 0 0 !important;
}	
#why-zayed {
    padding: 0 !important;
}
.img-block {
    padding: 150px 0 !important;
}
#why-zayed p {
    width: auto;
}
#making-zayed .wpb_text_column {
    padding: 0 30px !important;
}
#projects-page .vc_gitem-zone {
    padding-top: 40% !important;
}	
#ndp-background {
    background-image: none !important;
}
#projects-page {
    background-size: 600px;
	padding: 0 0% !important;
}
#projects-page .project-title h3 {
    padding: 0 !important;
}	
#what-zayed .wpb_text_column {
    padding-top: 20px !important;
	padding: 50px 0 0 !important;
}
#what-zayed .rev_slider_wrapper {
    max-width: 100% !important;
}
.our-partners svg, .our-partners svg:focus {
    width: 100% !important;
    height: 100% !important;
}	
#Section2.UK-slider .UK-img {
    width: 100%;
    float: inherit;
}
#Section2.UK-slider .UK-text {
    float: inherit;
    width: 100%;
}
#Section2 .owl-dots {
    width: 100%;
    float: inherit;
    top: 20px;
    position: relative;
    text-align: center !important;
}
#Section2 .text-block {
    width: 100%;
    padding: 0 20px;
    text-align: center;
}
#Section2.UK-slider .UK-img img {
    width: 60%;
    float: inherit !important;
    margin: 0 auto 40px;
}
#Section2.UK-slider {
    height: auto;
}
}



@media (min-width:768px) and (max-width:1024px) {
#sawwah-the-show-images .vc_col-sm-3 {
    width: 50%;
    height: 270px;
}
#sawwah-the-venue h3 {
    font-size: 35.7px;
}
#sawwah-the-venue p {
    font-size: 28.7px;
}
#sawwah-show-timing {
    display: flex;
    align-items: center;
}
	.cursor-dot-outline,.cursor-dot {display:none;}
	
#why-zayed h3, #what-zayed h3, #making-zayed h3, #gallery-zayed h3 {
    font-size: 95px;
}
#why-zayed h4, #what-zayed h4, #making-zayed h4, #gallery-zayed h4, #testimonial-zayed h4 {
    font-size: 35px;
}	
#why-zayed p, #what-zayed p, #making-zayed p {
    font-size: 20px;
}	
.text-block {
    width: 85%;
}	
#what-zayed p, #making-zayed p, .testimonial-text {
    width: 100%;
}	
.vc_sep_width_40 {
    width: 85% !important;
}	
#what-zayed {
    max-width: 100%;
}	
#Section5 .wpb_text_column {
    padding: 0 !important;
}	
.wpb_video_widget.vc_video-el-width-60 .wpb_wrapper {
    width: 90% !important;
}	
.vc_sep_width_70 {
    width: 100% !important;
}	
#Section4 .rev_slider_wrapper {
    width: 90% !important;
}
#projects-page .vc_grid-item {
    width: 100% !important;
    margin: 0 auto !important;
    display: table;
}
.main-project .vc_gitem-col	{
    width: 100% !important;
    margin: 45% auto 0 !important;	
	height: auto !important;
}
#what-zayed .wpb_text_column {
    padding-top: 20px !important;
	padding: 50px 0 0 !important;
}
#what-zayed .rev_slider_wrapper {
    max-width: 100% !important;
}
.our-partners svg, .our-partners svg:focus {
    width: 100% !important;
    height: 100% !important;
}	
#Section2.UK-slider {
    height: auto;
}	
.UK-Content {
    display: inline-block;
    margin-left: 25px;
    width: 100%;
    padding: 0 20px;
}	
}




@media (min-width:1367px) and (max-width:1920px) {
.text-block {
    width: 50%;
}
.testimonial-text {
    width: 38%;
}	
#what-zayed p, #making-zayed p {
    width: 70%;
}	
#projects-page {
    background-size: 500px;
}	
#Section2.UK-slider {
    height: 1080;
}	
.UK-Content .text-block {
    width: 72%;
}	
}


@media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
#projects-page .vc_grid-item {
    width: 50%;
	float: left;
	height: 630px;
}
.main-project .vc_gitem-col {
    width: 50% !important;
    margin: 20% auto 0 !important;
    height: 50vh !important;
}	
#projects-page .vc_gitem-zone {
    padding-top: 40% !important;
}
#projects-page .vc_sep_width_50 {
    width: 75%;
}	
#projects-page {
    padding: 0 3%;
	background-size: 900px; 
}	
#projects-page .project-title h3 {
    padding: 0 !important;
}
#what-zayed .wpb_text_column {
    padding-top: 20px !important;
	padding: 50px 0 0 !important;
}
#what-zayed .rev_slider_wrapper {
    max-width: 100% !important;
}	
}




@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0)
{ 
#projects-page .project-button a:before, #projects-page .project-button a:after {
    margin-top: -3.5px;
}	
}

@media (min-width:1367px) {
#vc-animate-text-h-h,
#vc-animate-text-what,
#vc-animate-text-what-the-future-text {
    width: 65%;
    margin: 0 auto;
    display: table !important;
	padding: 60px 130px 0 !important;
}
.show-page-first-section #vc-animate-text-what {
    padding: 0 0 0 !important;
}
}

@media (min-width:1921px) and (max-width:2600px) {
#sawwah-the-show-images p {
    width: 100% !important;
}	
#making-zayed p, #what-zayed p {
    width: 65%;
}
#projects-page {
    background-size: 500px;
}	
#Section2.UK-slider {
    height: 1600;
}
#vc-animate-text-h-h,
#vc-animate-text-what {
    width: 65%;
    margin: 0 auto;
    display: table !important;
	    padding: 60px 130px 0 !important;
}
#vc-animate-text-what-the-future-text {
	width: 65%;
    margin: 0 auto;
    display: table !important;	
}
}

html,
html *,
body,
body * {
  cursor: none;
}

.cursor-dot,
.cursor-dot-outline {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	z-index:999999999;
}

.cursor-dot {
  width: 10px;
  height: 10px;
  background-color: #ffffffab;
	mix-blend-mode: screen;
}
.vc_sep_holder .vc_sep_line {
    border-color: #1572C4 !important;
}
.cursor-dot-outline {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.3);
	display: none;
}


.cursor {
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
  background-color: #c2d500;
  position: fixed;
  border-radius: 6px;
}

.cursor__follower {
  transition: transform .4s;
  width: 5px;
  height: 5px;
  background-color: #fff;
}

.custom-cursor--link {
  transform: translate(-50%, -50%) scale(1);
}

.loader--label
{
  padding-bottom:10px;
  color: black;
  font-size: 20px;
  color: #fff;
  font-family: HelveticaLTStd-BlkCond;
}
.loader 
{

  width: 100%;
  position: absolute;
      bottom: calc(50% - 110px);
  left: 0;
  overflow: hidden;
  display: inline-block;
  }
.loader--background
{
     background: rgba(0, 0, 0, 0.5);
    height: 4px;
    display: inline-block;
    width: 100%;
    left: 0;
    top: 5px;
    position: relative;
    z-index: -1;
}

.loader--bar {
  top: -13px;
    height: 4px;
    position: relative;
    width: 0%;
    display: inline-block;
    background-image: linear-gradient(to right, #c2d500, #c2d500);
    animation: growth 3.5s ease-in infinite;
}

@keyframes growth {
  to {
    width:100%;
  }
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}




/***************************
Carousel logo responsive
***************************/

#carousel-wrap {
	margin: 0 auto !important;
    width: 320px;
    overflow: hidden;
}

.carousel-nav {
    margin: 0 auto !important;
    width: 320px;
}
.carousel-nav a {
     font-size: 16px !important;
     top: 18px !important;
	 position: relative;
	 font-family: 'HelveticaLTStd-BoldCond';
	 color: #1572C4 !important;
	 text-transform: uppercase;
}


#clietns-list {
    overflow: hidden;
    padding: 0px;
    width: 1280px;
    margin: 0 !important;
}
#clietns-list>li {
 overflow: hidden;
 padding: 0;
 width: 320px;
 display: inline-block;
}
.client-logo-item img {
    width: 150px !important;
    height: 80px !important;
	-webkit-filter: grayscale(100%) !important;
    opacity: 1 !important;
}
.client-logo-item {
 border-bottom: 1px solid #333333;
 width: 50%;
 float:left;
 padding: 15px 0;  
 height: 111px;	
}
.client-logo-item:nth-child(5),
.client-logo-item:nth-child(6),
.client-logo-item:nth-child(19),
.client-logo-item:nth-child(20) {
    border-bottom: 0px solid #333333 !important;
}
.client-logo-item:nth-child(odd) {
    border-right: 1px solid #333333 !important;
}

.prev-clients:after,.next-clients:after {
    content: "";
    border-bottom: 5px solid #1572C4;
    display: block;
    width: 40px;
    margin: 0 -15px;
}
body { background: #121212; }

/* slider
----------------------*/

.slide-wrap {
  margin: 0 auto !important;
  width: 50%;
}
.slide-mask {
  position: relative;
  overflow: hidden;
  height: 400px;
}
.slide-group {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  padding: 0 30px !important;
  margin: 0;
}
.slide {
  height: 400px;
  font: 100 90px/135px "lato";
  font-size: 2em;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  list-style-type: none;
  margin-left: 0px;
}

/* nav
----------------------*/

.slide-nav { text-align: center; }

.slide-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.slide-nav li {
  display: inline-block;
  width: 40px;
  height: 5px;
  margin: 0 6px !important;
  background: #1572C4;
  cursor: pointer;
  margin-left: .5em;
  list-style-type: none;

}
.slide-nav li:first-child {
    margin: 0;
}
.slide-nav li.current { background: rgb(255, 255, 255); }



/************************
Project page animation
************************/

.page-template-projects-main {
    background: #151515;
    background: -moz-linear-gradient(rgb(18, 18, 18) 0%, rgb(18, 18, 18) 0%, rgb(20, 20, 20) 15%, rgb(22, 22, 22) 32%, rgb(24, 24, 24) 50%, rgb(28, 28, 28) 73%, rgb(34, 34, 34) 99%, rgb(34, 34, 34) 100%);
    background: -webkit-gradient(rgb(18, 18, 18) 0%, rgb(18, 18, 18) 0%, rgb(20, 20, 20) 15%, rgb(22, 22, 22) 32%, rgb(24, 24, 24) 50%, rgb(28, 28, 28) 73%, rgb(34, 34, 34) 99%, rgb(34, 34, 34) 100%);
    background: -webkit-linear-gradient(rgb(18, 18, 18) 0%, rgb(18, 18, 18) 0%, rgb(20, 20, 20) 15%, rgb(22, 22, 22) 32%, rgb(24, 24, 24) 50%, rgb(28, 28, 28) 73%, rgb(34, 34, 34) 99%, rgb(34, 34, 34) 100%);
    background: -o-linear-gradient(rgb(18, 18, 18) 0%, rgb(18, 18, 18) 0%, rgb(20, 20, 20) 15%, rgb(22, 22, 22) 32%, rgb(24, 24, 24) 50%, rgb(28, 28, 28) 73%, rgb(34, 34, 34) 99%, rgb(34, 34, 34) 100%);
    background: -ms-linear-gradient(rgb(18, 18, 18) 0%, rgb(18, 18, 18) 0%, rgb(20, 20, 20) 15%, rgb(22, 22, 22) 32%, rgb(24, 24, 24) 50%, rgb(28, 28, 28) 73%, rgb(34, 34, 34) 99%, rgb(34, 34, 34) 100%);
    background: linear-gradient(rgb(18, 18, 18) 0%, rgb(18, 18, 18) 0%, rgb(20, 20, 20) 15%, rgb(22, 22, 22) 32%, rgb(24, 24, 24) 50%, rgb(28, 28, 28) 73%, rgb(34, 34, 34) 99%, rgb(34, 34, 34) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
    background-attachment: fixed;
	overflow: hidden;
}    
.main-project {
  float:left;
  width: 100%;
}
.main-project .vc_gitem-col {
    float: left;
    width: 50%;
    height: 40vh;
    margin: 80px 0 0;
}
.main-project .vc_gitem-col:last-child {
    margin-bottom: 80px;
}
.project-image img {
    max-width: 200px;
    margin: 0 auto;
    display: table;
}    
.bottom-border {
    width: 50%;
    height: 4px;
    background: #1572C4;
    margin: 0 auto;
    position: relative;
    top: 1px;
}    
.main-project .vc_gitem-row-position-top > *{transition: ease opacity .25s, ease transform .25s;}

/* Offsets timing for groups of three. This must be adjusted if there are more or less than three element per row.*/
.main-project .vc_gitem-row-position-top > *:nth-child(2n+2) {transition-delay: 1.5s;}
.main-project .vc_gitem-row-position-top > *:nth-child(2n+3) {transition-delay: 1s;}
.json-project {width:200px;height:200px;margin:0 auto;}
.json-project path {
    fill: #1572C4;
}





#vc-animate-text-UK-text,
#vc-animate-text-UK-text2,
#vc-animate-text-UK-text3 {
    width: 72%;
    float: left;
    padding: 150px 0 0;
}
#vc-animate-text-UK-text .word1,
#vc-animate-text-UK-text2 .word1,
#vc-animate-text-UK-text3 .word1 {
    width: 100%;
    color: #1572C4;
    font-size: 120px;
    font-family: 'HelveticaLTStd-BlkCond';
    margin: 0;
    line-height: 140px;
}
#vc-animate-text-UK-text .word2,
#vc-animate-text-UK-text .word3,
#vc-animate-text-UK-text .word4,
#vc-animate-text-UK-text2 .word2,
#vc-animate-text-UK-text2 .word3,
#vc-animate-text-UK-text2 .word4,
#vc-animate-text-UK-text3 .word2,
#vc-animate-text-UK-text3 .word3,
#vc-animate-text-UK-text3 .word4 {
    color: #1572C4;
    font-size: 48px;
    font-family: 'TrajanPro3-Regular';
    margin: -15px 0 20px;
    line-height: 1.1;
}
#vc-animate-text-UK-text .word2,
#vc-animate-text-UK-text2 .word2,
#vc-animate-text-UK-text3 .word2 {
    color: #ffffff;
}
#vc-animate-text-UK,
#vc-animate-text-UK2,
#vc-animate-text-UK3 {
    font-size: 24px;
    width: 72%;
    display: inline-block;
}
#vc-animate-text-UK span,
#vc-animate-text-UK2 span,
#vc-animate-text-UK3 span{
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    font-family: 'HelveticaNeueLTStd-ThCn';
    margin: 0;
} 
#vc-animate-text-UK-H5 span,
#vc-animate-text-UK-H52 span,
#vc-animate-text-UK-H53 span {
    color: #ffffff;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 0;
    font-family: 'HelveticaNeueLTStd-ThCn';
    font-style: italic;
	font-weight: bold;
}
.custom-font-thin {
    font-family: 'HelveticaNeueLTStd-ThCn' !important;
}
.custom-font-bold {
    font-family: 'HelveticaLTStd-BoldCond' !important;
    text-transform: uppercase;
}
.custom-gradient .rs_splitted_chars {
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgba(21,114,196,1) 0%, rgba(1,22,64,1) 100%);
}
.custom-gradient-animate {
    font-family: HelveticaNeueLTStd-BlkCn !important;
}	
.custom-gradient-animate .rs_splitted_chars {
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(45deg,rgba(21,114,196,1),rgba(1,22,64,1),rgba(21,114,196,1),rgba(1,22,64,1),rgba(21,114,196,1),rgba(1,22,64,1));
    background-size: 800%;
    -webkit-animation: anime 14s linear infinite;
    animation: anime 14s linear infinite;
}
.custom-gradient-animate.makingOf {
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(45deg,rgba(21,114,196,1),rgba(1,22,64,1),rgba(21,114,196,1),rgba(1,22,64,1),rgba(21,114,196,1),rgba(1,22,64,1));
    background-size: 800%;
    -webkit-animation: anime 14s linear infinite;
    animation: anime 14s linear infinite;
}
a.custom-gradient-animate {
    margin: 0 auto;
    display: table;
}
a.custom-gradient-animate span,
#vc-animate-text-what-we-achieved .word1 {
    font-size: 96px;
    letter-spacing: 2px;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(45deg ,rgba(21,114,196,1),rgba(1,22,64,1),rgba(21,114,196,1),rgba(1,22,64,1),rgba(21,114,196,1),rgba(1,22,64,1));
    background-size: 800%;
    -webkit-animation: anime 14s linear infinite;
    animation: anime 14s linear infinite;
}

  @-webkit-keyframes anime {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  @keyframes anime {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }



.rev_slider_wrapper .tp-caption { -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke:1px transparent; -webkit-transform: none !important; }
/* Smooth Scroll 

.smooth-scroll #main {
    position: fixed;
    top: 0;
    right: 0;
   bottom: 0;
    left: 0;
}
.smooth-scroll #content-scroll {
    position: fixed;
   top: 0;
   right: 0;
    bottom: 0;
    left: 0;
}
.smooth-scroll {
    overflow: hidden;
}
.scroll-content {
   -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[data-scrollbar] {
 display: block;
 position: relative;
}

.scroll-content {
 -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}

.scrollbar-track {
  position: absolute;
  opacity: 1;
  z-index: 1;
  background: rgba(222, 222, 222, .75);
 -webkit-user-select: none;
     -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
 -webkit-transition: opacity 0.5s 0.5s ease-out;
        transition: opacity 0.5s 0.5s ease-out;
}
.scrollbar-track.show,
.scrollbar-track:hover {
  opacity: 1;
 -webkit-transition-delay: 0s;
        transition-delay: 0s;
}

.scrollbar-track-x {
  bottom: 0;
  left: 0;
 width: 100%;
  height: 8px;
}
.scrollbar-track-y {
top: 0;
 right: 0;
 width: 8px;
  height: 100%;
}
.scrollbar-thumb {
  position: absolute;
 top: 0;
 left: 0;
 width: 8px;
 height: 8px;
 background: rgba(0, 0, 0, .5);
 border-radius: 4px;
}*/

.page-id-5182,
.page-id-5185,
.page-id-4909,
.page-id-4907,
.home {
/*     background: rgb(0,14,38);
    background: linear-gradient(90deg, rgba(0,14,38,1) 0%, rgba(45,1,63,1) 100%) !important; */
	overflow-y: inherit;
}
/* .page-id-5182 #Section7,
.page-id-5185 #Section7,
.page-id-4909 #Section7,
.page-id-4907 #Section7 {
    background: rgb(0,14,38);
    background: linear-gradient(90deg, rgba(0,14,38,1) 0%, rgba(45,1,63,1) 100%) !important;
} */

/*HOLOGRAM PROFILE*/

#um-kalthum-profile {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
#um-kalthum-profile .title-color,
#um-kalthum-profile .title-color .rs_splitted_chars {
    color: #1572C4 !important;
}
#um-kalthum-profile .vc_parallax-inner {
    background-size: contain;
    background-position: bottom;
}
#zayed-profile {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
#zayed-profile .title-color,
#zayed-profile .title-color .rs_splitted_chars {
    color: #1572C4 !important;
}
#zayed-profile .vc_parallax-inner {
    background-size: contain;
    background-position: bottom;
}
#abdul-halim-profile {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
#abdul-halim-profile .title-color,
#abdul-halim-profile .title-color .rs_splitted_chars {
    color: #1572C4 !important;
}
#abdul-halim-profile .vc_parallax-inner {
    background-size: contain;
    background-position: bottom;
}
#talal-maddah-profile {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
#talal-maddah-profile .title-color,
#talal-maddah-profile .title-color .rs_splitted_chars {
    color: #1572C4 !important;
}
#talal-maddah-profile .vc_parallax-inner {
    background-size: contain;
    background-position: bottom;
}
#abu-baker-profile {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
#abu-baker-profile .title-color,
#abu-baker-profile .title-color .rs_splitted_chars {
    color: #1572C4 !important;
}
#abu-baker-profile .vc_parallax-inner {
    background-size: contain;
    background-position: bottom;
}
#abdulkarim-profile {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
#abdulkarim-profile .title-color,
#abdulkarim-profile .title-color .rs_splitted_chars {
    color: #1572C4 !important;
}
#abdulkarim-profile .vc_parallax-inner {
    background-size: contain;
    background-position: bottom;
}
body.page-id-5953.custom-background,
body.page-id-5975.custom-background {
    background-color: #000000;
}

/*HOLOGRAM PROFILE*/


/*Show Page*/

.events-contact {
    padding: 3% 0 0 0;
}
.events-contact br {
    display: none;
}
.events-contact a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
    color: #ffffff;
    font-size: 28px;
    font-family: HelveticaNeueLTStd-ThCn;
    transition: .5s all;
}
.events-contact a:hover {
    color: #1572C4;
}
.events-contact a img {
    padding: 0 10px 0 0;
}
.video-gallery .vc_column-inner {
    max-width: 1140px;
    margin: 0 auto;
}
#sawwah-show-timing {
    display: flex;
    align-items: center;
}
.halim-show-page-btn {
    font-family: 'HelveticaLTStd-BoldCond' !important;
}
.halim-show-page-btn .title-color {
    color: #ffffff !important;
}
.show-title-font {
    font-family: 'HelveticaLTStd-BoldCond' !important;
}
.hafez-gradient-animate {
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(45deg ,rgba(21,114,196,1),rgba(1,22,64,1),rgba(21,114,196,1),rgba(1,22,64,1),rgba(21,114,196,1),rgba(1,22,64,1));
    background-size: 800%;
    -webkit-animation: anime 14s linear infinite;
    animation: anime 14s linear infinite;
}

@media only screen and (max-width: 767px) {
    
.show-page-first-section #vc-animate-text-hologram-dubai .word1 {
    font-size: 32px !important;
    margin: 35px 0 0 0 !important;
    line-height: normal !important;
}
.show-page-first-section #vc-animate-text-hologram-dubai .word2,
.show-page-first-section #vc-animate-text-hologram-dubai .word3 {
    font-size: 32px !important;
    margin: 0 !important;
    line-height: normal !important;
}
.show-page-first-section #vc-animate-text-what-we-achieved .word2 {
    font-size: 40px !important;
    position: relative;
    top: -30px;
}
.show-page-first-section #vc-animate-text-hologram-dubai .word1 {
    margin: 30px 0 0 0;
    line-height: normal;
}
#vc-animate-text-sawwah-video-gallery-title span,
#vc-animate-text-sawwah-gallery-title span,
#vc-animate-text-sawwah-the-venue-title span,
#vc-animate-text-sawwah-the-venue-title .word1,
#vc-animate-text-sawwah-the-venue-title .word2,
#vc-animate-text-halim-videos-title span,
#vc-animate-text-halim-gallery-title span,
#vc-animate-text-sawwah-the-videos-title span,
#vc-animate-text-sawwah-the-gallery-title span {
    font-size: 36px !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
.show-page-first-section #vc-animate-text-what-we-achieved .word1,
.show-page-first-section #vc-animate-text-what-we-achieved .word2 {
    font-size: 150px;
}
}

/*Show Page*/

/*Making of Halim*/

#Section2.why-sawwah.making-of-halim {
/*     background-image: url(/wp-content/uploads/2022/04/hafez.svg) !important; */
	background-image: inherit !important;
}
#Section2.UK-slider {
	background-image: url(/wp-content/uploads/2022/04/hafez.svg) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}
.making-halim-gallery #gallery-zayed {
    background: url(/wp-content/uploads/2022/04/hafez.svg);
    background-size: contain;
    background-position: 150px 0;
    background-repeat: no-repeat;
}
#the-digital a {
    color: #ffffff;
    font-size: 16px;
    font-family: 'HelveticaLTStd-BoldCond';
    border: 1px solid;
    padding: 3px 15px;
    line-height: 38.5px;
    height: 38.5px;
    display: inline-block;
    letter-spacing: -0.08px;
}
#the-digital a .title-color {
    color: #1572C4;
}
#the-digital a:hover {
    border-color: #1572C4;
}
#the-digital {
    background-position: bottom !important;
}
#fwd360PvDiv0 {
    margin: 0 auto 30px;
}
.drag-rotate {
    display: inline-block;
    text-align: center;
    width: 100%;
    line-height: 21.6px;
    margin: -25px 0 25px 0 !important;
    color: #8223b5;
    font-size: 18px;
    font-family: 'HelveticaLTStd-Cond';
}
.drag-rotate h5 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.drag-rotate h5 img {
    margin: 0 10px;
}

@media only screen and (max-width: 767px) {
    
#vc-animate-text-gallery-content,
#vc-animate-text-sawwah-show-timing-text-4,
#vc-animate-text-the-digital-content,
#vc-animate-text-halim-gallery-content,
#vc-animate-text-what {
    width: 100% !important;
}
#vc-animate-text-sawwah-show-timing-text-4 span {
    font-size: 28px !important;
    line-height: 28px !important;
}
#fwd360PvDiv0 {
    margin: 0 auto -100px;
}
}

/*Making of Halim*/

.site-header.vedio-popup {
    z-index: 1;
}


/* #Section1 {
    background: linear-gradient(90deg, rgb(0, 10, 25) 0%, rgb(0, 10, 25) 4.53%, rgb(1, 10, 26) 9.06%, rgb(2, 10, 27) 13.59%, rgb(4, 9, 28) 18.12%, rgb(6, 9, 30) 22.65%, rgb(9, 8, 32) 27.18%, rgb(12, 8, 35) 31.71%, rgb(15, 7, 38) 36.24%, rgb(18, 6, 41) 40.77%, rgb(23, 6, 44) 45.3%, rgb(27, 5, 47) 49.83%, rgb(31, 4, 51) 54.36%, rgb(36, 3, 55) 58.89%, rgb(41, 2, 59) 63.42%, rgb(45, 1, 63) 68%, rgb(45, 1, 63) 70.13%, rgb(46, 1, 64) 72.26%, rgb(46, 1, 65) 74.39%, rgb(48, 1, 67) 76.52%, rgb(49, 1, 68) 78.65%, rgb(50, 1, 70) 80.78%, rgb(52, 1, 73) 82.91%, rgb(54, 1, 76) 85.04%, rgb(56, 1, 79) 87.17%, rgb(59, 2, 83) 89.3%, rgb(62, 2, 86) 91.43%, rgb(64, 2, 90) 93.56%, rgb(67, 2, 94) 95.69%, rgb(70, 2, 98) 97.82%, rgb(73, 2, 102) 100%) !important;
} */

body.custom-background {
    background-color: #000000 !important;
}