
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=975d08b8-ae7a-4ec9-8214-545e337ccd98");

@font-face{
	font-family:"Helvetica Neue LT W05_75 Bold";
	src:url("Fonts/4c21ab66-1566-4a85-b310-fbc649985f88.eot?#iefix");
	src:url("Fonts/4c21ab66-1566-4a85-b310-fbc649985f88.eot?#iefix") format("eot"),url("Fonts/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2") format("woff2"),url("Fonts/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff"),url("Fonts/f07c25ed-2d61-4e44-99ab-a0bc3ec67662.ttf") format("truetype"),url("Fonts/41cb3541-0b49-4158-aa05-f98965d3ac76.svg#41cb3541-0b49-4158-aa05-f98965d3ac76") format("svg");
}
@font-face{
	font-family:"Helvetica Neue LT W05_76 Bd It";
	src:url("Fonts/ae7ba1a5-8e73-4170-81ae-a7d26629e728.eot?#iefix");
	src:url("Fonts/ae7ba1a5-8e73-4170-81ae-a7d26629e728.eot?#iefix") format("eot"),url("Fonts/13ab58b4-b5ba-4c95-afde-ab2608fbbbd9.woff2") format("woff2"),url("Fonts/5018b5b5-c821-4653-bc74-d0b11d735f1a.woff") format("woff"),url("Fonts/c20f44a1-784c-4d3f-8d7f-aee889b6a7ae.ttf") format("truetype"),url("Fonts/6471a675-8165-4429-aa65-c4b6743c48f6.svg#6471a675-8165-4429-aa65-c4b6743c48f6") format("svg");
}
@font-face{
	font-family:"HelveticaNeueW01-Thin";
	src:url("Fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix");
	src:url("Fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix") format("eot"),url("Fonts/aff68211-86bb-476d-882e-f7a3face144c.woff2") format("woff2"),url("Fonts/50d35bbc-dfd4-48f1-af16-cf058f69421d.woff") format("woff"),url("Fonts/278bef59-6be1-4800-b5ac-1f769ab47430.ttf") format("truetype"),url("Fonts/2e309b1b-08b8-477f-bc9e-7067cf0af0b3.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg");
}
@font-face{
	font-family:"HelveticaNeueW01-55Roma";
	src:url("Fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
	src:url("Fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"),url("Fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"),url("Fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),url("Fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),url("Fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}
@font-face{
	font-family:"HelveticaNeueW01-65Medi";
	src:url("Fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
	src:url("Fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"),url("Fonts/3600b37f-2bf1-45f3-be3a-03365f16d9cb.woff2") format("woff2"),url("Fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"),url("Fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"),url("Fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");
}
@font-face{
	font-family:"HelveticaNeueW01-95Blac";
	src:url("Fonts/b26ccb58-f2e3-47aa-a83a-02861bf54862.eot?#iefix");
	src:url("Fonts/b26ccb58-f2e3-47aa-a83a-02861bf54862.eot?#iefix") format("eot"),url("Fonts/fd05322c-bf43-4f8e-a129-24869b0942db.woff2") format("woff2"),url("Fonts/74649485-cd74-443e-9d54-331ccd448900.woff") format("woff"),url("Fonts/feb77f4f-9e6b-4f88-909a-66199fd402ed.ttf") format("truetype"),url("Fonts/2e490192-e531-4236-9c55-90daaad4a34e.svg#2e490192-e531-4236-9c55-90daaad4a34e") format("svg");
}

.menu-main-menu-container {
  position: relative;
	margin: 0;
  font-size: 1.1rem;
	z-index: 999;
}
.menu-main-menu-container:not(.--jsfied) {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.menu-main-menu-container .--hidden {
  display: none;
}
.menu-main-menu-container button {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 1em;
  line-height: 1.2;
  text-align: center;
	border: 0;
  background-color: transparent;
	cursor: pointer;
	color: #000;
}
.menu-main-menu-container button:hover,
.menu-main-menu-container button:focus {
	color: #E63312;
}

.menu-main-menu-container .-primary > li > a,
.menu-main-menu-container .-primary > li > button {
  white-space: nowrap;
}

.menu-main-menu-container .-primary .-more > button i {
  display: inline-block;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
	margin-left: 5px;
	font-size: 90%;
}
.menu-main-menu-container.--show-secondary .-primary .-more > button i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.menu-main-menu-container .-secondary {
  max-width: 100%;
  min-width: 10em;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
	font-size: 90%;
  box-shadow: 0 0.3em 0.5em rgba(0, 0, 0, 0.3);
  -webkit-animation: nav-secondary 0.2s;
          animation: nav-secondary 0.2s;
}
.menu-main-menu-container .-secondary li {
  border-top: 1px solid #E63312;
  background-color: #fff;
}
.menu-main-menu-container .-secondary a,
.menu-main-menu-container .-secondary button {
  padding: 0.6em;
}
.menu-main-menu-container .-secondary a:hover,
.menu-main-menu-container .-secondary button:hover {
  background-color: #eee;
}
.menu-main-menu-container .-secondary a:active,
.menu-main-menu-container .-secondary button:active {
  background-color: #eee;
}
.menu-main-menu-container.--show-secondary .-secondary {
  display: block;
}
.nav-item.-more {
    left: 5px;
}

@-webkit-keyframes nav-secondary {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
            transform: translateY(-1em);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes nav-secondary {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
            transform: translateY(-1em);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}


/* ==========================================================================
   Third Party plugins
   ========================================================================== */

#tweets {
  max-height: 280px;
  overflow: scroll;
  margin: 0 0 30px;
  position: relative; }

.swiper-container {
	width: 100%;
	height: 100%; }

.swiper-slide {
	color: #fff;
	text-align: left;
	font-size: 1rem;
	background: none;
	background-position: center;
	background-size: cover;
	width: auto;
	height: auto;
	overflow: hidden; }

.swiper-slide img:not(.card-img-top) {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%) scale(1);
	position: absolute;
	left: 50%;
	top: 50%; }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 15px;
  display: block; }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: .8; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #E63312; }

.swiper-button-next,
.swiper-button-prev {
  width: 16px;
  height: 26px;
  background-size: 15px 22px;
  margin: -13px 10px 0; }

.swiper-slides-prev.swiper-button-disabled,
.swiper-slides-next.swiper-button-disabled {
	opacity: .5; }

.swiper-shadow {
	background: rgb(2,0,36);
	background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(0,0,0,1) 100%); 
	pointer-events: none;
	position: absolute;
	transition: all ease .6s;
	height: 40%;
	width: 100%;
	left: 0;
	opacity: .2;
	bottom: 0;
	z-index: 20; }

.swiper-bg {
  background: none;
  background-position: center;
  background-size: cover;
  width: 101%;
  height: 101%;
  max-width: 101%;
  max-height: 101%;
  transform: translate(-50%, -50%) scale(1);
	transition: all ease .6s;
  position: absolute;
  left: 50%;
  top: 50%;
	z-index: 10; }
	.swiper-slide:hover .swiper-bg,
	.project_tile:hover .swiper-bg {
		transform: translate(-50%, -50%) scale(1.03); }

.video-open {
	position: absolute;
	right: 60px;
	width: 50%;
	z-index: 50;
	top: 20%;
	line-height: 10em;
	text-align: center;
	height: 60%; }
	.video-open:hover i {
		color: #E63312;
		opacity: .9; }

.video-open i {
	color: #fff;
	font-size: 5rem;
	position: absolute;
	top: 50%;
	transition: all .4s;
	transform: translate(0,-50%); }

.fancybox-toolbar {
	opacity: 1 !important;
	visibility: visible !important; }


/* ==========================================================================
   Preloader
   ========================================================================== */

.preloader-svg {
  margin: 20px auto 50px;
  height: 50px;
  width: 50px;
  stroke: #3C4858;
  text-align: center;
  display: table; }


/* ==========================================================================
   Add-ons
   ========================================================================== */

/* Full-screen background */
.background {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover; }

/* fullscreen setup */
body.full { height: 100%; }

.fullscreen {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0; }
  .not-fullscreen,
  .fullscreen.not-overflow {
    height:100%;
    overflow:hidden; }

/* Hide stToopPop sharing button. */
#stToolPop { display: none; }

/* Isotope */
#no-results { display : none; }

/* Mailer */
#mailer {  text-align: left; position: relative; }
#mailer #error, #mailer #success { display: none; line-height: 1; margin: 0; text-align: center; position: relative; }
#mailer #error p, #mailer #success p { color: #fff; line-height: 1.3; }


/* ==========================================================================
  Toggle
========================================================================== */

#navbar-toggle {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  height: 40px;
  margin: 0;
  padding: 5px 10px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 47px;
  z-index: 1001; }

.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {
  border-radius: 0;
  height: 3px;
  width: 25px;
  background: #6d7474;
  position: absolute;
  display: block;
  content: "";
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; }

.nav-toggle:hover span,
.nav-toggle:hover span:before,
.nav-toggle:hover span:after {
  background-color: #000; }

.nav-toggle span:before { top: -7px; }
.nav-toggle span:after { bottom: -7px; }

.nav-toggle.active span { background-color: transparent; }

.nav-toggle.active span:before {
  top: 0;
  transform: rotate(45deg);
  background-color: #000; }
.nav-toggle.active span:after {
  bottom: 0;
  transform: rotate(-45deg);
  background-color: #000; }


/* ==========================================================================
   Bootstrap Overwrites
   ========================================================================== */

/* Placeholder */
::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder { color: #cccccc; }

:-ms-input-placeholder,
.form-control:-ms-input-placeholder { color: #cccccc; }

::-moz-placeholder,
.form-control::-moz-placeholder { color: #cccccc; opacity: 1 }

/* Selector */
::selection { background: #ccc; color: #000; }
::-moz-selection { background: #ccc; color: #000; }

/* Navigation */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #ff4757; }

.nav-link { padding: .5rem .8rem; }

/* Dropdown menu */
ul.dropdown-menu {
  background: #f8f8f8;
  border: 0;
  box-shadow: 0 0.3em 0.5em rgba(0, 0, 0, 0.3);
  -webkit-animation: nav-secondary 0.2s;
          animation: nav-secondary 0.2s;
  font-size: inherit;
  padding: 0;
  display: block;
  position: absolute;
	min-width: 10em;
  top: 100%;
  margin: 0;
  opacity: 0;
  height: 0;
  overflow: hidden;
	width: 100%;
  transition: all 0.4s !important; }

/* Dropdown & Sidebar */
ul.dropdown-menu > li { 
  border-top: 1px solid #E63312;
  background-color: #fff;
  width: 100%;
  padding: 0; }

.drop-down li {
  margin-right: .5rem;
  position: relative; }

/* Better positioning on last-item dropdown */
.drop-down > li:last-child ul.dropdown-menu { right: auto; text-align: left; }
.drop-down > li:hover > ul.dropdown-menu { height: auto; opacity: 1; overflow: auto; transition: none; }
.drop-down > li:hover > ul.dropdown-menu > li { width: 100%; display: block; margin: 0; padding: 0; }

.dropdown-menu > li > a {
  display: block;
	font-size: 85%;
	text-decoration: none; }

.-secondary li .dropdown-menu {
	left: 100%;
	top: -1px;
	border-radius: 0;
	box-shadow: 0.3em 0.3em 0.3em rgba(0, 0, 0, 0.3);
	border-left: 1px solid #ccc;
	text-align: left; }

.-secondary li:hover .dropdown-menu {
	opacity: 1;
	height: auto; }


/* ==========================================================================
   Base
   ========================================================================== */

body {
	background-color: #f6f5f5;
  color: #666;
	font-family:"HelveticaNeueW01-55Roma";}

a {
  color: #E63312; }

a, input, button {
  -webkit-transition: .3s all;
  transition: .3s all; }

strong {
	font-weight: normal;
	font-family:"HelveticaNeueW01-65Medi"; }

img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  box-shadow: none; }

h1, h2, h3, h4, h5, h6 {
	font-family:"Helvetica Neue LT W05_75 Bold";	
  margin-top: 0 !important;
	margin-bottom: .5rem; }

.roman {
	font-family:"HelveticaNeueW01-55Roma"; }

/* Form */
.form-control {
	border-radius: 0 !important;
	border: 0;
	background: none;
	border-bottom: 2px solid #E63312;
	font-family:"HelveticaNeueW01-55Roma";
	font-size: .8rem;
	padding: .3rem 0; }
	.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #E63312;
    box-shadow: 0 0 0 .2rem rgba(0,0,0,.05); }

.input-group-append button {
	background: none;
	border: 0;
	border-bottom: 2px solid #E63312;
	color: #999;
	box-shadow: none;
	cursor: pointer;
	font-size: 1.1rem;
	padding: 0 0 0 .5rem;
	outline: none; }

.control-label {
	font-family:"HelveticaNeueW01-65Medi"; }

.alert { border-radius: 0; }

#contact-form .form-control:focus {
  color: #000;
	background-color: #fff;
	border-color: #E63312;
  padding: 10px; }

/* Badge */
.badge {
	background: #E63312;
	border-radius: 0;
	font-weight: normal;
	line-height: 1.1;
	text-transform: uppercase;
	font-size: .6rem;
	white-space: normal;
	padding: 5px 10px 5px; }

.badge_alt {
	background: #fff;
	color: #E63312; }

/* Button */
.btn {
	border-radius: 0;
	border-width: 1px;
	font-size: .6rem;
	font-family:"HelveticaNeueW01-65Medi";
	text-transform: uppercase;
	padding: .65rem 1.8rem .65rem 1.2rem;
	position: relative;
	letter-spacing: 2px; }
	.btn::before {
		content: "";
		display: inline-block;
		font-family: "Font Awesome 5 Pro";
		font-weight: 400;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		position: absolute;
		right: .75rem;
		top: 50%;
		transform: translate(0,-50%);
		width: 100%;
		text-align: right; }
	.btn:hover,
	.btn:focus {
		color: #fff;
		background-color: #000;
		border-color: #000; }

.btn-primary {
  color: #fff;
  background-color: #E63312;
  border-color: #E63312; }
	.btn-primary::before {
		content: "\f054"; }

.btn-default {
  color: #333;
  background-color: transparent;
	border-width: 1px;
  border-color: #999; }
	.btn-default::before {
		content: "\f054"; }

.btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: rgba(255,255,255,.5); }
	.btn-secondary::before {
		content: "\f054"; }

.btn-link {
  color: #fff;
  background-color: transparent;
	border: 0;
  border-color: transparent;
	border-bottom: 2px solid #fff;
	font-size: .6rem;
	padding: .4rem 0;
	text-decoration: none !important; }
	.btn-link:hover,
	.btn-link:focus {
		background-color: transparent;
		color: #000;
		border-bottom-color: #000; }

.active.btn.btn-default {
  background-color: #ddd; }

.active.btn.btn-default:hover,
.active.btn.btn-default:focus {
  border-color: #fff; }

/* Breadcrumb */
.breadcrumb {
	padding: .75rem 0;
	margin-bottom: 1rem;
	background-color: transparent;
	border-radius: 0;
	text-transform: capitalize;
	font-size: 80%; }
	.breadcrumb a {
		color: #A9A9A9; }
	.breadcrumb a:hover,
	.breadcrumb a:focus {
		color: #E63312; }

a.link-back {
	line-height: 1;
	color: #3C3C3C; }
	a.link-back:hover,
	a.link-back:focus {
		color: #E63312; }

/* Sidebar */
.list-group {
	border-radius: 0;
	font-size: .8rem; }
.list-group-item {
	border-radius: 0 !important;
  border-top: 1px solid #E63312;
	box-shadow: none;
	padding: .5rem 1rem; }
	.list-group-item:hover,
	.list-group-item:focus {
		background-color: #eee; }

.list-group-item a {
	color: #000;
	display: block;
	width: 100%;
	text-decoration: none; }
	.list-group-item a:hover,
	.list-group-item a:focus {
		color: #E63312; }

.list-group-item a.active {
	color: #E63312; }
	
	
/* ==========================================================================
   Header
   ========================================================================== */

header {
	font-family:"HelveticaNeueW01-55Roma";
  position: relative;
  z-index: 20; }

.main-nav { width: 115%; }
.navbar { background-color: #fff; }

.main-nav li a {
	border-radius: 0;
	font-family:"HelveticaNeueW01-55Roma";
	color: #000;
	padding: .5rem 0.5rem; }
	.main-nav li a:hover,
	.main-nav li a:focus,
	.nav-pills .nav-link.active, 
	.nav-pills .show > .nav-link {
		background: none;
		color: #E63312; }

.brand { 
	display: block;
	max-width: 300px; }

/* CTA */
.menu_cta {
	float: right;
	max-width: 200px; }

/* Social */
.nav.nav-social {  font-size: 1.2rem; }
.nav.nav-social a {
	color: #fff;
  text-indent: -999rem;
  position: relative;
  padding: 0;
	opacity: .4;
  width: 30px;
	margin-left: 10px;
  font-size: 1.1rem; }

.nav-social a::before {
  display: inline-block;
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	height: 30px;
	width: 100%;
	text-align: right; }

.nav-social a.nav-facebook::before { content: "\f39e"; margin-left: -5px; }
.nav-social a.nav-instagram::before { content: "\f16d"; }
.nav-social a.nav-twitter::before { content: "\f099"; }
.nav-social a.nav-youtube::before { content: "\f167"; }
.nav-social a.nav-linkedin::before { content: "\f08c"; }


/* ==========================================================================
   Footer
   ========================================================================== */

footer {
  background: #413A3A;
	color: #fff;
	font-family:"HelveticaNeueW01-Thin";
	font-size: .85rem;
  position: relative;
  padding: 0; }

.sub-footer {
	background: #fff;
	color: #000;
	font-size: .7rem; }
	.sub-footer a {
		color: #000; }

footer .nav-link {
  padding: 0rem .8rem .3rem;
  line-height: 1.4; }

.nav-footer {
  font-weight: normal;
  font-family:"HelveticaNeueW01-55Roma"; }
	.nav-footer a {
		color: #fff;
		padding: 0 0 0 1.5rem; }

#mailer {
	max-width: 200px;
	width: 100%; }

#mailer .form-control {
	background: none;
	color: #000; }

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

	/* Sticky footer */
	html { position: relative; min-height: 100%; }
	body { margin-bottom: 280px; }

	footer {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 280px; }

}

/* ==========================================================================
   Styles
   ========================================================================== */

.index-high {
	position: relative;
	z-index: 50; }

section {
	position: relative;
	overflow: hidden; }

aside.info {
	background: #EBEBEB;
	border-top: 3px solid #E63312;
	padding: 2rem 1.5rem 1rem;
	font-size: 90%; }

#st-1 .st-btn {
	border: 0 !important;
	background: none !important;
	margin-right: 20px !important;
	padding: 0 !important;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%); }

#st-1 .st-btn[data-network="facebook"] {
  opacity: .6; }

hr.break {
	border-color: #E63312;
	border-top-width: 3px; }


/* ==========================================================================
   Homepage
   ========================================================================== */

.highlight_wrapper {
  height: 100vh;
  min-height: 50vh;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 600px; }

.swiper-highlights-container {
	width: 100%;
	max-width: 83vw; }

.featured_wrapper {
  height: 32vw;
  position: relative;
  overflow: hidden;
  width: 100%; }

.gallery_wrapper {
	height: 90vh;
	min-height: 60vh;
	position: relative;
	overflow: hidden;
	width: 100%; }

.strip_black { background-color: #000; }
.strip_white { background-color: #fff; }
.strip_orange { background-color: #E63312; }

.strip_white .btn-link {
  color: #E63312;
  background-color: transparent;
  border-color: transparent;
	border-bottom-color: #E63312; } 
	.strip_white .btn-link:hover,
	.strip_white .btn-link:focus {
		background-color: transparent;
		color: #000;
		border-bottom-color: #000; }

.strip_orange_fade {
  background: #fff;
  opacity: .2;
  position: absolute;
  width: 106%;
  height: 200vh;
  top: -10rem;
  left: -15px;
	z-index: 0; }


/* ==========================================================================
   Typography
   ========================================================================== */

p {
  margin-bottom: 1.5rem; }

.title { 
	font-family:"Helvetica Neue LT W05_75 Bold";
	font-size: 4rem;
	line-height: 1.1;
	text-shadow: 0 0 10px rgba(0,0,0,0.5); }
	.title a { color: #fff; }
	.title a:hover { color: #E63312; text-decoration: none; }

.title-2 { font-size: 2.4rem; }
.text { font-size: .9rem; }

.datestamp {
	font-size: .6rem;
	letter-spacing: 3px; 
	text-transform: uppercase; }

.heading {
	border-bottom: 3px solid #E63312;
	display: inline-block;
	padding: 0 0 .3rem; }

.content { color: #403C3C; }
.text-orange { color: #E63312; }


/* ==========================================================================
   Card
   ========================================================================== */

.card {
	background: none;
	border: 0;
	border-radius: 0;
	width: 300px; }

.card-header {
	background: none;
	border-radius: 0 !important; }

.card-image {
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%; }

.card-row { height: 200px; }

.card-body { 
	background: rgba(255,255,255,.15);
	font-size: .9rem; }

.card-title { font-size: 1.4rem; }
.card-text { font-family:"HelveticaNeueW01-Thin"; }


/* ==========================================================================
   What's On
   ========================================================================== */

.spektrix-wrapper {
	background-color: #f6f5f5;
	height: auto;
	padding: 20px; }

.project_tile {
  height: 32vw;
	overflow: hidden; }
	.project_tile.col-md-12 {
    height: 40vw; }

.project_tile_info {
	transition: all .5s;
	transform: translateY(60px); }

.project_tile_info .btn { opacity: 0; }
.project_tile:hover .project_tile_info,
.swiper-slide:hover .project_tile_info { transform: translateY(0px); }

.project_tile_info .btn { transition: all .5s; }
.project_tile:hover .project_tile_info .btn,
.swiper-slide:hover .project_tile_info .btn { opacity: 1; }

.project_tile_gallery {
  height: 45vw;
	overflow: hidden; }

ul #show-info { display: none; }
ul #gallery { display: none; }

.date_item {
  border-top: 1px dotted #ccc; }

.date_item .color span {
  background: black;
  height: 10px;
  width: 10px;
  display: inline-block;
   border-radius: 3px; }

/*.date_item .color_0 span {
	background-color: #cc66cc; }

.date_item .color_1 span {
	background-color: #0099cc; }

.date_item .color_2 span {
	background-color: #ffa000; }

.date_item .color_3 span {
	background-color: #ffa000; }*/

.content_booking {
	padding-right: 1rem;
	overflow-y: scroll;
	max-height: 600px;
	overflow-x: hidden; }

.content_booking .date_item:last-child {
  border-bottom: 1px dotted #ccc; }

.content_booking .btn {
	min-width: 125px; }

.btn-sold {
	background-color: #000 !important;
	border-color: #000 !important;
	opacity: .5;
	padding-right: 1.2rem;
	padding-left: 1.2rem;
	pointer-events: none; }
	.btn-sold::before { display: none; }


/* ==========================================================================
   Mobile First
   ========================================================================== */

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

  body { font-size: 14px; line-height: 1.3; }
	
	.card:hover .card-body {
		background: rgba(255,255,255,1);
		color: #000; }

	.card:hover .card-title { color: #E63312; }
	.card:hover a.text-white { color: #E63312 !important; }

	.navbar-100 { width: 100%; }
  
	.highlight_wrapper .swiper-slide {
    width: 100% }
	
	.featured_wrapper .swiper-slide {
    width: 50%; }
	
	.swiper-slides .swiper-slide {
    margin-right: 40px; }
	
}

@media only screen and (min-width : 992px) {
  
  body { font-size: 14px; line-height: 1.4; }
  
}

@media only screen and (min-width : 1200px) {
  
  body { font-size: 15px; }
  
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width : 1199px) {
	
  .drop-down li {
    margin-right: 0rem; }
  
  .main-nav {
    padding-right: 0vw !important;
    width: 100%; }
  
	.h1, h1 { font-size: 2.2rem; }
	.h2, h2 { font-size: 1.8rem; }
	.h3, h3 { font-size: 1.55rem; }
	.h4, h4 { font-size: 1.3rem; }
	.h5, h5 { font-size: 1.1rem; }
	.h6, h6 { font-size: 1rem; }
	.lead { font-size: 1.15rem; }
	
  .menu-main-menu-container {
    font-size: 1rem; }
  
  .donate-container {
    font-size: 90%; }
  
	.main-nav li a {
    padding: .4rem .8rem; }
	
	.swiper-highlights-container {
    max-width: 87vw; }
	
	.highlight_wrapper {
		min-height: 50vh;
		max-height: 400px; }

	.gallery_wrapper {
		height: 80vh;
		min-height: 60vh; }
	
	.title {
    font-size: 2.4rem; }
	
	.title-2 {
    font-size: 2.1rem; }
	
	.text {
    font-size: .8rem; }
	
	.card {
    width: 260px; }
	
	.card-title {
    font-size: 1.2rem; }

	.card-body {
    font-size: .8rem; }
	
}



@media only screen and (max-width : 991px) {
	
  .donate-container .row .col-actions {
    padding: 0 !important;
    width: 50%;
    text-align: right;
    font-size: 90%; }
  
	.brand { margin-top: .5rem; }
	.brand img { width: 90% !important; }
	
	.main-nav {
    font-size: .9rem;
    width: 100%; }
	
	.highlights-container {
    width: 100%;
    max-width: 91vw; }
	
	.highlight_wrapper {
		min-height: 40vh;
		max-height: 400px; }

	.gallery_wrapper {
		height: 60vh;
		min-height: 60vh; }
	
	.title {
    font-size: 2.2rem; }
	
	.title-2 {
    font-size: 1.9rem; }
	
	.text {
    font-size: .8rem; }
	
	.badge { font-size: .4rem; }
	
	.menu_cta {
    max-width: 250px;
    font-size: 90%; }
	
	.date_item .btn {
    white-space: normal;
    font-size: .5rem;
    padding: .52rem 1.2rem .5rem .5rem;
    min-width: 105px; }
	
	.date_item {
    font-size: 90%; }
	
	.date_item .badge {
    font-size: .5rem; }
	
	
}


@media only screen and (max-width : 768px) and (min-width : 640px) {
	
	.highlight_wrapper {
		min-height: 40vh;
		max-height: 400px; }

	.featured_wrapper {
		min-height: 200px;
		max-height: 30vh; }

  .gallery_wrapper {
    height: 90vh;
		min-height: 100%;
    max-height: 40vh; }
	
	.title {
    font-size: 1.8rem; }
	
	.text {
    font-size: .7rem; }
	
	.badge { font-size: .5rem; }
	
	.btn-secondary {
    font-size: .5rem;
    padding: .45rem 1.6rem .45rem 1rem; }

	
}


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

	.swiper-button-next, .swiper-button-prev {
    margin: 4px 10px 0; }
	
	/* Header */
	.navbar { padding: 0 1rem; }
	.navbar-100 { width: 100%; margin: 0;}
	
	.navbar-toggler {
		color: #E63312;
		padding: 0.25rem 0rem 0 1rem; }
	
	.brand {
    margin-top: 0;
    margin-bottom: 0.5rem; }
	
	.menu_cta {
    max-width: 100%;
    float: none;
    margin: 0; }
		.menu_cta form { margin: 0 0 1rem; }
	
	.drop-down li {
    width: 100%; }
	
	.main-nav {
    font-size: 1.2rem;
    width: 100%;
    margin: 0; }
	
	.main-nav li a {
		color: #777;
		font-family:"HelveticaNeueW01-55Roma";
    padding: .5rem 0; }
	
	ul.dropdown-menu {
    background: none;
    border: 0;
    box-shadow: none;
    animation: none;
    padding: 0 0 0 30px;
    position: relative;
    min-width: 100%;
    top: 0;
    margin: 0;
    opacity: 1;
    height: auto;
    overflow: hidden;
    font-size: 80%; }
	
	/* Homepage */
	.swiper-container-horizontal > .swiper-pagination-bullets,
	.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 1.3rem; }
	
	.swiper-inner { 
		background-color: #413A3A;
		padding: 1.5rem 1.5rem 2.5rem;
		height: auto !important; }
	
	.video-open {
    position: absolute;
    right: 20px;
    width: 50px;
    z-index: 50;
    top: 20px;
    line-height: 5em;
    text-align: center;
    height: 50px; }
	
	.video-open i {
    color: #fff;
    font-size: 3rem;
    position: relative;
    top: 0;
    transition: all .4s;
    transform: none; }
	
	.gallery_wrapper {
    height: auto;
    min-height: auto; }
	
	.gallery_wrapper .swiper-slide { background-image: none !important; }
	
	.swiper-img { 
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 250px; }
	
	.featured_wrapper {
		height: auto;
    min-height: 600px;
    max-height: inherit; }
	
	.swiper-highlights-container {
    max-width: 100vw; }
	
	.strip_orange_fade {
    background: #fff;
    opacity: .2;
    position: absolute;
    width: 200vh;
    height: 200vh;
    top: -75vh;
    left: -165vh;
    z-index: 0;
    border-radius: 120%; }
	
	/* Card */
	.card {
    width: 100%;
    margin: 0 auto; }
	
	.card-row { height: 250px; }
	
	.card-title { font-size: 1.6rem; }
	.card-body { font-size: 1rem; }
	
	.highlight_wrapper {
    min-height: 35vh;
    max-height: 320px; }
	
	/* Project */
	.project_tile {
		padding: 0;
    height: 260px; }

	.project_tile.col-md-12 {
    height: 300px; }

	.project_tile_info {
    padding-right: 3rem; }
	
	.project_tile_info .text {
    font-size: .7rem;
    padding: .5rem 0; }
	
	.project_tile_info .text p {
		margin-bottom: .5rem; }
	
	.list-inline .btn {
    font-size: .5rem;
    padding: .65rem 1.5rem .65rem 1rem;
		margin-bottom: 1rem; }
	
	.date_item p {
		margin: 0; }
	
	.date_item .btn {
    margin-bottom: 1rem !important; }
	
	/* Misc. */
	.form-control { font-size: 1rem; }
	
	/* footer */
	footer { border-top: 1px solid #E63312; }
	footer .nav-footer .nav-item {
    width: 100%;
    text-align: left;
    margin: 0 0 .5rem; }
	
	#mailer {
    max-width: 90%;
    width: 100%; }
	
	.sub-footer li {
    width: 100%;
    margin: .5rem 0 0; }
	
	footer .nav-link {
    padding: 0rem 0 .3rem;
    line-height: 1.4; }

}

#nineselect,
.main-nav.drop-down > li > a {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    padding-top: 0.2rem !important;
    color: #494949;
}




