@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: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("../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:5.8em;
    height:5.8em;
    left:10%;
    top:50%;
    margin-top:-1.4em;
    margin-left:-1.4em;
    border-radius:50%
}
@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
    }
}