/** Generated: Wednesday, 4th of March 2026, 10:25:00 PM // Powered by AIOM+ (All In One Minify) created by FlipZoom Media Inc. - David Karich (flipzoom.de) **/
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

* {
    padding:0;
    margin:0;
    box-sizing: border-box;
	font-family:inherit;
	color:inherit;
}

img {
	display:block;
	max-width:100%;
}

.wrap {
  position:relative;
  width:1120px;
  padding:0 10px;
  max-width:100%;
  margin:0 auto;
  clear:both;
}

#burger,
#mobnav {
  display:none;
}

body {
    font-size:62.5%;
	background-image:url('/site/templates/img/bg.jpg');
	font-family: 'Lato', sans-serif;
	color:#4e5f70;
}

header {
	float:left;
	clear:left;
    width:100%;
	margin-bottom:2em;
	position: relative;
}

	.top {
		width:100%;
		height:auto;
	}
	
	#birds1 {
		position:absolute;
		right: -5%;
		top: 22%;
		width: 20%;
	}
	
	#cart {
		position:absolute;
		right: 0;
		bottom:25%;
	}
	
	#star1 {
		position: absolute;
		left: 11%;
		top: 18%;
		width: 60px;
	}
	
	#star2 {
		position: absolute;
		left: -7.5%;
		bottom:-10%;
		width: 45px;
	}
	
	#birds2 {
		position: absolute;
		left: -12%;
		bottom: -140%;
		width: 110px;
	}
	
	#balloon {
		position:absolute;
		right: -14%;
		top: 10%;
		width: 130px;
	}
	
	.social{
		position:absolute;
		bottom:25%;
	}
	
		.social a {
			float:left;
			width:50px;
			margin-right:1em;
		}

    nav {
		float:left;
		clear:left;
		width:100%;
		border-top:2px solid #cbcbcb;
		border-bottom:2px solid #cbcbcb;
	}
  
		nav ul {
			list-style: none;
			float:left;
			clear:left;
			width:100%;
			text-align: center;
		}
		
			nav ul li {
				display:inline-block;
				position: relative;
			}
			
				nav ul li > a {
					float:left;
					position: relative;
					z-index:101;
				}
			
				nav ul li a p {
					float:left;
					font-size:1.3em;
					text-transform: uppercase;
					padding:1em 1.6em;
					text-decoration: none;
					position: relative;
					z-index:2;
					transition:color 0.5s ease-in-out;
				}
				
					.navbrush {
						position:absolute;
						left:0;
						top:20%;
						width:100%;
						height:60%;
						opacity:0;
						transition:opacity 0.5s ease-in-out;
						z-index:0;
					}
					
					nav > ul > li > a:hover,
					.active{
						color:#fff;
					}
					
					nav ul li a:hover .navbrush,
					.active .navbrush{
						opacity:1;
					}
					
					.subnav {
						position:absolute;
						padding-top:4em;
						z-index:100;
						display:none;
						width:110%;
						min-width:200px;
						margin-left:-5%;
					}
					
						.subnav li {
							float:left;
							clear:left;
							width:100%;
							border-bottom:2px solid #eee;
						}
					
						.subnav li a {
							background-color:#fff;
							float:left;
							clear: left;
							width:100%;
							text-align: center;
							transition: background 0.5s ease-in-out;
							/*border-radius: 0.5em;*/
							font-size:1em;
							
						}
						
							.subnav li a p {
								width:100%;
								text-align: center;
								text-transform: capitalize;
							}
						
						.subnav li a:hover {
							background-color:#ffd7e4; /* light pink */
						}
						
					#mainnav li:hover .subnav {
						display:block;
					}

    #logo {
		display:block;
		width:300px;
		float:none;
		margin:2em auto 4em auto;
    }
  
		#logo img {
			width:100%;
		}

.flex {
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

.fcw {
  float:left;
  clear:left;
  width:100%;
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom:1em;
	font-weight:300;
	color:#a31d83; /* purple */
	font-size:4em;
}

.main h2{
	font-size:2.6em;
}

.main h3{
	font-size:2.3em;
}

.main h4{
	font-size:2em;
}

.main h5{
	font-size:1.7em;
}

.main {
	position: relative;
}

.main p,
.main li{
	font-size:1.4em;
	line-height:1.8;
	margin-bottom:1em;
}

	.main p a {
		color:#a31d83; /* purple */
	}

.main ul,
.main ol {
	margin:2em;
}

  .main li {
    padding-left:1em;
  }

.align_left {
  float:left;
}

.align_right {
  float:right;
}

.align_center {
  text-align: center;
}

img.align_left {
  margin:0.5em 1em 1em 0;
}

img.align_right {
  margin:0.5em 0 1em 1em;
}

img.align_center {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
  
footer {
	position:relative;
	clear:both;
}

	.copyright {
		position:absolute;
		right:0;
		bottom:1em;
	}

	.fimg {
		width:100%;
	}

.snipcart-modal__container {
	z-index:101;
}

@media screen and (max-width:1049px) {
	nav ul li a p {
		font-size:1.2em;
	}
}
  
@media screen and (max-width:849px) {
	
	.social {
		top:140px;
	}
	
	.copyright {
		text-align: center;
		width:100%;
	}
	
	nav {
		border-bottom:0;
	}
	
	#logo {
		width:175px;
	}
	
	#cart {
		width:175px;
		top:90px;;
	}
  
  #mainnav,
  #balloon,
  #birds2,
  #star1{
    display:none;
  }
  
  #burger {
    width:32px;
	display:block;
	margin:1em auto;
	float:none;
  }
  
  #mobnav li,
  #mobnav li a,
  #mobnav li a p{
	float:left;
	clear:left;
	width:100%;
  }
  
  #mobnav li a {
	padding:1.5em 4em;
	position:relative;
	border-bottom:1px solid #aaa;
  }
  
	#mobnav li a p {
		text-align: center;
		padding:0;
	}
	
		.navbrush {
			width:50%;
			left:25%;
		}
        
		#mobnav li a.tri {
          position:absolute;
          float:none;
          clear:none;
          right: 0;
          top: 0;
          width: 3em;
          height: 100%;
          border:none;
          padding:0;
        }
        
          .tri img {
            float:left;
            width:23px;
            margin-left:0.5em;
            margin-top:0.8em;
            height:11px;
            display:block;
          }
	.hide {
		display:none;
	}
}

@media screen and (max-width:549px) {
	
	nav {
		border:none;
	}
	
	#logo {
		margin-bottom:0;
	}
	
	#cart {
		display:none;
	}
	
	.social {
		bottom:initial;
		top:0;
	}
	
		.social a {
			width:32px;
			margin-right:5px;
		}
	
	#star1,
	#star2,
	#birds2{
		display:none;
	}
	
	#burger {
		position:absolute;
		right:10px;
		top:0;
		margin:0;
	}
}

@media screen and (max-width:499px) {
	#logo {
		width:100px;
	}
}
.main > h1,
.main > h2{
	width:100%;
	text-align: center;
	color:#a31d83; /* purple */
	font-size:4em;
	margin-bottom:1em;
	margin-top:0.5em;
}

	.backto {
		position:absolute;
		text-decoration: none;
		font-size:1.4em;
		top:3em;
	}
	
		.backto:hover {
			text-decoration: underline;
		}

.story {
	padding-top:4em;
}

.story .left,
.contact .left{
	float:left;
	width:49%;
}

.story .right,
.contact .right{
	float:right;
	width:49%;
}

.item .left {
	float:left;
	width:63%;
}

	#self {
		width:50%;
		height:auto;
		margin:0 auto 5% auto;
		display:block;
		float:none;
	}

.item .right {
	float:right;
	width:33%;
}

	.right h1 {
		color:#a31d83; /* purple */
		font-size:4em;
		margin-bottom:0.5em;
	}
	
	.main .price {
		color:#a31d83; /* purple */
		font-weight:500;
		font-size:2em;
		margin-bottom:0;
	}
	
	.main .post {
		margin-bottom:2em;;
	}
	
	.buy {
		float:left;
		clear:left;
		padding:2em 5em;
		border:none;
		border-radius: 5px;
		box-shadow: 0 2px 3px rgba(0,0,0,0.25);
		color:#fff;
		text-decoration: none;
		outline:none;
		cursor: pointer;
		
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9409c+0,9e1b7f+100 */
		background: rgb(185,64,156); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(185,64,156,1) 0%, rgba(158,27,127,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(185,64,156,1) 0%,rgba(158,27,127,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(185,64,156,1) 0%,rgba(158,27,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9409c', endColorstr='#9e1b7f',GradientType=0 ); /* IE6-9 */
	}
	
		.buy img {
			width:20px;
			float:left;
			margin-right:1.5em;
		}
		
		.buy span {
			float:left;
			font-size:1.2em;
			margin-top:0.05em;
		}
		
		.buy:hover {
			background:none;
			background-color:#d667bc;
		}
	
	#snipcart-main-content {
		border:10px solid #ffd7e4 !important; /* light pink */
		border-radius:1em;
	}
	
	.snip-layout .snip-header {
		background:#fff !important;
	}
	
	.snip-layout .snip-header__total,
	.snip-layout .snip-footer{
		background:#a31d83 !important; /* purple */
	}
	
	.snip-footer__copyright {
		color:#fff !important;
	}
	
	.snip-layout .snip-layout__close {
		color:#555 !important;
		top:3% !important;
		right:2% !important;
		font-size:3em;
	}

	.snip-layout .snip-header__total-label {
	    color: #fff !important;
	}

	.snip-layout__main-container {
		border-radius:1em !important;
	}

	.snip-layout .snip-form__error {
		background:none !important;
		color:red !important;
	}

.gal2 .left {
	float:left;
	width:23.5%;
}

	.gal2 .left ul,
	.gal2 .left ul li{
		margin:0;
		padding:0;
		list-style: none;
	}

.gal2 .right {
	float:right;
	width:70%;
}

	.gal2 .right a{
		float:left;
		width:31.333333333%;
		margin: 0 3% 3% 0;
		border:10px solid #ffd7e4; /* light pink */
		box-shadow: 0 2px 3px rgba(0,0,0,0.15);
		position: relative;
	}

.gals ul {
	float:left;
	clear:left;
	width:100%;
}

.gal2 .left ul li {
	float:left;
	clear:left;
	width:100%;
	margin-bottom:5px;
	background-color:#fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	position:relative;
}

	.gal2 .left ul li li {
	   font-size:0.8em;
	   box-shadow:none;
	   background-color:none;
	   margin-bottom:0;
	}
	
		.gal2 .left ul li li a {
			padding:0.25em 1.5em;
			background-color:#faecf0;
		}

.gal2 .left a {
	float:left;
	clear:left;
	width:100%;
	padding:0.5em;
	text-decoration: none;
}

	.gal2 .left a.selected,
	.gal2 .left a:hover {
		background-color:#ffd7e4; /* light pink */
	}
	
	.gal2 .right a:nth-of-type(3n) {
		margin-right:0;
	}

.gal a{
	float:left;
	width:23.5%;
	margin: 0 2% 2% 0;
	border:10px solid #ffd7e4; /* light pink */
	box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	position: relative;
}

	.gal a:nth-of-type(4n) {
		margin-right:0;
	}
	
	.gal a .shade,
	.gal2 .right a .shade{
		position:absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		background-color:rgba(0,0,0,0.7);
		text-align: center;
		text-decoration: none;
		opacity:0;
		transition:opacity 0.5s ease-in-out;
	}
	
		.gal a .text,
		.gal2 .right a .text{
			width:100%;
			top:50%;
			transform: translateY(-50%);
			text-align: center;
			position:relative;
			padding:0 1em;
		}
		
		.gal a .shade h2,
		.gal2 .right a .shade h2{
			color:#fff;
			width:100%;
			font-size:1.6em;
			text-align: center;
			margin-bottom:0;
		}
		
		.gal a .text p,
		.gal2 .right a .text p{
			color:#666;
		}
		
		.gal a:hover .shade,
		.gal2 .right a:hover .shade{
			opacity:1;
		}
		
	.gal2 .left a.tri {
		position:absolute;
		top:0;
		right:0;
		width:2.5em;
		height:2.8em;
		padding:0.5em;
		text-align:center;
	}
	
	.gal2 .left ul ul {
		display:none;
		float:left;
		clear:left;
		width:100%;
	}

.faq {
	padding:0 15%;
}

.contactform {
	margin-bottom:3em;
}

.main input,
.main textarea,
.main label {
	float:left;
	clear:left;
	width:100%;
	margin-bottom:1em;
}

.main input,
.main textarea {
	border:2px solid #bfbfbf;
	background-color:#fff;
	padding:0.5em;
	border-radius: 4px;
}

.main label {
	font-size:1.2em;
	font-weight:bold;
}

input[type="submit"]{
	background-color:#a31d83; /* purple */
	color:#fff;
	cursor: pointer;
	width:200px;
	max-width:100%;
	float:right;
	border:none;
	padding:0.75em;
	transition: all 0.25s ease-in-out;
}

	input[type="submit"]:hover{
		background-color:#ffd7e4; /* light pink */
		color:#a31d83; /* purple */
	}

.oos {
	color:#a31d83; /* purple */
	text-transform: uppercase;
}

/* Thumbnails */

.main .sy-list,
.main .thumb-box,
.main .sy-list li,
.main .thumbs li,
.main .thumbs,
.main .sy-controls,
.main .sy-controls li{
	margin:0;
	padding:0;
	list-style: none;
}

.thumb-box {
  padding: 1.4em 0 1em;
  margin-left: -1%;
  width: 102%;
  .thumbs {
    @include clearfix;
    li {
      float: left;
      width: 25%;
      text-align: center;
      padding: 0 1%;
      img {
        width: 100%;
        opacity: .8;
        @include transition(opacity .32s);
        border-bottom: 4px solid transparent;
        &.active {
          border-color: $bc-rk-blue;
          opacity: 1;
        }
      }
      &:hover {
        img {
          opacity: 1;
          @include transition(opacity .2s);
        }
      }
    }
  }
}

.slipcon {
	margin-bottom:2em;
	border:10px solid #ffd7e4; /* light pink */
	box-shadow: 0 2px 3px rgba(0,0,0,0.15);
}

.main .thumbs li {
	float:left;
	clear:none;
	width:22.4%;
	margin: 0 1em 1em 0;
	border:5px solid #ffd7e4; /* light pink */
	box-shadow: 0 2px 3px rgba(0,0,0,0.15);
}

	.thumbs li a {
		float:left;
		width:100%;
	}

.away {
	background-color:#d44848;
	color:#fff;
	padding:1.5em;
	border-radius: 0.75em;
	margin-bottom:2em;
}

	.away p {
		font-size:1em;
		font-style: italic;
		line-height: 1.4;
	}
	
	.away p:last-of-type {
		margin-bottom:0;
	}

@media screen and (max-width:999px) {
	.gal a,
	.gal2 .right a,
	.slipcon {
		border:5px solid #ffd7e4; /* light pink */
	}
}

@media screen and (max-width:849px) {
	
	.main {
		padding:0 5%;
	}
	
	.story .left,
	.story .right,
	.item .left,
	.item .right{
		width:100%;
		text-align: center;
	}
	
	.item .left {
		margin-bottom:5%;
	}
	
	.story img {
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	.main h1 {
		margin-top:0;
		font-size:3em;
	}
	
	.gal2 .left {
		width:100%;
		margin-bottom:5%;
	}

	
	.gal2 .right {
		width:100%;
	}
	
	.buy {
		float:none;
		margin:2em auto;
		display:inline-block; 
	}
}

@media screen and (max-width:599px) {
	.contact .left,
	.contact .right {
		width:100%;
	}
}

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

	.gal2 .right a {
		width:48%;
	}
	
		.gal2 .right a:nth-of-type(3n) {
			margin-right:4%;
		}
		
		.gal2 .right a:nth-of-type(2n) {
			margin-right:0;
		}
		
		.gal2 .right a .shade h2 {
			font-size:1.3em;
		}
	
	.backto {
		position:initial;
		float:left;
		width:100%;
	}
	
	.buy {
		width:100%;
		padding:2em;
		text-align: center;
	}
	
		.buy span,
		.buy img{
			display:inline-block;
			float:none;
		}
}
/**
 *
 * slippry v1.4.0 - Responsive content slider for jQuery
 * http://slippry.com
 *
 * Authors: Lukas Jakob Hafner - @saftsaak
 *          Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2016, booncon oy - http://booncon.com
 *
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); } }
@-o-keyframes left-right {
  0% {
    -o-transform: translateY(-20%) translateX(-10%);
       transform: translateY(-20%) translateX(-10%); }
  100% {
    -o-transform: translateY(0%) translateX(10%);
       transform: translateY(0%) translateX(10%); } }
@keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
         -o-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
         -o-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); } }
@-o-keyframes right-left {
  0% {
    -o-transform: translateY(0%) translateX(10%);
       transform: translateY(0%) translateX(10%); }
  100% {
    -o-transform: translateY(-20%) translateX(-10%);
       transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
         -o-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
         -o-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); } }
/* added to the original element calling slippry */
.sy-box.sy-loading {
  background: url("/site/templates/img/sy-loader.gif") 50% 50% no-repeat;
  -webkit-background-size: 32px 32px;
          background-size: 32px;
  min-height: 40px; }
  .sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
    visibility: hidden; }

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%; }
  .sy-slides-wrap:hover .sy-controls {
    display: block; }

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden; }

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute; }
  .sy-list.horizontal {
    -webkit-transition: left ease;
         -o-transition: left ease;
            transition: left ease; }
  .sy-list.vertical {
    -webkit-transition: top ease;
         -o-transition: top ease;
            transition: top ease; }

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2; }
  .sy-slide.kenburns {
    width: 140%;
    left: -20%; }
    .sy-slide.kenburns.useCSS {
      -webkit-transition-property: opacity;
           -o-transition-property: opacity;
              transition-property: opacity; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
        -webkit-animation-name: left-right;
             -o-animation-name: left-right;
                animation-name: left-right;
        -webkit-animation-fill-mode: forwards;
             -o-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
        -webkit-animation-name: right-left;
             -o-animation-name: right-left;
                animation-name: right-left;
        -webkit-animation-fill-mode: forwards;
             -o-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
  .sy-slide.sy-active {
    z-index: 3; }
  .sy-slide > img {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: 0; }
  .sy-slide > a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%; }
    .sy-slide > a > img {
      margin: 0;
      padding: 0;
      display: block;
      width: 100%;
      border: 0; }

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: none;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0; }
  .sy-controls li {
    position: absolute;
    width: 10%;
    min-width: 4.2em;
    height: 100%;
    z-index: 33; }
    .sy-controls li.sy-prev {
      left: 0;
      top: 0; }
      .sy-controls li.sy-prev a:after {
        background-position: -5% 0; }
    .sy-controls li.sy-next {
      right: 0;
      top: 0; }
      .sy-controls li.sy-next a:after {
        background-position: 105% 0; }
    .sy-controls li a {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
      text-indent: -9999px; }
      .sy-controls li a:link, .sy-controls li a:visited {
        opacity: 0.4; }
      .sy-controls li a:hover, .sy-controls li a:focus {
        opacity: 0.8;
        outline: none; }
      .sy-controls li a:after {
        content: "";
        background-image: url("/site/templates/img/arrows.svg");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
                background-size: cover;
        text-align: center;
        text-indent: 0;
        line-height: 2.8em;
        color: #111;
        font-weight: 800;
        position: absolute;
        background-color: #fff;
        width: 2.8em;
        height: 2.8em;
        left: 50%;
        top: 50%;
        margin-top: -1.4em;
        margin-left: -1.4em;
        border-radius: 50%;; }
  @media only screen and (max-device-width: 600px) {
    .sy-controls {
      display: block; }
      .sy-controls li {
        min-width: 2.1em; }
        .sy-controls li a:after {
          width: 1.4em;
          height: 1.4em;
          margin-top: -0.7em;
          margin-left: -0.7em; } }

/* captions, styled fo the overlay variant */
.sy-caption-wrap {
  position: absolute;
  bottom: 2em;
  z-index: 12;
  left: 50%; }
  .sy-caption-wrap .sy-caption {
    position: relative;
    left: -50%;
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
    padding: 0.4em 1em;
    border-radius: 1.2em; }
    .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
      color: #e24b70;
      font-weight: 600;
      text-decoration: none; }
    .sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
      text-decoration: underline; }
  @media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .sy-caption-wrap {
      left: 0;
      bottom: 0.4em; }
      .sy-caption-wrap .sy-caption {
        left: 0;
        padding: 0.2em 0.4em;
        font-size: 0.92em;
        border-radius: 0; } }

/* pager bubbles */
.sy-pager {
  clear: both;
  display: block;
  width: 100%;
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  text-align: center; }
  .sy-pager li {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin: 0 1em 0 0;
    border-radius: 50%; }
    .sy-pager li.sy-active a {
      background-color: #e24b70; }
    .sy-pager li a {
      width: 100%;
      height: 100%;
      display: block;
      background-color: #ccc;
      text-indent: -9999px;
      -webkit-background-size: 2em 2em;
              background-size: 2em;
      border-radius: 50%; }
      .sy-pager li a:link, .sy-pager li a:visited {
        opacity: 1.0; }
      .sy-pager li a:hover, .sy-pager li a:focus {
        opacity: 0.6; }

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%; }
  .sy-filler.ready {
    -webkit-transition: padding 600ms ease;
         -o-transition: padding 600ms ease;
            transition: padding 600ms ease; }

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/site/templates/img/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/site/templates/img/close.png);}
#sb-nav-next{background-image:url(/site/templates/img/next.png);}
#sb-nav-previous{background-image:url(/site/templates/img/previous.png);}
#sb-nav-play{background-image:url(/site/templates/img/play.png);}
#sb-nav-pause{background-image:url(/site/templates/img/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}