/**
 * Colours:
 * 	- Background:   #fff
 * 	- Text:			#303030
 * 	- Text (2nd):	#919191
 * 	- Accent:		#ab9959
 */

html, body {
	background: #f1f1f1;
	font-weight: 300;
	overflow-x: hidden;
}

a {
	color: #ab9959;
}

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

/* Fancy H1 */

hr.fancy {
	background: transparent;
	border: 0;
	height: 12px;
	margin: 30px 0;
	position: relative;
}
	hr.fancy:before,
	hr.fancy:after {
		background: #ab9959;
		content: "";
		height: 1px;
		margin: 0 0 0 -30px;
		position: absolute;
			top: 0;
			left: 50%;
		width: 60px;
	}

	hr.fancy:after {
		margin: 0 0 0 -60px;
		bottom: 0;
		top: auto;
		width: 120px;
	}

/**
 * Site header
 * - Logo
 * - Navigation
 */

header[role=banner] {
	background: #fff;
	padding: 40px 0;
}
	header[role=banner] nav {
		font-size: 18px;
		text-align: right;
	}
		header[role=banner] nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			header[role=banner] nav li {
				display: inline-block;
			}
				header[role=banner] nav a {
					color: #ababab;
					display: block;
					line-height: 1;
					margin: 0 9px;
					padding: 12px 8px 13px;
				}

				header[role=banner] nav a:hover {
					color: #303030;
					text-decoration: none;
				}

			header[role=banner] nav li.current-menu-item {
			}
				header[role=banner] nav li.current-menu-item a,
				.single-client #menu-item-21 a,
				.single-package #menu-item-24 a,
				.single-service #menu-item-25 a {
					border-bottom: 1px solid #ab9959;
					color: #303030;
					font-weight: 500;
				}

@media (max-width: 1409px) {
	header[role=banner] nav {
		font-size: 16px;
	}
		header[role=banner] nav a {
			padding-left: 3px;
			padding-right: 3px;
		}
}

@media (max-width: 991px) {
	.js header[role=banner] #nav-area {
		text-align: right;
	}
		.js header[role=banner] #nav-area nav {
			display: none;
		}
}

/**
 * Slick nav
 */

.slicknav_btn {
	display: none;
	height: 32px;
	margin: 0 0 0 auto;
	position: relative;
		top: 4px;
	width: 32px;
}
	.slicknav_menutxt {
		display: none;
	}

	.slicknav_icon {
		display: inline-block;
	}
		.slicknav_icon-bar {
			background: #999;
			border-radius: 3px;
			display: block;
			height: 5px;
			margin: 4px 0;
			width: 32px;
		}

.slicknav_nav {
	background: #fff;
}
	.slicknav_nav nav {
		margin: 0 auto;
		width: 750px;
	}
		.slicknav_nav ul {
			border-top: 1px solid #ab9959;
			list-style: none;
			margin: 0;
			padding: 30px 0;
		}
			.slicknav_nav li {
				float: left;
				width: 33%;
			}
				.slicknav_nav li a {
					display: block;
					padding: 8px 10px;
					text-align: center;
				}

			.single-client .slicknav_nav .menu-item-21 a,
			.single-package .slicknav_nav .menu-item-24 a,
			.single-service .slicknav_nav .menu-item-25 a,
			.slicknav_nav li.current-menu-item a {
				background: #fafafa;
				font-weight: 500;
			}

		.slicknav_nav ul:after {
			clear: both;
			content: "";
			display: block;
		}

@media (max-width: 991px) {
	.slicknav_btn {
		display: block;
	}
}

@media (max-width: 767px) {
	.slicknav_nav nav {
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
		width: auto;
	}
		.slicknav_nav li {
			float: none;
			width: auto;
		}
			.slicknav_nav li a {
				text-align: left;
			}
}

/**
 * Main content
 */

#content {
	background: #fff;
}

#page {
	color: #919191;
	line-height: 1.4;
	padding: 0 0 150px;
}
	#page p {
		margin: 0 0 30px;
	}

section {
	position: relative;
	z-index: 2;
}
	.section-image {
		background: url() no-repeat top center;
		background-size: cover;
		height: 410px;
		position: absolute;
			top: 0;
			left: 0;
		width: 100%;
		z-index: -1;
	}
		.section-image:after,
		#hero.hero-static:after {
			background: url(../img/slides_footer.png) repeat-x bottom center;
			content: "";
			height: 78px;
			position: absolute;
				left: 0;
				bottom: 0;
			width: 100%;
		}

/**
 * Homepage
 * - Hero
 * - Image Gallery
 * - Key Points
 * - How Can We Help?
 * - Services
 */

#hero {
}
	#hero .slides {
		position: relative;
	}
		#hero .slides:after {
			background: url(../img/slides_footer.png) repeat-x bottom center;
			content: "";
			height: 78px;
			position: absolute;
				left: 0;
				bottom: 0;
			width: 100%;
		}

		#hero .slide {
			height: 793px;
			padding: 30px 0;
		}
			#hero .slide .content-wrapper {
				margin-left: 3%;
				width: 37%;
				text-align: center;
			}

			#hero .slide .btn {
				border: 1px solid #ab9959;
				color: #fff;
				text-transform: uppercase;
				padding: 8px 15px;
				font-weight: 300;
				font-size: .9em;
				margin: 10px 0;
				display: inline-block;
				letter-spacing: 1px;
			}
				#hero .slide .btn i {
					margin-left: 10px;
					font-size: 10px;
					position: relative;
					top: -1px;
				}

				#hero .slide .btn:hover,
				#hero .slide .btn:active,
				#hero .slide .btn:focus {
					background-color: #ab9959;
					text-decoration: none;
					color: #303030;
				}
		
		#hero .slide .down-arrow {
			color: #ab9959;
			cursor: pointer;
			height: 30px;
			margin: 0 auto;
			position: relative;
				top: 50px;
			width: 30px;
		}
			#hero .slide .down-arrow i {
				animation: bounce 2s infinite;
			}

	#slide_digital-just-got-tasty {
		background: #121212 url(../img/slide_digital-just-got-tasty.png) top center no-repeat;
		background-size: cover;
		padding: 150px 0 220px !important;
	}
		#slide_digital-just-got-tasty h1 {
			color: #fff;
			font-size: 100px;
			font-weight: bold;
			text-align: center;
			letter-spacing: .1em;
			line-height: 1;
			text-transform: uppercase;
			margin-left: 3%;
			width: 37%;
		}
			#slide_digital-just-got-tasty h1 span {
				display: block;
				font-size: 24px;
				font-weight: normal;
				margin: 15px 0 20px;
				position: relative;
			}
				#slide_digital-just-got-tasty h1 span i {
					font-style: normal;
					padding: 0 10px;
					position: relative;
					z-index: 2;
				}

				#slide_digital-just-got-tasty h1 span:before {
					background: #ab9959;
					content: "";
					height: 1px;
					display:inline-block;
					position: relative;
						top: -8px;
						left: 0;
					width: 15%;
				}

				#slide_digital-just-got-tasty h1 span:after {
					background: #ab9959;
					content: "";
					height: 1px;
					display:inline-block;
					position: relative;
						top: -8px;
						right: 0;
					width: 15%;
				}

			#slide_digital-just-got-tasty h1 b {
				display: block;
				font-size: 50px;
			}

@media (max-width: 991px) {
	#slide_digital-just-got-tasty h1 {
		font-size: 80px;
		width: 50%;
	}
}

@media (max-width: 767px) {

	#hero .down-arrow {
		display: none;
	}

	#hero .slide {
		height: 450px;
		position:relative;
	}

	 	#hero .slide::before {
	 		content:'';
	 		position:absolute;
	 		top:0;
	 		left:0;
	 		height:100%;
	 		width:100%;
	 		z-index:1;
	 		background:rgba(0,0,0,.3);
	 	}

	 	#hero .slides::after {
	 		z-index:3;
	 	}

	 	#hero .slide > .container {
	 		z-index:2;
	 		position:relative;
	 	}

	#hero .slide .content-wrapper {
		margin-left: 25%;
		width: 50%;
	}

	#slide_digital-just-got-tasty {
		padding: 65px 0 100px !important;
	}

		#slide_digital-just-got-tasty h1 {
			font-size:55px;
			width: 100%;
    		margin-left: 0;
		}
}

#hero.hero-static {
	background: url() no-repeat center top;
	background-size: cover;
	padding: 210px 0 310px;
	text-align: center;
	text-transform: uppercase;
}
	#hero.hero-static #hero-title {
		display: inline-block;
		margin: 0 auto;
	}

	#hero.hero-static .subtitle {
		color: #fff;
		display: table;
		font-size: 21px;
		height: 1px;
		letter-spacing: .2em;
		width: 100%;
	}
		#hero.hero-static .subtitle span {
			display: inline-block;
			padding: 0 25px;
			position: relative;
		}
			#hero.hero-static .subtitle span:before,
			#hero.hero-static .subtitle span:after {
				background: #ab9959;
				content: "";
				display: block;
				height: 1px;
				margin-top: -1px;
				position: absolute;
					left: -60px;
					top: 50%;
				width: 60px;
			}

			#hero.hero-static .subtitle span:after {
				left: auto;
				right: -60px;
			}

	#hero.hero-static h1 {
		color: #fff;
		font-size: 60px;
		font-weight: bold;
		letter-spacing: .2em;
	}

@media (max-width: 767px) {
	#hero.hero-static {
		padding: 50px 0 150px;
	}

	#hero.hero-static #hero-title {
		display: block;
	}

	#hero.hero-static .subtitle {
		font-size: 14px;
	}
		#hero.hero-static .subtitle span:before,
		#hero.hero-static .subtitle span:after {
			display: none;
		}

	#hero.hero-static h1 {
		font-size: 32px;
	}
}

#image-gallery {
	margin: -115px 0 0;
	position: relative;
	z-index: 10;
	opacity:0;
	max-height:152px;
}
	#image-gallery ul {
		list-style: none;
		margin: 0;
		padding: 0;
		transition: transform .25s ease-in-out;
		white-space: nowrap;
		width: 100%;
	}
		#image-gallery ul:after {
			clear: both;
			content: "";
			display: table;
		}

		#image-gallery .slick-list {
			padding: 0 10px;
		}

		#image-gallery ul li {
			float: left;
			position: relative;
			text-align: center;
			transition: transform .25s ease-in-out,
				opacity .25s ease-in-out;
		}
			#image-gallery ul li .gallery-slide {
				background: url() no-repeat center center;
				background-size: cover;
				margin: 0 auto;
				position: relative;
				width: 176px;
			}
				#image-gallery ul li .gallery-slide:after {
					background: #1f1b1a;
					color: #fff;
					content: "+";
					display: block;
					height: 35px;
					font-weight: bold;
					line-height: 37px;
					position: absolute;
						bottom: 10px;
						left: 10px;
					width: 35px;
					transition: all .25s ease-in-out;		
				}

		
			#image-gallery ul li .overlay {
				background: rgba(0,0,0,.4);
				color: #fff;
				height: 100%;
				opacity: 0;
				padding: 15px 10px;
				pointer-events: none;
				position: absolute;
					top: 0;
					left: 0;
				text-align: center;
				transition: opacity .25s ease-in-out;
				width: 100%;
			}
				#image-gallery ul li .overlay-inner {
					position: relative;
						top: 35%;
					transform: translateY(-50%);
				}

				#image-gallery ul li .overlay p {
					height: auto;
				    white-space: initial;
				    word-wrap: normal;
				}

				#image-gallery ul li .overlay p.heading {
					font-size: 13px;
					font-weight: 500;
					margin-bottom: 5px;
					text-transform: uppercase;
				}

				#image-gallery ul li .overlay p.description {
					font-size: 10px;
				}

			#image-gallery ul a {
				display: block;
			}

			#image-gallery ul img {
				border: 1px solid #e0e0e0;
				box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.25);
			}

		#image-gallery ul li:hover,
		#image-gallery ul li.hover {
			transform: scale(1.4);
			position: relative;
			z-index: 2;
		}

		#image-gallery ul li.enlarge {
		    transform: scale(1.1);
		}

		#image-gallery ul li:hover .gallery-slide:after,
		#image-gallery ul li.hover .gallery-slide:after {
			left: 50%;
    		margin-left: -16px;
    		background:#fff;
    		color:#333;
    		width:28px;
    		height:28px;
    		content: "\f054";
    		font: normal normal normal 14px/2 FontAwesome;
		    text-rendering: auto;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		    padding-left:2px;
		    z-index:10;
		    pointer-events:none;
		}

			#image-gallery ul li:hover .overlay,
			#image-gallery ul li.hover .overlay {
				opacity:1;
				pointer-events:auto;
				z-index:5;
			}

		#image-gallery ul li.slide-hidden {
			opacity: 0;
			pointer-events: none;
		}

	#image-gallery .image-gallery-button {
		background: #fff;
		border: 0;
		box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.25);
		margin-top: -20px;
		position: absolute;
			top: 50%;
			left: -30px;
		height: 40px;
		width: 40px;
		z-index: 2;
	}
		#image-gallery .image-gallery-button#image-gallery-next {
			left: auto;
			right: -30px;
		}

#image-gallery.single-slide {
}
	#image-gallery.single-slide ul {
	}
		#image-gallery.single-slide ul li {
			transform: scale(1) !important;
		}
			#image-gallery.single-slide ul li .gallery-slide {
				border: 1px solid #e0e0e0;
				box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.25);
				width: auto;
			}
				#image-gallery.single-slide ul li .gallery-slide img {
					visibility: hidden;
				}

@media (max-width:767px) {
	#image-gallery ul li:not(.slide-hidden) {
		position: relative;
		z-index: 2;
	}

	#image-gallery ul li .gallery-slide:after {
		left: 50%;
		margin-left: -16px;
		background: #fff;
		color: #333;
		width: 28px;
		height: 28px;
		content: "\f054";
		font: normal normal normal 14px/2 FontAwesome;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    padding-left: 2px;
	    z-index: 10;
	    pointer-events: none;
	}
	#image-gallery ul li .overlay {
		opacity: 1;
		pointer-events: auto;
		z-index: 5;
	}
}

#key-points {
	padding: 100px 0 70px;
}
	#key-points ul {
		list-style: none;
		margin: 0 -25px;
		padding: 0;
	}
		#key-points ul li {
			padding-left: 25px;
			padding-right: 25px;
		}
	
	#key-points article {
		background: #fff;
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
		padding: 45px 35px;
		margin: 0 0 30px;
		position: relative;
		text-align: center;
		z-index: 2;
	}
		#key-points article h1 {
			color: #1b1b1b;
			font-size: 21px;
			font-weight: 500;
			margin: 0 0 62px;
			padding: 0;
			position: relative;
			text-transform: uppercase;
		}
			#key-points article h1:after {
				background: #ab9959;
				content: "";
				display: block;
				height: 2px;
				margin: 0 0 0 -15px;
				position: absolute;
					bottom: -32px;
					left: 50%;
				width: 30px;
			}

		#key-points article p {
			color: #303030;

		}

	#key-points .container {
		position: relative;
	}
	
	#key-points .box {
		border: 1px solid #ab9959;
		position: absolute;
			top: 122px;
			right: -10px;
			bottom: 55px;
			left: -10px;
		/*width: 100%;*/
	}

@media (max-width: 767px) {
	#key-points .box {
		display: none;
	}



	#image-gallery .image-gallery-button {
		left: -10px;
	}
		#image-gallery .image-gallery-button#image-gallery-next {
			right: -10px;
		}
}

#how-can-we-help {
	padding: 0 0 75px;
}
	#how-can-we-help h1.section-title {
		color: #282834;
		font-size: 35px;
		font-weight: 500;
		letter-spacing: .1em;
		text-align: center;
		text-transform: uppercase;
	}
		#how-can-we-help h1.section-title i.fa {
			color: #a89657;
			font-size: 24px;
			font-weight: 100;
			margin: 0 20px;
			position: relative;
				top: -3px;
		}

	#how-can-we-help .section-image {
		top: 215px;
	}

@media (max-width: 767px) {
	#how-can-we-help h1.section-title {
		font-size: 28px;
	}
		#how-can-we-help h1.section-title i {
			display: none;
		}
}

.home #services {
	margin: 0;
	padding: 0 0 115px;
}
	.home #services .section-image {
		height: 692px;
	}

	.home #services .service-list {
		margin: 0 -25px;
		padding: 0;
	}
		.home #services .service-list li {
			padding: 0 25px;
		}
			.home #services a {
				background: #fff url(../img/diagonal-pattern.png);
				box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.25);
				display: block;
				margin: 35px 0;
				padding: 15px;
				text-align: center;
				text-decoration: none;
			}
				.home #services .service {
					background: transparent;
					border: 1px solid #ab9959;
					height: 271px;
					padding: 25px;
					text-align: center;
				}

				.home #services .service .service-inner {
					position: relative;
						top: 50%;
					transform: translateY(-50%);
				}
					.home #services .service h1 {
						color: #303030;
						font-size: 21px;
						font-weight: 500;
						text-transform: uppercase;
						margin: 0;
					}

					.home #services .service .icon {
						display: block;
						height: 56px;
						margin: 0 auto 30px;
						text-align: center;
					}

@media screen and (max-width: 767px) {
	.home #services .service h1 {
		font-size: 16px;
	}
}
/**
 * Services
 * - Service list
 */

#services {
	margin-top: -115px;
	position: relative;
	z-index: 2;
}

	#services .service-list {
		list-style: none;
		margin: 0 -25px;
		padding: 0;
	}
		#services .service-list li {
			margin: 0;
			padding-left: 25px;
			padding-right: 25px;
		}
			#services .service {
				background: #fff;
			}
				#services .service a {
					box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
					display: block;
					height: 250px;
					margin: 0 0 50px;
					text-decoration: none;
				}

				#services .service-title {
					color: #a39255;
					-webkit-filter: grayscale(100%);
					        filter: grayscale(100%);
					text-align: center;
					text-transform: uppercase;
					opacity: 0.8;
					transform: translateY(-50%);
					transition: transform .25s ease-in-out,
						opacity .25s ease-in-out;
					position: relative;
						top: 50%;
				}
					#services .service-title h1 {
						font-size: 24px;
						margin: 30px 0 0;
						padding: 0;
						transition: color .25s ease-in-out;
					}

			#services .service a:hover {
			}
				#services .service.active .service-title,
				#services .service a:hover .service-title {
					color: #1b1b1b;
					-webkit-filter: grayscale(0%);
					        filter: grayscale(0%);
					opacity: 1;
				}

@media (min-width: 600px) and (max-width: 767px) {
	#services .service-list li {
		width: 50%;
	}
}

/**
 * Packages
 * - Package list
 */

#packages {
	padding: 0 0 150px;
}
	#packages .section-image {
		top: auto;
		bottom: 250px;
	}

.package-list {
	list-style: none;
	margin: 0 -25px;
	padding: 0;
}
	.package-list li {
		padding-left: 25px;
		padding-right: 25px;
	}
		.package {
			background: #fff;
			box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.15);
			margin: 60px 0;
			position: relative;
			z-index: 2;
		}
			.package:after {
				clear: both;
				content: "";
				display: table;
			}

			.package:before {
				background: #a69456;
				content: "";
				clear: both;
				display: block;
				height: 35px;
				position: absolute;
					bottom: -35px;
					left: 35px;
					right: 35px;
				z-index: -1;
			}

			.package .package-image {
				background: url() no-repeat center center;
				background-size: cover;
				float: left;
				margin: -15px 0;
				position: relative;
				width: 45%;
				z-index: 2;
				min-height: 300px;
			}
				.package .package-image img {
					max-height: 100%;
					max-width: 100%;
				}

			.package .package-body {
				text-align: center;
				height: 100%;
				margin-left: 45%;
			}
				.package .package-body h1 {
					color: #303030;
					font-size: 21px;
					font-weight: normal;
					margin: 0;
					padding: 0;
					position: relative;
						top: 50%;
					text-transform: uppercase;
					transform: translateY(-50%);
					transition: color .25s ease-in-out;
				}
					.package .package-body h1:before,
					.package .package-body h1:after {
						background: #ab9959;
						content: "";
						display: block;
						height: 1px;
						margin-left: -30px;
						position: absolute;
							top: -41px;
							left: 50%;
						transition: top .25s ease-in-out;
						width: 60px;
					}

					.package .package-body h1:after {
						margin-left: -60px;
						top: -30px;
						width: 120px;
					}
			
			.package a:hover {
				text-decoration: none;
			}
				.package a:hover .package-body h1 {
					color: #777;
				}
					.package a:hover .package-body h1:after {
						top: 63px;
					}

.single-package {
}
	.single-package .foreword {
		color: #303030;
		font-weight: bold;
	}

	.single-package .content,
	.case-study-box-content .content {
		color: #919191;
		-moz-column-count: 2;
		     column-count: 2;
		        -moz-column-gap: 50px;
		             column-gap: 50px;
	}

	.single-package .go-back {
		position: relative;
		padding: 40px 0 0;
	}
		.single-package .go-back:before {
			background: #a39255;
			content: "";
			display: block;
			height: 1px;
			position: absolute;
				top: 0;
				left: 0;
			width: 60px;
		}

		.single-package .go-back a {
			border: 1px solid #a39255;
			color: #303030;
			display: inline-block;
			font-size: 14px;
			padding: 12px 45px 10px;
			text-transform: uppercase;
		}

		.single-package .go-back a.block {
			display: block;
			text-align: center;
		}

		.single-package .go-back span {
			color: #a39255;
			margin-right: 10px;
		}

	.single-package #page {
		padding-top: 50px;
	}
		.single-package #page > .container > .row {
			margin-left: -25px;
			margin-right: -25px;
		}
			.single-package #page > .container > .row > .col-xs-12 {
				padding: 0 25px;
			}


@media (max-width: 1199px) {
	.package .package-image {
		width: 50%;
	}

	.package .package-body {
		margin-left: 50%;
	}
}

@media (max-width: 767px) {
	.single-package .content,
	.case-study-box-content .content {
		-moz-column-count: 1;
		     column-count: 1;
		        -moz-column-gap: 0;
		             column-gap: 0;
	}

	.package .package-image {
		float: none;
		margin: 0;
		min-height: 150px;
		width: 100%;
	}

	.package .package-body {
		height: auto;
		margin-left: 0;
		padding: 80px 0;
	}
		.package .package-body h1 {
			top: auto;
			transform: none;
		}
}

/**
 * Clients
 * - Client list
 */

#clients {
	margin-top: -115px;
	padding: 0 0 150px;
	position: relative;
	z-index: 2;
}

.client-list {
	list-style: none;
	margin: 0 -25px;
	padding: 0;
	transition: opacity .25s ease-in-out;
}
	.client-list li {
		padding: 0 25px 50px;
	}
		.client-list .client article,
		.client-logo-box,
		.client-box,
		.case-study-logo-box,
		.case-study-box {
			background: #fff;
			box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
		}
			.client-list .client article a,
			.client-list .client article.no-link,
			.client-logo-box,
			.case-study-logo-box {
				display: block;
				height: 120px;
				padding: 15px 20px;
				text-align: center;
			}
				.client-list .client article a img,
				.client-list .client article.no-link img,
				.client-logo-box img,
				.case-study-logo-box img {
					max-width: 100%;
					position: relative;
						top: 50%;
					transform: translateY(-50%);
				}

			.client-logo-box,
			.case-study-logo-box {
				margin-bottom: 30px;
			}

@media (min-width: 481px) {
	.client-list .client article a,
	.client-list .client article.no-link,
	.client-logo-box,
	.case-study-logo-box {
		height: 200px;
	}
}

.client-list.faded {
	opacity: 0.8;
	pointer-events: none;
}

.client-full,
.case-study-full {
	margin: 0 -25px;
}
	.client-box-image,
	.case-study-box-image {
		background: #1c2125 url() no-repeat top center;
		background-size: cover;
		height: 350px;
		margin: 0 0 40px;
	}

	.client-box-content,
	.case-study-box-content {
		color: #919191;
		padding: 0 25px 50px;
	}
		.client-box-content .row,
		.case-study-box-content .row {
			margin: 0;
		}
			.client-box-content .col-xs-12,
			.case-study-content .col-xs-12 {
				padding: 0 25px;
			}

		.client-box-content dl,
		.case-study-box-content dl {
			color: #303030;
		}
			.client-box-content dt,
			.case-study-box-content dt {
				font-size: 21px;
			}

			.client-box-content dd,
			.case-study-box-content dd {
				margin: 20px 0 40px;
			}

	.client-full .col-xs-12,
	.case-study-full .col-xs-12 {
		padding: 0 25px;
	}

.page-template-clients,
.single-client {
	min-height: 1500px;
}

#client-overlay {
	position: absolute;
		top: 0;
		left: 0;
	width: 100%;
}
	.close-client,
	.close-client:hover {
		border: 1px solid #fff;
		color: #fff;
		line-height: 58px;
		height: 60px;
		opacity: 0.3;
		text-align: center;
		position: absolute;
			top: 25px;
			right: 50px;
		width: 60px;
		background:rgba(0,0,0,1);
	}
		.close-client .glyphicon {
			position: relative;
				top: 5px;
		}

/**
 * Case Studies
 * - Case Study
 */

.case-study-list {
	list-style: none;
	margin-top: -115px;
	padding: 0 0 75px;
	position: relative;
	z-index: 2;
}
	.case-study {
		margin: 0 0 75px;
	}

@media (max-width: 767px) {

	.case-study-list {
		margin-top: 0;
	}

	.case-study-box-image {
		height: 200px;
	}

	.case-study-logo-box {
	    margin-bottom: 0px;
	    box-shadow: none;
	    height: 100px;
	}

		.case-study-logo-box img {
			height: 50px;
		}
}

/**
 * Services
 * - Our work
 */

#our-work {
	margin: -115px 0 0;
	padding: 0 0 100px;
}
	#our-work a {
		color: #303030;
		text-decoration: none !important;
	}
	#our-work article {
		margin: 0 0 50px;
		position: relative;
	}
		#our-work article img {
			max-width: 100%;
		}

		#our-work article h1 {
			border-left: 2px solid #a7975c;
			color: #303030;
			font-size: 21px;
			font-weight: 500;
			line-height: 1;
			letter-spacing: 0.1em;
			text-transform: uppercase;
			padding: 3px 0 0 15px;
		}

		#our-work article .work-image,
		#our-work .work.full-width .work-image {
			position: relative;
		}
			#our-work article .work-image {
				background: url() no-repeat center center;
				background-size: cover;
			}
				#our-work article .work-image > img {
					visibility: hidden;
				}

		#our-work article .work-overlay {
			background: url(../img/diagonal-pattern-opacity.png) top left;
			opacity: 0;
			padding: 25px;
			position: absolute;
				top: 25px;
				right: 25px;
				bottom: 25px;
				left: 25px;
			text-align: center;
			transition: opacity .25s ease-in-out;
		}
			#our-work article .work-overlay .work-overlay-inner {
				position: absolute;
					top: 50%;
					left: 0;
				transform: translateY(-50%);
				width: 100%;
			}
			#our-work article .work-overlay h2,
			#our-work .work.full-width h1 {
				color: #1b1b1b;
				font-size: 21px;
				font-weight: 500;
				margin: 40px 0 62px;
				position: relative;
				text-transform: uppercase;
			}
				#our-work .work.full-width h1:after,
				#our-work article .work-overlay h2:after {
					background: #ab9959;
					content: "";
					display: block;
					height: 2px;
					margin-left: -15px;
					position: absolute;
						bottom: -30px;
						left: 50%;
					width: 30px;
				}

			#our-work article .work-overlay .has-wysiwyg-content,
			#our-work .work.full-width .has-wysiwyg-content {
				font-size: 15px;
				font-weight: 400;
				line-height: 1.55;
				margin: 0 10% 15px;
				width: 80%;
			}

			#our-work article .work-overlay .button,
			#our-work .work.full-width .button {
				border: 1px solid #ab9959;
				color: #1b1b1b;
				display: inline-block;
				font-size: 16px;
				margin: 0 auto;
				padding: 12px 10px 10px;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				min-width: 50%;
			}
				#our-work article .work-overlay .button span {
					margin-left: 15px;
				}

	#our-work .hover article:hover {
	}
		#our-work .hover article:hover .work-overlay {
			opacity: 1;
		}

	#our-work .work.full-width {
		background: url() no-repeat center center;
		background-size: cover;
		margin: 40px 0 50px;
	}
		#our-work .work.full-width article {
			background: rgba(255, 255, 255, 0.9);
			box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
			text-align: center;
			margin: -40px 0 0;
			padding: 25px 25px 0;
		}
			#our-work .work.full-width article .article-content {
				border: 1px solid #ab9959;
				border-bottom: 0;
				padding: 100px 25px;
			}

		#our-work .work.full-width h1 {
			border: 0;
			padding: 0;
		}

@media screen and (max-width: 1409px) {
	#our-work article .work-overlay .button span {
		margin-left: 7px;
	}

	.view-case-study {
		margin-top: 15px;
	}

	#our-work article .work-image,
	#our-work .work.full-width .work-image {
		min-height: auto !important;
	}

	#our-work .hover article:hover .work-overlay {
		display: none;
	}
}


/**
 * Contact page
 * - Map
 * - Contact Form
 */

#contact {
	background: #fff;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	margin-top: -115px;
	margin-bottom: 150px;
	position: relative;
	z-index: 2;
}
	#contact > .row {
		margin: 0 -25px;
	}
		#contact > .row > .col-xs-12 {
			padding-left: 50px;
			padding-right: 50px;
		}

	#contact .contact-map {
	}
		#contact .contact-map #map {
			margin: 0 -25px;
			min-height: 200px;
		}

	#contact .contact-main {
		padding: 40px;
	}
		#contact .contact-main .has-wysiwyg-content {
			color: #303030;
			font-weight: 500;
			margin: 0 0 50px;
			padding-top: 40px;
			position: relative;
		}
			#contact .contact-main .has-wysiwyg-content:before {
				background: #ab9959;
				content: "";
				display: block;
				height: 1px;
				position: absolute;
					top: 0;
					left: 0;
				width: 60px;
			}

		#contact .contact-main .address {
			color: #919191;
			line-height: 1.55;
		}
			#contact .contact-main .address:before {
				background: url(../img/contact-address.png) no-repeat top left;
				background-size: 12px 19px;
				content: "";
				display: block;
				height: 19px;
				margin-bottom: 25px;
				width: 12px;
			}

		#contact .contact-main .details {
		}
			#contact .contact-main .details:before {
				background: url(../img/contact-details.png) no-repeat top left;
				background-size: 21px 19px;
				content: "";
				display: block;
				height: 19px;
				margin-bottom: 25px;
				width: 21px;
			}

			#contact .contact-main .details dl {
			}	
				#contact .contact-main .details dt {
					color: #919191;
					font-weight: inherit;
					margin-bottom: 5px;
				}

				#contact .contact-main .details dd {
					color: #ab9959;
					font-weight: 500;
					margin-bottom: 20px;
				}
					#contact .contact-main .details dd a {
						color: #ab9959;
					}

/**
 * Footer
 * - Logo
 * - Secondary navigation
 */

footer.site-footer {
	background: #f1f1f1;
	padding: 70px 0 100px
}
	footer.site-footer nav {
		font-size: 18px;
		text-align: right;
	}
		footer.site-footer nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			footer.site-footer nav li {
				display: inline-block;
			}
				footer.site-footer nav a {
					color: #c6c6c6;
					display: block;
					line-height: 1;
					margin: 0 9px;
					padding: 12px 8px 13px;
				}

				footer.site-footer nav a:hover {
					color: #b9b9b9;
					text-decoration: none;
				}

			footer.site-footer nav li.current-menu-item {
			}
				footer.site-footer nav li.current-menu-item a {
					color: #b9b9b9;
					font-weight: 500;
				}

@media (max-width: 1409px) {
	footer.site-footer nav {
		font-size: 14px;
	}
}

@media (max-width: 991px) {
	footer.site-footer nav {
		margin: 30px -17px 0;
		text-align: left;
	}
}

@media (max-width: 767px) {
	footer.site-footer nav li {
		display: block;
	}
}

/** 
 * Misc. elements
 * - "Skip to content" link
 */

#skip-to-content {
	background: #fafafa;
	border: 1px solid #ab9959;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	color: #303030;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 10px;
	position: absolute;
		top: -999px;
		left: -999px;
	text-decoration: none;
	text-transform: uppercase;
	transform: translateX(-50%);
	z-index: 100;
}
	#skip-to-content:active,
	#skip-to-content:focus {
		outline: none;
		position: absolute;
			top: 10px;
			left: 50%;
	}

	.admin-bar #skip-to-content:active,
	.admin-bar #skip-to-content:focus {
		top: 50px;
	}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-20px);
	}

	60% {
		transform: translateY(-10px);
	}
}

#hero-title{ text-shadow: 0px 0px 19px rgba(0,0,0,0.2), 0px 0px 40px rgba(0,0,0,0.4); }