@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300i,400i");
@import url('https://fonts.googleapis.com/css?family=Prata|Raleway:400,700');


.textdx {text-align: right;}

/* Reset */

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;	}
table {	border-collapse: collapse;border-spacing: 0;	}
body {-webkit-text-size-adjust: none;}

/* Box Model */

*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

/* Page */

@-moz-keyframes load-spinner {
		0% {-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);}

		100% {-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);}
}

@-webkit-keyframes load-spinner {
		0% {-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);}

		100% {-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);}
}

@-ms-keyframes load-spinner {
		0% {-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);}

		100% {-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);}
}

@keyframes load-spinner {
		0% {-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);}

		100% {-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			transform: rotate(360deg);}
}

@-ms-viewport {width: device-width;}
html {width: 100%;height: 100%;}

body {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: -moz-flex-start;
		-webkit-justify-content: -webkit-flex-start;
		-ms-justify-content: -ms-flex-start;
		justify-content: flex-start;
		-ms-overflow-style: scrollbar;
		width: 100%;
		height: 100%;
		min-height: 30rem;
		overflow: hidden;
}

body:before {
			-moz-animation: load-spinner 1s infinite linear;
			-webkit-animation: load-spinner 1s infinite linear;
			-ms-animation: load-spinner 1s infinite linear;
			animation: load-spinner 1s infinite linear;
			-moz-transition: opacity 0.25s ease;
			-webkit-transition: opacity 0.25s ease;
			-ms-transition: opacity 0.25s ease;
			transition: opacity 0.25s ease;
			-moz-transition-delay: 0s;
			-webkit-transition-delay: 0s;
			-ms-transition-delay: 0s;
			transition-delay: 0s;
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			content: '';
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 4rem;
			height: 4rem;
			margin: -2rem 0 0 -2rem;
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='96px' height='96px' viewBox='0 0 96 96' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: %232e2b37%3B stroke-width: 1.5px%3B %7D%3C/style%3E%3Cdefs%3E%3CclipPath id='corner'%3E%3Cpolygon points='0,0 48,0 48,48 96,48 96,96 0,96' /%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23corner)'%3E%3Ccircle cx='48' cy='48' r='32'/%3E%3C/g%3E%3C/svg%3E");
			background-position: center;
			background-repeat: no-repeat;
			background-size: 4rem;
			opacity: 0;
}

body:after {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			content: '';
			display: block;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
			background-attachment: fixed;
			background-repeat: repeat, repeat-x;
			background-size: 128px 128px, cover;
}

body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
}

body.is-loading:before {
			-moz-transition: opacity 1s ease;
			-webkit-transition: opacity 1s ease;
			-ms-transition: opacity 1s ease;
			transition: opacity 1s ease;
			-moz-transition-delay: 0.75s;
			-webkit-transition-delay: 0.75s;
			-ms-transition-delay: 0.75s;
			transition-delay: 0.75s;
			opacity: 0.25;
}

@media screen and (max-width: 736px) {
		html {height: auto;}
		body {height: auto;overflow-x: hidden;overflow-y: auto;}
}

@media screen and (max-width: 480px) {
		html, body {
			min-width: 0;
            width: 100%;
            padding: 0;
            margin: 0;
            border: 0;
		}
}

/* Typography */

html {font-size: 18pt;font-size: 1vmax;}

@media screen and (max-width: 1680px) {
			html {font-size: 12pt;font-size: 1.1vmax;}
}

@media screen and (max-width: 1280px) {
			html {font-size: 11pt;font-size: 1.5vmax;}
}

body, input, select, textarea {
		color: rgba(255, 255, 255, 1);
		font-family: 'Raleway', sans-serif;
		font-size: 1rem;
		font-weight: 300;
		line-height: 1.65;
}

a {
		-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		color: inherit;
		text-decoration: none;
}

a:hover {border-bottom-color: transparent;color: red;text-decoration: none;}
p {margin: 0 0 1.5rem 0;}
body.is-ie p {width: 100%;}

h1, h2, h3, h4, h5, h6 {
		color: #fff;
		font-family: 'Prata', serif;
		font-weight: 100;
		line-height: 1.3;
		margin: 0 0 0.75rem 0;
		
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;text-decoration: none;}
h1.major, h2.major, h3.major {position: relative;	}

h1.major:after, h2.major:after, h3.major:after {
			content: '';
			position: absolute;
			left: 0;
			width: 3.5rem;
			height: 0.1rem;
			background-color: #fff;
}

h2 {font-size: 1.75rem;line-height: 1.2;}
h2.major {margin: 0 0 1.9875rem 0;}
h2.major:after {bottom: -1.2rem;}

h3 {font-size: 1.325rem;}
h3.major {margin: 0 0 1.875rem 0;}
h3.major:after {bottom: -0.75rem;}

h4 {font-size: 1rem;}

h5 {font-size: 0.9rem;}

h6 {font-size: 0.7rem;}

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

@media screen and (max-width: 736px) {
    html {font-size: 12pt;}
    h1 {font-size: 2.25rem;line-height: 1.2;}
    h1.major {margin: 0 0 2.625rem 0;}
    h1.major:after {bottom: -1.325rem;}
    h2 {font-size: 1.5rem;line-height: 1.2;}
    h2.major {margin: 0 0 1.9875rem 0;}
    h2.major:after {bottom: -1.2rem;}
    h3 {font-size: 1rem;}
    h3.major {margin: 0 0 1.875rem 0;}
    h3.major:after {bottom: -0.75rem;}
    h4 {font-size: 1rem;}
    h5 {font-size: 0.9rem;}
    h6 {font-size: 0.7rem;}
    h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {display: none;}
}

@media screen and (max-width: 360px) {
    html {font-size: 11pt;}
}


/* Image */

.image {display: inline-block;position: relative;border: 0;}

.image.filtered:after {
    /*background-image: url("../../img/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));*/
    background-image: url("../../img/overlay.png"), linear-gradient(45deg, rgba(0, 255, 234, 0.25) 25%, rgba(245, 204, 0, 0.25) 50%, rgba(0, 20, 245, 0.25) 100%);
    background-image: url("../../img/overlay.png"), linear-gradient(45deg, rgba(104,252,240,0.25) 0%, rgba(255,255,255,0.38) 50%, rgba(0,167,245,0.25) 100%);
    background-size: 128px 128px, auto;
    -moz-pointer-events: none;
    -webkit-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
}

.image.filtered.tinted:after {
    /*background-image: url("../../img/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25)), linear-gradient(0deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.125));*/
    /*background-image: url("../../img/overlay.png"), linear-gradient(45deg, rgba(0, 255, 234, 0.25) 25%, rgba(245, 204, 0, 0.25) 50%, rgba(0, 20, 245, 0.25) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.125));*/
    background-image: url("../../img/overlay.png"), linear-gradient(45deg, rgba(104,252,240,0.25) 0%, rgba(255,255,255,0.38) 50%, rgba(0,167,245,0.25) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.125));
    background-size: 128px 128px, auto, auto;
}

.image[data-position] img {
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image[data-position="top left"] img {
    -moz-object-position: top left;
    -webkit-object-position: top left;
    -ms-object-position: top left;
    object-position: top left;
}

.image[data-position="top right"] img {
    -moz-object-position: top right;
    -webkit-object-position: top right;
    -ms-object-position: top right;
    object-position: top right;
}

.image[data-position="right"] img {
    -moz-object-position: right;
    -webkit-object-position: right;
    -ms-object-position: right;
    object-position: right;
}

.image[data-position="bottom"] img {
    -moz-object-position: bottom;
    -webkit-object-position: bottom;
    -ms-object-position: bottom;
    object-position: bottom;
}

.image[data-position="bottom left"] img {
    -moz-object-position: bottom left;
    -webkit-object-position: bottom left;
    -ms-object-position: bottom left;
    object-position: bottom left;
}

.image[data-position="left"] img {
    -moz-object-position: left;
    -webkit-object-position: left;
    -ms-object-position: left;
    object-position: left;
}

.image[data-position="center"] img {
    -moz-object-position: center;
    -webkit-object-position: center;
    -ms-object-position: center;
    object-position: center;
}

.image[data-position="25% 25%"] img {
    -moz-object-position: 25% 25%;
    -webkit-object-position: 25% 25%;
    -ms-object-position: 25% 25%;
    object-position: 25% 25%;
}

.image[data-position="75% 25%"] img {
    -moz-object-position: 75% 25%;
    -webkit-object-position: 75% 25%;
    -ms-object-position: 75% 25%;
    object-position: 75% 25%;
}

.image[data-position="75% 75%"] img {
    -moz-object-position: 75% 75%;
    -webkit-object-position: 75% 75%;
    -ms-object-position: 75% 75%;
    object-position: 75% 75%;
}

.image[data-position="25% 75%"] img {
    -moz-object-position: 25% 75%;
    -webkit-object-position: 25% 75%;
    -ms-object-position: 25% 75%;
    object-position: 25% 75%;
}

.image img {display: block;}
.image.left, .image.right {max-width: 40%;}
.image.left img, .image.right img {width: 100%;}
.image.fit {display: block;margin: 0 0 1.5rem 0;width: 100%;}
.image.fit img {width: 100%;}
.image.main {display: block;margin: 0 0 2.25rem 0;width: 100%;}
.image.main img {width: 100%;}

/* Panel */

.panel {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.panel > * {position: relative; min-width: 10rem;}

.panel > *.color0 {
    background-color: #000;
    background-size: 128px 128px, auto;
}

.panel .span-10 {width: 100rem;}
.panel.medium {width: 50rem;}

.panel.small .span-10, .panel.medium .span-10, .panel.large .span-10 {width: 100%;}

@media screen and (max-width: 736px) {
    .panel {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
    }
    
    .panel > *.color2 {
        background-color:#000;
        background-size: 128px 128px, auto;
    }
    
    .panel > *.color2-alt {
        background-color:#000;
        background-size: 128px 128px, auto;
    }
    
    .panel > .intro {
        padding: 2.8875rem 1.75rem 1.3875rem 1.75rem ;
        width: 100% !important;
    }
    
    .panel > .intro.joined {
        padding-bottom: 0;
        padding-right: 1.75rem;
    }
    
    .panel > .intro.joined + .inner {
        padding-top: 0;
        padding-left: 1.75rem;
    }
    
    .panel > .inner {padding: 2.8875rem 1.75rem 1.3875rem 1.75rem ;}
    
    .panel > .inner.columns {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .panel > .inner.columns > * {
        margin-left: 0;
        margin-top: 0;
    }
    
    .panel > .inner.columns > :first-child {margin-top: 0;}
    
    .panel > .inner.columns.divided > * {
        margin-left: 0;
        margin-top: 3.5rem;
    }
    
    .panel > .inner.columns.divided > *:before {
        content: '';
        position: absolute;
        top: auto;
        left: 1.75rem;
        width: calc(100% - 3.5rem);
        height: 2px;
        margin-left: 0;
        margin-top: -1.75rem;
    }
    
    .panel > .inner.columns.divided > :first-child {margin-top: 0;}
    .panel .span-3 {width: 100%;}
    .panel .span-3-75 {width: 100%;}
    .panel .span-5 {width: 100%;}
    .panel .span-10 {width: 100%;}
    .panel.small, .panel.medium, .panel.large {width: 100% !important;}
    .panel.small .span-5, .panel.medium .span-5, .panel.large .span-5 {width: 100%;}
}

/* Panel (Banner) */

.panel.banner {
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
}

.panel.banner .content {
    padding: 3.5rem 3.5rem 2rem 3.5rem ;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
}

.panel.banner .content > .actions:last-child {margin-bottom: 0;}

.panel.banner .image {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    position: relative;
}

.panel.banner .image img {
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.panel.banner.left {
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.panel.banner.right {
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media screen and (max-width: 736px) {
    .panel.banner .content {
        padding: 2.8875rem 1.75rem 1.3875rem 1.75rem ;
        -moz-flex-basis: 60%;
        -webkit-flex-basis: 60%;
        -ms-flex-basis: 60%;
        flex-basis: 60%;
    }
    
	.panel.banner .content > .actions:last-child {margin-bottom: 1.5rem;}

    .panel.banner .image {
        -moz-flex-basis: 40%;
        -webkit-flex-basis: 40%;
        -ms-flex-basis: 40%;
        flex-basis: 40%;
    }
}

@media screen and (max-width: 736px) and (orientation: portrait) {
    .panel.banner .content {
        -moz-flex-basis: auto;
        -webkit-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto;
    }

    .panel.banner .image {
        -moz-flex-basis: auto;
        -webkit-flex-basis: auto;
        -ms-flex-basis: auto;
        flex-basis: auto;
        height: 18rem;
    }

    .panel.banner.left {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .panel.banner.right {
        -moz-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

/* Panel (Spotlight) */

.panel.spotlight {
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    position: relative;
}

.panel.spotlight > * {z-index: 1;}

.panel.spotlight .content {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    padding: 3.5rem 3.5rem 2rem 3.5rem ;
}

.panel.spotlight .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.panel.spotlight .image img {
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.panel.spotlight.left {
    -moz-justify-content: -moz-flex-start;
    -webkit-justify-content: -webkit-flex-start;
    -ms-justify-content: -ms-flex-start;
    justify-content: flex-start;
}

.panel.spotlight.left .content {background: linear-gradient(-90deg, transparent 0%, rgba(0, 0, 0, 0.125) 30%, rgba(0, 0, 0, 0.175) 50%);}

@media screen and (max-width: 736px) {
    .panel.spotlight .content {
        padding: 2.8875rem 1.75rem 1.3875rem 1.75rem ;
        -moz-flex-direction: column !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 70%, rgba(0, 0, 0, 0.175)) !important;
        min-height: 25rem;
    }
}

@media screen and (max-width: 480px) {.panel.spotlight .content {min-height: 30rem;}}

/* Page Wrapper */
	#page-wrapper {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: -moz-flex-start;
		-webkit-justify-content: -webkit-flex-start;
		-ms-justify-content: -ms-flex-start;
		justify-content: flex-start;
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		-moz-flex-shrink: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-shrink: 1;
		flex-shrink: 1;
		height: 100%;
		padding: 5rem;
	}

@media screen and (orientation: portrait) {#page-wrapper {padding-left: 2rem;padding-right: 2rem;}}
@media screen and (min-aspect-ratio: 16 / 7) {#page-wrapper {padding: 6vh;}}
@media screen and (min-aspect-ratio: 16 / 6) {#page-wrapper {padding: 0;}}
@media screen and (max-width: 736px) {#page-wrapper {height: auto;padding: 1rem;}}
@media screen and (max-width: 480px) {#page-wrapper {padding: 0;}}

/* Wrapper */

#wrapper {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -moz-transition: opacity 1s ease-out, -moz-transform 0.75s ease-out;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 0.75s ease-out;
    -ms-transition: opacity 1s ease-out, -ms-transform 0.75s ease-out;
    transition: opacity 1s ease-out, transform 0.75s ease-out;
    -moz-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    transition-delay: 0.25s;
    cursor: default;
    position: relative;
    height: 32rem;
    box-shadow: 0 2rem 4rem 0.25rem rgba(46, 43, 55, 0.575);
}

#wrapper > .scrollZone {
    position: fixed;
    width: 6rem;
    height: inherit;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: -ms-grab;
    cursor: grab;
    z-index: 10100;
		}

#wrapper > .scrollZone.left {left: 0;}
#wrapper > .scrollZone.right {right: 0;}

#wrapper > .copyright {
    position: absolute;
    bottom: -3rem;
    right: 0;
    font-size: 0.8rem;
    color: rgba(46, 43, 55, 0.375);
    margin-bottom: 0;
}

#wrapper > .copyright a:hover {color: inherit;}

#wrapper.is-dragging {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: -ms-grab;
    cursor: grab;
}

#wrapper.is-dragging * {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#wrapper.is-dragging *:not(a, .image) {
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: -ms-grab;
    cursor: grab;
}

#wrapper.is-dragged * {
    -moz-pointer-events: none;
    -webkit-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none;
}

body.is-loading #wrapper {
    -moz-transform: translateX(2rem);
    -webkit-transform: translateX(2rem);
    -ms-transform: translateX(2rem);
    transform: translateX(2rem);
    opacity: 0;
}

@media screen and (max-width: 736px) {
    #wrapper {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        margin: 0 0 5rem 0;
        box-shadow: 0 0.25rem 1.5rem 0.25rem rgba(46, 43, 55, 0.5);
    }
    #wrapper > .scrollZone {display: none;}
    #wrapper > .copyright {display: block;width: 100%;text-align: center;}
    body.is-loading #wrapper {
        -moz-transform: translateY(1rem);
        -webkit-transform: translateY(1rem);
        -ms-transform: translateY(1rem);
        transform: translateY(1rem);
    }
}

@media screen and (max-width: 480px) {
    #wrapper {box-shadow: none;}
    body.is-loading #wrapper {
        -moz-transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}