/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #000;
}

body {
	background-color:#000;
	color: #eeede8;
	font-family:'Knockout-Junior-Cruiser', sans-serif;
	font-size:16px;
	font-weight:400;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Coordinate Styles
   ========================================================================== */
body.locked { overflow:hidden; }
main { clear:both; overflow:hidden; }

.loader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #131313;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .6s 1s;
    transition: .6s 1s;
}
.loader.js-load-done{
    opacity: 0;
    visibility: hidden;
	pointer-events:none;
}
.loader-logo-box{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 227px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.js-load-done .loader-logo{
    -webkit-transition: .5s .5s;
    transition: .5s .5s;
    opacity: 0;
}
.loader-bg{
    opacity: 0.2;
}
.loader-load{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.loader-load img{
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: none;
    height: 100%;
}

/*
 * Top Bar
 */
#top-bar { background-color:#131313; height:80px; padding-bottom:25px; padding-top:25px; }
#top-bar h1 { height:30px; margin:0 auto; width:70px; }
#top-bar h1 a { background:url(../img/svg/sasa-logo.svg) no-repeat 0 0; background-size:cover; display:block; height:100%; width:100%; }

#top-bar nav { float:right; }
#top-bar nav ul { list-style:none; margin:0; padding:0; }
#top-bar nav ul li { float:left; font-family:'Knockout-Junior-Sumo', sans-serif; font-size:0.875em; letter-spacing:0.025em; padding:0 25px; position:relative; }
#top-bar nav ul li:before { color:#eeede8; content:'/'; display:block; height:30px; line-height:30px; position:absolute; left:-4px; top:0; text-align:center; width:8px; }
#top-bar nav ul li:first-child { padding-left:0; }
#top-bar nav ul li:first-child:before { display:none; }
#top-bar nav ul li:last-child { padding-right:0; }
#top-bar nav ul li a { color:#eeede8; line-height:30px; position:relative; text-transform:uppercase; }
#top-bar nav ul li a:hover { color:#fff; }
#top-bar nav ul li a:after { background-color:#eeede8; content:''; display:block; height:1px; position:absolute; left:0; bottom:-5px; width:100%;
	-webkit-transform:scaleX(0);
	        transform:scaleX(0);
	-webkit-transform-origin:right;
	        transform-origin:right;
	-webkit-transition: -webkit-transform 0.25s ease-out;
	transition: -webkit-transform 0.25s ease-out;
	transition: transform 0.25s ease-out;
	transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
#top-bar nav ul li a:hover:after {
	-webkit-transform:scaleX(1);
	        transform:scaleX(1);
	-webkit-transform-origin:left;
	        transform-origin:left;
}

#top-bar button.menu-button { background-color:transparent; border:none; display:block; float:left; height:20px; margin-top:5px; padding:0; position:relative; width:24px;
  -webkit-transition: all 0.25s ease-out;
          transition: all 0.25s ease-out;
}
#top-bar button.menu-button:hover,
#top-bar button.menu-button:focus { outline:none; }
#top-bar button.menu-button span { background-color:#eeede8; display:block; margin-top:-1px; position:absolute; left:50%; margin-left:-12px; height:2px; width:24px;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
}
#top-bar button.menu-button span:nth-child(1) { margin-top:-7px; top:50%; }
#top-bar button.menu-button span:nth-child(2) { margin-top:-1px; top:50%; }
#top-bar button.menu-button span:nth-child(3) { margin-top:5px; top:50%; }
#top-bar button.menu-button.closed span {
  -webkit-transition: -webkit-transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s;
          -webkit-transition: opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
          transition: opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
          transition: transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s;
          transition: transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
}
#top-bar button.menu-button.open span {
  -webkit-transition: margin-top 0.25s ease-out, opacity 0.25s ease-out, -webkit-transform 0.25s ease-out 0.25s;
          transition: margin-top 0.25s ease-out, opacity 0.25s ease-out, -webkit-transform 0.25s ease-out 0.25s;
          transition: margin-top 0.25s ease-out, opacity 0.25s ease-out, transform 0.25s ease-out 0.25s;
          transition: margin-top 0.25s ease-out, opacity 0.25s ease-out, transform 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out 0.25s;
}

#top-bar button.menu-button.open span:nth-child(1) { margin-top:-1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#top-bar button.menu-button.open span:nth-child(2) { opacity:0; }
#top-bar button.menu-button.open span:nth-child(3) { margin-top:-1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/** Mobile Navigation **/
nav.site-navigation { background-color:#1c1b1b; opacity:0; overflow-y:scroll; position:fixed; top:80px; bottom:0; left:0; right:0; z-index:-1;
	-webkit-transition: z-index 0s 0.5s ease-out, opacity 0.5s ease-out;
	transition: z-index 0s 0.5s ease-out, opacity 0.5s ease-out;
} 
nav.site-navigation.visible { opacity:1; z-index:20;
	-webkit-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
nav.site-navigation ul.menu { list-style:none; margin:0; padding:3em 0 120px; width:100%; }

nav.site-navigation ul li { display:block; margin:0 0 1em; padding:0; width:100%; }
nav.site-navigation ul li a { border-bottom:none; color:#eeede8; display:block; font-family:'Knockout-Junior-Sumo', sans-serif; font-size:1.125em; letter-spacing:0.025em; padding:0; text-align:center; text-decoration:none; text-transform:uppercase; }
nav.site-navigation ul li.current_page_item > a,
nav.site-navigation ul li a:hover,
nav.site-navigation ul li a:focus { color:#fff; text-decoration:none; }
nav.site-navigation .contact-details { background-color:#1c1b1b; position:fixed; bottom:0; left:0; right:0; }
nav.site-navigation .contact-details a { color:#eeede8; }
nav.site-navigation .contact-details a:hover { color:#eeede8; text-decoration:underline; }
nav.site-navigation .contact-details address { font-style:normal; }

/*
 * Pages
 */
 
/** Page Header **/
#page-header { color:#131313; padding-bottom:3.125em; padding-top:5em; position:relative; }
#page-header:after { background:url(../img/texture-grey-horizontal.png) repeat-x center; background-size:auto 17px; content:''; display:block; height:17px; position:absolute; bottom:0; left:0; right:0; z-index:0; }
#page-header h1 { font-size:6em; }
#page-header h1 small { display:block; font-size:0.833em; line-height:0.5; }
 
.page-content { position:relative; overflow:hidden; }
#page-header + .page-content:before,
#page-header + .page-content:after,
.page-content:first-child:before,
.page-content:first-child:after { color:#0a0a0a; display:block; font-family:'Knockout-Full-Lite', sans-serif; font-size:20em; position:absolute; top:0; text-transform:uppercase; z-index:1; }
#page-header + .page-content:before,
.page-content:first-child:before { content:'Sasa'; left:-50px; top:-50px; }
#page-header + .page-content:after,
.page-content:first-child:after { content:'Sestic'; display:none; right:-400px; }
.page-content .row { position:relative; z-index:5; }

/** Home Page **/
#featured-area { height:260px; max-height:calc(100vh - 80px); position:relative; text-align:center; }
#featured-area ul,
#featured-area ul li,
#featured-area .row,
#featured-area .row .column { height:100%; position:relative; z-index:10; }
#featured-area ul { list-style:none; margin:0; padding:0; position:absolute; top:0; right:0; bottom:0; left:0; z-index:5; }
#featured-area ul li { background-position:center; background-repeat:no-repeat; background-size:cover; }

#featured-area hgroup { position:absolute; top:50%; left:0; right:0;
 -webkit-transform:translateY(-50%);
         transform:translateY(-50%);
}
#featured-area hgroup h1 { color:#131313; font-size:8em; margin:0; }
#featured-area hgroup h2 { font-family:'Arion'; font-size:3em; margin:0; position:absolute; top:50%; right:0; left:0; text-transform:none;
 -webkit-transform:translateY(-50%);
         transform:translateY(-50%);
}
#featured-area ul li video { height:auto; min-height:100%; min-width:100%; opacity:1; position:absolute; left:50%; top:50%; width:auto; z-index:0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	        transform: translateX(-50%) translateY(-50%);
}

.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
    opacity: 0;
    pointer-events: none;
    width: 5px;
}

#home-content { color:#eeede8; overflow:hidden; position:relative; z-index:5; }
#home-content .split-background { height:0; }
#home-content .split-background .background-bleed { background-color:#131313; }
#home-content .split-background .background-bleed:after { background-color:#131313; content:''; display:block; height:100%; margin-left:-15px; position:absolute; top:0; width:9999px; z-index:-1; }
#home-content .split-background .side-texture { position:relative; }
#home-content .split-background .side-texture:after { background:url(../img/texture-cream-vertical.png) repeat-y center; background-size:17px auto; content:''; display:block; height:9999px; position:absolute; bottom:0; right:-17px; z-index:0; width:17px; }
#home-content a.read-more { margin-top:3em; }
#home-content a.read-more:hover { color:#eeede8; }
#home-content a.read-more:hover span.arrow,
#home-content a.read-more:hover span.arrow:before,
#home-content a.read-more:hover span.arrow:after { background-color:#eeede8; }

#home-buttons { position:relative; z-index:10; }
#home-buttons .left-column { padding-bottom:5px; }
#home-buttons .left-column .image-position { float:right; height:100px; position:relative; width:100%; }
#home-buttons .left-column .image-position .sasa-image { padding-right:3.75em; position:absolute; bottom:0; left:0; right:0; }
#home-buttons .left-column .image-position .sasa-image img { float:left; }
#home-buttons .left-column .image-position .sasa-image .signature-block { background:url(../img/svg/signature.svg) no-repeat 0 0; background-size:185px 40px; color:#131313; font-family:'Knockout-Junior-Sumo', sans-serif; font-size:0.75em; padding-top:50px; position:absolute; left:0; top:15%; text-transform:uppercase; width:200px }
#home-buttons .right-column { padding-top:5px;}
#home-buttons .right-column .shop-link img { max-width:50%;
	-webkit-transition:opacity 0.25s ease-out;
	transition:opacity 0.25s ease-out;
}
#home-buttons .right-column .shop-link:hover img { opacity:0.4; }

/** About Page **/
.page-content .row .column,
.page-content .row .columns { position:relative; z-index:5; }
.page-content .row .image-container { position:absolute !important; top:5px; z-index:1; }
.page-content .row .image-container figure img { opacity:0.4; }
.page-content .row .image-container figure figcaption { display:none; }

/** Media Page **/
.video-wrap { padding-left:0.9375rem !important; padding-right:0.9375rem !important; }
.video-player {
	position: relative;
	padding-bottom: 52%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-player iframe,  
.video-player object,  
.video-player embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-thumbnails ul li a { display:block; padding-left:0.9375rem !important; padding-right:0.9375rem !important; }
.video-thumbnails ul li a:hover { color:#eeede8; }
.video-thumbnails ul li a img { opacity:0.4;
	-webkit-transition:opacity 0.25s ease-out;
	transition:opacity 0.25s ease-out;
}
.video-thumbnails ul li a.active img,
.video-thumbnails ul li a:hover img { opacity:1; }
.video-thumbnails ul li a span.title { color:#444; display:block; font-family:'Knockout-Junior-Sumo', sans-serif; font-size:0.75em; letter-spacing:0.025em; padding:0.9375rem 0 0; text-transform:uppercase; }

.post-row { padding-top:0; }
.post-row:first-child { padding-top:0; }
.post-row .columns { padding-top:1.875em; }
.post-row:first-child .columns:first-child { padding-top:0; }

.post-link h3 { font-size:2em; line-height:0.9; margin-top:0.714em; }

.alm-btn-wrap { clear:both; padding:0; }
.alm-btn-wrap button { display:block; height:90px; padding:1.875em; margin:0; }
.alm-btn-wrap button.done { display:none; }
.ajax-load-more-wrap.infinite button.alm-load-more-btn { background-image:url(../img/alm_loading@2x.gif); background-size:32px; }

#post-header a { border-bottom:1px solid #eeede8; }
#post-header a:hover { border-bottom:none; }

/*
 * Page Sections
 */

/** Content Section: With Slider **/
.slider { position:relative; }
.slider figure { padding-left:0; }
.slider.featured figure { padding:0; }
.slider.left-aligned figure { padding-right:1.875em; padding-left:0; }
.slider.right-aligned figure { padding-left:1.875em; padding-right:0; }
.slider.right-aligned figure figcaption { text-align:right; }
.slider.right-aligned figure.side-caption { padding-right:1.875em; }
.slider.right-aligned figure.side-caption figcaption { text-align:left; }

ul.flex-direction-nav { list-style:none; margin:0; padding:0 1.875em; position:absolute; bottom:3.75em; left:0; right:0; }
.slider ul.flex-direction-nav { display:none; }
.slider.right-aligned ul.flex-direction-nav { left:auto; }
.slider.right-aligned.side-caption ul.flex-direction-nav { bottom:1.875em; right:1.875em; }
.slider.left-aligned.side-caption ul.flex-direction-nav { bottom:1.875em; left:1.875em; }
.bottom-controls ul.flex-direction-nav { padding:1.875em 0.9375rem 0; position:static; width:100%; }
ul.flex-direction-nav li { float:left; }
.awards-slider.bottom-controls ul.flex-direction-nav li { float:none; display:inline-block; }
ul.flex-direction-nav li:first-child { padding-right:0.9375rem; }
ul.flex-direction-nav li:last-child { padding-left:0.9375rem; }
ul.flex-direction-nav li a { display:block; height:16px; position:relative; width:35px; }
ul.flex-direction-nav li a span.arrow { background-color:#131313; display:block; height:2px; margin-top:-1px; position:absolute; top:50%; left:0; width:35px;
	-webkit-transition:background-color 0.25s ease-out, width 0.25s ease-out;
	transition:background-color 0.25s ease-out, width 0.25s ease-out;
}
ul.flex-direction-nav li a span.arrow.left { left:auto; right:0; }
ul.flex-direction-nav li a:hover span.arrow { width:45px; }
ul.flex-direction-nav li a span.arrow:before,
ul.flex-direction-nav li a span.arrow:after { background-color:#131313; content:''; display:block; height:2px; position:absolute; right:-1px; width:10px;
	-webkit-transition:background-color 0.25s ease-out;
	transition:background-color 0.25s ease-out;
}
ul.flex-direction-nav li a span.arrow.left:before,
ul.flex-direction-nav li a span.arrow.left:after { left:-1px; right:auto; }
ul.flex-direction-nav li a span.arrow:before { bottom:0;
	-webkit-transform-origin:bottom right;
	        transform-origin:bottom right;
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
}
ul.flex-direction-nav li a span.arrow:after { top:0;
	-webkit-transform-origin:top right;
	        transform-origin:top right;
	-webkit-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
ul.flex-direction-nav li a span.arrow.left:before { bottom:1px;
	-webkit-transform-origin:bottom left;
	        transform-origin:bottom left;
}
ul.flex-direction-nav li a span.arrow.left:after { top:1px;
	-webkit-transform-origin:top left;
	        transform-origin:top left;
}
ul.flex-direction-nav li a.flex-disabled { opacity:0.4; pointer-events:none; }

.bottom-controls ul.flex-direction-nav li a span.arrow,
.bottom-controls ul.flex-direction-nav li a span.arrow:before,
.bottom-controls ul.flex-direction-nav li a span.arrow:after { background-color:#eeede8; }

/** Awards **/
.awards-row { text-align:center; }
.awards-row .award { color:#444; display:inline-block; font-family:'Knockout-Junior-Sumo', sans-serif; font-size:0.938em;letter-spacing:0.025em; padding:0.9375rem; text-align:center; text-transform:uppercase; vertical-align:top; width:100%; }
.awards-row .award i { display:block; font-size:2.133em; padding-bottom:0.469em; width:100%; }

/** Box Logos **/
.logo-box-wrapper { position:relative; }
.logo-box { background-color:#000; display:block; height:200px; padding:0.9375rem; width:200px; z-index:20; }
.logo-box span { background-size:contain; display:block; height:100%; width:100%; }
.logo-box.ona span { background:url(../img/svg/ona-footer-logo.svg) no-repeat center; }
.logo-box.project-origin span { background:url(../img/svg/project-origin-footer-logo.svg) no-repeat center; }

.logo-box-wrapper .logo-box { height:105px; position:absolute; top:10%; right:-60px; width:105px; }
.slider.logo-box-wrapper .logo-box { height:105px; position:absolute; bottom:auto; right:-40px; top:-30px; width:105px; }

.connect-row { margin-left:-5px; margin-right:-5px; }
.connect-link { display:block; float:left; padding:0 5px; }
.connect-link .logo-box { height:200px; padding:2.5em; width:200px; }
.connect-link .logo-box.ona { background:#000 url(../img/connect-ona.jpg) no-repeat center; background-size:cover; }
.connect-link .logo-box.project-origin { background:#000 url(../img/connect-project-origin.jpg) no-repeat center; background-size:cover; }
.connect-link .read-more { margin-top:0.9375rem; }
.connect-link .read-more:hover { padding-right:50px; } 
.connect-link .read-more:hover span.arrow { width:35px; }
.connect-link .read-more.grey:hover { color:#444; }
.connect-link .read-more.grey:hover span.arrow,
.connect-link .read-more.grey:hover span.arrow:before,
.connect-link .read-more.grey:hover span.arrow:after { background-color:#444; }
.connect-link:hover .read-more { padding-right:70px; } 
.connect-link:hover .read-more span.arrow { width:55px; }
.connect-link:hover .read-more.grey { color:#eeede8; }
.connect-link:hover .read-more.grey span.arrow,
.connect-link:hover .read-more.grey span.arrow:before,
.connect-link:hover .read-more.grey span.arrow:after { background-color:#eeede8; }

/*
 * Bottom Bar
 */
#bottom-bar { background-color:#000; color:#eeede8; }
#bottom-bar #instagram-feed { background-color:#1c1b1b; overflow:hidden; }
#instagram-feed .row.expanded { padding-top:1.875em; }
#instagram-feed .feed-header .column { position:relative; }
#instagram-feed .feed-header h3 { margin:0 0 0.9375rem; }
#instagram-feed .feed-header a { color:#eeede8; }
#instagram-feed .feed-header a:hover { color:#444; }
#instagram-feed #sb_instagram { margin-bottom:-10px !important; margin-top:-10px !important; }
#instagram-feed .instagram-offset { margin-left:-10px; margin-right:-10px; padding:0; }
#bottom-bar #contact-details { background-color:#0a0a0a; padding-bottom:3.75em; padding-top:3.75em; position:relative; }
#bottom-bar #contact-details:after { background:url(../img/texture-black-horizontal.png) repeat-x center; background-size:auto 17px; content:''; display:block; height:17px; position:absolute; top:-17px; left:0; right:0; z-index:0; }

#bottom-bar #contact-details .affiliations a { background-size:contain; display:inline-block; margin-right:1.5em; vertical-align:bottom;
	-webkit-transition:opacity 0.25s ease-out;
	transition:opacity 0.25s ease-out;
}
#bottom-bar #contact-details .affiliations a:last-child { margin-right:0; }
#bottom-bar #contact-details .affiliations a:hover { opacity:0.3; }
#bottom-bar #contact-details .affiliations a.sasa { background:url(../img/svg/sasa-footer-logo.svg) no-repeat 0 0; height:77px; width:44px; }
#bottom-bar #contact-details .affiliations a.ona { background:url(../img/svg/ona-footer-logo.svg) no-repeat 0 0; height:86px; width:63px; }
#bottom-bar #contact-details .affiliations a.project-origin { background:url(../img/svg/project-origin-footer-logo.svg) no-repeat 0 0; height:74px; margin-left:-8px; width:74px; }
#bottom-bar #contact-details a { color:#eeede8; }
#bottom-bar #contact-details a:hover { color:#eeede8; text-decoration:underline; }
#bottom-bar #contact-details address { font-style:normal; }
#bottom-bar #legality { background-color:#000; color:#444; font-family:'Knockout-Junior-Sumo', sans-serif; letter-spacing:0.025em; padding-bottom:3.077em; padding-top:3.077em; text-transform:uppercase; }
#bottom-bar #legality .columns { font-size:0.813em; }
#bottom-bar #legality a { color:#444; }
#bottom-bar #legality a:hover { color:#eeede8; }

/*
 * Graphic / Layout Styles
 */

/** Images **/
figure { margin:0; padding-left:1.875em; padding-right:1.875em; position:relative; }
figure span.icon { background-color:#131313; border-radius:50%; color:#eeede8; display:block; font-size:0.75em; height:35px; line-height:35px; pointer-events:none; position:absolute; bottom:0.9375rem; right:0.9375rem; text-align:center; width:35px; z-index:5; }
.cream-background figure span.icon { background-color:#eeede8; color:#131313; }
figure span.icon.left { right:auto; left:0.9375rem; }
figure.featured-image { padding:0; }
figure figcaption { color:#444; font-family:'Knockout-Junior-Sumo', sans-serif; font-size:0.75em; letter-spacing:0.025em; padding:0.9375rem 0 0; text-transform:uppercase; }

figure.side-caption { position:relative; }
figure.side-caption figcaption { padding:0; position:absolute; top:0; left:100%; width:55%;
	-webkit-transform-origin:top left;
	        transform-origin:top left;
	-webkit-transform:rotate(90deg);
	        transform:rotate(90deg);
}
figure.left-aligned.side-caption { padding-left:1.875em; }
figure.left-aligned.side-caption figcaption { left:15px; }

.side-image-container { position:relative; }
.side-image-container .side-images { position:absolute !important; padding-top:3.75em; z-index:5; }
.side-image-container .side-images .image-wrap { padding-top:1.875em; }
.side-image-container .side-images .image-wrap:first-child { padding-top:0; }
.side-image-container .side-images.right-aligned { right:0; }
.side-image-container .side-images.right-aligned .image-wrap img { float:right; }

/** Backgrounds **/
.black-background { background-color:#131313; }
.cream-background { background:#f1f0eb url(../img/background-cream.jpg) repeat; color:#131313; }

.has-texture { position:relative; }
.bottom-texture.to-cream:after { background:url(../img/texture-cream-horizontal.png) repeat-x center; background-size:auto 17px; content:''; display:block; height:17px; position:absolute; bottom:0; left:0; right:0; z-index:0; }

/** Layouts **/
.content-area { padding-bottom:5em; padding-top:5em; }
.content-area.x2 { padding-bottom:10em; padding-top:10em; }
.content-area.bottom-x2 { padding-bottom:10em; }
.content-area.top-x2 { padding-top:10em; }
.content-area.bottom-x0 { padding-bottom:0 !important; }
.content-area.top-x0 { padding-top:0 !important; }

.small_divider,
.medium_divider,
.divider_top { padding-top:1.875em; }
.divider_bottom { padding-bottom:1.875em; }
.medium_divider_x2 { padding-top:3.75em; }

/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3 { font-family:'Knockout-Full-Lite', sans-serif; font-weight:normal; line-height:0.75; margin:0.5em 0; text-transform:uppercase; }

h1 { font-size:2.5em; }
h2, h3 { font-size:3.875em; }

.arion-typeface { font-family: 'Arion'; line-height:0.85; text-transform:none; }
h2.arion-typeface { font-size:6em; margin:0.5em 0; }

p { margin:1.5em 0; }

blockquote { margin:3.75em 0; padding:0; }
blockquote > p { font-family:'Knockout-Full-Lite', sans-serif; font-size:2em; line-height:1; margin:0.5em 0; text-transform:uppercase; }
blockquote footer { font-family:'Knockout-Junior-Sumo', sans-serif; font-size:0.75em; letter-spacing:0.025em; text-transform:uppercase; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, p:first-child, blockquote:first-child { margin-top:0 !important; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, p:last-child, blockquote:last-child { margin-bottom:0 !important; }

@font-face {
	font-family: 'Knockout-Full-Lite';
	src: url('../fonts/Knockout-HTF69-FullLiteweight.woff2') format('woff2'),
		url('../fonts/Knockout-HTF69-FullLiteweight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Knockout-Junior-Sumo';
	src: url('../fonts/Knockout-HTF34-JuniorSumo.woff2') format('woff2'),
		url('../fonts/Knockout-HTF34-JuniorSumo.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Knockout-Junior-Cruiser';
	src: url('../fonts/Knockout-HTF32-JuniorCruiserwt.woff2') format('woff2'),
		url('../fonts/Knockout-HTF32-JuniorCruiserwt.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Arion';
    src: url('../fonts/arion_typeface_alt-webfont.woff2') format('woff2'),
         url('../fonts/arion_typeface_alt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   Links
   ========================================================================== */
a { color:#eeede8; text-decoration:none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
a:hover { color:#fff; text-decoration:none; }
a:focus { outline:none; }

.cream-background a { color:#131313; }
.cream-background a:hover { color:#000; }

/** Read more links **/
.read-more { display:inline-block; padding-right:50px; position:relative;
	-webkit-transition:padding-right 0.25s ease-out, color 0.25s ease-out;
	transition:padding-right 0.25s ease-out, color 0.25s ease-out;
}
.read-more:hover { padding-right:70px; }
.read-more span.arrow { display:block; height:2px; margin-top:-1px; position:absolute; top:50%; right:0; width:35px;
	-webkit-transition:background-color 0.25s ease-out, width 0.25s ease-out;
	transition:background-color 0.25s ease-out, width 0.25s ease-out;
} 
.read-more:hover span.arrow { width:55px; }
.read-more span.arrow:before,
.read-more span.arrow:after { content:''; display:block; height:2px; position:absolute; right:-1px; width:10px;
	-webkit-transition:background-color 0.25s ease-out;
	transition:background-color 0.25s ease-out;
}
.read-more span.arrow:before { bottom:0;
	-webkit-transform-origin:bottom right;
	        transform-origin:bottom right;
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.read-more span.arrow:after { top:0;
	-webkit-transform-origin:top right;
	        transform-origin:top right;
	-webkit-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}

/** Read more - grey **/
.read-more.grey { color:#444; }
.read-more.grey:hover { color:#eeede8; }
.read-more.grey span.arrow,
.read-more.grey span.arrow:before,
.read-more.grey span.arrow:after { background-color:#444; }
.read-more.grey:hover span.arrow,
.read-more.grey:hover span.arrow:before,
.read-more.grey:hover span.arrow:after { background-color:#eeede8; }
.cream-background .read-more.grey:hover { color:#000; }
.cream-background .read-more.grey:hover span.arrow,
.cream-background .read-more.grey:hover span.arrow:before,
.cream-background .read-more.grey:hover span.arrow:after { background-color:#000; }

/** Read more - white **/
.read-more.white { color:#eeede8; }
.read-more.white:hover { color:#131313; }
.read-more.white span.arrow,
.read-more.white span.arrow:before,
.read-more.white span.arrow:after { background-color:#eeede8; }
.read-more.white:hover span.arrow,
.read-more.white:hover span.arrow:before,
.read-more.white:hover span.arrow:after { background-color:#131313; }

/** Back to top link **/
a.back-to-top { color:#444; display:inline-block; padding-top:50px; position:relative;
	-webkit-transition:padding-top 0.25s ease-out, color 0.25s ease-out;
	transition:padding-top 0.25s ease-out, color 0.25s ease-out;
}
a.back-to-top:hover { color:#eeede8; }
.cream-background a.back-to-top:hover { color:#000; }
a.back-to-top span.arrow { background-color:#444; display:block; height:35px; margin-left:-1px; position:absolute; top:0; left:50%; width:2px;
	-webkit-transition:background-color 0.25s ease-out, top 0.25s ease-out, height 0.25s ease-out;
	transition:background-color 0.25s ease-out, top 0.25s ease-out, height 0.25s ease-out;
} 
a.back-to-top:hover span.arrow { height:55px; top:-20px; }
a.back-to-top span.arrow:before,
a.back-to-top span.arrow:after { background-color:#444; content:''; display:block; height:10px; position:absolute; top:-1px; width:2px;
	-webkit-transition:background-color 0.25s ease-out;
	transition:background-color 0.25s ease-out;
}
a.back-to-top span.arrow:before { left:0;
	-webkit-transform-origin:top right;
	        transform-origin:top right;
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
}
a.back-to-top span.arrow:after { right:0;
	-webkit-transform-origin:top left;
	        transform-origin:top left;
	-webkit-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
a.back-to-top:hover span.arrow,
a.back-to-top:hover span.arrow:before,
a.back-to-top:hover span.arrow:after { background-color:#eeede8; }
.cream-background a.back-to-top:hover span.arrow,
.cream-background a.back-to-top:hover span.arrow:before,
.cream-background a.back-to-top:hover span.arrow:after { background-color:#000; }

/** Boxed Image Links **/
a.image-box { background-color:#000; clear:both; display:block; margin-bottom:10px; overflow:hidden; position:relative; }
a.image-box:last-child { margin-bottom:0; }
a.image-box .link-content { padding:1.875em; position:absolute; top:0; left:0; z-index:10;
	-webkit-transition:opacity 0.25s ease-out;
	transition:opacity 0.25s ease-out;
}
a.image-box.bottom-aligned .link-content { top:auto; bottom:0; }
a.image-box.center-aligned .link-content { text-align:center; top:50%; left:0; right:0;
	-webkit-transform:translateY(-50%);
	        transform:translateY(-50%);
}
a.image-box .link-content .title { color:#eeede8; display:block; font-family:'Knockout-Full-Lite', sans-serif; font-size:3em; line-height:0.75; margin:0; text-transform:uppercase; }
a.image-box .link-content .read-more { margin-top:0.9375rem; padding-right:35px; }
a.image-box .link-content .read-more:hover { color:#eeede8; padding-right:35px; } 
a.image-box .link-content .read-more:hover span.arrow { background-color:#eeede8; width:35px; }
a.image-box .link-content .read-more:hover span.arrow:before,
a.image-box .link-content .read-more:hover span.arrow:after { background-color:#eeede8; }
a.image-box:hover .link-content .read-more { padding-right:55px; } 
a.image-box:hover .link-content .read-more span.arrow { width:55px; }
a.image-box .background-image { background-color:#000; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; right:0; bottom:0; left:0; z-index:5;
	-webkit-transition:opacity 0.25s ease-out, -webkit-transform 0.25s ease-out;
	transition:opacity 0.25s ease-out, -webkit-transform 0.25s ease-out;
	transition:opacity 0.25s ease-out, transform 0.25s ease-out;
	transition:opacity 0.25s ease-out, transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
a.image-box:hover .background-image { opacity:0.4;
	-webkit-transform:scale(1.1);
	        transform:scale(1.1);
}
a.image-box img { opacity:0; }

.post-link a.image-box .link-content { opacity:0; }
.post-link a.image-box:hover .link-content { opacity:1; }
.post-link a.image-box .link-content .read-more { margin-top:0; }

.internal-links { margin:-5px; }
.internal-links .link-wrap { float:left; padding:5px; width:100%; }
.internal-links .link-wrap a.image-box .link-content .title { font-size:1.75em; line-height:1; }
.internal-links .link-wrap a.image-box .background-image { opacity:0.4; }

/* ==========================================================================
   Forms
   ========================================================================== */
input, textarea, select { background-color:transparent; border:2px solid #444; border-radius:0; color:#eeede8; cursor:pointer; font-size:1em; line-height:1; margin:0; padding:1em; outline:none; width:100%;
  -webkit-appearance: none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
input:hover, textarea:hover { border-color:#eeede8; }
input:focus, textarea:focus { background-color:#eeede8; border-color:#eeede8; color:#131313; }
textarea { height:200px; }

.generatedcontent select { background-image:none; }
.ginput_container_select { position:relative; }
.ginput_container_select:before { content:'\f107'; display:block; font-size:1.125em; pointer-events:none; position:absolute; top:50%; right:0.85em;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
	-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
}

label { color:#eeede8; display:block; font-family:'Knockout-Junior-Sumo', sans-serif; font-size:0.938em; letter-spacing:0.025em; margin-bottom:10px; text-transform:uppercase; }
.placeholder-support label { display:none; }

.gform_footer { margin-top:0; position:relative; }
input.gform_button { background-color:#444; border:none; color:#eeede8; font-family:'Knockout-Junior-Sumo', sans-serif; font-size:0.938em; padding-left:5em; padding-right:5em; text-transform:uppercase; width:auto; }
input.gform_button:hover,
input.gform_button:focus { background-color:#eeede8; color:#131313; }
img.gform_ajax_spinner { height:25px; position:absolute; right:0; top:10px; width:25px; }

.gform_wrapper { }
.gform_wrapper ul { list-style:none; margin:0; padding:0; }
.gform_wrapper ul li { margin-top:0; margin-bottom:10px; padding:0; text-align:left; }
.gf_clear { clear:both; }

::-webkit-input-placeholder { color: #444; }
:-moz-placeholder { color: #444; }
::-moz-placeholder { color: #444; }
:-ms-input-placeholder { color: #444; }

/** Warnings **/
.validation_error { display:none; }
.validation_message { display:none !important; }
.gfield_contains_required.gfield_error input,
.gfield_contains_required.gfield_error textarea,
.gfield_contains_required.gfield_error select { border-color:#cc0000 !important; }
.gfield_contains_required.gfield_error label { color:#cc0000 !important; }

.input_left,
.input_right,
.name_first,
.name_last,
.input_mid { display:block; }
.name_first { margin-bottom:10px; }
.gf_clear { clear:both; }

/* Small screens */
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 39.99em) {
	
	#home-content h2.arion-typeface { font-size:4em; }
	
	.page-content .no-pointer { pointer-events:none; position:relative; z-index:10; }
	.page-content .row .image-container.top-aligned { top:-4em; right:-0.625rem; }
	.page-content .row .image-container.top-aligned figure span.icon { top:0.9375rem; bottom:auto; }
	.page-content .row .image-container.top-aligned.left { top:0; left:-0.625rem; }
	.page-content .row .image-container.top-aligned.right { top:0; right:-0.625rem; }
	.page-content .row .image-container.bottom-aligned { top:auto; bottom:-4em; right:-0.625rem; }
	.page-content .row .image-container.bottom-aligned figure span.icon { bottom:0.9375rem; top:auto; }
	.page-content .row .image-container.bottom-aligned.left { bottom:0; left:-0.625rem; }
	.page-content .row .image-container.bottom-aligned.right { bottom:0; right:-0.625rem; }
	
	.consultancy-page #page-header h1 { font-size:4em; }
	.consultancy-page #page-header h1 small { font-size:1.25em; }
	
	.logo-box-wrapper .logo-box,
	.slider.logo-box-wrapper .logo-box { height:100px; margin:-50px 0 0 -50px; top:0; left:50%; bottom:auto; right:auto; width:100px; }
	
	.small-content-area.small-top-x1 { padding-top:5em; position:relative; }
	.small-content-area.small-bottom-x1 { padding-bottom:5em; position:relative; }
	.small-content-area.small-top-margin-x1 { margin-top:5em; position:relative; }
	.small-content-area.small-bottom-margin--x1 { margin-bottom:5em; position:relative; }
	.small-content-area.small-top-x1 .column,
	.small-content-area.small-top-x1 .columns { position:relative; }
	.small-content-area.small-bottom-x1 .column,
	.small-content-area.small-bottom-x1 .columns { position:relative; }
	
	.connect-link { width:50%; }
	.connect-link .logo-box { height:145px; padding:1.875em; width:145px; }
	.connect-link .read-more { padding-right:0; }
	.connect-link .read-more span { display:none; }
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens - min-width 640px */
@media only screen and (min-width: 40em) {
	
	#featured-area { height:460px; }
	#featured-area hgroup h1 { font-size:10em; }
	
	#home-buttons .left-column { float:left; padding-right:5px; padding-bottom:0; width:50%; }
	#home-buttons .right-column { float:right; padding-left:5px; padding-top:0; width:50%; }
	
	#page-header h1 { font-size:7.5em; }
	
	#page-header + .page-content:before,
	.page-content:first-child:before { left:-200px; top:0; }
	#page-header + .page-content:after,
	.page-content:first-child:after { display:block; right:-400px; }
	
	.awards-row .award { width:32%; }
	
	.post-row { padding-top:3.75em; }
	.post-row:first-child { padding-top:0; }
	.post-row .columns { padding-top:0; }
	.post-link h3 { font-size:2.625em; }
	
	#instagram-feed .feed-header h3 { margin:0; }
	#instagram-feed .feed-header a { position:absolute; right:0.9375rem; bottom:0; }
	#instagram-feed .instagram-offset { margin-left:-10%; margin-right:-10%; padding:0; }
	#instagram-feed .instagram-offset .column{ padding:0; }
	#sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item { width:20% !important; }
	#bottom-bar #contact-details .affiliations { padding:1em 0; }
	
	.content-area { padding-bottom:6.25em; padding-top:6.25em; }
	.content-area.x2 { padding-bottom:12.5em; padding-top:12.5em; }
	.content-area.bottom-x2 { padding-bottom:12.5em; }
	.content-area.top-x2 { padding-top:12.5em; }
	.content-area.medium-top-x2 { padding-top:12.5em; }
	.content-area.medium-x2 { padding-bottom:12.5em; padding-top:12.5em; }
	.small_divider { padding-top:0; }
	
	.internal-links .link-wrap { width:50%; }
	
	h1 { font-size:5.625em; }
	h2, h3 { font-size:4.5em; }
	
	blockquote > p { font-size:2.625em; }
	
	.input_left,
	.input_right,
	.name_first,
	.name_last { display:block; width:50%; }
	.input_left,
	.name_first { float:left; padding-right:5px !important; }
	.input_right,
	.name_last { float:right; padding-left:5px !important; }
	.name_first { margin-bottom:0; }

} @media only screen and (min-width: 40em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (max-width: 63.99em) {
	.page-content .row .image-container figure { padding:0; }
}

/* Large screens - min-width 1024px */
@media only screen and (min-width: 64em) {
	
	#top-bar h1 { float:left; margin:0; }
	#top-bar button.menu-button { display:none; }
	
	#featured-area { height:800px; }
	#featured-area hgroup h1 { font-size:20em; }
	#featured-area hgroup h2 { font-size:7em; }
	
	#home-buttons .left-column .image-position { height:330px; width:80% }
	#home-buttons .left-column .image-position .sasa-image { padding-right:1.875em; }
	#home-buttons .left-column .image-position .sasa-image img { float:right; }
	
	#page-header + .page-content:before,
	.page-content:first-child:before { left:-100px; }
	#page-header + .page-content:after,
	.page-content:first-child:after { right:-150px; }
	
	.page-content .row .image-container { position:relative !important; top:0; z-index:1; }
	.page-content .row .image-container figure img { opacity:1; }
	.page-content .row .image-container figure figcaption { display:block; }
	
	.awards-row .award { float:left; width:20%; }
	
	.slider ul.flex-direction-nav { display:block; }
	
	.logo-box { padding:1.875em; }
	.logo-box-wrapper .logo-box { height:150px; right:-80px; top:15%; width:150px; }
	.slider.logo-box-wrapper .logo-box { height:150px; bottom:30%; right:-80px; top:auto; width:150px; }
	
	.video-player { padding-bottom: 54%; }
	
	#bottom-bar #contact-details .affiliations a { margin-right:1.875em; }
	
	figure span.icon { display:none; }
	
	.internal-links .link-wrap a.image-box .link-content .title { font-size:2.625em; }
	
	.content-area.large-x2 { padding-bottom:12.5em; padding-top:12.5em; }
	.content-area.large-bottom-x0 { padding-bottom:0 !important; }
	
	.medium_divider,
	.medium_divider_x2 { padding-top:0; }
	.large-float-left { float:left !important; }
	.large-float-right { float:right !important; }
	
	.pull_up { position:relative; top:-6.25em; }
	
	a.image-box .link-content { padding:2.5em; }
	a.image-box .link-content .title { font-size:4.5em; }

} @media only screen and (min-width: 64em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens - min-width 1440px */
@media only screen and (min-width: 90em) {
	
	#featured-area { height:1000px; }
	
	#page-header + .page-content:before,
	.page-content:first-child:before { left:-50px; }
	#page-header + .page-content:after,
	.page-content:first-child:after { right:-50px; }
	
	.logo-box-wrapper .logo-box { height:200px; right:-120px; top:10%; width:200px; }
	.slider.logo-box-wrapper .logo-box { height:200px; bottom:25%; right:-120px; width:200px; }
	
	.connect-link .logo-box { height:240px; width:240px; }
	
	.content-area.xlarge-x2 { padding-bottom:12.5em; padding-top:12.5em; }
		
} @media only screen and (min-width: 90em) and (max-width: 97.500em) { } /* min-width 1441px and max-width 1560px, use when QAing xlarge screen-only issues */

/* XXLarge screens - min-width 1560px */
@media screen and (min-width: 97.500em) {
	.logo-box-wrapper .logo-box,
	.slider.logo-box-wrapper .logo-box { right:-130px; }
}



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

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides { list-style:none; margin:0; padding:0; }
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.0 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated{
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 170px;
    text-align: center; text-transform: uppercase; z-index:1500;
    background-color: #f25648; color: #ffffff;
}
* html #outdated{position: absolute;}
#outdated h6{font-size: 25px; line-height: 25px; margin: 30px 0 10px;}
#outdated p{font-size: 12px; line-height: 12px; margin: 0;}
#outdated #btnUpdateBrowser{
    display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 230px; /*need for IE*/
    color: #ffffff; text-decoration: none; border: 2px solid #ffffff; cursor: pointer;
}
#outdated #btnUpdateBrowser:hover{color: #f25648; background-color:#ffffff;}
#outdated .last{position: absolute; top: 10px; right: 25px; width: 20px; height: 20px;}
#outdated #btnCloseUpdateBrowser{ border-bottom:none;
    display: block; position: relative; width: 100%; height: 100%;
    text-decoration: none; color: #ffffff; font-size: 36px; line-height: 36px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background:transparent;
	color: #131313;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	background-image: url('../img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close { background-color:transparent; border:none !important; color:#eeede8; line-height:48px; text-align:center;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 8040;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out;
          transition: color 0.25s ease-out, background-color 0.25s ease-out;
}
.fancybox-close:hover { color:#eeede8; }
.fancybox-close:before,
.fancybox-close:after { background-color:#444; content:''; display:block; height:2px; margin-left:-11px; position:absolute; left:50%; top:50%; width:22px;
  -webkit-transition: background-color 0.25s ease-out;
          transition: background-color 0.25s ease-out;
}
.fancybox-close:hover:before,
.fancybox-close:hover:after { background-color:#eeede8; }
.fancybox-close:before {
  -webkit-transform: rotate(45deg); 
          transform: rotate(45deg); 
}
.fancybox-close:after {
  -webkit-transform: rotate(-45deg); 
          transform: rotate(-45deg); 
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: -20px;
}

.fancybox-next {
	right: -20px;
}

.fancybox-nav span { background-color:#444; display:block; height:2px; margin-top:-1px; position:absolute; top:50%; right:0; width:30px;
	-webkit-transition:background-color 0.25s ease-out, left 0.25s ease-out, right 0.25s ease-out, width 0.25s ease-out;
	transition:background-color 0.25s ease-out, left 0.25s ease-out, right 0.25s ease-out, width 0.25s ease-out;
} 
.fancybox-nav:hover span { width:40px; }
.fancybox-nav.fancybox-prev:hover span { left:-10px; }
.fancybox-nav.fancybox-next:hover span { right:-10px; }
.fancybox-nav span:before,
.fancybox-nav span:after { background-color:#444; content:''; display:block; height:2px; position:absolute; right:-1px; width:10px;
	-webkit-transition:background-color 0.25s ease-out;
	transition:background-color 0.25s ease-out;
}
.fancybox-nav span:before { bottom:0;
	-webkit-transform-origin:bottom right;
	        transform-origin:bottom right;
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.fancybox-nav span:after { top:0;
	-webkit-transform-origin:top right;
	        transform-origin:top right;
	-webkit-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}

.fancybox-nav.fancybox-prev span:before { bottom:1px; right:auto; left:-1px;
	-webkit-transform-origin:bottom left;
	        transform-origin:bottom left;
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.fancybox-nav.fancybox-prev span:after { top:1px; right:auto; left:-1px;
	-webkit-transform-origin:top left;
	        transform-origin:top left;
	-webkit-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
.fancybox-nav:hover span,
.fancybox-nav:hover span:before,
.fancybox-nav:hover span:after { background-color:#eeede8; }

.fancybox-prev span {
	left: 0;
}

.fancybox-next span {
	right: 0;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background-color:#131313;
	background-color:rgba(19,19,19,0.95);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title { background-color:transparent; border:none; color:#444; font-family:'Knockout-Junior-Sumo', sans-serif; font-size:0.75em; letter-spacing:0.025em; padding:0.9375rem 0 0; text-transform:uppercase;
	visibility: visible;
}
.fancybox-title h4,
.fancybox-title p { margin:0; }

.fancybox-title-float-wrap {
	position: absolute;
	bottom:0;
	left:0;
	z-index: 8050;
	width:100%;
}

.fancybox-title-float-wrap .child {
	display: block;
	
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 0;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #eeede8;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading {
		background-image: url('../img/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../img/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/* select */
.jcf-select { background-color:#131313; border:2px solid #444; border-radius:0; color:#444; display:block; cursor:pointer; font-family:'Knockout-Junior-Cruiser', sans-serif; font-size:1em; line-height:18px; margin:0; padding:1em; position:relative; vertical-align:text-bottom; width:100%;
	-webkit-transition:background-color 0.25s ease-out, border-color 0.25s ease-out, color 0.25s ease-out;
	transition:background-color 0.25s ease-out, border-color 0.25s ease-out, color 0.25s ease-out;
}
.gfield_error .jcf-select { border-color:#cc0000 !important; }
  .jcf-select:hover { border-color:#eeede8; }
  .jcf-select:focus,
  .jcf-select.jcf-drop-active { background-color:#eeede8; border-color:#eeede8; color:#131313; }
  
  .jcf-option-gf_placeholder { color:#444; }
  
.jcf-select *,
.jcf-select-drop-content *,
.jcf-option {
	cursor:pointer;
}
.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0; }

.jcf-select .jcf-select-text {
	color:#eeede8;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
   }
.jcf-option-gf_placeholder { color:#444; }

.jcf-select .jcf-select-opener {
  position: absolute;
  text-align: center;
  width: 40px;
  bottom: 0;
  right: 0;
  top: 0; }
  .jcf-select .jcf-select-opener::after {
    position: absolute;
    width: 100%;
    height: 50px;
	line-height:50px;
	color:#444;
    content:'\f107';
	font-family: FontAwesome;
	font-size:1.5em;
	font-weight: normal;
	font-style: normal;
	border:none;
    left: 0;
    top: 0;
	text-align:center;
	-webkit-transition:all 0.25s ease-out;
	transition:all 0.25s ease-out; }
	.jcf-select:hover .jcf-select-opener::after { color:#eeede8; }
	
	.jcf-drop-active .jcf-select-opener::after { color:#131313 !important; -webkit-transform:scaleY(-1); transform:scaleY(-1); }
	.jcf-drop-active .jcf-select-text { color:#131313; }

body > .jcf-select-drop {
  position: absolute;
  margin: -2px 0;
  z-index: 9999; }

body > .jcf-select-drop.jcf-drop-flipped {
  margin: 0 0 -2px; }

.jcf-select-custom-select-black {
  background: #eeede8;
  color: #eeede8; }

.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0px;
  z-index: 9999;
  top: 100%;
  left: -1px;
  right: -1px; }

.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto; }

.jcf-select.jcf-compact-multiple {
  max-width: 220px; }

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
  display: inline-block;
  padding-top: 2px;
  content: '...'; }

.jcf-select-drop .jcf-select-drop-content {
  border: 2px solid #eeede8; }

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
  background: none; }

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
  background: #e6e6e6;
  color: #000; }

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
  display: inline-block;
  content: '';
  height: 4px;
  width: 8px;
  margin: -7px 5px 0 -3px;
  border: 3px solid #777;
  border-width: 0 0 3px 3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"; }
  
/* multiple select styles */
.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px; }

/* select options styles */
.jcf-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #eeede8;
  line-height: 14px;
  font-size: 12px;
  width: 100%; }

.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%; }

.jcf-list ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.jcf-list ul li {
  overflow: hidden;
  display: block; }

.jcf-list .jcf-overflow {
  overflow: auto; }

.jcf-list .jcf-option {
  font-family:'Knockout-Junior-Cruiser', sans-serif; font-size:1.333em;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding:1em;
  color: #444;
  -webkit-transition:background-color 0.25s ease-out, color 0.25s ease-out;
  transition:background-color 0.25s ease-out, color 0.25s ease-out; }

.jcf-list .jcf-disabled {
  background: #eeede8 !important;
  color: #aaa !important; }

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
  background: #131313;
  color: #eeede8; }

.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: normal;
  display: block;
  padding: 5px 9px;
  color: #000; }

.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px; }

/* common styles */
.jcf-disabled {
  background: #ddd !important; }