/*
Theme Name: DSGNR
Theme URI: http://www.hpadesigngroup.com/
Author: Humphreys & Partners Architects, L.P.
Author URI: http://www.humphreys.com/
Description: A Custom WordPress Theme For HPA Design Group
Version: 1.6.3
*/

/*------------------------------------------------*/
/* Imports
/*------------------------------------------------*/

/* Google Fonts - Montserrat  */

/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700&display=swap');*/

/*------------------------------------------------*/
/* Globals
/*------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6  {
	color: #333;
	font-family: 'proxima-nova', helvetica, arial, sans-serif;
	font-weight: 300;
	/*letter-spacing: 2px;*/
	/*font-family: 'Montserrat', arial, sans-serif;*/
	/*font-weight: 700;*/
	/*text-transform: uppercase;*/
	letter-spacing: 2px;
	line-height: 1.5em;
	margin-bottom: .75em;
}

h1 {
	font-size: 2vw;
}

h2 {
	font-size: 1.7vw;
}

h3 {
	font-size: 1.5vw;
}

h4 {
	font-size: 1.5vw;
}

h5 {
	font-size: 1.4vw;
}

h6 {
	font-size: 1.3vw;
}

@media only screen and (min-width: 1440px) {

	h1 {
		font-size: 29px;
	}

	h2 {
		font-size: 25px;
	}

	h3 {
		font-size: 22px;
	}

	h4 {
		font-size: 22px;
	}

	h5 {
		font-size: 21px;
	}

	h6 {
		font-size: 19px;
	}

}

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

	h1 {
		font-size: 16px;
	}

	h2 {
		font-size: 13px;
	}

	h3 {
		font-size: 12px;
	}

	h4 {
		font-size: 11px;
	}

	h5 {
		font-size: 11px;
	}

	h6 {
		font-size: 10px;
	}

}

p,
ul,
ol {
	color: #000;
	font-family: 'proxima-nova', helvetica, arial, sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
/*	font-family: 'Raleway', arial, sans-serif;
	font-weight: 400;
	font-style: normal;*/
	font-size: 14px;
	font-size: 1.1vw;
	line-height: 1.7em;
}

@media only screen and (min-width: 1440px) {

	p,
	ul,
	ol {
		font-size: 16px;
	}

}

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

	p,
	ul,
	ol {
		font-size: 12px;
	}

}

a {
	color: #c3ac42;
	text-decoration: none;
	font-weight: 300;
	-webkit-transition: color .2s ease;
		 -moz-transition: color .2s ease;
		  -ms-transition: color .2s ease;
			 -o-transition: color .2s ease;
					transition: color .2s ease;
}

a:hover,
a:focus {
	color: #000;
	text-decoration: none;
}

ul {
	list-style: square;
}

hr {
	border-top: #ddd solid 1px;
	width: 100%;
}

em,
i {
	font-style: italic;
}

b,
strong,
.bold {
	/*font-family: 'Raleway', arial, sans-serif;*/
	font-weight: 700;
	font-weight: bold;
}

blockquote {
	padding: 0 20px;
	margin: 25px 0;
	font-style: italic;
}

img {
	max-width: 100%;
	height: auto;
}

iframe,
canvas {
	max-width: 100%;
}

/*select {
	background: transparent;
	font-size: 14px;
	color: #000;
	width: 100%;
	margin: 0;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: window;
	cursor: pointer;
}*/

.page-filter select {
	width: 175px;
	position: absolute;
	top: 25px;
	right: 25px;
}

/*.dropbox {
	position: relative;
	height: 36px;
	width: 100%;
	background: #fff;
	margin-bottom: 15px;
	max-width: 200px;
}

.dropbox select {
	height: 36px;
	line-height: 36px;
	position: absolute;
	top: 0;
	left: 0;
	color: #222;
	margin: 0 auto;
	z-index: 1;
}

.down {
	display: block;
	background: #fff;
	position: absolute;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	top: 0;
	right: 0;
	pointer-events: none;
	z-index: 10;
	text-align: center;
	color: #222;
}*/

select:focus,
button:focus,
input[type=submit]:focus {
	outline: none;
}

/* Selection */

::selection {
	background: #222;
	color: #fff;
}

::-moz-selection {
	background: #222;
	color: #fff;
}

.gold {
	color: #c3ac42;
}

.black {
	color: #000;
}

.white {
	color: #fff;
}

/*------------------------------------------------*/
/* Bootstrap
/*------------------------------------------------*/

/* Bootstrap Resets */

.no-gutter {
	padding-left: 0px;
	padding-right: 0px;
}

.xxs-gutter {
	padding-left: 1px;
	padding-right: 1px;
}

.xs-gutter {
	padding-left: 3px;
	padding-right: 3px;
}

.sm-gutter {
	padding-left: 7px;
	padding-right: 7px;
}

.sm-res {
	margin-left: -7px;
	margin-right: -7px;
}

.md-res {
	margin-left: -10px;
	margin-right: -10px;
}

.col-res {
	margin-left: -15px;
	margin-right: -15px;
}

.col-fix {
	margin-left: -2px;
	margin-right: -2px;
}

/* Bootstrap Extra Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media (max-width: 480px) {
	.col-xxs-12 {
		float: none;
		width: 100%;
	}
}

/* Bootstrap Centered Columns */

.row-centered {
    text-align: center;
}

.col-centered {
	display: table-cell;
    vertical-align: top;
    display: inline-block;
    float: none;
    text-align: left;
    margin-right: -4px;
}

/*------------------------------------------------*/
/* Constants
/*------------------------------------------------*/

/* Resets */

.reset {
	margin: 0 !important;
	padding: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

.nopadding {
	padding: 0 !important;
}

.clr {
	clear: both;
}

.clearfix:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.absolute-center {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

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

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.hidden {
	display: none;
}

.uppercase {
	text-transform: uppercase;
}

/* Mobile */

.user-select {
	-webkit-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
				  user-select: none;
}

/* Image Holder */

.image-holder,
.faker {
	display: inline-block;
	width: 100%;
	position: relative;
	background: transparent;
}

.image-holder:before,
.faker:before {
	content:"";
	display: block;
}

.image-holder:before {
	padding-top: 60.78125%;
}

.faker:before {
	padding-top: 78.51562%;
}

.image-holder img,
.faker img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------------------*/
/* Header
/*------------------------------------------------*/

/* Notification */

#notification {
	display: none;
	background: #fff;
	padding: 25px 50px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.23);
}

#notification a {
	color: #c3ac42;
}

#notification a:hover {
	color: #000;
}

#notification p {
	color: #000;
	margin: 0;
	padding: 0;
}

#notification-inner {
	position: relative;
}

.notification-text {
	text-align: center;
}

.closenotification {
	font-size: 24px;
	position: absolute;
	top: 15px;
	right: 15px;
}

/* Navbar */

#header {

}

.navbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	/*padding: 25px 50px;*/
/*	background: #fff;*/
  	z-index: 1000;
  	transition: top 0.3s ease-in-out;
}

/* Logo */

#logo {
	position: relative;
	float: left;
	margin-top: 25px;
	margin-left: 25px;
	z-index: 2;
}

#logo img {
	max-width: 75px;
	transition: all 0.3s ease-in-out;
}

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

/*	#logo {
		margin-top: 15px;
		margin-left: 15px;
	}*/

	#logo img {
		max-width: 50px;
	}

}

/* Hamburger */

#menu-trigger {
	float: right;
	/*width: 50px;*/
	width: 100%;
	z-index: 0 !important;
	-webkit-transition: background .2s ease;
	-moz-transition: background .2s ease;
	-ms-transition: background .2s ease;
	-o-transition: background .2s ease;
	transition: background .2s ease;
}

.bars {
/*	margin-top: 15px;*/
	float: right;
	margin-top: 25px;
    margin-right: 25px;
}

.bars .line {
	display: block;
	width: 35px;
	height: 2px;
	margin-bottom: 7px;
	background-color: #fff;
}

.bars:hover .line,
.bars:focus .line {
	background-color: #c3ac42;
}

.midnightInner {
	overflow: hidden !important; /* Fix midnight.js weird auto scroll */
	width: 100%;
	transition: top 0.3s ease-in-out;
	z-index: 1 !important;
}

.midnightInner #menu-trigger {

}

/* DONT USE OR WORLD WILL BLOW */
/*.midnightHeader.invert {
	-webkit-filter: invert(1);
	filter: invert(1);
}*/

.midnightHeader.invert .bars .line {
	background-color: #000;
}

/*------------------------------------------------*/
/* Navigation
/*------------------------------------------------*/

/* Menu Panel */

#menu-pane {
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #323232;
	z-index: 1002;
	margin-top: 3%;
/*	margin-left: 3%;*/
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

#menu-pane.open {
	opacity: 1;
	margin-top: 0;
/*	margin-left: 0;*/
}

#menu-pane.closed {
	opacity: 0;
	margin-top: 3%;
/*	margin-left: 3%;*/
}

.menu-pane-left,
.menu-pane-right {
	height: 100%;
}

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

	.menu-pane-left {
		display: none;
	}

}

.menu-pane-right {
	overflow: scroll;
}

#menu-slider,
#menu-slides {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.menu-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
/*	min-height: 125px;*/
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
	/*display: none;*/
/*	-webkit-transform: scale(1.1);
	transform: scale(1.1);*/
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    opacity: 0;
    z-index: -1;
}

.menu-image-start {
	/*z-index: -1;*/
	opacity: 1;
}

.menu-image-hovered {
/*	-webkit-transform: scale(1);
	transform: scale(1);*/
	z-index: 1;
	opacity: 1;
}

.menu-pane-right {
	padding: 50px;
}

/* Main Menu */

#menu ul {
	display: block;
	list-style: none;
	margin-top: 50px;
	padding-left: 0;
}

#menu ul li {
	line-height: 1;
}

#menu ul li a {
	display: inline-block;
	padding: 0 0 25px;
	letter-spacing: 3px;
	font-size: 2vw;
	text-transform: uppercase;
	color: #fff;
}

@media only screen and (min-width: 1440px) {

	#menu ul li a {
		font-size: 24px;
	}

}

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

	#menu ul li a {
		font-size: 14px;
	}

}

#menu ul li a:hover,
#menu ul li a:focus {
	color: #c3ac42;
/*	-webkit-text-stroke-color: #ffffff;
	-webkit-text-fill-color: #ffffff;*/
}

/* Close Menu */

.pop-close {
	cursor: pointer;
	position: absolute;
    top: 15px;
    /*right: 30px;*/
    right: 21px;
}

.pop-close-circle {
	position: relative;
/*	position: absolute;
	content: "";*/
	height: 40px;
	width: 40px;
	/*border: 2px solid #f5eb46;*/
	border-radius: 50%;
}

.circle {
	position: absolute;
	top: 0;
	left: 0;
	stroke-dasharray: 126;
/*	stroke-dashoffset: 126;*/
/*	animation: out 1s forwards;*/
}

/*.pop-close-circle:hover .circle {
	animation: in 1s forwards;
}*/

@keyframes in {
  from {
    stroke-dashoffset: 126;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes out {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 126;
  }
}

.in {
	animation: in .3s forwards;
}

.out {
	animation: out .3s forwards;
}

.pop-close-lines {
	height: 25px;
	width: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.pop-close-lines:before,
.pop-close-lines:after {
    content: '';
    position: absolute;
    width: 25px;
    top: 12px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.pop-close-lines:before {
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pop-close-lines:after {
	-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}

@-webkit-keyframes spin {
	0%  {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}

.pop-close:hover {
	/*-webkit-animation: spin .75s .25 linear;*/
	    transform: rotate(90deg);
}

/*------------------------------------------------*/
/* Body
/*------------------------------------------------*/

/*body,
html {
	height: 100%;
}*/

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #333;
	/*font-family: 'Raleway', arial, sans-serif;
	font-weight: 300;*/
	font-family: 'proxima-nova', helvetica, arial, sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
	font-style: normal;
	font-size: 14px;
}

#page {
	/*position: relative;*/
	height: 100%;
/*	overflow: hidden;*/
}

#main {
	width: 100%;
	margin: auto;
	height: auto;
}

/*.scrollContainer {
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%
}

.scrollContainer {
	height: 100%;
	margin: auto;
}

#example-wrapper .scrollContent {
	height: 100%;
}

.horizontal.scrollContainer {
	overflow-y: hidden;
	overflow-x: scroll;
}

#example-wrapper.scrollContainer .scrollContent {
	width: 100%;
	height: auto;
}

#example-wrapper.scrollContainer.horizontal .scrollContent {
	width: auto;
	height: 100%;
}

#example-wrapper.horizontal {
	white-space: nowrap;
	font-size: 0;
}*/

/*------------------------------------------------*/
/* Page Templates
/*------------------------------------------------*/

/* Banners - Global */

#banner {
	position: relative;
}

.banner-image {
	height: 60vh;
	width: 100%;
	/*background-size: cover !important;*/
}

.banner-image-tall {
	height: 80vh;
	width: 100%;
}

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

	.banner-image {
		background-size: cover !important;
	}

}

.page-title {
	text-align: center;
    padding: 0 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/*opacity: 1;*/
	z-index: 3;
}

.page-title h1 {
	position: relative;
	margin: 0;
	color: #fff;
	font-size: 5vw;
	/*font-weight: 700;*/
	text-transform: uppercase;
	/*text-shadow: 0px 1px 3px rgba(0,0,0,.3);*/
	letter-spacing: 5px;
}


@media only screen and (min-width: 1440px) {

	.page-title h1 {
		font-size: 72px;
	}

}

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

	.page-title h1 {
		font-size: 38px;
	}

}


.page-title p {
	margin: 0;
	color: #fff;
	text-align: center;
}

.decorated-title,
.decorated-title-alt,
.decorated-title-fixed {
	/*text-align: center;*/
	position: relative;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 40px;
}

.half-line {
	display: block;
	content: "";
	width: 0%;
	height: 2px;
	background-color: #c3ac42;
	position: absolute;
	bottom: 0;
	margin-bottom: -15px;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

#services-list .half-line {
	background-color: #000;
}

.grow-half {
	width: 50%;
}

.full-line {
	display: block;
	content: "";
	width: 0%;
	height: 2px;
	background-color: #c3ac42;
	position: absolute;
	bottom: 0;
	/*margin-top: 75px;*/
	margin-bottom: -10px;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

.grow-full {
	width: 100%;
}

.fixed-line {
	display: block;
	content: "";
	width: 200px;
	height: 2px;
	background-color: #c3ac42;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-right: -50%;
	margin-bottom: -15px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

/* Sections - Global */

/*.section {
	min-height: 30vh;
}*/

.section-content {
	position: relative;
}

.section-inner {
	padding: 75px 50px;
	max-width: 1440px;
	margin: auto;
}

.page-section-inner {
	padding: 75px 50px;
	max-width: 1200px;
	margin: auto;
}

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

	.section-inner {
		padding: 50px 25px;
		margin: auto;
	}

	.page-section-inner {
		padding: 25px;
	}

	#section-testimonials .section-inner {
		padding: 35px 15px 25px;
	}

}

#section-left {
	padding-right: 7%;
}

#section-right h4 {
	text-transform: uppercase;
}

#section-right a {
	color: #000;
}

#section-right a:hover {
	color: #c3ac42;
}

#section-right ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.tilted {
    transform: rotate(90deg);
    transform-origin: left top;
    position: absolute;
    top: 0;
    left: 25px;
    white-space: nowrap;
/*	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}

.tilted h2 {
	transform: rotate(-180deg);
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 3px;
	word-spacing: 7px;
	/*color: #c3ac42;*/
	/*font-weight: 400;*/
}

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

	.tilted,
	.tilted h2 {
		position: relative;
		transform: rotate(0deg);
		left: 0;
		text-align: left;
		margin-bottom: 25px;
		font-size: 16px;
	}

}

/* Home Page Template */

#hero-slider {
	position: relative;
	/*overflow: hidden;*/
}

#hero-slides,
.hero {
	height: 100vh;
	width: 100%;
}

#hero-slides {
	position: relative;
	z-index: 1;
}

.promo {
	height: 100vh;
	width: 100%;
  	background-size: cover !important;
  	/*background-size: auto 127% !important;*/
/*	position: relative;
	height: 100%;
	width: 100%;
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;*/
/*	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;*/
}

#home-slider div {
	height: 100vh;
}

.instructor {
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	text-align: center;
}

.instructor .svg-arrow {
	margin-left: -5px;
}

.instructor p {
	color: #fff;
	margin-bottom: 15px;
/*	text-transform: uppercase;
	letter-spacing: 3px;*/
}

.mouse {
	width: 26px;
	height: 45px;
	border: 2px solid #fff;
	border-radius: 60px;
	position: relative;
	margin: auto;
}

.mouse:before {
	display: block;
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	top: 8px;
	background: #fff;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	opacity: 1;
	animation: mouse 2s infinite;
}

@keyframes mouse {
	from {
		opacity: 1;
		top: 8px;
	}
	to {
		opacity: 0;
		top: 30px;
	}
}

@-webkit-keyframes mouse {
	from {
		opacity: 1;
		top: 8px;
	}
	to {
		opacity: 0;
		top: 30px;
	}
}

#section-about {
	overflow: hidden;
}

#about-text {
	position: relative;
	/*max-width: 725px;*/
	max-width: 60%;
	z-index: 3;
}

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

	#about-text {
		max-width: 100%;
	}

}

#about-text h1 {
	margin-top: 0;
}

#about-text p {
	font-size: 1.2vw;
	line-height: 2em;
}

@media only screen and (min-width: 1440px) {

	#about-text p {
		font-size: 17px;
	}

}

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

	#about-text p {
		font-size: 12px;
	}

}

#fixture {
	position: absolute;
	top: -75px;
	/*right: 125px;*/
	right: 10%;
	z-index: 2;
}

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

	#fixture {
		display: none;
	}

}

.oh-no {
	text-align: center;
	position: absolute;
	margin-top: 15px;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.oh-no p {
	margin: 0;
	padding: 0;
}

@-webkit-keyframes swing {
    0% { 
    	transform: rotate(0deg); 
    }
    100% {
    	transform: rotate(3deg);
    }
}

@keyframes swing {
    0% {
    	transform: rotate(0deg);
    }
    100% {
    	transform: rotate(3deg);
    }
}

.swing {
	position: relative;
	float: left;
    z-index: 2;
    transform-origin: center -20px;
}

.swing.over {
	animation: swing ease-in-out 1s infinite alternate;
}

.swing.out {
	animation-play-state: paused;
}

.swing img {
    display: block;
    max-width: 225px;
    /*max-width: 15vw;*/
    cursor: pointer;
}

@-webkit-keyframes glow {
  from {
    box-shadow: 0 0 10px 7px #fff, 0 0 20px 7px #fff, 0 0 30px 7px #fdffe0, 0 0 40px 7px #fdffe0, 0 0 50px 7px #fdffe0, 0 0 60px 7px #fdffe0, 0 0 70px 7px #fdffe0;
  }
  to {
    box-shadow: 0 0 20px 10px #fff, 0 0 30px 10px #fdffe0, 0 0 40px 10px #fdffe0, 0 0 50px 10px #fdffe0, 0 0 60px 10px #fdffe0, 0 0 70px 10px #fdffe0, 0 0 80px 10px #fdffe0;
  }
}

@keyframes glow {
  from {
    box-shadow: 0 0 10px 7px #fff, 0 0 20px 7px #fff, 0 0 30px 7px #fdffe0, 0 0 40px 7px #fdffe0, 0 0 50px 7px #fdffe0, 0 0 60px 7px #fdffe0, 0 0 70px 7px #fdffe0;
  }
  to {
    box-shadow: 0 0 20px 10px #fff, 0 0 30px 10px #fdffe0, 0 0 40px 10px #fdffe0, 0 0 50px 10px #fdffe0, 0 0 60px 10px #fdffe0, 0 0 70px 10px #fdffe0, 0 0 80px 10px #fdffe0;
  }
}

.glow {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	margin-top: 45px;
	margin-left: 2px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 1px;
	width: 1px;
	border-radius: 50%;
	background-color: #fdffe0;
	z-index: 3;
	-webkit-animation: glow 1.5s ease-in-out infinite alternate;
	-moz-animation: glow 1.5s ease-in-out infinite alternate;
	animation: glow 1.5s ease-in-out infinite alternate;
}

#section-services {
	overflow: hidden;
	background-color: #323232;
}

#section-services .section-inner {
	padding: 50px 50px 15px;
}

#services-slider {
	position: relative;
	margin-right: -65px;
	height: 100%;
	/*z-index: 2;*/
}

.disappear {
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.appear {
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.before:before {
	display: block;
	content:"";
	height: 100%;
	width: 100%;
	background-color: #f9f9f9;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -100%;
	z-index: 3;
}

#services-slides .slick-list {
	overflow: visible !important;
}

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

@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

#section-projects .section-inner {
	text-align: center;
}

#section-testimonials {
	background-color: #323232;
/*	background: linear-gradient(270deg, #323232, #4e4e4e);
	background-size: 200% 200%;
	-webkit-animation: AnimationName 30s ease infinite;
	-moz-animation: AnimationName 30s ease infinite;
	animation: AnimationName 30s ease infinite;*/
}

#testimonial-slider {
	/*max-width: 1000px;*/
	max-width: 75%;
	margin: auto;
	position: relative;
	margin-bottom: 35px;
}

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

	#testimonial-slider {
		margin-bottom: 0;
	}

}

#testimonial-slider .custom_paging {
	bottom: -60px;
}

.testimonial {
	text-align: center;
}

.testimonial-quote p {
	font-size: 1.7vw;
	line-height: 1.7em;
	color: #f0f0f0;
}

@media only screen and (min-width: 1440px) {

	.testimonial-quote p {
		font-size: 25px;
	}

}

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

	.testimonial-quote p {
		font-size: 12px;
	}

}

.testimonial-quoted h4 {
	display: inline-block;
	position: relative;
	color: #c3ac42;
	/*font-size: 1.7vw;*/
	margin: 0;
	margin-top: 35px;
	margin-bottom: 30px;
	padding: 0 25px;
}

.testimonial-quoted h4:before,
.testimonial-quoted h4:after {
	display: block;
	content: "";
	width: 25%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 0;
	margin-top: .75em; /* 1/2 of line-height */
	opacity: .1;
}

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

	.testimonial-quoted h4:before,
	.testimonial-quoted h4:after {
		display: none;
	}

}

.testimonial-quoted h4:before {
	left: 0;
	margin-left: -25%;
}

.testimonial-quoted h4:after {
	right: 0;
	margin-right: -25%;
}

/* About Page Template */

#team-inner .decorated-title {
	padding-left: 50px;
	margin-bottom: 25px;
}

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

	#team-inner.section-inner {
		padding: 25px 0px !important;
	}

/*	#team-inner .decorated-title {
		padding-left: 25px;
	}*/

}

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

	#team-inner.section-inner {
		padding: 25px !important;
	}

	#team-inner .decorated-title {
		padding-left: 0px;
	}

}

.people {
	position: relative;
	/*margin-bottom: 100px;*/
	padding-top: 5vh;
	padding-bottom: 5vh;
	height: 100%;
	width: 100%;
}

.people:first-of-type {
	padding-top: 0;
}

.people:last-of-type {
	padding-bottom: 0;
}

.people-left {
	/*margin-left: -50px;*/
	/*margin-bottom: 25px;*/
	/*margin-right: -25px;*/
/*	position: absolute;
	top: 0;
	left: 0;
	height: 100%;*/
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	margin-left: 50px;
	/*width: 75%;*/
}

.people:nth-of-type(even) .people-left {
	float: right;
	right: 0;
	left: auto;
	margin-left: 0;
	margin-right: 50px;
}

.people:nth-of-type(even) .people-right {
	float: left;
	left: 0;
	right: auto;
	margin-left: 50px;
	margin-right: 0;
}

/*.people-holder {
	display: inline-block;
	position: relative;
}

.people-holder img {
	position: relative;
	z-index: 1;
}*/

.people-holder img {
	margin-right: -50px;
}

.overlay-push {
	position: absolute;
	top: 0;
	/*right: -20px;*/
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #f9f9f9;
	/*background-color: #c3ac42;*/
	/*opacity: .9;*/
	/*background-blend-mode: multiply;*/
	z-index: 3;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.shrink {
	width: 0%;
}

/*.overlay-push:before {
    background: inherit;
    content: '';
    display: block;
    height: 100%;
    width: 20px;
    left: -10px;
    position: absolute;
    transform: skewX(-3deg);
    transform-origin: 100%;
    z-index: -1;
}*/

.people-position-short {
	position: absolute;
	bottom: 5%;
	left: 11%;
	margin: 0;
	/*color: #c3ac42;*/
	color: #fff;
	text-shadow: 0px 0px 1px rgba(0,0,0,.3);
	z-index: 2;
}

.people-position-long {
	margin-bottom: 30px;
}

.people-right {
/*	padding-right: 7%;
	padding-left: 3%;*/
	/*margin-left: -25px;*/
	/*position: absolute;*/
	/*left: -10%;*/
	/*top: 0%;*/
/*	top: 0;
	right: 0;*/
	position: absolute;
	top: 0;
	right: 0;
	height: auto;
	width: 50%;
	padding: 5%;
	background-color: #323232;
	z-index: 3;
	margin-right: 50px;
}

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

	.faker {
		display: none;
	}

	.people-left {
		position: relative;
		margin-left: 0;
		top: auto;
		left: auto;
	}

	.people-right {
		position: relative;
		margin-right: 0;
		top: auto;
		left: auto;
		width: 100%;
		background: #fff;
		padding: 25px 0 0 0;
	}

	.people:nth-of-type(even) .people-left {
		float: none;
		right: auto;
		left: auto;
		margin-left: 0;
		margin-right: 0;
	}

	.people:nth-of-type(even) .people-right {
		float: none;
		left: auto;
		right: auto;
		margin-left: 0;
		margin-right: 0;
	}

}

.people-right h3 {
	margin-top: 0px;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	/*color: #000;*/
	font-size: 2vw;
}

.people-right h4 {
	margin-top: 0;
/*	color: #bbb;
	color: #000;*/
/*	color: #fff;*/
	color: #c3ac42;
}

.people-right p {
	color: #eee;
	font-size: 1.25vw;
}

@media only screen and (min-width: 1440px) {

	.people-right h3 {
		font-size: 29px;
	}

	.people-right p {
		font-size: 18px;
	}

}

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

/*	.people-right {
		padding: 0 25px;
	}*/

	.people-right h3 {
		color: #c3ac42;
		font-size: 16px;
	}

	.people-right h3 {
		color: #000;
		font-size: 16px;
	}

	.people-right p {
		color: #000;
		font-size: 12px;
	}

}

#join-inner {
	margin-bottom: 50px;
}

/*------------------------------------------------*/
/* Custom Post Types
/*------------------------------------------------*/

/* Intros - Global */


/* Loop through possible WYSIWIG text elements  - headings, paras, etc. */
.fadeinup,
#intro h1,
#intro h2,
#intro h3,
#intro h4,
#intro h5,
#intro h6,
#intro p,
#intro ul,
#intro ol,
#intro hr,
#intro button,
#contact ul.gform_fields li,
#contact .gform_footer input {
    opacity: 0;
	-webkit-transform: translateY(25px);
	-moz-transform: translateY(25px);
	-ms-transform: translateY(25px);
	-o-transform: translateY(25px);
	transform: translateY(25px);
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

.fadeinup.visible,
#intro h1.visible,
#intro h2.visible,
#intro h3.visible,
#intro h4.visible,
#intro h5.visible,
#intro h6.visible,
#intro p.visible,
#intro ul.visible,
#intro ol.visible,
#intro hr.visible,
#intro button.visible,
#contact ul.gform_fields li.visible,
#contact .gform_footer input.visible {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.fadein {
    opacity: 0;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

.fadein.visible {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

#intro-inner {
	padding: 75px 50px;
}

#intro-inner h2 {
	font-size: 3vw;
}

#intro-inner p,
.section-subheading p {
	font-size: 1.5vw;
}

@media only screen and (min-width: 1440px) {

	#intro-inner h2 {
		font-size: 44px;
	}

	#intro-inner p,
	.section-subheading p {
		font-size: 22px;
	}

}

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

	#intro-inner {
		padding: 25px 25px;
	}

	#intro-inner h2 {
		font-size: 23px;
	}

	#intro-inner p,
	.section-subheading p {
		font-size: 12px;
	}

}

/* Services */

.service  {
	position: relative;
	margin-bottom: 8%;
	/*padding-bottom: 50px;*/
	z-index: 1;
}

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

	.service  {
		margin-bottom: 50px;
	}

}

/*ol {
	list-style: none;
	counter-reset: my-awesome-counter;
	height: 100%;
	margin: 0;
	padding: 0;
}

ol li {
	position: relative;
	counter-increment: my-awesome-counter;
}

ol li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "0" counter(my-awesome-counter);
	font-weight: bold;
	color: #c3ac42;
	font-size: 10vw;
	line-height: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

ol li:hover::before {
	transform: scale(1.04);
}

ol li:nth-of-type(3) h3 {
	word-break: break-all;
}*/

.decorated-number {
	font-weight: bold;
	color: #c3ac42;
	font-size: 10vw;
	line-height: 1;
	margin: 0;
	padding: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.service:hover .decorated-number {
	transform: scale(1.04);
}

.service-title {
	position: absolute;
	top: 65%;
	left: 0;
	/*max-width: 300px;*/
	max-width: 75%;
	padding-left: 9%;
	font-size: 2.2vw;
	color: #fff;
}

.service-title .half-line {
	background-color: #000;
}

@media only screen and (min-width: 1440px) {

	.decorated-number {
		font-size: 144px;
	}

	.service-title {
		font-size: 32px;
	}

}

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

	.service-title {
		font-size: 12px;
	}

}

/*.service-holder {
	display: inline-block;
	width: 100%;
	position: relative;
	background: transparent;
}

.service-holder:before {
	content:"";
	display: block;
	padding-top: 47.169811%;
}*/

.service:hover {
	z-index: 100 !important;
}

.flip-x {
	
}

.flip-x .front,
.flip-x .back {
	/*height: 28vh !important;*/
	min-height: 200px;
	padding: 25px;
/*	box-shadow: 1px 0px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 1px 0px 5px rgba(0,0,0,.05);*/
}

.flip-x .front {
	background: #fff;
}

.flip-x .back {
	background: #323232;
}

.flip-x .back p {
	color: #fff;
}

.flip-x .front h3,
.flip-x .front i,
.flip-x .back p {
	transform-style: preserve-3d;
	transform: translateZ(50px);
	margin-left: 25px;
/*	transform: translateZ(50px) translateY(-50%) translateX(-50%);
	position: absolute;
    top: 50%;
    left: 50%;*/
}

.front .service-icon {
	margin-left: -10px;
}

.service-icon {
	position: relative;
	margin-bottom: 15px;
}

.service-icon i {
	font-size: 46px;
	color: #bbb;
}

/*.service-title:after {
	display: block;
	content: "";
	width: 20%;
	height: 2px;
	background-color: #c3ac42;
	position: absolute;
	bottom: 0;
	margin-bottom: -15px;
}*/

.service-description {
}

.page-template-archive-services #intro {
	margin-top: 25px;
	margin-bottom: -25px;
	text-align: center;
}

/*.page-template-archive-services #intro p {
	font-size: 1.7;
}*/

.service-single {
	margin-bottom: 8%;
}

/*.service-single h3 {
	text-transform: uppercase;
	font-size: 2vw;
	letter-spacing: 2px;
}

@media only screen and (min-width: 1440px) {

	.service-single h3 {
		font-size: 29px;
	}

}

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

	.service-single h3 {
		font-size: 15px;
	}

}*/

/*.service-single .service-inner {
	padding-right: 5%;
}*/

/* Processes */

#processes h2 {
	margin-top: -25px;
}

.process {
	position: relative;
	max-width: 767px;
	margin: auto;
	margin-bottom: 8%;
}

.process .decorated-number {
	position: absolute;
	top: 10px;
	left: 0;
	opacity: .2;
	z-index: 0;
}

/*.process h3 {
	text-transform: uppercase;
    font-size: 2vw;
    letter-spacing: 2px;
}

.process p {
	text-align: left;
}*/

#turnkeys {
	background-color: #f0f0f0;
}

.turnkey {
	margin-bottom: 50px;
}

.turnkey img {
	display: block;
	max-width: 175px;
	margin: auto;
	border-radius: 50%;
	box-shadow: 1px 0px 5px rgba(0,0,0,.07);
	-webkit-box-shadow: 1px 0px 5px rgba(0,0,0,.07);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.turnkey img:hover {
	transform: scale(1.04);
}

.turnkey-title {
	text-align: center;
	max-width: 150px;
	margin: auto;
	margin-top: 15px;
}

/* Portfolio */

#projects {
	margin-top: -75px;
}

#portfolio-categories-nav {
	width: 100%;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}

#portfolio-categories-nav ul {
	list-style: none;
	padding: 0;
}

#portfolio-categories-nav ul li {
	display: inline-block;
	padding: 0 10px;
}

#portfolio-categories-nav ul li a {
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000;
}

#portfolio-categories-nav ul li a:hover {
	color: #c3ac42;
}

#portfolio-categories-nav ul li.active a {
	color: #c3ac42;
	/*font-weight: 700;*/
}

.project {
	position: relative;
	/*margin-bottom: 5%;*/
	margin-bottom: 40px;
	/*overflow: hidden;*/
}

/*.project:nth-of-type(even) {
	margin-top: 25px;
}*/

.project-image,
.project-image-single {
	position: relative;
	display: inline-block;
}

.project-thumb {
	opacity: 1;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

.project:hover .project-thumb {
	opacity: .3;
}

.project-cover {
	opacity: 0;
	position: absolute;
	top: 10%;
	left: -10%;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	z-index: 2;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

.project:hover .project-cover {
	opacity: 1;
	top: 0;
	left: 0;
}

.project-box {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
}

.box-holder {
	position: relative;
	display: block;
	background-color: transparent;
	width: 75px;
	height: 120px;
/*	width: 100%;
	height: 100%;*/
	/*padding-top: 62.5%;*/
}

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

	.box-holder {
		width: 50px;
		height: 80px;
	}

}

.box-top,
.box-bottom,
.box-left,
.box-right {
	position: absolute;
	background-color: #c3ac42;
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.box-top,
.box-bottom {
	height: 2px;
	width: 0%;
}

.box-top {
	top: 0;
	left: 0;
}

.box-bottom {
	bottom: 0;
	right: 0;
}

.box-left,
.box-right {
	height: 0%;
	width: 2px;
}

.box-left {
	bottom: 0;
	left: 0;
}

.box-right {
	top: 0;
	right: 0;
}

.project:hover .box-top,
.project:hover .box-bottom {
	width: 100%;
	opacity: 1;
}

.project:hover .box-left,
.project:hover .box-right {
	height: 100%;
	opacity: 1;
}

.project-info {
	opacity: 0;
	text-align: center;
	padding: 50px;
	position: absolute;
	top: 45%;
	left: 55%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 3;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

.project:hover .project-info {
	opacity: 1;
	top: 50%;
	left: 50%;
}

.project-info h3 {
	color: #fff;
	/*color: #c3ac42;*/
	font-size: 2vw;
	text-transform: uppercase;
	margin: 0;
}

.project-info h4 {
	/*margin: 5px 0 0;*/
	margin: 0px;
	font-size: 1.5vw;
	/*color: #c3ac42;*/
	color: #bbb;
	/*color: #000;*/
}

@media only screen and (min-width: 1440px) {

	.project-info h3 {
		font-size: 29px;
	}

	.project-info h4 {
		font-size: 22px;
	}

}

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

	.project-info h3 {
		font-size: 15px;
	}

	.project-info h4 {
		font-size: 12px;
	}

}

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

	.project:nth-of-type(even) {
		margin-top: 0;
	}

}

#project {
	margin-top: -50px;
}

#project-inner {
	position: relative;
}

.single-portfolio .banner-image,
.error404 .banner-image {
	height: 65vh;
	/*background-size: cover !important;*/
}

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

	.single-portfolio .banner-image,
	.error404 .banner-image {
		height: 55vh;
	}

}

.single-portfolio #intro h1 {
	font-size: 3vw;
	text-transform: uppercase;
	margin: 0;
	color: #c3ac42;
	text-align: center;
	/*letter-spacing: 3px;*/
}

.single-portfolio #intro h2 {
	font-size: 2vw;
	/*text-transform: uppercase;*/
	margin-top: 10px;
	margin-bottom: 50px;
	text-align: center;
}

.single-portfolio #intro p {
	font-size: 1.3vw;
}

ul.portfolio-details {
	list-style: none;
	padding: 0;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 15px;
/*	margin-top: 40px;
	margin-bottom: 25px;*/
}

.portfolio-details li {
	display: inline-block;
	text-align: center;
	padding-right: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
	/*letter-spacing: 2px;*/
	color: #bbb;
	font-size: 1.2vw;
}

.portfolio-details li:last-of-type {
	padding-right: 0;
}


@media only screen and (min-width: 1440px) {

	.single-portfolio #intro h1 {
		font-size: 44px;
	}

	.single-portfolio #intro h2 {
		font-size: 29px;
	}

	.single-portfolio #intro p {
		font-size: 19px;
	}

	.portfolio-details li {
		font-size: 17px;
	}

}

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

	.single-portfolio #intro {
		padding-top: 25px;
	}

	.single-portfolio #intro h1 {
		font-size: 23px;
	}

	.single-portfolio #intro h2 {
		font-size: 15px;
	}

	.single-portfolio #intro p {
		font-size: 12px;
	}

	.portfolio-details li {
		font-size: 12px;
		padding-bottom: 25px;
	}

}

.detail-heading {
	/*color: #c3ac42;*/
	color: #000;
	text-transform: uppercase;
	letter-spacing: 2px;
	/*font-weight: 700;*/
	display: block;
	margin-bottom: 7px;
	/*margin-right: 10px;*/
}

.project-image-single {
	margin-bottom: 25px;
}

.project-image a,
.project-image-single a {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

.project-image-single:nth-of-type(3n+2) {
	float: left;
	width: 50%;
	padding-right: 12.5px;
}

.project-image-single:nth-of-type(3n+3) {
	float: right;
	width: 50%;
	padding-left: 12.5px;
}

.project-image-single:nth-of-type(3n+4) {
	clear: both;
}

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

	.project-image-single:nth-of-type(3n+2),
	.project-image-single:nth-of-type(3n+3) {
		float: none;
		width: 100%;
	}

	.project-image-single:nth-of-type(3n+2) {
		padding-right: 0;
	}

	.project-image-single:nth-of-type(3n+3) {
		padding-left: 0;
	}

}

.project-nav {
	margin-top: 25px;
}

.project-nav a {
	color: #000;
}

.project-nav a:hover {
	color: #c3ac42;
}

.project-nav-left,
.project-nav-right {
	position: relative;
}

.project-nav-left {
	
}

.project-nav-right {
	text-align: right;
}

.project-nav .svg-arrow{
	margin-bottom: -3px;
}

.project-nav-left span,
.project-nav-right span {
	display: inline-block;
}

.project-nav-left span {
	padding-left: 15px;
}

.project-nav-right span {
	padding-right: 15px;
}

/* Offices */

/*.page-template-archive-offices #page-content {
	background-color: #f0f0f0 !important;
}*/

#offices {
	max-width: 1200px;
	margin: auto;
}

.office {
	position: relative;
	margin-bottom: 5%;
}

.sun,
.moon {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background-color: transparent;
	position: absolute;
	bottom: 25px;
	right: 25px;
	-webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.sun {
	display: none;
	border: 2px solid #c3ac42;
}

/*.sun:hover {
	background-color: #c3ac42;
}*/

.night .sun {
	display: none;
}

.moon {
	display: none;
	border: 2px solid #fff;
}

/*.moon:hover {
	background-color: #fff;
}*/

.night .moon,
.day .sun {
	display: block;
}

.office-inner.night {
	background-color: #000;
}

.office-inner.night h2,
.office-inner.night h3,
.office-inner.night p {
	color: #fff;
}

.office-abbreviation {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 3.3vw;
	line-height: 1.2em;
	letter-spacing: 5px;
}

@media only screen and (min-width: 1440px) {

	.office-abbreviation {
		font-size: 48px;
	}

}

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

	.office-abbreviation {
		font-size: 26px;
	}

}

/*.office-abbreviation:after {
	display: block;
	content: "";
	width: 85px;
	height: 2px;
	background-color: #c3ac42;
	position: absolute;
	bottom: 0;
	margin-top: 75px;
}*/

.office-location {
	margin-top: 35px;
	color: #bbb;
}

#map {
	position: relative;
}

#google-map {
	position: relative;
	height: 75vh;
	width: 100%;
	background-color: #f9f9f9;
	z-index: 1;
}

/* Awards */

#associations {
	margin-top: 50px;
}

.association {
	position: relative;
	height: 100%;
}

.association-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	/*flex-direction: row;*/
	flex-wrap: wrap;
}

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

	.association {
		width: 100%;
		margin-bottom: 50px;
	}

}

.award-logo {
/*	flex-grow:0;
    flex-shrink:0;*/
	/*height: auto;*/
	max-height: 155px;
	/*width: 100%;*/
	max-width: 225px;
	opacity: 1;
	filter: grayscale(100%) brightness(0%) contrast(2);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.association a:hover .award-logo {
	/*transform:scale(1.01);*/
	opacity: .3;
}

.award-name {
	position: relative;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0;
	margin-top: 25px;
	margin-bottom: 0;
	padding-top: 25px;
}

.award-name:before {
	display: inline-block;
	content: "";
	width: 85px;
	height: 2px;
	background-color: #c3ac42;
	position: absolute;
	top: 0;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#awards {
	/*margin-top: -25px;*/
	margin-bottom: 50px;
}

.award {
	margin-bottom: 5%;
}

.award h3 {
	text-transform: uppercase;
	color: #c3ac42;
	font-size: 2vw;
	letter-spacing: 2px;
}

@media only screen and (min-width: 1440px) {

	.award h3 {
		font-size: 29px;
	}

}

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

	.award h3 {
		font-size: 15px;
	}

}

.award p,
.award a {
	color: #bbb;
}

.award a:hover {
	color: #000;
}

.award-single {
	text-align: center;
	margin-bottom: 3%;
}

.award-single:last-of-type {
	margin-bottom: 0;
}

.award-single-title {
	text-align: center;
}

.award-single-type {
	text-transform: uppercase;
	color: #c3ac42;
	letter-spacing: 2px;
}

.award-single-name a {
	color: #000;
}

.award-single-name a:hover {
	color: #bbb;
}

/* Contact */

#contact {
	/*margin-top: -50px;*/
}

#pardot-wrapper {
	height: 550px;
}

#pardot-wrapper > iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}

/* Publications */

#publications {
	margin: 50px 0;
}

.publication {
	margin-bottom: 50px;
}

.publication h4 {
	margin-top: 0;
}

.publication-holder {
	position: relative;
}

.publication-image {
	margin-bottom: 25px;
}

.publication-date {
	position: absolute;
	bottom: 10px;
	left: 0;
	background: #fff;
	padding: 5px 15px;
}

.publication-date p {
	margin: 0;
	padding: 0;
	color: #000;
}

.publication-publisher {
	text-transform: uppercase;
	color: #c3ac42;
	letter-spacing: 2px;
	margin: 0;
	padding: 0 0 10px;
}

ul.publications-related li {
	margin-bottom: 10px;
}

/* Careers */

#section-values {
	background-color: #323232;
}

.block-heading,
.section-title {
	margin-top: 0px;
}

.section-subheading p {
	padding-right: 3%;
}

#section-values h2,
#section-values p {
	color: #fff;
}

.value-block {
	margin-bottom: 50px;
}

.value-block ul,
.benefit-block ul {
	padding-left: 20px;
}

.value-block ul li,
.benefit-block ul li {
	padding-bottom: 5px;
}

.block-icon {
	width: 100%;
	max-width: 50px;
	margin-bottom: 25px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition:  all .2s ease-in-out;
	-o-transition:  all .2s ease-in-out;
	transition:  all .2s ease-in-out;
}

.block-icon:hover,
.block-icon:focus {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.block-heading {
	text-transform: uppercase;
	color: #c3ac42;
}

.benefit-block {
	margin-bottom: 15px;
}

.benefit-block-inner {
	padding: 10%;
	min-height: 350px;
	background-color: #f9f9f9;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition:  all .2s ease-in-out;
	-o-transition:  all .2s ease-in-out;
	transition:  all .2s ease-in-out;
}

/*.benefit-block:hover .benefit-block-inner,
.benefit-block:focus .benefit-block-inner {
	background-color: #f7f7f7;
	-moz-box-shadow: 0px 3px 15px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 3px 15px rgba(0,0,0,.2);
	box-shadow: 0px 3px 15px rgba(0,0,0,.2);
}*/

#careers-slider {
	position: relative;
	overflow: hidden;
}

#careers-slides {
	z-index: 2;
}

.gallery-item {
	background-color: #000;
}

#careers-slides .slick-slide {
	padding: 25px 15px;
}

#careers-slides .slick-slide img {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition:  all .2s ease-in-out;
	-o-transition:  all .2s ease-in-out;
	transition:  all .2s ease-in-out;
}

#careers-slides .slick-slide:hover img,
#careers-slides .slick-slide:focus img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

/*------------------------------------------------
/* Footer
/*------------------------------------------------*/

#footer {
	background-color: #323232;
	padding: 50px 75px;
}

#footer p {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	color: #fff;
}

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

	#footer {
		padding: 50px 25px;
	}

	#footer p {
		font-size: 12px;
	}

}

.footer-center {
	margin: auto;
	max-width: 775px;
	margin-top: 50px;
	margin-bottom: 50px;
}

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

	.footer-center {
		margin-top: 15px;
		margin-bottom: 15px;
	}

}

.footer-center-left {
	text-align: right;
}

/*.footer-center-right {
	text-align: left;
}*/

.footer-center-left p,
.footer-center-right p {
	padding-top: 23%;
}

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

	.footer-center-left p,
	.footer-center-right p {
		padding-top: 0%;
	}

}

/* Social Icons */

.social-icons {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
}

.social-icons li {
	display: inline-block;
	padding-right: 25px;
}

.social-icons li:last-of-type {
	padding-right: 0px;
}

.social-icons li a {
	color: #777;
	-webkit-transition: all .2s ease;
	-moz-transition: all.2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.social-icons li a i {
	font-size: 16px;
	-webkit-transition: all .2s ease;
	-moz-transition: all.2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.social-icons a:hover,
.social-icons a:focus {
	color: #c3ac42;
}

.social-icons a:hover i,
.social-icons a:focus i {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.site-credits {
	text-align: center;
	/*color: #bbb !important;*/
}

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

	.site-copyright,
	.site-reserved {
		text-align: center;
	}

}

/* Footer Logo */

.footer-logo {
	display: block;
	max-width: 75px;
	margin: auto;
}

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

	.footer-logo {
		margin-top: 25px;
		margin-bottom: 25px;
		max-width: 50px;
	}

}

/* Footer Menu */

#menu-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#menu-footer ul li {
	display: inline-block;
	padding-right: 2%;
}

#menu-footer ul li:last-of-type {
	padding-right: 0;
}

#menu-footer ul li a {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #777;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

#menu-footer ul li a:hover,
#menu-footer ul li a:focus {
	color: #c3ac42;
}

/*------------------------------------------------*/
/* Blog
/*------------------------------------------------*/

/* Archives, Categories, Tags */

.tooltip-word {
	background-color: #c3ac42;
	padding: 1px 5px;
}

.widget {
	margin-bottom: 40px;
}

.widget h4 {
	/*color: #c3ac42;*/
	display: inline-block;
	position: relative;
	margin-top: 0;
	margin-bottom: 40px;
	text-transform: uppercase;
}

/*.widget h4:after {
	display: block;
	content: "";
	width: 50%;
	height: 2px;
	background-color: #c3ac42;
	position: absolute;
	bottom: 0;
	margin-bottom: -15px;
}*/

.widget a {
	color: #000;
}

.widget a:hover {
	color: #c3ac42;
}

.widget ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.posts-filter select {
	width: 100%;
	max-width: 200px;
}

.select2-container {
	float: right;
	margin-bottom: 3% !important;
}

.search-counter {
	text-align: right;
	margin-bottom: 25px;
}

/* WP Caption Override */

.wp-caption img,
.wp-caption {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Posts - "Stories" */

.post-img-container,
.post-img {
	position: relative;
	display: inline-block;
	margin-top: 7px;
	margin-bottom: 7px;
	/* Duplicated in case DOM loading sucks */
/*	max-width: calc(100% + 50px);
	margin-left: -50px;*/
}

.post-img-container {
/*	max-width: calc(100% + 75px);
	margin-left: -75px;*/
}

.post-img {
	/*margin-bottom: 15px;*/
    z-index: 1;
}

.wp-caption-text {
	margin-top: 15px;
	margin-bottom: 35px;
}

.page-filters {
	padding: 25px 10px;
}

.page-filters .dropbox {
	max-width: 300px;
	margin: auto;
	border-bottom: 2px solid #000;
}

.story {
	margin-bottom: 3%;
}

/*.story:nth-child(3n+2) {
	margin-top: 25px;
}

.story:nth-child(3n+3) {
	margin-top: 50px;
}

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

	.story:nth-child(3n+2),
	.story:nth-child(3n+3) {
		margin-top: 0;
	}

	.story:nth-of-type(even) {
		margin-top: 25px;
	}

}

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

	.story:nth-of-type(even) {
		margin-top: 0;
	}

}*/

.story-top {
	position: relative;
	z-index: 1;
}

.story-image {
	position: relative;
}

.post-image {
	/*height: 100%;*/
	/*min-height: 250px;*/
/*	min-height: 33vh;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 1;*/
}

.overlay-color {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.3);
	z-index: 2;
	pointer-events: none;
}

.story-date {
	margin: 0;
	padding: 0;
	color: #fff;
	position: absolute;
	top: 25px;
	right: 25px;
	/*top: 50%;
	left: 50%;
	margin-right: -50%;
	margin-top: -15px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
	z-index: 3;
}

.story-date-full {
	color: #c3ac42;
}

.separator {
	display: inline-block;
	content:"";
	height: 1px;
	width: 15px;
	background-color: #fff;
	margin: 0 10px;
	margin-bottom: 5px;
}

.story-bottom {
	position: relative;
	margin-top: -50px;
	width: 93%;
/*	-webkit-transition: margin-top .1s ease-in-out;
	-moz-transition: margin-top .1s ease-in-out;
	-ms-transition: margin-top .1s ease-in-out;
	-o-transition: margin-top .1s ease-in-out;
	transition: margin-top .1s ease-in-out;*/
	transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1);
	-webkit-transition: opacity .45s cubic-bezier(0.25,1,0.33,1),-webkit-transform .45s cubic-bezier(0.25,1,0.33,1);
	z-index: 2;
}

.story:hover .story-bottom {
	/*margin-top: -55px;*/
	-ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

.story-bottom-inner {
	background: #fff;
	padding: 25px;
}

.story-category {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.story-category a {
	color: #bbb;
}

.story-title {
	margin-bottom: 25px;
}

/*.post-category {
	text-align: right;
}

.post-heading {
	background: #fff;
	text-align: center;
	padding: 25px 50px 10px;
}

.post-heading h1 {
	font-size: 42px;
	line-height: 1em;
	margin-top: 25px;
	margin-bottom: 25px;
}*/

/* Pagination */

.pagination {
	text-align: center;
	padding: 0 15px 50px;
}

.page-numbers,
.prev,
.next {
	color: #000;
	padding: 0 7px;
	font-size: 18px;
	-webkit-appearance: none;
}

.prev {
	text-align: left;
}

.page-numbers {
	text-align: center;
}

.next {
	text-align: right;
}

.page-numbers:hover,
.page-numbers:focus,
.prev:hover,
.prev:focus,
.next:hover,
.next:focus,
.page-numbers.current {
	color: #c3ac42;
}

/* Widgets */

.subscribe-box {
	position: relative;
	margin-top: 50px;
	background: #f9f9f9;
	padding: 10px 25px 15px;
}

.subscribe-box h3 {
	margin-bottom: 25px;
	z-index: 3;
}

.subscribe-back {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.subscribe-box iframe {
	height: 265px;
	width: 100%;
}

.subscribe-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: rgb(255,255,255);
	z-index: 2;
	opacity: .9;
}

.subscribe-form {
	position: relative;
	z-index: 3;
}

/* Share Share Links */

.social-share {
	position: absolute;
/*	bottom: 50px;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);*/
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 3;
}

.social-share p {
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
	text-shadow: 0px 0px 1px rgba(0,0,0,.3);
}

.social-link {
	position: relative;
	display: inline-block;
	height: 40px !important;
	width: 40px;
	margin-right: 7px;
}

.social-link:last-of-type {
	margin-right: 0;
}

.social-link span {
	position: relative;
	display: inline-block;
	/*border-radius: 50%;*/
	background-color: transparent;
	height: 40px;
	width: 40px;
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-ms-transition: background-color .2s ease;
	-o-transition: background-color .2s ease;
	transition: background-color .2s ease;
}

.social-link i {
	color: #fff;
	font-size: 16px;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);    
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

.social-link:hover span {
	background: #000;
}

.social-link:hover i {
	color: #fff;
}

.social-twitter:hover span {
	background: #1da1f2;
}

.social-facebook:hover span {
	background: #3b5998;
}

.project-share {
	position: absolute;
	top: 75px;
	right: 50px;
	/*float: right;*/
/*	display: inline-block;
	background: #fff;
	padding: 10px 15px 0px;*/
	margin-top: 25px;
	margin-right: 25px;
	/*margin-bottom: 15px;*/
	z-index: 1001;
}

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

	.project-share {
		top: 50px;
		right: 50px;
	}

}

.project-share-text {
	text-align: center;
	margin: 0;
/*	float: left;
	padding-right: 10px;
	line-height: 40px;*/
}

.social-pinterest:hover span,
.project-share .social-pinterest span {
	background: #c8232c;
}

.social-houzz:hover span {
	background: #73ba37;
}

.social-linkedin:hover span {
	background: #0077B5;
}

/*.social-email:hover span {
	background: #bbb;
}*/

/* Call to Action */

#cta {
	position: relative;
	margin: 25px auto 0;
	width: 100%;
	height: 250px;
	background-color: #333;
}

.cta-image {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.cta-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: rgb(0,0,0);
	z-index: 2;
	opacity: .3;
}

.cta-content {
	padding: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
}

.cta-description {
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-bottom: 25px;
	max-width: 767px;
}

.cta-button {
	text-align: center;
}

.post-button a,
.cta-button a {
	display: inline-block;
    padding: 0 25px !important;
    width: auto;
    max-width: 100%;
}

/* Author */

#post-author {
	background: #fff;
	padding: 25px 50px;
	margin: 25px auto;
}

/*.author_bio_section{
	background: none repeat scroll 0 0 #F5F5F5;
	padding: 15px;
	border: 1px solid #ccc;
}*/

.author_name{
	font-weight: bold;
	margin-bottom: 25px;
}

.author_details img {
	border-radius: 50%;
	float: left;
	margin: 0 25px 15px 0;
}

/* Post Links */

.prev-post,
.next-post {
	overflow: hidden;
}

.post-box {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	/*padding: 5%;*/
	padding: 25px;
	z-index: 3;
}

.post-box .box-holder {
	position: relative;
	display: block;
	background-color: transparent;
	width: 100%;
	height: 100%;
/*	width: 100%;
	height: 100%;*/
	/*padding-top: 62.5%;*/
}

.post-box .box-holder .box-top,
.post-box .box-holder .box-bottom,
.post-box .box-holder .box-left,
.post-box .box-holder .box-right {
	position: absolute;
	background-color: #c3ac42;
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.post-box .box-holder .box-top,
.post-box .box-holder .box-bottom {
	height: 2px;
	width: 0%;
}

.post-box .box-holder .box-top {
	top: 0;
	left: 0;
}

.post-box .box-holder .box-bottom {
	bottom: 0;
	right: 0;
}

.post-box .box-holder .box-left,
.post-box .box-holder .box-right {
	height: 0%;
	width: 2px;
}

.post-box .box-holder .box-left {
	bottom: 0;
	left: 0;
}

.post-box .box-holder .box-right {
	top: 0;
	right: 0;
}

.related-post:hover .post-box .box-holder .box-top,
.related-post:hover .post-box .box-holder .box-bottom {
	width: 100%;
	opacity: 1;
}

.related-post:hover .post-box .box-holder .box-left,
.related-post:hover .post-box .box-holder .box-right {
	height: 100%;
	opacity: 1;
}

.related-post:hover .prev-post-image,
.related-post:hover .next-post-image {
	transform: scale(1.02);
}

.prev-post-inner,
.next-post-inner {
	position: relative;
}

.prev-post-image,
.next-post-image {
	position: relative;
	height: 50vh;
	/*min-height: 125px;*/
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

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

	.prev-post-image,
	.next-post-image {
		height: 40vh;
	}

}

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

	.prev-post-image,
	.next-post-image {
		height: 25vh;
	}

}

.prev-post-details,
.next-post-details {
	text-align: center;
	padding: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 3;
}

.prev-post-details p,
.next-post-details p {
	color: #c3ac42;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.prev-post-details h5,
.next-post-details h5 {
	margin: 0;
	color: #fff;
}

.download-box {
    margin-top: 50px;
    background: #f9f9f9;
    padding: 15px 35px;
}

.download-box h3,
.subscribe-box h4 {
	text-transform: uppercase;
	color: #c3ac42;
	margin-bottom: 25px;
}

/*------------------------------------------------*/
/* Forms & Fields
/*------------------------------------------------*/

/* General Forms */

label {
	text-transform: uppercase;
	font-weight: normal;
}

input[type="radio"] {
  margin-right: 3px;
}

input[type=search],
input[type=email],
input[type=tel],
input[type=text],
input[type=url],
textarea {
	background: transparent;
	border: none;
	border-bottom: 2px solid #bbb;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	color: #333;
	padding: 10px;
	width: 100%;
	text-indent: 10px;
	-webkit-appearance: none;
}

input[type=search],
input[type=email],
input[type=tel],
input[type=text],
input[type=url] { 
	height: 50px;
}

textarea {
	height: 100px;
}

input[type=search]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
	outline: none;
	/*border: 2px solid #b8d6d2;*/
	border-bottom: 2px solid #000;
}

button,
input[type=submit],
.button {
	height: 40px;
	line-height: 40px;
	height: auto;
	background: transparent;
	border: none;
	width: 100%;
	max-width: 225px;
	/*padding: 0 25px;*/
	border: 2px solid #c3ac42;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	color: #000;
	cursor: pointer;
	padding: 0 !important;
	margin: 0 !important;
	text-transform: uppercase;
	letter-spacing: 3px;
	-webkit-appearance: none;
	-webkit-transition: all .2s ease;
		 -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
					transition: all .2s ease;
}

button.button-alt {
	background: #fff;
	border: 2px solid #fff;
}

button a {
	display: block;
	color: #000;
}

button i {
	color: #bbb;
}

button:hover,
button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.button:hover,
.button:focus {
	background: #c3ac42;
	color: #fff;
	outline: none;
}

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

.button {
	display: inline-block;
	margin-top: 27px;
	text-align: center;
}

/* Search Form */


#search-box {
	position: relative;
	margin-top: 5%;
}

.screen-reader-text {
	display: none;
}

.search-border {
	width: 0%;
	height: 2px;
	background-color: #000;
	position: absolute;
	right: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.search-border.grow {
	width: 100%;
}

.search-form {
/*	font-size: 14px !important;*/
	height: 50px !important;
	width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
}

.search-field {
	border: none !important;
	margin: 0px !important;
	padding: 0px !important;
	width: 90% !important;
	background: transparent !important;
	float: left;
}

.search-field:focus {
	background: transparent !important;
	color: #fff !important;
}
		
.search-submit {
	border: none !important;
	background: transparent !important;
	color:  #fff !important;
	margin: 0px !important;
	padding: 0px !important;
	text-align: right !important;
	width: 10% !important;
	height: 50px !important;
	font-size: 24px;
	line-height: 50px !important;
	margin-left: -10px !important;
}

.search-submit:hover,
.search-submit:focus {
	color: #fff !important;
	background: transparent !important;
}

/* Gravity Forms */

.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label {
	font-weight: 300 !important;
	letter-spacing: 2px;
	/*color: #c3ac42;*/
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
	letter-spacing: normal;
	font-weight: normal;
	color: #bbb;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
	width: 100% !important;
}

/*------------------------------------------------*/
/* Plugins
/*------------------------------------------------*/

/* Instagram Plugin Feed */

#sb_instagram .sb_instagram_error {
	display: none;
}

/* Slick Slider */

/*.slick-dots {
	height: 2px;
	margin-bottom: 0px;
	font-size: 0px;
	list-style: none;
	padding-left: 0;
	line-height: 1px;
	text-align: center;
	display: block;
}*/

.slick-dots {
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
}

.slick-dots li {
	list-style: none;
	margin: 0px 6px !important;
}

#careers-slider .slick-dots li {
	display: inline-block;
}

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

	.slick-dots li {
		display: inline-block;
	}

}

.slick-dots li button {
	opacity: 1 !important;
	background: transparent !important;
	border: 2px solid #777 !important;
	height: 10px !important;
	min-width: auto !important;
	width: 10px !important;
	border-radius: 50% !important;
	padding: 0 !important;
	font-size: 0px !important;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}

.slick-dots li button {
	border: 2px solid #000 !important;
}

.slick-dots li button:hover {
	border: 2px solid #000 !important;
}

.slick-dots li.slick-active button {
	border: 2px solid #c3ac42 !important;
}

.tp-bullets.preview1 .bullet,
.slick-dots li {
	zoom: 1 !important;
    *display: inline !important;
}

#services-arrows,
#testimonial-arrows {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 98;
	pointer-events: none;
}

.slick-arrow-left,
.slick-arrow-right {
	pointer-events: auto;
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.hidden {
    opacity: 0;
    pointer-events: none;
}

.slick-arrow-left {
	float: left;
}

#testimonial-arrows .slick-arrow-left {
	margin-left: -100px;
}

.slick-arrow-right {
	float: right;
}

#testimonial-arrows .slick-arrow-right {
	margin-right: -100px;
}

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

	#testimonial-arrows {
		display: none;
	}

}

#services-arrows .slick-arrow-left span,
#services-arrows .slick-arrow-right span {
	position: relative;
	height: 100px;
	width: 100px;
	background-color: #ddd;
/*	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;*/
	border-radius: 50%;
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

#services-arrows .slick-arrow-left span {
	margin-left: -50px;
}

#services-arrows .slick-arrow-right span {
	margin-right: 25px;
}

@media only screen and (min-width: 1660px) {

	#services-arrows .slick-arrow-right span {
		margin-right: -50px;
	}

}

#services-arrows .slick-arrow-left span svg,
#services-arrows .slick-arrow-right span svg{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.slick-arrow-left span,
.slick-arrow-right span {
	display: inline-block;
/*	background-color: #000;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);*/
/*	-webkit-transform: translateX(0);
	transform: translateX(0);*/
	transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1);
	-webkit-transition: opacity .45s cubic-bezier(0.25,1,0.33,1),-webkit-transform .45s cubic-bezier(0.25,1,0.33,1);
}

.slick-arrow-left:hover span,
.slick-arrow-right:hover span {
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

.slick-arrow-left span a,
.slick-arrow-right span a {
	display: block;
	/*line-height: 35px;*/
	height: 100%;
	width: 100%;
	text-align: center;
	color: #fff;
}

.custom_paging {
	position: absolute;
	padding-left: 0px;
	bottom: 25px;
	text-align: center;
	width: 100%;
	color: #fff;
	/*font-family: 'Montserrat Regular', arial, sans-serif !important;*/
	font-family: 'proxima-nova', helvetica, arial, sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	font-size: 12px;
	/*text-shadow: 2px 2px 2px rgba(0,0,0,0.3);*/
}

.custom_paging li {
	display: none;
}

.custom_paging li.slick-active {
	display: inline-block;
}

.cp-numerator,
.cp-denominator,
.cp-slash {
	display: block;
	opacity: .1;
}

.cp-numerator,
.cp-denominator {
	/*font-size: 16px;*/
}

.cp-numerator {
	margin-left: -35px;
}

.cp-denominator {
	margin-right: -35px;
	margin-top: -20px;
}

.cp-slash {
	/*color: #000;*/
	margin: 0 7px;
	margin-top: -20px;
	content:"";
	height: 50px;
	width: 1px;
	background: #fff;
	transform: rotate(45deg);
}

/*.slick-dots li,
.slick-dots li button {
	display: inline-block;
	background: transparent;
	border: none !important;
	border-color: transparent !important;
	width: 20%;
	height: 2px !important;
	margin-bottom: 0px;
	padding: 0;
	-webkit-transition: all .2s ease;
		 -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
					transition: all .2s ease;
}

.slick-dots li:hover,
.slick-dots li:focus,
.slick-dots li button:hover,
.slick-dots li button:focus {
	background: #000;
}

.slick-dots li.slick-active,
.slick-dots li.slick-active button {
	background: #000;
}*/

/*------------------------------------------------*/
/* Media Queries
/*------------------------------------------------*/

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

	.trends-window {
		position: absolute;
		top: 50px;
		right: 0;
		bottom: 0;
		left: 0;
	}

}

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

	.subscribe-box {
		margin-right: 0;
		border: none;
	}

	.subscribe-form {
		padding: 0;
	}

}