/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.show-for-mobile { display: block; }
@media (min-width: 767px) { .show-for-mobile { display: none; } }

.show-for-desktop { display: none; }
@media (min-width: 767px) { .show-for-desktop { display: block; } }

* { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

html { position: relative; height: 100%; min-height: 630px; color: #0f1626; font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 1.6; overflow-x: hidden; }

body { position: relative; overflow-x: hidden; height: 100%; background-color: #FFAF53; background-image: -webkit-gradient(linear, left top, right top, from(#E55D4A), to(#FFAF53)); background-image: linear-gradient(left, #E55D4A, #FFAF53); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#E55D4A', end-colourStr='#FFAF53', gradientType='1'); background-image: url("../img/clouds.jpg"); background-size: cover; background-blend-mode: overlay; background-attachment: fixed; background: #efefef; }
@media (min-width: 767px) { body { overflow: auto; } }
body:before { display: none; position: fixed; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255, 175, 83, 0); background-image: -webkit-gradient(linear, left top, right top, from(#FFAF53), to(rgba(255, 175, 83, 0))); background-image: linear-gradient(left, #FFAF53, rgba(255, 175, 83, 0)); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#FFAF53', end-colourStr='rgba(255, 175, 83, 0)', gradientType='1'); }

.mobile-back { display: none; position: fixed; top: 0; left: 0; overflow-x: hidden; width: 100%; height: 900px; opacity: 0.3; background-color: #FFAF53; background-image: -webkit-gradient(linear, left top, right top, from(#E55D4A), to(#FFAF53)); background-image: linear-gradient(left, #E55D4A, #FFAF53); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#E55D4A', end-colourStr='#FFAF53', gradientType='1'); background-image: url("../img/clouds.jpg"); background-size: cover; background-blend-mode: overlay; background-position: center top; /*
&:before { display: block; position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; @include horizontal-gradient($color--navback, transparentize($color--navback, 1.0));    
}
*/ }
.mobile-back:before { display: block; content: " "; width: 100%; height: 100%; background: rgba(255, 175, 83, 0); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 175, 83, 0)), to(#FFAF53)); background: linear-gradient(to bottom, rgba(255, 175, 83, 0) 0%, #FFAF53 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }

a:link, a:visited { color: #2b2b2b; font-weight: 600; }

a:active, a:hover { color: #0f1626; }

.center-control { padding-bottom: 100px; }
@media (min-width: 767px) { .center-control { left: 50%; position: relative; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; max-width: 1000px; padding-top: 100px; padding-bottom: 20px; } }

.header-center-control { position: fixed; z-index: 1000; top: auto; bottom: 0; pointer-events: none; width: 100%; }
@media (min-width: 767px) { .header-center-control { bottom: auto; top: 0; } }

header { position: relative; z-index: 1000; left: 0; top: auto; bottom: 0px; width: 100%; height: auto; background-color: #2b2b2b; pointer-events: all; background-image: url("../img/pixel-pattern-darker.gif"); background-position-x: 80%; background-size: 150px; background-repeat: repeat; }
@media (min-width: 767px) { header { top: 0; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: 80px; } }
header:before { display: block; position: absolute; content: ""; width: 100%; height: 100%; bottom: 0; right: 0; background-color: #000000; background-image: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 246, 0)), to(#000000)); background-image: linear-gradient(left, rgba(247, 247, 246, 0), #000000); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='rgba(247, 247, 246, 0)', end-colourStr='#000000', gradientType='1'); background-color: transparent; opacity: 0.5; }
header .headerwrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (min-width: 767px) { header .headerwrap { height: auto; max-width: 978px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }
header .logo { -ms-flex-preferred-size: 50%; flex-basis: 50%; /*
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
*/ padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 3; }
@media (min-width: 767px) { header .logo { -ms-flex-preferred-size: 160px; flex-basis: 160px; padding-right: 0px; padding-bottom: 0px; } }
header .logo a:link, header .logo a:visited { display: block; position: relative; text-decoration: none; overflow: hidden; color: #FFAF53; background: transparent; border: 2px solid #FFAF53; text-transform: uppercase; font-weight: 600; font-size: 10px; line-height: 14px; letter-spacing: 1px; padding: 9px; padding-top: 5px; padding-bottom: 5px; }
header .logo a:link .icon, header .logo a:visited .icon { display: block; width: 34px; height: 34px; position: absolute; bottom: -2px; right: 5px; -webkit-transition: all 1.5s ease-in 1s; transition: all 1.5s ease-in 1s; }
header .logo a:link h1, header .logo a:visited h1 { font-size: inherit; margin: inherit; font-weight: inherit; }
header .logo a:active, header .logo a:hover { background-color: transparent; color: #F7F7F6; border-color: #F7F7F6; }
header .logo a:active .icon, header .logo a:hover .icon { bottom: -22px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
header .menu { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 9px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 42px; text-align: right; }
@media (min-width: 767px) { header .menu { display: none; } }
header .menu a .for-sr { display: inline-block; vertical-align: middle; padding-right: 12px; }
header .menu a:link, header .menu a:visited { display: block; position: relative; text-decoration: none; height: 42px; color: #FFAF53; text-transform: uppercase; font-weight: 600; font-size: 12px; line-height: 14px; letter-spacing: 1px; padding: 10px; padding-top: 23px; padding-bottom: 35px; border: 2px solid #FFAF53; border-color: transparent; }
header .menu a:link .icon, header .menu a:visited .icon { width: 18px; height: 18px; float: right; margin-top: 2px; fill: #FFFFFF; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 500ms linear; transition: all 500ms linear; }
header .menu a:active, header .menu a:hover { border-color: transparent; }
header .menu a:active .icon, header .menu a:hover .icon { fill: #FFFFFF; }
header .menu.active a:link .icon, header .menu.active a:visited .icon { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); margin-top: -3px; -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ }
header nav { display: block; position: relative; text-align: center; height: 0; overflow: hidden; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 20px; margin-right: 20px; -webkit-transition: height .3s ease; transition: height .3s ease; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition: all 500ms cubic-bezier(0.6, 0, 0.735, 0.045); /* older webkit */ -webkit-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045); transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045); /* easeInBack */ -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.735, 0.045); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); /* easeInBack */ }
header nav.active { height: 300px; -webkit-transition: height .3s ease 0s; transition: height .3s ease 0s; -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ /*
@include breakpoint(active) { height: auto;
}
*/ }
@media (min-width: 767px) { header nav { height: auto; padding-right: 20px; margin-top: 20px; margin-right: 0; } }
header nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; padding: 0; margin: 0; list-style: none; }
@media (min-width: 767px) { header nav ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }
header nav ul li { display: block; position: relative; margin: 0; }
@media (min-width: 767px) { header nav ul li { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; opacity: 1; } }
header nav ul li a:link, header nav ul li a:visited { display: block; position: relative; text-decoration: none; color: #FFAF53; text-transform: uppercase; font-weight: 600; font-size: 12px; line-height: 14px; letter-spacing: 1px; text-align: left; padding: 20px; border-bottom: 1.5px solid #FFAF53; }
@media (min-width: 767px) { header nav ul li a:link, header nav ul li a:visited { border-top: 1.5px solid #FFAF53; text-align: center; padding: 13px; font-size: 10px; } }
header nav ul li a:link .icon, header nav ul li a:visited .icon { fill: #F7F7F6; margin-top: -2px; }
header nav ul li a:active, header nav ul li a:hover { color: #FFFFFF; }
header nav ul li .back { display: block; position: absolute; background: #FFAF53; top: 0; bottom: auto; right: 0; width: 100%; height: 0%; }
header nav ul li .back:before { display: block; position: absolute; content: ""; width: 100%; height: 1px; border-top: 2px solid #2b2b2b; left: 0; bottom: 0.5px; }
header nav ul li.current .back { top: auto; bottom: 0; height: 100%; }
header nav ul li.current a:link, header nav ul li.current a:visited { color: #2b2b2b; pointer-events: none; }
header nav ul li.current a:active, header nav ul li.current a:hover { color: #2b2b2b; }

.background-shape { display: block; position: absolute; top: 0; left: 50%; width: 100%; }
.background-shape.shape-01 { -webkit-transform: translate(-50%, -40%); transform: translate(-50%, -40%); width: 200%; }
@media (min-width: 767px) { .background-shape.shape-01 { width: 100%; -webkit-transform: translate(-50%, -20%); transform: translate(-50%, -20%); } }

main { position: relative; }
@media (min-width: 767px) { main { padding-bottom: 0; padding-bottom: 120px; } }

h3 { position: relative; color: #2b2b2b; text-transform: uppercase; font-weight: 900; font-size: 24px; line-height: 1; text-shadow: 0px 2px 2px white; padding: 20px; margin: -20px; }
@media (min-width: 767px) { h3 { font-size: 36px; line-height: 1; padding: 20px; margin: -20px; } }

h2 { position: relative; color: #2b2b2b; text-transform: uppercase; font-weight: 900; font-size: 38px; line-height: 40px; text-shadow: 0px 2px 0px white; padding: 20px; margin: -20px; }
@media (min-width: 767px) { h2 { font-size: 54px; line-height: 62px; } }
h2.welcome { margin-top: 0px; font-size: 40px; line-height: 1; color: white; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); }
@media (min-width: 767px) { h2.welcome { margin-top: 60px; font-size: 60px; line-height: 1; } }
h2.development:before { display: block; position: absolute; content: ""; background-image: url("/img/orange-diamond.svg"); background-repeat: no-repeat; background-position: center center; top: -50%; left: 50%; }

a.slide-target { display: block; position: relative; height: 1px; overflow: hidden; }
@media (min-width: 767px) { a.slide-target { -webkit-transform: translateY(-80px); transform: translateY(-80px); } }

section.content { display: block; position: relative; padding: 20px; margin: 10px; text-align: center; z-index: 2; /*
&:before { content: ""; display: none; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 30px; height: 23px; //background-image: url('../img/bunny-divider-reversed.svg'); background-image: url('../img/tiny-planet.svg'); background-size: cover; background-repeat: no-repeat; }
*/ /*
p a:link, p a:visited { display: inline-block; text-decoration: none; padding-left: 5px; padding-right: 5px; font-weight: 600; font-size: 12px; padding-top: 2px; padding-bottom: 2px; color: $color--main; border: 2px solid $color--main; text-transform: uppercase;
}
p a:active, p a:hover { color: $color--body; border-color: $color--body;
}
*/ /* p:first-of-type:first-letter {  display: inline-block; position: relative;  float: left; text-align: center;  font-size: 35px; font-weight: 300; line-height: 24px; vertical-align: baseline; color: $color--contentback;  padding: 7px; padding-top: 9px; padding-bottom: 9px;  margin-right: 9px; margin-top: 4px;  background-color: $color--navback;  @include horizontal-gradient($color--dropcap, transparentize($color--dropcap,0.5)); }
*/ }
@media (min-width: 767px) { section.content { -webkit-transform: none !important; transform: none !important; padding: 20px; padding-bottom: 20px; margin: 20px; margin-bottom: 30px; } }
section.content p em { color: #FF796A; margin-left: -20px; }
section.content p a:link, section.content p a:visited { display: inline-block; position: relative; text-decoration: none; text-indent: 0; font-weight: 600; color: #E55D4A; }
section.content p a:active, section.content p a:hover { color: #0f1626; text-decoration: underline; }
section.content .section-image { position: relative; margin-top: -10px; margin-bottom: 10px; margin-left: -20px; margin-right: -20px; left: 50%; -webkit-transform: translateX(-44%); transform: translateX(-44%); width: 70%; }
@media (min-width: 767px) { section.content .section-image { float: right; width: 50%; margin-top: 0; margin-bottom: 20px; margin-left: 20px; margin-right: -20px; left: 0%; -webkit-transform: translateX(0%); transform: translateX(0%); } }
@media (min-width: 992px) { section.content .section-image { width: 45%; margin-top: -50px; margin-right: -20px; margin-bottom: 0; } }
section.content .section-image img { width: 100%; height: auto; }
section.content .story { height: 100%; }
section.content .story a:link, section.content .story a:visited { display: block; position: relative; text-decoration: none; padding: 0px; background-color: #fff; margin-top: 20px; margin-left: 10px; margin-right: 10px; margin-bottom: 0; height: 90%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
@media (max-width: 499px) { section.content .story a:link, section.content .story a:visited { margin-top: 15px; } }
section.content .story img { width: 100%; border-radius: 4px; -webkit-box-shadow: 0px 1px 2px rgba(229, 93, 74, 0.3); box-shadow: 0px 1px 2px rgba(229, 93, 74, 0.3); }
section.content .story .title { display: block; padding: 10px; font-weight: 600; text-transform: uppercase; line-height: 20px; color: #E55D4A; }
section.content .story .copy { display: block; padding: 10px; padding-top: 0; font-size: 14px; color: #0f1626; }
section.content .story .button { display: block; position: absolute; bottom: 0; left: 0; padding: 10px; padding-top: 6px; padding-bottom: 6px; font-size: 12px; width: 100%; color: #2b2b2b; background: transparent; border: 2px solid #2b2b2b; font-weight: 600; text-transform: uppercase; }
section.content .next-button { display: block; position: absolute; outline: none; top: 0; left: 0; width: 50px; height: 100%; cursor: pointer; }
section.content .next-button svg { width: 16px; top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); left: 50%; fill: #E55D4A; }
section.content .next-button:hover svg { fill: #0f1626; }
@media (max-width: 499px) { section.content .next-button { width: 25px; } }
section.content .prev-button { display: block; position: absolute; outline: none; top: 0; right: 0; width: 50px; height: 100%; cursor: pointer; }
section.content .prev-button svg { width: 16px; top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; fill: #E55D4A; }
section.content .prev-button:hover svg { fill: #0f1626; }
@media (max-width: 499px) { section.content .prev-button { width: 25px; } }

.gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.gallery .gallery-instance { display: inline-block; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0; vertical-align: top; margin-bottom: 1em; position: relative; cursor: pointer; }
@media (min-width: 500px) { .gallery .gallery-instance { -ms-flex-preferred-size: 47%; flex-basis: 47%; } }
.gallery .gallery-instance .gallery-instance-thumb { margin-bottom: 1em; margin-right: 0; height: 8em; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: top left; float: left; border-bottom: 2px solid #2b2b2b; pointer-events: none; }
@media (min-width: 767px) { .gallery .gallery-instance .gallery-instance-thumb { width: 10em; height: 7em; margin-right: 1em; -webkit-box-shadow: none; box-shadow: none; border: 0; border-right: 2px solid #2b2b2b; background-position: top left; background-size: 90%; } }
.gallery .gallery-instance a:link .gallery-instance-thumb, .gallery .gallery-instance a:visited .gallery-instance-thumb { pointer-events: none; }
.gallery .gallery-instance .title { display: block; font-weight: 600; font-size: 18px; line-height: 1.2; margin-top: 0.5em; margin-bottom: 0.5em; }
.gallery .gallery-instance .description { display: block; font-size: 14px; line-height: 1.2; margin-bottom: 1em; padding-right: 1em; }
.gallery .gallery-instance a.gallery-toggle:link, .gallery .gallery-instance a.gallery-toggle:visited { display: inline-block; margin-bottom: 1em; border: 3px solid #2b2b2b; text-transform: uppercase; text-decoration: none; padding: 6px; padding-left: 10px; padding-right: 10px; font-size: 11px; font-weight: 600; }
.gallery .gallery-instance a.gallery-toggle:active, .gallery .gallery-instance a.gallery-toggle:hover { background-color: #2b2b2b; color: #FFFFFF; }
.gallery .gallery-instance .gallery-thumbs { height: 0px; overflow: hidden; -webkit-transition: all ease-in-out 500ms; transition: all ease-in-out 500ms; padding: 1em; padding-bottom: 0; padding-top: 0; }
.gallery .gallery-instance .gallery-thumbs .thumb { display: inline-block; margin-bottom: 1em; vertical-align: top; overflow: hidden; border: 2px solid #0f1626; }
.gallery .gallery-instance .gallery-thumbs .thumb:hover { border-color: #FFFFFF; }
@media (max-width: 499px) { .gallery .gallery-instance .gallery-thumbs .thumb { width: 45%; margin-right: 10%; }
  .gallery .gallery-instance .gallery-thumbs .thumb:nth-of-type(2n+2) { margin-right: 0; } }
@media (min-width: 500px) { .gallery .gallery-instance .gallery-thumbs .thumb { width: 21%; margin-right: 5%; }
  .gallery .gallery-instance .gallery-thumbs .thumb:nth-of-type(4n+4) { margin-right: 0; } }
.gallery .gallery-instance .gallery-thumbs .thumb img { width: 100%; height: auto; border: 2px solid #FFAF53; }
.gallery .gallery-instance.active { background-color: #2b2b2b; color: #FFFFFF; margin-left: -30px; margin-right: -30px; -ms-flex-preferred-size: 130%; flex-basis: 130%; }
@media (min-width: 767px) { .gallery .gallery-instance.active { padding-top: 1em; margin-top: -1em; margin-left: 0; margin-right: 0; -ms-flex-preferred-size: 47%; flex-basis: 47%; } }
.gallery .gallery-instance.active .title { padding-right: 1em; padding-left: 30px; color: #FFAF53; }
@media (min-width: 767px) { .gallery .gallery-instance.active .title { padding-left: 0; } }
.gallery .gallery-instance.active .description { padding-left: 30px; }
@media (min-width: 767px) { .gallery .gallery-instance.active .description { padding-left: 0; } }
.gallery .gallery-instance.active .gallery-thumbs { position: absolute; z-index: 1000; top: 100%; left: 0; background-color: #2b2b2b; width: 100%; height: auto; -webkit-transition: all ease-in-out 500ms; transition: all ease-in-out 500ms; }
@media (max-width: 499px) { .gallery .gallery-instance.active .gallery-thumbs { padding: 30px; padding-top: 0.5em; padding-bottom: 0.5em; } }
@media (max-width: 499px) { .gallery .gallery-instance.active .gallery-instance-thumb { -webkit-box-shadow: 0 2px 0 #FFFFFF; box-shadow: 0 2px 0 #FFFFFF; } }
@media (min-width: 767px) { .gallery .gallery-instance.active .gallery-instance-thumb { border-right-color: #FFFFFF; } }

footer { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: visible; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; }
@media (min-width: 767px) { footer { height: 20px; } }
footer .left { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-negative: 0; flex-shrink: 0; }
footer .right { -ms-flex-preferred-size: 100%; flex-basis: 100%; color: #2b2b2b; opacity: .8; padding: 40px; text-align: left; font-weight: 600; font-size: 9px; letter-spacing: 0.15em; text-transform: uppercase; }
@media (min-width: 767px) { footer .right { -ms-flex-preferred-size: auto; flex-basis: auto; text-align: right; padding-left: 40px; padding-right: 40px; } }

.tns-outer, .tns-ovh, .tns-inner, .tns-slider { height: 100%; }
/*# sourceMappingURL=main.css.map */