@import url(cookieconsent.min.css);
@import url(syntax.css);
@keyframes left-right {
     0% {
         transform: translateY(-20%) translateX(-10%) 
    }
     100% {
         transform: translateY(0%) translateX(10%) 
    }
}
@keyframes right-left {
     0% {
         transform: translateY(0%) translateX(10%) 
    }
     100% {
         transform: translateY(-20%) translateX(-10%) 
    }
}
.sy-box.sy-loading {
     background: url("/images/sy-loader.gif") 50% 50% no-repeat;
     background-size: 32px;
     min-height: 40px
}
.sy-box.sy-loading .sy-slides-wrap,.sy-box.sy-loading .sy-pager {
     visibility: hidden
}
.sy-slides-wrap {
     position: relative;
     height: 100%;
     width: 100%
}
.sy-slides-wrap:hover .sy-controls {
     display: block
}
.sy-slides-crop {
     height: 100%;
     width: 100%;
     position: absolute;
     overflow: hidden
}
.sy-list {
     width: 100%;
     height: 100%;
     list-style: none;
     margin: 0;
     padding: 0;
     position: absolute
}
.sy-list.horizontal {
     transition: left ease
}
.sy-list.vertical {
     transition: top ease
}
.sy-slide {
     position: absolute;
     width: 100%;
     z-index: 2
}
.sy-slide.kenburns {
     width: 140%;
     left: -20%
}
.sy-slide.kenburns.useCSS {
     transition-property: opacity
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
     animation-name: left-right;
     animation-fill-mode: forwards
}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
     animation-name: right-left;
     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
}
.sy-controls {
     display: none;
     list-style: none;
     height: 100%;
     width: 100%;
     position: absolute;
     padding: 0;
     margin: 0
}
.sy-controls li {
     position: absolute;
     width: 30%;
     min-width: 4.2em;
     height: 100%;
     z-index: 33;
     text-align: center;
}
.sy-controls li.sy-prev {
     left: 0;
     top: 0
}
.sy-controls li.sy-prev a:after {
     background-position: -5% 0
}
#content .sy-controls li.sy-next a:after {
     left: auto;
     right: 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("../img/mobile_arrows.svg");
     background-repeat: no-repeat;
     background-size: cover;
     text-align: center;
     text-indent: 0;
     line-height: 2.8em;
     color: #111;
     font-weight: 800;
     position: absolute;
     background-color: #fff;
     width: 80px;
     height: 80px;
     left: 0;
     top: 50%;
     margin-top: -40px;
     border-radius: 50%;
}
/* rev: axcelleria */
.sy-controls li a:after {
     transition: 0.1s linear;
}
/*/
.sy-controls li:hover a:after {
     transform: scale(0.75);
}
/*/
#content .sy-controls .sy-prev {
     margin-left: -30px;
}
#content .sy-controls .sy-next {
     right: 0;
     margin-right: -30px;
}
#content .sy-prev a:after {
     transform-origin: left center;
     background-position: 17px 0px;
}
#content .sy-next a:after {
     transform-origin: right center;
     background-position: 110% 0px;
}
/* rev: end */
@media only screen and (max-device-width: 600px) {
    /* .sy-controls li a:after{
         content:"";
         background-image:url("../img/mobile_arrows.svg");
         background-repeat:no-repeat;
         background-size:cover;
         text-align:center;
         text-indent:0;
         line-height:2.8em;
         color:#111;
         font-weight:800;
         position:absolute;
         background-color:#fff;
         width:7.8em;
         height:7.8em;
         left:50%;
         top:50%;
         margin-top:-1.4em;
         margin-left:-1.4em;
         border-radius:50%
    }
     */
     .sy-controls {
         display:block 
    }
     .sy-controls li {
         min-width: 2.1em 
    }
     .sy-controls li a:after {
         width: 5.4em;
         height: 5.4em;
         margin-top: -0.7em;
         margin-left: -0.7em 
    }
}
.sy-caption-wrap {
     position: absolute;
     bottom: -50px;
     z-index: 12;
    /* left: 50%;
     */
     width: 100%;
    /* height: 40px;
     */
}
.sy-caption-wrap .sy-caption {
     position: relative;
    /* left: -50%;
     */
     background-color: rgba(0,0,0,0.54);
     color: #fff;
     padding: 1.4em;
    /* border-radius: 1.2em;
     */
    /* width: 801px !important;
     */
}
.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: -1.4em;
    }
     .sy-caption-wrap .sy-caption {
         left: 0;
         padding: 0.2em 0.4em;
         font-size: 0.92em;
         border-radius: 0 
    }
}
.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;
     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
}
.sy-filler {
     width: 100%
}
.sy-filler.ready {
     transition: padding 600ms ease
}
* {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
}
.restricted-width ul {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline
}
.restricted-width ul {
     list-style: none
}
.restricted-width {
     margin-left: auto;
     margin-right: auto;
     padding: 0 2%
}
@media only screen and (min-width: 1180px) {
     .restricted-width {
         max-width:1180px 
    }
}
.half {
     display: inline-block;
     width: 100%
}
@media only screen and (min-width: 600px) {
     .half {
         width:49.8% 
    }
     .half:nth-child(1) {
         padding-right: 1em 
    }
     .half:nth-child(2) {
         padding-left: 1em 
    }
}
.third {
     display: inline-block;
     width: 100%
}
@media only screen and (min-width: 600px) {
     .third {
         width:33% 
    }
     .third:nth-child(1) {
         padding-right: 1em 
    }
     .third:nth-child(2) {
         padding: 0 0.5em 
    }
     .third:nth-child(3) {
         padding-left: 1em 
    }
}
.twothird {
     display: inline-block;
     width: 100%
}
@media only screen and (min-width: 769px) {
     .twothird {
         width:66% 
    }
     .twothird:nth-child(1) {
         padding-right: 1em 
    }
     .twothird:nth-child(2) {
         padding: 0 0.5em 
    }
     .twothird:nth-child(3) {
         padding-left: 1em 
    }
}
@media only screen and (min-width: 550px) {
     #settings-jump {
         float:right 
    }
}
#settings-jump li {
     height: 2em;
     border-top: 1px solid #fff
}
#settings-jump li.default {
     height: 1.6em;
     border-top: 0
}
#settings-jump li #select-setting {
     position: relative;
     text-transform: uppercase
}
#settings-jump li #select-setting:after {
     content: ' ';
     display: inline-block;
     height: 0;
     width: 0;
     border-left: 0.4em solid transparent;
     border-right: 0.4em solid transparent;
     position: absolute;
     right: 0;
     margin-right: 0.5em;
     margin-top: 0.5em
}
#settings-jump li.section-head {
     padding: 0.25em 0.5em
}
#settings-jump li a {
     text-decoration: none;
     display: block;
     height: 2em;
     background-color: #31ace2;
     padding: 0.25em 0.5em;
     color: #fff;
     text-align: left
}
#settings-jump li a:hover {
     background-color: #1c91c4
}
#settings-jump.closed {
     height: 2em;
     overflow: hidden
}
#settings-jump.closed #select-setting:after {
     border-top: 0.5em solid white
}
#settings-jump.open {
     height: auto;
     background-color: #fff
}
#settings-jump.open #select-setting:after {
     border-bottom: 0.5em solid white
}
section.settings h4 {
     margin-top: 1.5em
}
section.settings h3 {
     margin-top: 2em;
     border-bottom: 1px solid #bcc5cd
}
.example-tiles .tile {
     display: inline-block;
     padding: 0.8em 1em;
     background-color: #31ace2;
     color: #fff;
     text-decoration: none;
     font-size: 1.5em;
     font-family: source-sans-pro, Verdana, sans-serif;
     width: 100%;
     margin: 1% 0;
     text-align: center
}
.example-tiles .tile.large {
     padding: 1.6em 1em;
     -moz-background-size: cover;
     -o-background-size: cover;
     -webkit-background-size: cover;
     background-size: cover;
     background-position: 50% 50%;
     text-shadow: 0 0 0.1em rgba(0,0,0,0.4);
     opacity: 0.8
}
.example-tiles .tile.large:hover {
     opacity: 1
}
@media only screen and (min-width: 411px) {
     .example-tiles .tile {
         width:49% 
    }
     .example-tiles .tile:nth-child(2n+1) {
         margin: 1% 1% 1% 0 
    }
     .example-tiles .tile:nth-child(2n+2) {
         margin: 1% 0 1% 1% 
    }
}
@media only screen and (min-width: 631px) {
     .example-tiles .tile {
         width:31.3% 
    }
     .example-tiles .tile:nth-child(3n+1) {
         margin: 1% 1% 1% 0 
    }
     .example-tiles .tile:nth-child(3n+2) {
         margin: 1% 
    }
     .example-tiles .tile:nth-child(3n+3) {
         margin: 1% 0 1% 1% 
    }
}
.example-tiles .tile:hover {
     background-color: #1c91c4;
     color: #fff
}
.example-tiles .tile.active {
     background-color: #1880ae
}
.portfolio .sy-controls {
     display: block
}
.portfolio .sy-pager {
     margin: 1.5em 0
}
.portfolio .external-captions {
     background-color: #fff;
     padding: 1em
}
.news-slider .text-content {
     position: absolute;
     left: 0;
     background-color: rgba(255,255,255,0.9);
     padding: 1em;
     width: 40%;
     font-size: 0.75em;
     height: 100%
}
.news-slider .text-content h2 {
     margin: 0
}
.news-slider .text-content p {
     display: none
}
.news-slider .text-content a.button-link {
     padding: 0.25em 0.5em;
     position: absolute;
     bottom: 1em;
     right: 1em
}
.news-slider .text-content .read-more {
     float: right;
     position: absolute;
     bottom: 1em;
     right: 1em
}
@media only screen and (min-width: 481px) {
     .news-slider .text-content {
         font-size:1em 
    }
}
@media only screen and (min-width: 769px) {
     .news-slider .text-content {
         width:35% 
    }
     .news-slider .text-content p {
         display: block 
    }
}
@media only screen and (min-width: 960px) {
     .news-slider .text-content {
         width:30% 
    }
}
.news-slider .image-content {
     line-height: 0
}
.news-slider .image-content img {
     max-width: 100%
}
.news-slider .news-pager {
     text-align: right;
     display: block;
     margin: 0.2em 0 0;
     padding: 0;
     list-style: none
}
.news-slider .news-pager li {
     display: inline-block;
     padding: 0.6em;
     margin: 0 0 0 1em
}
.news-slider .news-pager li.sy-active a {
     color: #31ace2
}
.news-slider .news-pager li a {
     font-weight: 500;
     text-decoration: none;
     display: block;
     color: #222
}
.shop .sy-box {
     overflow: hidden
}
@media only screen and (min-width: 401px) {
     .shop .sy-box .sy-slides-wrap {
         min-width:400px;
         max-width: 590px;
         width: 50%;
         margin-left: auto;
         margin-right: auto 
    }
}
.shop .sy-box .sy-slides-crop {
     overflow: visible
}
@media only screen and (max-width: 500px) {
     .shop .sy-box .sy-controls {
         display:block 
    }
     .shop .sy-box .sy-controls li {
         min-width: 2.4em 
    }
     .shop .sy-box .sy-controls li a:after {
         line-height: 1.4em;
         height: 1.4em;
         width: 1.4em;
         margin-top: -0.7em;
         margin-left: -0.7em 
    }
}
@media only screen and (min-width: 501px) {
     .shop .sy-box .sy-controls li {
         width:100% 
    }
     .shop .sy-box .sy-controls li.sy-prev {
         left: -100% 
    }
     .shop .sy-box .sy-controls li.sy-next {
         right: -100% 
    }
     .shop .sy-box .sy-controls li a:after {
         background: none 
    }
}
.shop .sy-box .sy-slide {
     opacity: 0.6;
     -moz-transition: opacity 1s;
     -o-transition: opacity 1s;
     -webkit-transition: opacity 1s;
     transition: opacity 1s
}
.shop .sy-box .sy-slide .product-info {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     padding: 1em
}
@media only screen and (max-width: 500px) {
     .shop .sy-box .sy-slide .product-info {
         padding:1em 2.4em 
    }
}
.shop .sy-box .sy-slide .product-info p {
     margin-bottom: 1em
}
.shop .sy-box .sy-slide .product-info p,.shop .sy-box .sy-slide .product-info .button-link {
     opacity: 0
}
.shop .sy-box .sy-slide .product-info .button-link {
     position: absolute;
     bottom: 1em
}
.shop .sy-box .sy-slide .product-info .buy-now {
     right: 1em
}
@media only screen and (max-width: 500px) {
     .shop .sy-box .sy-slide .product-info .buy-now {
         right:2.4em 
    }
}
.shop .sy-box .sy-slide .product-info .more-info {
     left: 1em
}
@media only screen and (max-width: 500px) {
     .shop .sy-box .sy-slide .product-info .more-info {
         left:2.4em 
    }
}
.shop .sy-box .sy-slide .image-content {
     line-height: 0
}
.shop .sy-box .sy-slide .image-content .product-image {
     max-width: 100%
}
.shop .sy-box .sy-slide.sy-active {
     opacity: 1
}
.shop .sy-box .sy-slide.sy-active .buy-now {
     opacity: 1
}
.shop .sy-box .sy-slide.sy-active:hover .product-image {
     opacity: 0.2
}
.shop .sy-box .sy-slide.sy-active:hover .product-info p,.shop .sy-box .sy-slide.sy-active:hover .product-info .button-link {
     opacity: 1
}
.shop .sy-box .sy-slide .product-info p,.shop .sy-box .sy-slide .product-info .button-link,.shop .sy-box .sy-slide .product-image,.shop .sy-box .sy-slide.sy-active,.shop .sy-box .sy-slide.sy-active .buy-now,.shop .sy-box .sy-slide.sy-active:hover .product-image,.shop .sy-box .sy-slide.sy-active:hover .product-info p,.shop .sy-box .sy-slide.sy-active:hover .product-info .button-link,.shop .sy-box .sy-slide.sy-active.transition {
     -moz-transition: opacity 1s;
     -o-transition: opacity 1s;
     -webkit-transition: opacity 1s;
     transition: opacity 1s
}
.shop .product-name,.shop .shop-slider .sy-slides-wrap {
     width: 100%;
     margin-left: auto;
     margin-right: auto
}
@media only screen and (min-width: 401px) {
     .shop .product-name,.shop .shop-slider .sy-slides-wrap {
         min-width:400px;
         max-width: 590px;
         width: 50% 
    }
}
.thumb-box {
     padding: 3.8em 0 1em;
     margin-left: -1%;
     width: 102%
}
.thumb-box .thumbs {
     overflow: hidden;
     *zoom:1
}
.thumb-box .thumbs li {
     float: left;
     width: 25%;
     text-align: center;
     padding: 0 1%
}
.thumb-box .thumbs li img {
     width: 100%;
     opacity: .8;
     -moz-transition: opacity 0.32s;
     -o-transition: opacity 0.32s;
     -webkit-transition: opacity 0.32s;
     transition: opacity 0.32s;
     border-bottom: 4px solid transparent
}
.thumb-box .thumbs li img.active {
     border-color: #31ace2;
     opacity: 1
}
.thumb-box .thumbs li:hover img {
     opacity: 1;
     -moz-transition: opacity 0.2s;
     -o-transition: opacity 0.2s;
     -webkit-transition: opacity 0.2s;
     transition: opacity 0.2s
}
.newsletter {
     border: 2px solid #e24b70;
     padding: 10px 15px
}
.newsletter h3 {
     margin: 0
}
#mc-embedded-subscribe {
     float: right
}
#mc_embed_signup form {
     padding: 8px 0 0 !important
}
#mc_embed_signup input.email,#mc_embed_signup #mc-embedded-subscribe {
     margin-bottom: 0 !important;
     height: 48px;
     font-size: 18px;
     min-width: auto
}
.clear {
     overflow: hidden;
     *zoom:1
}
.carbonwrap {
     border: 2px solid #ccc;
     padding-bottom: 18px
}
@media only screen and (max-width: 768px) {
     .carbonwrap {
         display:none 
    }
}
#carbonads {
     margin: 18px 10px
}
.carbon-poweredby {
     margin-top: 5px !important;
     font-size: 12px;
     text-decoration: none
}
@media only screen and (min-width: 840px) {
     .carbon-poweredby {
         margin-left:15px !important 
    }
}
.carbon-poweredby:before {
     content: ' ';
     overflow: hidden;
     *zoom:1
}
.carbon-img {
     float: left
}
.carbon-text {
     font-size: 13px;
     display: block !important;
     margin-bottom: 2px !important;
     text-decoration: none;
     text-transform: none
}
@media only screen and (min-width: 840px) {
     .carbon-text {
         padding-top:0 !important;
         float: none !important;
         width: auto !important;
         height: auto !important;
         margin-left: 145px !important 
    }
}