@charset "UTF-8";

/* RESET */

* {
	padding:0;
	margin:0;
	outline:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

* > :last-child { 
	margin-bottom:0;
}

img {
	width:100%;
	height:auto;
	display:block;
	vertical-align: middle;
}

.clearfix::after {
	content:"";
	clear:both;
	display:table;
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, 
em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav,
object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var, a img {
    background:transparent;
	border:0 none;
	outline:none;
	vertical-align:baseline;
	padding:0;
	margin:0;    
}


/* GENERAL */

#wpadminbar {
	display:none;
}

html {
	background:#15161b url("../images/background-pattern.svg") top center / 1790px 1279px;
	overflow-x:hidden;
	margin:0 !important;
}

body {
	max-width:100%;
	max-height:100%;
	overflow-x:hidden;
	text-rendering:optimizeLegibility;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

h1 {
	font:400 120px/110px "Druk Heavy", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.02em;
	color:#fff;
	margin:0 0 30px 0;
}

#heading {
	opacity:0;
}

h2 {
	font:400 70px/70px "Druk Heavy", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.02em;
	color:#fff;
	margin:0 0 40px;
}

.h2 {
	opacity:0;
}

h1 .yellow,
h2 .yellow {
	color:#ffcb11;
	display:block;
}

h3 {
	font:400 50px/55px "Druk Bold", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.02em;
	color:#fff;
	margin:0 0 30px;
}

h4 {
	font-family: "peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 600, 'wdth' 100, 'ital' 0;
	font-size:15px;
	line-height:24px;
	text-transform:uppercase;
	letter-spacing:0.15em;
	color:#ffcb11;
	margin:0 0 15px 0;
}

h5 {
	font-family: "peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 400, 'wdth' 100, 'ital' 0;
	font-size:24px;
	line-height:32px;
	color:#c4c8d0;
	margin:0 0 40px 0;
}

p {
	font-family: "peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 300, 'wdth' 100, 'ital' 0;
	font-size:20px;
	line-height:30px;
	color:#c4c8d0;
	margin:0 0 40px;
}

a {
	text-decoration:none;
	color:inherit;
}

.button {
	font:400 20px/20px "Druk Bold", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.05em;
	background:#ffcb11;
	color:#15161b;
	border:2px solid #ffcb11;
	padding:20px 30px;
	display:inline-block;
	position:relative;
	transition:all 0.3s ease;
}

.button:hover {
	color:#fff;
	background:none;
	padding:20px 35px;
}

.button span {
  display:inline-block;
  position:relative;
  transition:all 300ms ease-out;
  will-change:transform;
  margin:0 !important;
}

.button:hover span {
  transform:translate3d(-10px, 0, 0);
}

.button img {
  color:#1f1f1f;
  position:absolute;
  width:15px !important;
  right:0px;
  opacity:0;
  top:50% !important;
  transform:translateY(-50%);
  transition:all 300ms ease-out;
}

.button:hover img {
  opacity:1;
  right:-25px;
}

.button-outlined {
	font:400 20px/20px "Druk Bold", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.05em;
	background:transparent;
	color:#fff;
	border:2px solid #ffcb11;
	padding:20px 30px;
	display:inline-block;
	transition:all 0.3s ease;
}

.button-outlined:hover {
	color:#15161b;
	background:#ffcb11;
	padding:20px 35px;
}

.button-outlined span {
  display:inline-block;
  position:relative;
  transition:all 300ms ease-out;
  will-change:transform;
  margin:0 !important;
}

.button-outlined:hover span {
  transform:translate3d(-10px, 0, 0);
}

.button-outlined img {
  color:#1f1f1f;
  position:absolute;
  width:15px !important;
  right:0px;
  opacity:0;
  top:50% !important;
  transform:translateY(-50%);
  transition:all 300ms ease-out;
}

.button-outlined:hover img {
  opacity:1;
  right:-25px;
}

.link {
	/*
	font-family: "peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 600, 'wdth' 100, 'ital' 0;
	font-size:16px;
	line-height:24px;*/
	font:400 20px/20px "Druk Bold", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#ffcb11;
	padding-bottom:5px;
	border-bottom:2px solid #ffcb11;
}

.link:after {
	content:"";
	width:13px;
	height:13px;
	background:url("../images/link-arrow.svg") no-repeat center center;
	display:inline-block;
	margin-left:15px;
	transition:all 0.3s ease;
}

.link:hover:after {
	rotate:45deg;
	margin-left:20px;
}

hr {
	width:100%;
	height:1px;
	margin:60px 0 0 0;
	background:none;
	border:0;
}

.list {
	list-style:none;
}

.list li {
	font-family: "peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 300, 'wdth' 100, 'ital' 0;
	font-size:20px;
	line-height:30px;
	color:#c4c8d0;
	position:relative;
	padding:0 0 0 30px;
	margin:0 0 15px 0;

	/*font-family: "peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 300, 'wdth' 100, 'ital' 0;
	font-size:20px;
	line-height:30px;
	color:#c4c8d0;
	position:relative;
	padding:0 0 0 22px;
	margin:0 0 15px 0;*/
}

.list li:last-child {
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
}

.list li:before {
	content:"+";
	width:20px;
	height:20px;
	font-family: "peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 400, 'wdth' 100, 'ital' 0;
	font-size:22px;
	line-height:28px;
	color:#ffca0c;
	display:inline-block;
	position:absolute;
	top:2px;
	left:0;

	/*content:"";
	width:6px;
	height:6px;
	background:#ffca0c;
	font-family: "peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 400, 'wdth' 100, 'ital' 0;
	font-size:17px;
	line-height:28px;
	color:#ffca0c;
	display:inline-block;
	position:absolute;
	top:14px;
	left:0;*/
}

.photo {
	position:relative;
	overflow:hidden;
}

.photo img {
	object-fit: cover;
	width:100%;
	height: 100%;
	transform: scale(1);
  transition: transform 0.8s cubic-bezier(.215, .61, .355, 1);
}

.container {
	width:1650px;
	margin:0 auto;
	padding:100px 0;
	position:relative;
}

.no-padding-bottom {
	padding-bottom:0;
}

.center {
	text-align:center;
}

.flex {
	display:flex;
	flex-wrap:wrap;
}

.two-columns {
	display:flex;
	flex-wrap:wrap;
	position:relative;
}

.two-columns .col {
	width:50%;
}

.three-columns {
	display:flex;
	flex-wrap:wrap;
}

.four-columns {
	display:flex;
	flex-wrap:wrap;
}

.five-columns {
	display:flex;
	flex-wrap:wrap;
}


/* NAVIGATION */

.logo {
	width:200px;
	position:absolute;
	top:20px;
	left:50px;
}

nav {
	width:100%;
	height:129px;
	display:flex;
	align-items:center;
	position:relative;
	z-index:999;
}

nav .container {
	height:100%;
	padding:0 0;
}

nav ul {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	list-style:none;
}

nav ul li {
	display:inline-block;
	margin:0 10px;
}

nav ul li a {
	/*
	font-family: "peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 600, 'wdth' 100, 'ital' 0;
	font-size:16px;
	line-height:24px;*/
	font:400 20px/20px "Druk Bold", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#fff;
	display:block;
	padding:20px 20px;
	transition:all 0.3s ease;
}

nav ul li a:hover {
	color:#ffcb11;
}

.contact {
	width:380px;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:right;
	text-align:right;
	position:absolute;
	top:0;
	right:0;
}

.contact a {
	font:400 20px/20px "Druk Bold", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#ffcb11;
	display:block;
	padding:20px 20px;
	margin-left:20px;
	transition:all 0.3s ease;
}

.contact a.phone:before {
	content:"";
	width:14px;
	height:24px;
	background:url("../images/phone.svg") no-repeat;
	display:inline-block;
	margin-right:10px;
	position:relative;
	top:4px;
}

.contact a.button {
	color:#15161b;
	padding:20px 30px;
}

.contact a.button:hover {
	color:#fff;
}


/* SUBPAGE HEADER */

header {
	width:100%;
}

header .container {
	padding:0 0 40px 80px;
}

header h1 {
	font:400 120px/110px "Druk Heavy", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.02em;
	color:#fff;
	position:relative;
}

header .title {
	width:100%;
	position:absolute;
	bottom:80px;
	left:80px;
}

header h1 .line {
	width:100%;
	height:105px;
	position:relative;
  overflow:hidden;
}
   
header h1 .line span {
  position:absolute;  
}

header p {
	font-size:22px;
	line-height:32px;
	font-variation-settings:'wght' 400, 'wdth' 100, 'ital' 0;
}

header .two-columns .col:nth-child(1) {
	padding:120px 100px 80px 0;
}

header .two-columns .col:nth-child(2) {
	background:#ccc;
	padding:0;
}


/* HOME HEADER */

.home header {
	width:100%;
	height:calc(100vh - 170px);
	/*height:800px;*/
	padding:0 40px;
}

.home header .container {
	height:100%;
	position:relative;
	/*background:url("../images/homepage-header.jpg") no-repeat top center / cover;*/
	padding:0;
}

.home header .title {
	width:100%;
	display:block;
	position:absolute;
	bottom:80px;
	left:80px;
	z-index:3;
}

.home header h1 {
	font:400 150px/140px "Druk Heavy", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.02em;
	color:#fff;
	position:absolute;
	bottom:80px;
	left:80px;
	z-index:3;
}

.home header h1 .yellow {
	display:inline-block;
}

.home header h1 .line {
	width:100%;
	height:130px;
	position:relative;
  overflow:hidden;
}
   
.home header h1 .line span {
  position:absolute;  
}


.home header #video {
  /*background:url("../images/home-header.jpg") no-repeat center center / cover;*/
  background:url("../images/video-header.jpg") no-repeat bottom center / cover;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  overflow:hidden;
}

.home header #video iframe {
  opacity:1;
  width:100vw;
  height:56.25vw;
  min-height:100vh;
  min-width:177.77vh;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}


.home header #video:after {
  content:"";
  background-image:linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0));
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:2;
}


/* HOME */

#intro h2 {
	font:400 100px/100px "Druk Heavy", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.02em;
	color:#fff;
	margin:0 0 30px;
}

#intro h2 .yellow {
	display:inline-block;
}

#intro .two-columns .col:nth-child(1) {
	width:62%;
	padding:0 0 0 80px;
}

#intro .two-columns .col:nth-child(2) {
	width:38%;
	padding-left:80px;
}

#intro .two-columns .col:nth-child(2) img {
	width:575px;
	position:absolute;
	top:45px;
	z-index:3;
}

/*
#intro .two-columns .col:nth-child(1) {
	flex: 1 1 60%;
	position:relative;
}

#intro .two-columns .col:nth-child(1) .content {
	width:100%;
	padding:0 100px 0 180px;
}

#intro .two-columns .col:nth-child(2) {
	flex:1 1 40%;
    display:flex;
    flex-direction:column;
}

#intro .two-columns .col:nth-child(2) .content {
	width:600px;
	padding:0;
}
*/

#who-we-work-with {
	margin-bottom:40px;
	position:relative;
	z-index:4;
}

#who-we-work-with .container {
	padding-top:0;
	padding-bottom:0;
}

#who-we-work-with .two-columns .col:nth-child(1) {
	width:500px;
	border:2px solid #ffca0c;
	padding:70px 60px;
}

#who-we-work-with .two-columns .col:nth-child(2) {
	width:-webkit-calc(100% - 500px);
	width:-moz-calc(100% - 500px);
	width:calc(100% - 500px);
	padding-left:40px;
}

#who-we-work-with .two-columns .col:nth-child(2) .photo {
	width:100%;
	height:100%;
	background:#ccc;
}

#home-services h3 {
	font-size:70px;
	line-height:70px;
	position:relative;
	display:inline-block;
	padding-left:35px;
	margin:0 0 20px 0;
}

#home-services h2 {
	margin-bottom:0;
}

#home-services .container {
	background:#01234f;
	padding:20px;
}

#home-services .container .content {
	text-align:center;
	border:2px solid #05316c;
	padding-bottom:30px;
}

#home-services .intro {
	padding:60px 40px 40px 40px;
	border-bottom:2px solid #05316c;
}

#home-services .intro p {
	padding-top:20px;
}

#home-services .three-columns {
	border-bottom:2px solid #05316c;
	margin:0 0 30px 0;
}

#home-services .col {
	width:33.3%;
	padding:30px 30px 30px 30px;
}

#home-services .col:nth-child(1) {
	border-right:2px solid #05316c;
}

#home-services .col:nth-child(2) {
	border-right:2px solid #05316c;
}

#home-services .photo {
	height:300px;
	overflow:hidden;
	margin:0 0 30px 0;
}

#home-services .col h3:before {
	content:"";
	font-family: "peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 600, 'wdth' 100, 'ital' 0;
	font-size:15px;
	line-height:24px;
	text-transform:uppercase;
	letter-spacing:0.15em;
	color:#ffcb11;
	position:absolute;
	top:5px;
	left:0;
	margin:0;
}

#home-services .col:nth-child(1) h3:before {
	content:"01";
}

#home-services .col:nth-child(2) h3:before {
	content:"02";
}

#home-services .col:nth-child(3) h3:before {
	content:"03";
}

#featured-projects .container {
	padding-left:80px;
	padding-right:80px;
}

#featured-projects .two-columns .col {
	width:50%;
	padding:0 30px;
	position:relative;
	-webkit-transition: all .3s;
    transition: all .3s;
}

#featured-projects .two-columns .col .photo {
	height:471px;
	overflow:hidden;
}

#featured-projects .two-columns .col:nth-child(1) {
	padding-left:0;
}

#featured-projects .two-columns .col:nth-child(2) {
	padding-right:0;
}

/*
#featured-projects .two-columns > div:hover {
    width:60%;    
}*/

#featured-projects h4 {
	margin-bottom:20px;
}

#featured-projects h3 {
	font-size:50px;
	line-height:50px;
	margin-bottom:10px;
}

#featured-projects p {
	margin:0;
}

#featured-projects .photo {
	margin-bottom:30px;
}

#featured-projects .link {
	position:absolute;
	bottom:0;
	right:30px;
}

#featured-projects .col:nth-child(2) .link {
	right:0;
}

#our-customers h3 {
	font-size:60px;
	line-height:60px;
	position:relative;
	display:inline-block;
	padding-left:35px;
}

#our-customers .container {
	background:#01234f;
	padding:20px;
}

#our-customers .container .content {
	text-align:center;
	border:2px solid #05316c;
	border-bottom:0;
}

#our-customers .intro {
	padding:60px 60px 40px 60px;
	border-bottom:2px solid #05316c;
}

#our-customers .five-columns {
	margin:0;
	border-bottom:2px solid #05316c;
}

#our-customers .col {
	width:20%;
	padding:0;
}

#our-customers .col:nth-child(1) {
	border-right:2px solid #05316c;
}

#our-customers .col:nth-child(2) {
	border-right:2px solid #05316c;
}

#our-customers .col:nth-child(3) {
	border-right:2px solid #05316c;
}

#our-customers .col:nth-child(4) {
	border-right:2px solid #05316c;
}




/* ABOUT */

.page-template-about-us header .two-columns .col:nth-child(2) {
	background:url("../images/about-header.jpg") no-repeat top center / cover;
}

#about-accordion .container {
	/*padding-top:0;
	padding-bottom:0;
	border:2px solid #ffca0c;
	padding:70px 60px;*/

	background: #01234f;
    padding: 20px;
}

/* ACCORDION */

.accordion {
	border:2px solid #05316c;
	text-align:left;
}

.accordion h3 {
  margin:0;
}

.accordion-button {
	border-bottom:2px solid #05316c;
}

.accordion .accordion-button:last-child {
	border:0;
}

.accordion-header {
  display:flex;
  align-items:center;
  cursor:pointer;
  position:relative;
  padding:40px 105px 40px 160px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.accordion-header span {
  width:70px;
  height:70px;
  display:block;
  background:none;
  border:2px solid #05316c;
  border-radius:50%;
  position:absolute;
  top:50%;
  left:40px;
  margin:-35px 0 0 0;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}

.st0 {
	fill: #ffcb11;
}

.active.accordion-header span {
  background:#05316c;
  border:2px solid #05316c;
  
}

.accordion-header span svg {
  width:20px;
  height:20px;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  margin:-10px 0 0 -10px;
  -webkit-transition: 0.1s ease-out;
  -moz-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}

.active.accordion-header span svg {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
} 

.accordion-header span .accordion-arrow {
  fill:#fff;
}

.active.accordion-header span .accordion-arrow {
  fill:#28AAE2;
}

.accordion-header.active {
    /*background: #28AAE2;*/
}

.accordion-header.active h3 {
  color:#fff;
}

.accordion-content {
  display:none;
}

.accordion-content.active {
  display:block;
}

.accordion-content .content {
  padding:0 60px 40px 160px;
}

.accordion h2 {
    font-size:45px;
    position:relative;
    padding:0 0 0 90px;
    margin:0;
}


/*
#about-accordion .two-columns .col:nth-child(1) {
	width:600px;
	height:100%;
	padding-right:40px;
}

#about-accordion .two-columns .col:nth-child(1) .photo {
	width:100%;
	height:100%;
	background:#ccc;
}

#about-accordion .two-columns .col:nth-child(2) {
	width:-webkit-calc(100% - 600px);
	width:-moz-calc(100% - 600px);
	width:calc(100% - 600px);
	border:2px solid #ffca0c;
	padding:70px 60px;
}


#about-accordion .photo-underclassmen,
#about-accordion .photo-athletics,
#about-accordion .photo-band,
#about-accordion .photo-dance {
	display: none;
}
*/

/*
#about-accordion ul {
    border: 2px solid #05316c;
	list-style: none;
}

#about-accordion ul li {
	padding:40px 60px;
	border-bottom:2px solid #ffca0c;
	position: relative;
}

#about-accordion ul li:last-child {
	margin: 0;
}

#about-accordion ul li h3 {
	padding: 0 0 0 50px;
	margin: 0;
	cursor: pointer;
	transition: all 0.2s ease;
}

#about-accordion ul li h3:before {
	content: "+";
	font-family: "peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 500, 'wdth' 100, 'ital' 0;
	font-size:40px;
	line-height:40px;
	color:#ffca0c;
	position: absolute;
	top: 3px;
	left: 0;
	transition: all 0.2s ease;
}

#about-accordion ul li.active h3:before {
	content: "–";
}

#about-accordion ul li article {
	display: none;
	padding: 15px 0 15px 50px;
}

#about-accordion ul li article .btn {
	margin: 0;
}
*/

/*
.page-template-about-us #quote .container {
	padding:120px 80px 80px 0;
}

.page-template-about-us #quote .two-columns .col:nth-child(1) {
	width:40%;
	position:relative;
}

.page-template-about-us #quote .two-columns .col:nth-child(2) {
	width:60%;
	padding-left:80px;
}

.page-template-about-us #quote .two-columns .col:nth-child(1) img {
	width:480px;
	position:absolute;
	top:-60px;
	right:0;
}*/

/* OUR SERVICES */

.page-template-our-services header .two-columns .col:nth-child(2) {
	background:url("../images/our-services-header.jpg") no-repeat center center / cover;
}

/*
.page-template-our-services #quote .container {
	padding:120px 80px 80px 0;
}

.page-template-our-services #quote .two-columns .col:nth-child(1) {
	width:35%;
	position:relative;
}

.page-template-our-services #quote .two-columns .col:nth-child(2) {
	width:65%;
	padding-left:80px;
}


.page-template-our-services #quote .two-columns .col:nth-child(1) img {
	width:370px;
	position:absolute;
	top:-60px;
	right:0;
}*/

.page-template-our-services #home-services .col {
	padding-bottom:50px;
}


.page-template-our-services #home-services .three-columns {
	border:0;
	margin:0;
}

.page-template-our-services #home-services .container .content {
	padding-bottom:0;
}

.page-template-our-services #home-services .list li {
	font-size:18px;
	line-height:26px;
	font-variation-settings: 'wght' 400, 'wdth' 100, 'ital' 0;
	text-transform:uppercase;
	padding:0;
	margin:0 0 0 0;
}

.page-template-our-services #home-services .list li:before {
	position: relative;
	top:2px;
	margin:0 10px 0 0;
}


/* PROJECTS */

.page-template-projects header .two-columns .col:nth-child(2) {
	background:url("../images/projects-header.jpg") no-repeat top center / cover;
}

.page-template-projects header .container {
	padding-bottom:0;
}

#latest-projects .container {
	padding-top:0;
}

#latest-projects .three-columns {
	/*display:flex;
	flex:1;*/
	display:grid;
	grid-template-columns: 523px 523px 524px;
	column-gap:40px;
  row-gap:50px;
}

#latest-projects .three-columns .col {
	/*width:523px;
	padding:0;
	margin:0 40px 53px 0;*/
}

#latest-projects .three-columns .col:nth-child(3n) {
	margin-right:0;
}

#latest-projects .three-columns .col .photo {
	height:345px;
	margin:0 0 30px 0;
}

#latest-projects h4 {
	margin-bottom:20px;
}

#latest-projects .three-columns .col h3 {
	font-size:45px;
	line-height:45px;
	margin:0 0 10px 0;
}

#latest-projects .three-columns .col p {
	text-transform: capitalize;
}

.two-columns .col .divider,
.three-columns .col .divider {
	width:2px;
	height:15px;
	background:#484a51;
	display:inline-block;
	margin:0 10px;
}

#featured-projects .photo:hover img,
#latest-projects .photo:hover img {
	transform: scale(1.1);
  transition-delay: 0s;
}

#featured-projects .photo:hover:after,
#latest-projects .photo:hover:after {
	content:"";
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.2);
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#featured-projects .photo .view-project,
#latest-projects .photo .view-project {
	font:400 20px/20px "Druk Bold", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.05em;
	background:#ffcb11;
	color:#15161b;
	border:2px solid #ffcb11;
	padding:20px 30px;
	display:inline-block;
	opacity:0;
	position:absolute;
	bottom:0;
	right:25px;
	transition:all 0.5s ease;
	z-index:2;
}

#featured-projects .photo:hover .view-project,
#latest-projects .photo:hover .view-project {
	bottom:25px;
	opacity:1;
}

#categories .container {
	display:flex;
	justify-content:right;
	align-items:center;
	padding-top:40px;
	padding-bottom:0;
}

#category-nav {

	border:2px solid #c4c8d0;
	display:flex;
	list-style:none;
}

#category-nav li {
	display:block;

	border-right:2px solid #c4c8d0;
}

#category-nav li:last-child {
	border-right:0;
}

#category-nav li a {
	font:400 20px/20px "Druk Bold", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#fff;
	display:block;
	padding:20px 20px;
	transition:all 0.3s ease;
}

#category-nav li a:hover {
	color:#15161b;
	background:#ffcb11;
}

#category-nav li a.active {
	color:#15161b;
	background:#ffcb11;
}


/* BXSLIDER */

header.slideshow .container {
	height:100%;
	position:relative;
	padding:0;
}

.bx-wrapper {
	width:100%;
	height:650px;
  position:relative;
  margin-bottom:0;
  padding:0;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  border:0;
  background:transparent;
}

.bx-viewport {
	width:100%;
	height:100%;
}

.bx-wrapper .slider {
	width:100%;
	height:100%;
}

.bx-wrapper .slider div {
	width:100%;
	height:100%;
	display:block;
}

.bx-wrapper .bx-controls-direction a {
  width:40px;
  height:40px;
  outline:0;
  text-indent:-9999px;
  z-index:9999;
  position:absolute;
  /*top:50%;
  margin-top:-20px;*/
  bottom:50px;
}

.bx-wrapper .bx-next {
    width:40px;
    height:40px;
    background:url("../images/arrow-next.svg") no-repeat 0 0 !important;
    right:50px;
}

.bx-wrapper .bx-next:hover {
  background:url("../images/arrow-next.svg") no-repeat 0 0 !important;
}

.bx-wrapper .bx-prev {
    width:40px;
    height:40px;
    background:url("../images/arrow-prev.svg") no-repeat;
    right:105px;
}

#post .container {
	padding:80px 80px 80px 80px;
}

#post h1 {
	margin-bottom:10px;
}

.project-location {
	text-transform: capitalize;
}

.project-location .divider {
	width:2px;
	height:15px;
	background:#484a51;
	display:inline-block;
	margin:0 10px;
}



/* CAREERS */

.page-template-careers header .two-columns .col:nth-child(2) {
	background:url("../images/careers-header.jpg") no-repeat top center / cover;
}

#careers-form .container {
	background:#01234f;
  padding:20px;
}

#careers-form .container .content {
	border:2px solid #05316c;
}

#careers-form .container .content .intro {
	padding:60px 40px 40px 40px;
	border-bottom:2px solid #05316c;
	text-align:center;
}

#careers-form .container .content .intro h2 {
	margin:0;
}

#careers-form .container .content .intro p {
	padding-top:20px;
}

#careers-form .container .content .form {
	padding:30px 60px 60px 60px;
}


#careers-form .wpforms-container .wpforms-field {
	padding-top:0;
}

#careers-form .wpforms-container .wpforms-field-label {
	font-size:16px;
	line-height:26px;
	font-family:"peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 400, 'wdth' 100, 'ital' 0;
	text-transform:uppercase;
  color:#c4c8d0;
}

.wpforms-container .wpforms-form .wpforms-field-sublabel {
	font-size:16px;
	line-height:26px;
	font-family:"peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 300, 'wdth' 100, 'ital' 0;
	color:#c4c8d0;
}

#careers-form .wpforms-container .wpforms-required-label {
	color:#ffca0c;
	maring:0 3px 0 0;
}

#careers-form .wpforms-container input[type=text],
#careers-form div.wpforms-container-full select,
#careers-form div.wpforms-container-full input[type=tel],
#careers-form div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) input[type=email],
#careers-form div.wpforms-container-full .wpforms-form textarea,
#careers-form div.wpforms-container div.wpforms-uploader {
	height:auto;
	font-family: "peridot-pe-variable",sans-serif;
	font-variation-settings: 'wght' 400, 'wdth' 100, 'ital' 0;
	font-size:18px;
	line-height:28px;
	color:#15161b;
	background:#c4c8d0;
	border-radius:0;
	border:0;
	padding:12px 20px;
}


#careers-form div.wpforms-container-full button[type=submit] {
	height:auto;
	font:400 20px/20px "Druk Bold", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.05em;
	background:transparent;
	color:#fff;
	border-radius:0;
	border:2px solid #ffcb11;
	padding:20px 30px;
	display:inline-block;
	transition:all 0.3s ease;
	margin-top:20px;
}

#careers-form div.wpforms-container-full button[type=submit]:hover {
	color:#15161b;
	background:#ffcb11;
}




/* CONTACT US */

.page-template-contact-us header .two-columns .col:nth-child(2) {
	background:url("../images/contact-us-header.jpg") no-repeat top center / cover;
}

.page-template-contact-us header .container {
	padding-bottom:0;
}

#contact-info .container {
	padding-top:80px;
}

#contact-info h2 {
	font:400 120px/110px "Druk Heavy", sans-serif;
	text-transform:uppercase;
	letter-spacing:0.02em;
	color:#fff;
	margin:0 0 30px;
}

#contact-info .inner-three-columns {
	display:flex;
	margin-bottom:40px;
}

#contact-info .inner-three-columns .inner-col {
	width:33.3%;
}

#contact-info .two-columns .col:nth-child(1) {
	width:50%;
	padding:0 50px 0 80px;
}

#contact-info .two-columns .col:nth-child(2) {
	width:50%;
	padding-left:50px;
}

#contact-info .two-columns .col:nth-child(2) img {
	width:645px;
	position:absolute;
	top:110px;
}

#map {
	height:430px;
	border:2px solid #ffcb11;
	position:relative;
	overflow:hidden;
}


/*-- Fancybox --*/

.popup {
	background:#fff;
	width:1250px;
	padding:45px 5% 60px !important;
	border-top:solid 7px #ae132a;
	border-bottom:solid 7px #001641;
	display:none;
}

.popup .close {
	text-indent:-999999px;
	background:url("../images/icon-close.svg") center center no-repeat;
	background-size:40px;
	border:0;
	width:60px !important;
	height:60px !important;
    position:absolute;
    top:5px;
	right:5px;
	cursor:pointer;
}

.fancybox-content {
	border-radius:5px !important;
	overflow:hidden !important;
}

.fancybox-button--close {
	background:url("../images/icon-close-white.svg") center center no-repeat !important;
	background-size:40px !important;
	border:0 !important;
	width:65px !important;
	height:65px !important;
    position:absolute !important;
    top:0 !important;
	right:0 !important;
	cursor:pointer !important;
}

.fancybox-button--zoom,
.fancybox-button--thumbs {
	display:none !important;
}


/* QUOTES */

#quote .container {
	padding:100px 80px 20px 80px;
}

#quote .two-columns .col:nth-child(1) {
	width:50%;
	position:relative;
}

#quote .two-columns .col:nth-child(2) {
	width:50%;
	padding-left:100px;
}

#quote .two-columns .col:nth-child(1) img {
	width:100%;
}

#quote h3 {
	font-size:60px;
	line-height:65px;
}

.quote {
	width:80px;
	height:80px;
	font:400 100px/105px "Druk Bold", sans-serif;
	border-radius:50%;
	background:#ffcb11;
	color:#15161b;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	padding-top:40px;
	margin:0 0 20px 0;
}


/* FOOTER */

footer .container {
	padding:80px;
}

footer .col:nth-child(1) {
	width:25%;
}

footer .col:nth-child(1) img {
	width:150px;
	margin-top:-20px;
}

footer .col:nth-child(2) {
	width:25%;
}

footer .col:nth-child(3) {
	width:25%;
}

footer .col:nth-child(4) {
	width:25%;
}

footer .col:nth-child(4) img {
	width:250px;
	float:right;
}

footer h3 {
	margin:0 0 10px 0;
}


/* FONTS */

@font-face {
    font-family: 'Druk Bold';
    src: url('../fonts/druk-bold-webfont.woff2') format('woff2'),
         url('../fonts/druk-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Druk Heavy';
    src: url('../fonts/druk-heavy-webfont.woff2') format('woff2'),
         url('../fonts/druk-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Druk Super';
    src: url('../fonts/druk-super-webfont.woff2') format('woff2'),
         url('../fonts/druk-super-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}