@import url('reset.css');
@import url('nd.css');

/* Fonts
------------------------------------------------------------------------------*/
@import url("https://use.typekit.net/lls0fxm.css");
/*----------------------------------------------------------------------------*/


/* General
------------------------------------------------------------------------------*/
body {
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;

	color: #fff;
	background-color: #000;
	
	/*min-width: 960px;*/
	
	position: relative;
}

#main div.wrapper {
	max-width: 1020px;
	padding: 30px 20px;
}

#main div.wrapper.no_margin {
	max-width: 1020px;
	margin: 30px auto;
	padding: 0;
}
/*----------------------------------------------------------------------------*/


/* General Content
------------------------------------------------------------------------------*/

.general_content {
	font-size: 10px;
}
div.smallprint .general_content {
	font-size: 9px;
}

.general_content ul { list-style: disc; }
.general_content ol { list-style: decimal; }

.general_content iframe {
	width: 100% !important;
	margin-bottom: 30px;
}

.general_content div.standard_format img {
	width: 100% !important;
	height: auto !important;
}

strong { font-weight: 700; }
em { font-style: italic; }

.general_content ul,
.general_content ol {
	margin: 0 0 0 1.5em;
}

.general_content ul {
	list-style: none;
}

.general_content ul li::before {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23eb3024' /%3E%3C/svg%3E%0A");
	margin-top: -0.1em;
	text-indent: -15px;
	width: 0.4em;
	position: absolute;
}


.general_content li,
.general_content p {
	font-size: 1.6em;
	font-weight: 300;
	line-height: 1.6em;
	margin: 0 0 1.6em 0;
}

.general_content li {
	margin: 0 0 1.2em 0;
}

.general_content table td,
.general_content table th {
	font-size: 1.6em;
}


.general_content table th,
.general_content table td {
	border: 1px solid #666;
	padding: 0.4em 0.6em;
}

.general_content table th {
	color: #fff;
	font-weight: bold;
	background-color: #3a3657;
}

.general_content.large p {
	text-align: center;
	font-size: 3.0em;
	line-height: 1.6em;
}

.general_content img.standard {
	width: 100%;
	margin: 0 0 3.2em 0;
}

.general_content strong,
.general_content p.intro {
	font-weight: 700;
}

.general_content h1 { font-size: 1.2em; }
.general_content h2 { font-size: 1.6em; }
.general_content h3 { font-size: 1.8em; }
.general_content h4 { font-size: 1.6em; }
.general_content h5 { font-size: 1.6em; }



.general_content h1,
.general_content h2,
.general_content h3,
.general_content h4,
.general_content h5 {
	color: #fff;
	line-height: 1.4em;
	margin: 0 0 0.8em 0;
}



.general_content h2.large {
	font-size: 2.8em;
	font-weight: 700;
	text-align: center;
	padding: 30px 20px;
	margin-top: 20px;
	box-sizing: border-box;
}

.general_content div.hl_block {
	background-color: #999;
	padding: 15px;
	margin: 0 0 1.4em 0;
	border-radius: 8px;
}

* p:last-child {
	margin: 0 0 0 0;
}


.general_content blockquote {
	color: #fff;
	background-color: inherit;
	line-height: 1.5em;
	font-style: italic;
	font-size: 120%;
	margin: 0 30px 1.4em 30px; 
	text-indent: 1em;
	padding: 0.5em 0 0 0;	
	position: relative;
	
}

.general_content blockquote p:before,
.general_content blockquote p:after {
	color: #fff;
	font-size: 200%;
	display: inline;
	line-height: 0;
	position: relative;
}

.general_content blockquote p:before {
	content: '❝';
	top: 0.2em; left: -0.5em;
}

.general_content blockquote p:after {
	content: '❞';
	top: 0.4em; left: 0.2em;
}

.general_content blockquote.long p:before,
.general_content blockquote.long p:after {
	content: none;
}

.general_content blockquote.long {
	background-image: none;
	border-left: 4px solid #ccc;
	padding: 0 1.4em 0 1em;
	margin: 0 0 1.4em 1em;
	text-indent: 0;
}

.general_content p.blockquote_credit {
	text-align: right;
	margin-top: -1em;
	padding-right: 2.3em;
	color: #333;
}

.general_content p.blockquote_credit.stand_alone {
	margin-top: 1.5em;
}


.general_content a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #eb3024;
}
/*----------------------------------------------------------------------------*/


body {
	-webkit-text-size-adjust: 100%;
}



#header {
	position: relative;
	background-color: #000;
	padding: 20px 0;
}



#header_line {
	/*margin-top: 80px;*/
}


div.wrapper {
	max-width: 920px;
	padding: 0 20px;
	margin: 0 auto;	
}

#footer {
	background-color: #000;
	text-align: center;
	z-index: 10;
	position: relative;
}

#footer #contact_links ul {
	position: static;
	margin: 0;
}

#footer #contact_links ul li {
	padding: 10px 0 10px 0;
}

#footer > div.intro {
	background-color: #333333;
	padding: 0 20px 30px 20px;
	margin-top: -5px;
}

#footer > div.intro p {
	font-size: 13px;
	line-height: 1.6em;
	margin: 0 auto 0.8em auto;
	max-width: 760px;
	color: #fff;
}

#footer > div.social {
	background-color: #333333;
}

#footer > div.outro {
	background-color: #000;
	padding: 10px 40px;
}

#footer > div.outro p {
	line-height: 1.6em;
	font-size: 12px;
	margin: 0 auto;
	max-width: 1000px;
	
}

#footer > div.outro p span,
#footer > div.outro p a {
	margin: 0 10px;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
}

#footer > div.outro p a:hover {
	color: #eb3124;
}

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

	#footer > div.outro p span,
	#footer > div.outro p a {
		margin: 0 10px;
	}

}


*.box_set {
	display: block;
	line-height: 0;
	width: 100%;
	background-color: #3a3657;
	overflow: hidden;
	margin: 0 0 0 0;
	position: relative;
	clear: both;
}

*.box_set.black {
	background-color: #000;
}

*.box_set.home {
	cursor: pointer;
}

*.box_set:hover * {
	color: #fff;
}

*.box_set.last_in_set {
	margin: 0 0 20px 0;
}

*.box_set h2,
*.box_set p {
	font-size: 24px;
	margin: 0;
	line-height: 1.6;
}


@media only screen and (max-width: 720px) {
*.box_set h2,
*.box_set p {
	font-size: 18px;
}

*.box_set p {
	margin-right: 30px;
}

.box_set.max_2 > .img_wrap {
	padding-bottom: 66.66666% !important;
}

}

*.box_set h2 {
	font-weight: 700;;
}

*.box_set p {
	font-weight: 300;
}

*.box_set > * {
	display: inline-block;
	margin: 0;

	background-image: url('../images/arrow.png');
	background-position: calc(100% - 15px) 15px;
	background-repeat: no-repeat;
	background-size: 20px;

	transition: all 0.2s;

	float: left;

	width: 100%;

}

*.box_set > .no_link {
	background-image: none !important;
	cursor: default;
}

*.box_set.home > * {
	position: absolute;
	top: 0;
	bottom: 0;
	float: none;
}

*.box_set > *:hover {
	background-image: url('../images/arrow_red.png');
	background-position: calc(100% - 10px) 10px;

	background-color: #000;
}

*.box_set > .no_link:hover {
	background-color: inherit;
}

*.box_set.alt > * {
	float: right;
}

*.box_set > * div.buttons {
	position: absolute;
	bottom: 2em;
	left: 2em;
	width: 40%;
}

*.box_set > *:hover div.buttons a.button {
	background-color: #3a3657;
	background-image: url('../images/arrow.png') !important;
}

@media only screen and (max-width: 960px) {
	a.button {
		width: 100%;
	}
}

*.box_set > * div.buttons a.button:last-child {
	margin-bottom: 0;
}

*.box_set *.details {
	display: block;
	padding: 15% 2em 2em 2em;
}

*.box_set.max_2 > * {
	width: 50%;
	box-sizing: border-box;
	overflow: hidden;
}

*.box_set.max_2 > *.img_wrap {
	width: 50%;
	padding-bottom: 33.3333333%;
	height: 0;
	position: relative;
	background-color: #fff;
}

*.box_set.max_2 > * > img {
	top: 0;
	position: absolute;
	
	animation-name: anim_home_images;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

*.box_set.max_2 > *.img_wrap.scroll {
	background-image: none;
	background-color: #000;
}

*.box_set.max_2 > *.img_wrap.scroll img {
	animation-iteration-count: infinite;
	animation-name: img_scroller;
  animation-duration: 15s;
  animation-fill-mode: forwards;
  width: 100%;
}

@keyframes anim_home_images {
  from { margin: -50px; width: calc(100% + 100px); }
  to { margin: 0; width: 100%; }
}

@keyframes img_scroller {
	0% { transform: translateY(0); opacity: 0; }
	10% { transform: translateY(0); opacity: 1; }
	80% { transform: translateY(calc(-100% + 500px)); opacity: 1; }

	95% { opacity: 1; transform: translateY(calc(-100% + 500px));  }
	100% { opacity: 0; transform: translateY(calc(-100% + 500px)); }
}

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

	*.box_set.max_2 > *.img_wrap.scroll {
		overflow: hidden;
		height: auto;
		padding-bottom: 0 !important;
	}

	*.box_set.max_2 > *.img_wrap.scroll img {
		animation-name: none;
	  width: 100%;
	}

}

*.box_set.max_3 > * {
	width: 33.3333%;
}

*.box_set.max_4 > * {
	width: 25%;
	margin: 0;
	float: left;
	text-decoration: none;
	color: #fff;
}

*.box_set.img_block div.img_wrap {
	width: 100%;
	height: 0;
	padding-bottom: 33.33333%;
	position: relative;
	overflow: hidden;
}

*.box_set.img_block div.img_wrap {
	position: relative;
	background-color: #fff;
}

*.box_set.vignette div.img_wrap:after {
  content: '';
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  box-shadow: inset 10px 10px 60px rgba(127,127,127,0.4);
}

/* *.box_set.vignette div.img_wrap:hover:after { box-shadow: none; } */



*.box_set.img_block div.img_wrap img {
	
	width: 100%;
	
	position: absolute;
	
	box-sizing: border-box;
	object-fit: cover;

}

*.box_set.img_block div.img_wrap.aspect_2_1 img {
	top: 0;
	
}


*.box_set.img_block > * *.details {
	padding: 15px;
	
	min-height: 100px;
	background-size: 15px;
	
	transition: all 0.2s;

	background-color: #000;

	overflow: hidden;

	box-sizing: border-box;
	height: 130px;
  overflow: hidden;

}

*.box_set.img_block > a .details {
	background-color: #3a3657;
	background-image: url('../images/arrow.png');
	background-position: calc(100% - 15px) 15px;
	background-repeat: no-repeat;
}

*.box_set.img_block > * *.details {

}

*.box_set.img_block > a:hover *.details {
	background-image: url('../images/arrow_red.png');
}

*.box_set.img_block > a:hover *.details {
	background-color: #000;
	background-position: calc(100% - 10px) 10px;
}

*.box_set.img_block > * h3,
*.box_set.img_block > * p {
	font-size: 14px;
	line-height: 1.6em;
	margin: 0;
}

*.box_set.img_block > * p.date {
	margin-bottom: 1em;
	font-weight: 700;
}


*.box_set.img_block > * h3 {
	font-weight: 400;
}

*.box_set.img_block > * h3.bold {
	font-weight: 600;
}


@media only screen and (max-width: 720px) {
	*.box_set > * div.buttons {
		position: static;
		bottom: 0;
		left: 0;
		width: auto;
		padding-top: 0;
	}

	*.box_set > * > *.details {
		padding: 2em 2em 2em 2em;
	}

	*.box_set.max_2

	*.box_set.max_2 > *.img_wrap {
		width: 10%;
		padding-bottom: 0%;
		height: auto !important;
		z-index: -1;
	}

	*.box_set.max_2 > * > img {
		position: static;
	}

	.box_set.max_2 > * {
	position: static;
	}

	.box_set > * div.buttons {
		bottom: auto;
	}

}

@media only screen and (max-width: 960px) {
	*.box_set > * > *.details h2 {
		font-size: 20px;
	}

	*.box_set > * > *.details p {
		font-size: 16px;
	}
}


/*----------------------------------------------------------------------------*/


/* Mobile
------------------------------------------------------------------------------*/
@media only screen and (max-width: 720px) {

	*.box_set > * > div.buttons {
		padding: 2em
	}

	*.box_set.max_2 > * {
		width: 100% !important;
	}
	
	*.box_set.max_2.middle > *:first-child div,
	*.box_set.max_2.middle > *:last-child div {
		margin: 0 auto 0 auto;
	}
	
	
	*.box_set.max_2.middle > *:nth-child(2) div svg {

		position: absolute;
		left: 50%;
		top: 0px;
		margin-top: -90px;
		margin-left: -30px;
		
		-ms-transform: rotate(90deg); /* IE 9 */
	  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	  transform: rotate(90deg);
		
		-ms-transform-origin: left bottom;
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
	}
	
}

@media only screen and (max-width: 720px) {
	#intro_bg,
	#outro_bg {
		font-size: 16px;
	}

	#intro_bg h1,
	#outro_bg h1 {
		font-size: 32px !important;
	}
}

#intro {
	text-align: center;
	font-size: 28px;
	line-height: 1.6em;
	font-weight: 400;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}

@media only screen and (max-width: 1000px) {
#intro {
	font-size: 20px;
}
}


#intro h1 {
	font-size: 28px !important;
	font-weight: 700;
}

#intro p {
	font-size: inherit; !important;
	width: 90%;
	margin: 0 auto 1.6em auto;
	font-weight: 300;
}


div.two_col {
	margin: 0 20px 50px 20px;
}

div.two_col div.bb_left {
	width: 38%;
}

div.two_col div.bb_right {
	width: 62%;
}

div.two_col div.bb_left.block_links div.block_link {
	margin: 0 0 2em 0;
	float: left;
	width: 100%;
}

div.two_col div.bb_left.block_links div.block_link p {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}

div.two_col div.bb_left.block_links p.header {
	margin-bottom: 0;
}


div.two_col div.bb_left.block_links {
	width: 240px;
}

div.two_col div.bb_left.block_links div.block_link span.img_placeholder {
	display: block;
	width: 100%; height: auto;
	margin: 0 0 1.4em 0;
}

div.two_col div.bb_left.block_links div.block_link span.img_placeholder img {
	width: 100%;
}

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

div.two_col div.bb_left {
	width: 100%;
}

div.two_col div.bb_right {
	width: 100%;
	margin-bottom: 30px;
}

div.two_col div.bb_left p:first-child {
	font-size: 1.6em;
}

div.two_col div.bb_left.block_links {
	width: calc(100% + 0px);
	box-sizing: border-box;
	margin-left: 0px;
}

div.two_col div.bb_left.block_links div.block_link {
	width: 25%;
	box-sizing: border-box;
	padding: 5px;
}

}

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

div.two_col div.bb_left.block_links div.block_link {
	width: 50%;
}
}


div.two_col div.bb_left ul {
	list-style-type: none;
	margin-left: 20px;
}

div.two_col div.bb_left p {
	font-size: 12px;
	font-weight: 700;
}

div.two_col div.bb_left p.normal {
	font-weight: 400;
}

div.two_col div.bb_left ul li,
div.two_col div.bb_left ol li {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.6em;
}

div.two_col div.bb_left ul li:before {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23eb3024' /%3E%3C/svg%3E%0A");
	margin-top: -0.1em;
  text-indent: -15px;
  width: 0.4em;
  position: absolute;
}


/* Holding Page
------------------------------------------------------------------------------*/
h1.with_logo * {
	vertical-align: middle;
}

h1.with_logo img {
	margin-left: 0.3em;
}

h1.with_logo {
	padding-bottom: 0.4em;
	margin-bottom: 2em;
	border-bottom: 0.2em solid #fff;
}
a.button_large {
	font-size: 22px;
	display: block;
	text-decoration: none;
	width: 100%;
	padding: 0.3em 0.2em;
	color: #fff;
	background-color:#892a1f;
	box-sizing: border-box;

	-webkit-transition: all 0.4s; /* Safari */
	transition: all 0.4s;
}

a.button_large:hover {
	background-color: #eb3024 
}

div#ph_wrap {
	width: auto;
	display: table;
	margin: 0 auto;
}

div#ph_wrap h1, div#ph_wrap p {	
	width: auto;
	margin: 1.2em auto;
}

div#ph_wrap p.coming_soon {
	font-weight: 500;
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
/*----------------------------------------------------------------------------*/