@charset "UTF-8";.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
    height: auto
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.product_container {
    overflow: visible
}

#leftcolumn {
    margin-right: 7px;
    overflow: visible;
    position: relative;
    width: 302px
}

.mainPictureContainer {
    float: none;
    height: auto;
    min-width: 300px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.mouseZoomArea {
    background: none repeat scroll 0 0 rgba(221, 16, 84, 0.2);
    border: 1px solid rgba(221, 16, 84, 1);
    color: rgba(0,0,0,0.5);
    display: none;
    font-size: 14px;
    font-weight: bold;
    height: 100px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100px;
    z-index: 16
}

.mouseZoomArea div {
    margin-top: 20px;
    position: relative
}

.mouseTrackArea {
    bottom: 0;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 18;
    box-sizing: border-box;
    border: 10px solid #ebedee
}

.zoomContainer {
    background: none repeat scroll 0 0 #ffffff;
    outline: 1px solid #ebedee;
    display: none;
    height: 400px;
    left: 402px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s linear 0s;
    transition: visibility 0.5s ease-out 0.5s, opacity 0.5s linear 0s;
    width: 585px;
    z-index: 30
}

.zoomContainerInside {
    height: 300px;
    left: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    -webkit-transition: visibility 0.5s ease-out 0.5s, opacity 0.5s linear 0s;
    transition: visibility 0.5s ease-out 0.5s, opacity 0.5s linear 0s;
    width: 300px;
    z-index: 17
}

#zoom,#zoomInside {
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
    max-width: none
}

.mainPicture {
    height: 600px;
    padding: 0;
    position: relative;
    width: 397px;
    z-index: 10
}

.pictureDeck img {
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#bottomPicture,#topPicture {
    background: none repeat scroll 0 0 transparent
}

#bottomPicture {
    left: 0;
    z-index: -1
}

.button_nav {
    -moz-user-select: none;
    background: none repeat scroll 0 0 rgba(255,255,255,0.7);
    color: rgba(90,90,90,0.4);
    font-size: 14px;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    position: absolute;
    text-align: center;
    top: 126px;
    width: 48px;
    z-index: 19
}

html.no-touch .button_nav:hover {
    color: rgba(150,150,150,0.8);
    cursor: pointer
}

.button_nav.button_prev {
    left: 0
}

.button_nav.button_next {
    right: 0
}

.thumbsContainer1 {
    margin-top: 10px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%
}

.thumbsContainer1 img {
    float: left;
    cursor: pointer;
    display: block;
    height: 288px;
    width: 225px;
    margin: 0 12px 12px 0;
    box-sizing: border-box;
    border: 3px solid #ebedee
}

.thumbsContainer1 img:nth-child(5n+5) {
    margin-right: 0px
}

#brandlogo {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    z-index: 17
}

.backgroundContainer {
    background: none repeat scroll 0 0 rgba(90,90,90,0.7);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999999
}

.foreground {
    background: none repeat scroll 0 0 white;
    margin: auto;
    min-height: 420px;
    min-width: 320px;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 100
}

.zoomedPicturePopContainer,.mouseTrackAreaPop {
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.mouseTrackAreaPop {
    height: 100%;
    width: 100%;
    z-index: 1700
}

.zoomedPicturePopContainer {
    -webkit-transition: opacity 1s ease-in-out 0s;
    transition: opacity 1s ease-in-out 0s;
    z-index: 1600
}

.zoomedPicturePopContainer div {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1589
}

#zoomedPicturePop {
    height: auto;
    position: relative;
    -webkit-transition: opacity 1s ease-in-out 0s;
    transition: opacity 1s ease-in-out 0s;
    width: auto;
    z-index: 1590;
    max-width: none
}

.pictureDeckPop {
    background: none repeat scroll 0 0 transparent;
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1510
}

.pictureDeckPop img {
    border: medium none;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.opacityTransition {
    -webkit-transition: opacity 0.5s linear 0s;
    transition: opacity 0.5s linear 0s
}

#bottomPicturePop {
    z-index: -1
}

.popTutorial {
    background: none repeat scroll 0 0 rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 500px;
    color: rgba(0,0,0,0.5);
    font-size: 1.8em;
    font-weight: bold;
    left: 25%;
    line-height: 30px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 65%;
    -webkit-transition: opacity 0.5s ease-out 0s;
    transition: opacity 0.5s ease-out 0s;
    width: 50%;
    z-index: 2000
}

.popTutorial div {
    margin: 3% 0
}

.thumbBorder {
    background: none repeat scroll 0 0 red;
    float: left;
    padding: 1px
}

.bottomBar {
    -moz-user-select: none;
    background: none repeat scroll 0 0 transparent;
    bottom: 10px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2000
}

.bottomBar img {
    -moz-user-select: none;
    border: 1px solid #cccccc;
    cursor: pointer;
    height: auto;
    margin: 1.3%;
    max-height: 90px;
    max-width: 90px;
    width: 11%
}

.foreground .button_nav {
    background: none repeat scroll 0 0 rgba(255,255,255,0.4);
    font-size: 30px;
    top: 50%;
    z-index: 3000
}

html.no-touch .foreground .button_nav:hover {
    background: none repeat scroll 0 0 rgba(255,255,255,0.9);
    color: black
}

.foreground .button_nav.button_close {
    background: none repeat scroll 0 0 rgba(90,90,90,0.7);
    color: #d2d2d2;
    right: 5px;
    top: 5px
}

html.no-touch .foreground .button_nav.button_close:hover {
    color: rgba(255,255,255,0.9)
}

.foreground .testOutput {
    background: none repeat scroll 0 0 black;
    color: white;
    font-size: 14px;
    left: 10%;
    position: absolute;
    top: 10px;
    width: 80%;
    z-index: 5000
}

.opacityZero {
    opacity: 0
}

.opacityOne {
    opacity: 100
}

.bgcOpacity {
    background: none repeat scroll 0 0 rgba(90,90,90,0.7);
    opacity: 1
}

.dotsContainer {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0 0 6px 6px;
    height: auto;
    margin: auto;
    overflow: hidden;
    padding: 0 2px;
    width: 30%
}

.dot {
    color: #aaaaaa;
    float: left;
    font-size: 150%;
    margin: 0 4px;
    position: relative
}

.dotSelected {
    color: #000000
}

[data-page="spree-pages-customer_service"] .sd-main-content,[data-page="spree-pages-faq"] .sd-main-content,[data-page="spree-pages-free_shipping"] .sd-main-content,[data-page="spree-pages-safe_shopping"] .sd-main-content {
    margin: 0 auto;
    max-width: 970px
}

.sd-footer-page .sd-main-content {
    margin-top: 40px
}

.sd-footer-page .sd-main-content h2 {
    font-family: "Oswald",sans-serif;
    font-weight: 300;
    letter-spacing: 0.015rem;
    text-transform: uppercase;
    font-size: 1.5rem;
    margin-top: 30px
}

.sd-footer-page .sd-main-content h3 {
    font-family: "Oswald",sans-serif;
    font-weight: 300;
    letter-spacing: 0.015rem;
    text-transform: uppercase;
    font-size: 0.8rem;
    margin-top: 30px
}

.sd-footer-page .sd-main-content ul {
    margin-left: 0
}

.sd-footer-page .sd-main-content ul li {
    font-weight: bold;
    margin: 0;
    padding: 2px 0
}

.sd-footer-page .sd-main-content .sd-page-table {
    display: table;
    border: 1px solid #ddd;
    border-collapse: collapse
}

.sd-footer-page .sd-main-content .sd-page-table>div {
    display: table-row
}

.sd-footer-page .sd-main-content .sd-page-table>div.sd-page-table-head {
    display: table-row;
    font-weight: bold;
    text-align: center
}

.sd-footer-page .sd-main-content .sd-page-table>div>div {
    border-bottom: 1px solid #eee;
    display: table-cell;
    padding: 4px 5px 5px
}

@media only screen and (max-width: 568px) {
    .sd-footer-page .sd-main-content {
        padding:20px 10px
    }

    .sd-footer-page .sd-main-content .sd-page-table {
        border: 1px solid #ddd
    }

    .sd-footer-page .sd-main-content .sd-page-table>div>div {
        font-size: 0.7rem
    }
}

@media screen and (min-width: 569px) and (max-width: 1023px) {
    .sd-footer-page .sd-main-content {
        padding:20px
    }
}

#ouibounce-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999
}

#ouibounce-modal .underlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s
}

#ouibounce-modal .modal {
    z-index: 1;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: popin 0.3s;
    animation: popin 0.3s
}

#ouibounce-modal h3 {
    color: #fff;
    font-size: 1rem;
    margin: 0.2rem;
    text-transform: uppercase;
    font-weight: 500
}

#ouibounce-modal .modal-body {
    font-size: 0.9rem
}

#ouibounce-modal p {
    color: #344a5f
}

#ouibounce-modal form {
    text-align: center
}

#ouibounce-modal form input[type=text] {
    font-size: 1rem;
    width: 100%;
    height: 2.5rem;
    border-radius: 0;
    border: 1px solid #ccc;
    padding: 0 0 0 0.5rem;
    -webkit-font-smoothing: antialiased
}

#ouibounce-modal form p {
    text-align: left;
    margin-left: 35px;
    opacity: 0.8;
    margin-top: 1px;
    padding-top: 1px;
    font-size: 0.9rem
}

#ouibounce-modal .modal-footer {
    margin-top: -4.5rem;
    text-align: center;
    width: 100%
}

#ouibounce-modal .modal-small-text {
    color: #292e31;
    display: block;
    font-size: 0.7rem;
    text-transform: uppercase
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes popin {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    85% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes popin {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    85% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@media only screen and (max-width: 568px) {
    #ouibounce-modal .modal {
        width:310px;
        height: 236px
    }

    #ouibounce-modal .modal-footer {
        margin-top: -2.8rem
    }

    #ouibounce-modal .modal-small-text {
        margin-top: -0.6rem;
        font-size: 0.5rem
    }

    #ouibounce-modal .sd-button-secondary {
        padding: 0.1rem 1rem
    }
}

.sd-paginate-container {
    text-align: center
}

html.no-touch .sd-paginate-container a:hover {
    color: #0b6f91
}

.sd-paginate-container .page {
    margin: 0 0.15rem;
    padding: 0 0.2rem 0 0.3rem
}

.sd-paginate-container .page.current {
    color: #0b6f91;
    border: 1px solid #0b6f91;
    font-weight: 700
}

.sd-paginate-container .prev {
    padding: 0 0.5rem 0 0.6rem
}

.sd-paginate-container .next {
    padding: 0 0.7rem
}

.sd-paginate-container .first,.sd-paginate-container .prev,.sd-paginate-container .next,.sd-paginate-container .last {
    font-family: segoeuib, Arial;
    text-transform: uppercase
}

.sd-paginate-container .first span,.sd-paginate-container .prev span,.sd-paginate-container .next span,.sd-paginate-container .last span {
    font-size: 1rem
}

.sd-divider {
    padding-top: 0.2rem;
    border-top: 1px dashed rgba(0,0,0,0.15);
    font-size: 0.7rem;
    width: 100%;
    text-align: center;
    color: #c8c8c8;
    display: inline-block
}

.sd-product-list-loading {
    display: none;
    font-size: 0.7rem;
    margin-bottom: 0.4rem;
    display: inline-block;
    text-align: center;
    color: #c8c8c8;
    width: 100%
}

.sd-paginate-container.sd-pagination-fixed {
    background-color: #292e31;
    width: 100%;
    z-index: 9999999;
    position: fixed;
    bottom: 0;
    height: 42px;
    padding: 8px;
    margin-left: -1800px;
    width: 4000px
}

.sd-paginate-container.sd-pagination-fixed a,.sd-paginate-container.sd-pagination-fixed .page.gap {
    color: white
}

html.no-touch .sd-paginate-container.sd-pagination-fixed a:hover {
    color: #0f93c0
}

.sd-paginate-container.sd-pagination-fixed .page.current {
    color: #0f93c0;
    border: 1px solid #0f93c0
}

.sd-paginate-container.sd-pagination-fixed .pagination {
    margin-left: auto
}

@media only screen and (min-width: 1024px) {
    .sd-paginate-container {
        margin-top:1rem
    }

    .sd-divider {
        padding-bottom: 1rem
    }

    .sd-product-image {
        position: relative
    }

    .sd-product-list .sd-product-image>a>img {
        width: 163px;
        height: 244px
    }

    .small-block-grid-4 .sd-product-list .sd-product-image>a>img {
        width: 163px;
        height: 244px
    }

    .sd-paginate-container.sd-pagination-fixed {
        background-color: #9dd6d0;
        z-index: 9999999;
        position: fixed;
        bottom: 0;
        height: 42px;
        padding: 8px 0;
        margin: 0;
        width: 100%;
        width: 100vw
    }

    .sd-paginate-container.sd-pagination-fixed a,.sd-paginate-container.sd-pagination-fixed .page.gap {
        color: white
    }

    html.no-touch .sd-paginate-container.sd-pagination-fixed a:hover {
        color: #0f93c0
    }

    .sd-paginate-container.sd-pagination-fixed .page.current {
        color: #0f93c0;
        border: 1px solid #0f93c0
    }

    .sd-paginate-container.sd-pagination-fixed .pagination {
        margin-left: auto
    }
}

@media only screen and (max-width: 1023px) {
    .sd-product-related-title {
        -webkit-align-self:center;
        -ms-flex-item-align: center;
        align-self: center;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        height: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        text-align: center;
        margin-bottom: 20px
    }

    .sd-product-related-title h4 {
        background-color: #ffffff;
        padding: 0 20px;
        display: inline-block;
        margin: auto 1rem 0.6rem;
        text-align: center
    }
}

@media only screen and (max-width: 568px) {
    .sd-product-related-title {
        -webkit-align-self:center;
        -ms-flex-item-align: center;
        align-self: center;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        height: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        text-align: center;
        margin-bottom: 20px
    }

    .sd-product-related-title h4 {
        background-color: #ffffff;
        padding: 0 20px;
        display: inline-block;
        margin: auto 0 0.6rem;
        text-align: center
    }
}

@media only screen and (min-width: 1024px) {
    .sd-product-related-title h4 {
        font-size:0.7rem
    }

    .sd-products-similar img {
        width: 172px;
        height: 260px;
        margin-left: 1px
    }

    .sd-products-similar li {
        width: auto;
        position: relative
    }

    .sd-products-similar .sd-show-more {
        display: none;
        text-align: center
    }

    .sd-products-similar .sd-show-more,.sd-products-similar .sd-show-less {
        font-size: 0.7rem;
        text-align: center
    }

    .sd-products-similar .sd-show-more:before {
        content: '+ '
    }

    .sd-products-similar .sd-show-less:before {
        content: '- '
    }

    .sd-products-similar .sd-tooltip {
        padding: 0 0.8rem 0.6rem 0.9rem;
        right: 100%;
        margin-right: -6px;
        min-width: 13rem
    }

    .sd-products-similar ul li .sd-product-container .sd-product-description .product-price-sale {
        color: #e24d67;
        display: inline-block
    }

    .sd-products-similar ul li .sd-product-container .sd-product-description .product-price-before {
        display: inline-block;
        text-decoration: line-through
    }
}

@media only screen and (m68px) and (orientation: landscape) {
    html.promotion-active .sd-home-page .sd-main-content,html.promotion-active .sd-checkout-page .sd-main-content {
        margin-top:3.9rem
    }
}

@media screen and (max-width: 568px) and (orientation: portrait) {
    html.promotion-active .sd-home-page .sd-main-content,html.promotion-active .sd-checkout-page .sd-main-content {
        margin-top:3.9rem
    }
}

@media only screen and (max-width: 568px) {
    html.promotion-active .sd-main-content {
        margin-top:3rem
    }

    html.promotion-active .sd-product-page .sd-main-content,html.promotion-active .sd-cart-page .sd-main-content {
        margin-top: 4rem
    }

    html.promotion-active .sd-favourites-page .sd-main-content {
        margin-top: 0
    }
}

@media screen and (min-width: 569px) and (max-width: 1023px) {
    html.promotion-active .sd-main-content {
        margin-top:2.8rem
    }

    html.promotion-active .sd-template .sd-main-content {
        margin-top: 5rem
    }

    html.promotion-active .sd-home-page .sd-main-content,html.promotion-active .sd-checkout-page .sd-main-content {
        margin-top: 2.2rem
    }

    html.promotion-active .sd-home-page .sd-main-content .sd-carousel-home,html.promotion-active .sd-checkout-page .sd-main-content .sd-carousel-home {
        top: 1.8rem
    }

    html.promotion-active .sd-product-page .sd-main-content,html.promotion-active .sd-cart-page .sd-main-content {
        margin-top: 4.5rem
    }

    html.promotion-active .sd-favourites-page .sd-main-content {
        margin-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    .sd-main-page .sd-content {
        padding-top:6rem
    }

    html.promotion-active .sd-main-page .sd-content {
        padding-top: 7rem
    }

    html.promotion-active .sd-main-page .sd-content .sd-carousel-home {
        top: 6.1rem
    }

    .sd-main-page .sd-content.sd-checkout-page {
        padding-top: 8rem
    }

    html.promotion-active .sd-main-page .sd-content.sd-checkout-page {
        padding-top: 8rem
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1599px) {
    html:not(.lt-ie9) .sd-home-page .sd-main-content {
        padding-top:2.5rem;
        margin-top: 31vw !important
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .sd-main-page .sd-content {
        padding-top:8rem
    }

    html.promotion-active .sd-main-page .sd-content {
        padding-top: 9rem
    }

    html.promotion-active .sd-main-page .sd-content .sd-carousel-home {
        top: 7.6rem
    }
}

@media only screen and (min-width: 1600px) {
    html:not(.lt-ie9) .sd-home-page .sd-main-content {
        padding-top:2.5rem;
        margin-top: 500px !important
    }
}

.sd-filters li.colour-black.sd-selected,.sd-filters li.colour-noir.sd-selected {
    box-shadow: 0 0 0 2px #FFF inset
}

ul.sd-filter-column.sd-column-1,ul.sd-filter-column.sd-column-2 {
    display: inline-block
}

ul.sd-filter-column.sd-column-1 {
    padding-right: 0.2rem
}

.sd-filters .sd-filter-colour ul li {
    display: inline-block !important;
    cursor: pointer
}

.sd-filters .sd-filter-colour ul li.inactive {
    opacity: 0.1;
    cursor: default
}

.sd-filters .sd-filter-colour ul li.colour-assorted,.sd-filters .sd-filter-colour ul li.colour-assorties,.sd-filters .sd-filter-colour ul li.colour-variado {
    background: -webkit-repeating-linear-gradient(top, #ffa366, #ffa366 45%, #454343 45%, #454343 55%, #99f 55%, #99f);
    background: repeating-linear-gradient(to bottom, #ffa366, #ffa366 45%, #454343 45%, #454343 55%, #99f 55%, #99f)
}

.sd-filters .sd-filter-colour ul li.colour-black,.sd-filters .sd-filter-colour ul li.colour-noir,.sd-filters .sd-filter-colour ul li.colour-preto {
    background: #292e31
}

.sd-filters .sd-filter-colour ul li.colour-blue,.sd-filters .sd-filter-colour ul li.colour-bleu,.sd-filters .sd-filter-colour ul li.colour-azul {
    background: #66c2ff
}

.sd-filters .sd-filter-colour ul li.colour-brown,.sd-filters .sd-filter-colour ul li.colour-marron,.sd-filters .sd-filter-colour ul li.colour-castanho {
    background: #994d4d
}

.sd-filters .sd-filter-colour ul li.colour-camo,.sd-filters .sd-filter-colour ul li.colour-camo,.sd-filters .sd-filter-colour ul li.colour-cinza {
    background: -webkit-repeating-linear-gradient(top, #6f753e, #6f753e 50%, #b2b97a 50%, #b2b97a);
    background: repeating-linear-gradient(to bottom, #6f753e, #6f753e 50%, #b2b97a 50%, #b2b97a)
}

.sd-filters .sd-filter-colour ul li.colour-clear,.sd-filters .sd-filter-colour ul li.colour-transparent,.sd-filters .sd-filter-colour ul li.colour-transparente {
    box-shadow: 0 0 0 1px #cbcbcb inset;
    background: -webkit-repeating-linear-gradient(45deg, transparent, transparent 3px, #e6e6e6 3px, #e6e6e6 6px);
    background: repeating-linear-gradient(45deg, transparent, transparent 3px, #e6e6e6 3px, #e6e6e6 6px)
}

.sd-filters .sd-filter-colour ul li.colour-gold,.sd-filters .sd-filter-colour ul li.colour-doré,.sd-filters .sd-filter-colour ul li.colour-dourado {
    background: #e6ac00
}

.sd-filters .sd-filter-colour ul li.colour-graphite,.sd-filters .sd-filter-colour ul li.colour-gris-graphite,.sd-filters .sd-filter-colour ul li.colour-grafite {
    background: #454343
}

.sd-filters .sd-filter-colour ul li.colour-green,.sd-filters .sd-filter-colour ul li.colour-vert,.sd-filters .sd-filter-colour ul li.colour-verde {
    background: #53b776
}

.sd-filters .sd-filter-colour ul li.colour-grey,.sd-filters .sd-filter-colour ul li.colour-gris,.sd-filters .sd-filter-colour ul li.colour-cinza {
    background: #b3b3b3
}

.sd-filters .sd-filter-colour ul li.colour-multicolour,.sd-filters .sd-filter-colour ul li.colour-multicouleurs,.sd-filters .sd-filter-colour ul li.colour-multicor {
    background: -webkit-repeating-linear-gradient(45deg, #66c2ff, #66c2ff 3px, #ff9edf 3px, #ff9edf 6px, #99f 6px, #99f 9px, #ffd633 9px, #ffd633 12px);
    background: repeating-linear-gradient(45deg, #66c2ff, #66c2ff 3px, #ff9edf 3px, #ff9edf 6px, #99f 6px, #99f 9px, #ffd633 9px, #ffd633 12px)
}

.sd-filters .sd-filter-colour ul li.colour-night,.sd-filters .sd-filter-colour ul li.colour-bleu-nuit,.sd-filters .sd-filter-colour ul li.colour-night {
    background: #35375f
}

.sd-filters .sd-filter-colour ul li.colour-nude,.sd-filters .sd-filter-colour ul li.colour-nude,.sd-filters .sd-filter-colour ul li.colour-nu {
    background: #e7d4b6
}

.sd-filters .sd-filter-colour ul li.colour-olive,.sd-filters .sd-filter-colour ul li.colour-vert-olive,.sd-filters .sd-filter-colour ul li.colour-oliva {
    background: #6f753e
}

.sd-filters .sd-filter-colour ul li.colour-orange,.sd-filters .sd-filter-colour ul li.colour-orange,.sd-filters .sd-filter-colour ul li.colour-laranja {
    background: #ffa366
}

.sd-filters .sd-filter-colour ul li.colour-pink,.sd-filters .sd-filter-colour ul li.colour-rose,.sd-filters .sd-filter-colour ul li.colour-cinza {
    background: #ff9edf
}

.sd-filters .sd-filter-colour ul li.colour-purple,.sd-filters .sd-filter-colour ul li.colour-violet,.sd-filters .sd-filter-colour ul li.colour-roxo {
    background: #9999ff
}

.sd-filters .sd-filter-colour ul li.colour-red,.sd-filters .sd-filter-colour ul li.colour-rouge,.sd-filters .sd-filter-colour ul li.colour-vermelho {
    background: #ff6666
}

.sd-filters .sd-filter-colour ul li.colour-silver,.sd-filters .sd-filter-colour ul li.colour-argenté,.sd-filters .sd-filter-colour ul li.colour-prata {
    background: #dadada
}

.sd-filters .sd-filter-colour ul li.colour-tan,.sd-filters .sd-filter-colour ul li.colour-bronze,.sd-filters .sd-filter-colour ul li.colour-bronzeado {
    background: tan
}

.sd-filters .sd-filter-colour ul li.colour-tape,.sd-filters .sd-filter-colour ul li.colour-tape,.sd-filters .sd-filter-colour ul li.colour-fita {
    background: #8e918e
}

.sd-filters .sd-filter-colour ul li.colour-teal,.sd-filters .sd-filter-colour ul li.colour-bleu-sarcelle,.sd-filters .sd-filter-colour ul li.colour-verde-azulado {
    background: lightseagreen
}

.sd-filters .sd-filter-colour ul li.colour-turquoise,.sd-filters .sd-filter-colour ul li.colour-turquesa {
    background: turquoise
}

.sd-filters .sd-filter-colour ul li.colour-various,.sd-filters .sd-filter-colour ul li.colour-variée,.sd-filters .sd-filter-colour ul li.colour-vários {
    background: -webkit-repeating-linear-gradient(left, #25d0c7, #25d0c7 3px, #98ece8 3px, #98ece8 6px, #ffe066 6px, #ffe066 9px);
    background: repeating-linear-gradient(to right, #25d0c7, #25d0c7 3px, #98ece8 3px, #98ece8 6px, #ffe066 6px, #ffe066 9px)
}

.sd-filters .sd-filter-colour ul li.colour-white,.sd-filters .sd-filter-colour ul li.colour-blanc,.sd-filters .sd-filter-colour ul li.colour-branco {
    background: white
}

.sd-filters .sd-filter-colour ul li.colour-yellow,.sd-filters .sd-filter-colour ul li.colour-jaune,.sd-filters .sd-filter-colour ul li.colour-amarelo {
    background: #ffd633
}

.sd-filters .sd-filter-sale ul>li {
    background: #c70000;
    margin-bottom: 0.3rem;
    cursor: pointer
}

.sd-filters .sd-filter-sale ul>li label {
    color: white;
    font-weight: 700;
    text-transform: uppercase
}

.sd-filters .sd-filter-sale ul>li input[type="checkbox"] {
    display: none
}

html.promotion-active .right-off-canvas-menu-new .sd-filters {
    padding-top: 0
}

.sd-filter-title {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.sd-filter-title.sale {
    color: #c70000
}

.sd-filters .accordion {
    border-top: 1px solid #eeeeee;
    margin: 1rem 0
}

.sd-filters .accordion dd.accordion-navigation>a {
    position: relative;
    border-bottom: 1px solid #eeeeee;
    background: none
}

html.no-touch .sd-filters .accordion dd.accordion-navigation>a:hover {
    background: none
}

.sd-filters .accordion dd.accordion-navigation>a:after {
    display: block;
    content: "+";
    position: absolute;
    width: 2rem;
    line-height: 2rem;
    height: 2rem;
    right: 0;
    top: 0
}

.sd-filters .accordion dd.accordion-navigation.active>a {
    background: none
}

.sd-filters .accordion dd.accordion-navigation.active>a:after {
    content: "-"
}

.sd-filter-mobile {
    display: none
}

@media only screen and (min-width: 1024px) {
    .sd-filters {
        float:left;
        left: 1rem;
        padding-top: 11rem;
        padding-bottom: 4rem;
        position: fixed;
        top: 0;
        width: 210px;
        overflow-y: hidden
    }

    .sd-filters form {
        width: 100%
    }

    .sd-filters .sd-filter-clear {
        color: #a2a2a2;
        font-size: 0.7rem
    }

    .sd-filters .sd-filter-block ul {
        margin-left: 0
    }

    .sd-filters .sd-show-more {
        cursor: pointer;
        display: block;
        font-size: 0.7rem;
        margin-left: 1.25rem;
        margin-top: 0.3rem
    }

    .sd-filters .sd-link-title {
        text-transform: uppercase;
        font-weight: 700;
        line-height: 1.4
    }

    .sd-filters .sd-filter-title {
        text-transform: uppercase;
        font-weight: 700;
        line-height: 1.4;
        margin-bottom: 0.1rem
    }

    .sd-filters .sd-filter-block {
        height: auto;
        margin-bottom: 1rem;
        overflow-y: hidden
    }

    .sd-filters ul {
        margin: 0 0 0 0.8rem;
        list-style: none;
        font-size: 0.75rem;
        line-height: 1.6;
        list-style-position: outside;
        font-family: inherit;
        color: #333;
        font-weight: normal;
        font-style: normal;
        cursor: default
    }

    .sd-filters ul>li {
        min-height: 1rem;
        margin: 0px;
        padding: 0px;
        font-size: 0.75rem;
        line-height: 1.6;
        list-style-position: outside;
        font-family: inherit;
        display: none
    }

    .sd-filters ul>li:nth-child(-n+6) {
        display: block
    }

    .sd-filters .sd-filter-block.sd-show-all ul>li {
        display: block
    }

    .sd-filters ul>li input[type="checkbox"]+label:before {
        width: 0.7rem;
        height: 0.7rem;
        content: "";
        text-transform: uppercase;
        border: 1px solid #b8b8b8;
        visibility: initial;
        line-height: 1rem;
        vertical-align: -5px;
        display: inline-block;
        margin: 0.3rem 0.2rem 0.2rem -1.4rem
    }

    .sd-filters ul>li input[type="checkbox"]:checked+label:before {
        border: 1px solid #656565;
        background-color: #656565
    }

    .sd-filters ul>li input[type="checkbox"] {
        display: inline-block;
        -webkit-appearance: checkbox;
        margin: 0px 0.2rem 0.2rem 0px;
        display: inline-block;
        margin: 0 0.2rem 0.2rem 0;
        height: 1.1rem;
        width: 1.1rem;
        visibility: hidden
    }

    .sd-filters ul li label {
        max-width: 10rem;
        display: inline;
        margin: 0.1rem 0.2rem 0 0 !important;
        font-size: 0.6875rem;
        color: #4d4d4d;
        cursor: pointer;
        font-weight: normal;
        line-height: 1.5
    }

    .sd-filter-colour .sd-filter-title {
        margin-bottom: 0.5rem
    }

    .sd-filter-colour li.colour-white,.sd-filter-colour li.colour-blanc {
        border: 1px solid #e5e5e5
    }

    .sd-filter-colour li.sd-selected {
        box-shadow: 0 0 0 1px #656565
    }

    .sd-filter-colour ul li {
        margin: 0 0.3rem 0.3rem 0;
        height: 1.4rem;
        width: 1.4rem;
        border: 1px solid white
    }

    .sd-filter-colour ul li .sd-tooltip {
        padding: 0 0.1rem 0.1rem 0.3rem;
        margin-left: -1.25rem
    }

    .sd-filter-colour ul li .sd-tooltip:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 1.5rem;
        bottom: -0.3rem;
        border-top: 0.4rem solid #292e31;
        border-right: 0.4rem solid transparent;
        border-left: 0.4rem solid transparent
    }

    .sd-filter-colour li:nth-of-type(1n+7) .sd-tooltip {
        top: 1.65rem
    }

    .sd-filter-colour li:nth-of-type(1n+12) .sd-tooltip {
        top: 3.4rem
    }

    .sd-filter-colour li:nth-of-type(1n+17) .sd-tooltip {
        top: 5.15rem
    }

    .sd-filter-colour li:nth-of-type(1n+22) .sd-tooltip {
        top: 6.9rem
    }

    .sd-filter-colour li label {
        color: white
    }

    .sd-filter-size .sd-filter-clear {
        display: inherit
    }

    .sd-filter-size ul li {
        white-space: nowrap;
        overflow: hidden
    }

    .sd-filter-size .sd-show-more {
        margin-top: -0.3rem
    }

    .sd-filter-sale ul {
        max-height: 100%
    }

    .sd-filter-sale ul li {
        padding: 0.1rem 0.7rem
    }

    .sd-filter-sale li.sd-selected {
        box-shadow: 0 0 0 2px #656565 inset
    }

    html.lt-ie9 .sd-filters .sd-filter-block.sd-filter-colour ul li .sd-tooltip {
        display: none
    }

    .sd-filters .accordion {
        border-top: none
    }

    .sd-filters .accordion dd.accordion-navigation>a {
        cursor: default;
        border-bottom: none
    }

    .sd-filters .accordion dd.accordion-navigation>a:after {
        display: none
    }

    .sd-filters .accordion dd.accordion-navigation>.content {
        display: block !important
    }
}

@media only screen and (max-width: 1023px) {
    .sd-filters div.sd-filter-block:first-of-type {
        border-top:1px dashed rgba(0,0,0,0.15)
    }

    .sd-filters {
        display: none;
        overflow: hidden
    }

    .sd-filters .sd-filter-title,.sd-filters .sd-link-title {
        padding: 0.66667rem 0.66667rem 0.66667rem 1rem;
        display: block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        text-transform: uppercase;
        font-size: 0.8rem;
        color: #eeeeee;
        background: rgba(41,46,49,0.33);
        border-top: 1px solid #636f76;
        padding-right: 2rem;
        position: relative
    }

    .sd-filters .sd-filter-title:after,.sd-filters .sd-link-title:after {
        content: "+";
        font-size: 1.2rem;
        position: absolute;
        top: 50%;
        margin-top: -1rem;
        right: 0;
        display: block;
        height: 2rem;
        line-height: 2rem;
        width: 2rem;
        text-align: center;
        color: white
    }

    .sd-filters .sd-filter-title.sd-bg-active-title:after,.sd-filters .sd-link-title.sd-bg-active-title:after {
        content: "-"
    }

    .sd-filters .sd-filter-block {
        border-bottom: 1px dashed rgba(0,0,0,0.15)
    }

    .sd-filters .sd-filter-block.sd-filter-related-products>ul {
        padding: 0.6rem 0 0.6rem 1rem
    }

    .sd-filters .sd-filter-block.sd-filter-related-products>ul li {
        border-bottom: 1px solid #454d52;
        color: white;
        font-size: .7rem
    }

    .sd-filters .sd-filter-block.sd-filter-related-products>ul li a {
        color: white;
        line-height: 2rem
    }

    .sd-filters .sd-filter-block.sd-filter-related-products>ul li a:focus,html.no-touch .sd-filters .sd-filter-block.sd-filter-related-products>ul li a:hover,.sd-filters .sd-filter-block.sd-filter-related-products>ul li a:active {
        background: rgba(41,46,49,0.2)
    }

    .sd-filters ul.sd-filter-column.sd-column-1,.sd-filters ul.sd-filter-column.sd-column-2 {
        max-width: 49%;
        box-sizing: border-box
    }

    .sd-filters .sd-filter-block>ul {
        width: 100%;
        border-top: 1px dashed rgba(0,0,0,0.15);
        display: none;
        margin: 0;
        padding: 0.15rem 0 1.2rem 1rem
    }

    .sd-filters .sd-filter-block.sd-filter-colour>ul {
        padding: 1rem 0 0.45rem 1rem;
        height: inherit
    }

    .sd-filters .sd-filter-colour ul li {
        margin: 0 0.4rem 0.56rem 0;
        height: 1.7rem;
        min-height: auto;
        width: 1.8rem
    }

    .sd-filters .sd-filter-colour ul {
        margin-left: 0.5rem !important
    }

    .sd-filters .sd-filter-colour li.sd-selected {
        box-shadow: 0 0 0 2px white inset
    }

    .sd-filters .sd-filter-colour li.colour-white.sd-selected,.sd-filters .sd-filter-colour li.colour-blanc.sd-selected {
        box-shadow: 0 0 0 2px #aeaeae inset
    }

    .sd-filters .sd-filter-clear {
        display: none
    }

    .sd-filters .sd-bg-active-title {
        background: none repeat scroll 0 0 rgba(0,0,0,0.1)
    }

    .sd-filters input[type="checkbox"]+label,.sd-filters input[type="radio"]+label {
        border-bottom: 1px solid #454d52;
        color: white;
        font-size: 0.7rem
    }

    .sd-filters input[type="checkbox"]+label a,.sd-filters input[type="radio"]+label a {
        color: white
    }

    .sd-filters input[type="checkbox"]+label a:focus,html.no-touch .sd-filters input[type="checkbox"]+label a:hover,.sd-filters input[type="checkbox"]+label a:active,.sd-filters input[type="radio"]+label a:focus,html.no-touch .sd-filters input[type="radio"]+label a:hover,.sd-filters input[type="radio"]+label a:active {
        background: rgba(41,46,49,0.2)
    }

    .sd-filters .sd-filter-size ul li {
        white-space: nowrap
    }

    .sd-filters .sd-filter-size input[type="checkbox"]+label,.sd-filters .sd-filter-size input[type="radio"]+label {
        max-width: 3.5rem;
        border-bottom: 1px solid #454d52;
        line-height: 1.5;
        color: white
    }

    .sd-filters .sd-filter-size input[type="checkbox"]+label a,.sd-filters .sd-filter-size input[type="radio"]+label a {
        border-bottom: 1px solid #454d52;
        line-height: 1.5;
        color: white
    }

    .sd-filters .sd-filter-size input[type="checkbox"]+label a:focus,html.no-touch .sd-filters .sd-filter-size input[type="checkbox"]+label a:hover,.sd-filters .sd-filter-size input[type="checkbox"]+label a:active,.sd-filters .sd-filter-size input[type="radio"]+label a:focus,html.no-touch .sd-filters .sd-filter-size input[type="radio"]+label a:hover,.sd-filters .sd-filter-size input[type="radio"]+label a:active {
        background: rgba(41,46,49,0.2)
    }

    .sd-filters .sd-filter-sale input[type="checkbox"]+label {
        font-size: 0.8rem;
        border: none
    }

    .sd-filters .sd-filter-sale input[type="checkbox"]+label:before {
        border: 1px solid #454d52
    }

    .sd-filters .sd-filter-sale ul li {
        padding-left: 2.45rem !important;
        margin: 0
    }

    .sd-filters ul>li {
        min-height: 3.4rem;
        padding-top: 1rem
    }

    .sd-filters ul>li a {
        line-height: inherit !important;
        padding-left: 0 !important
    }

    .sd-filters ul>li input[type="checkbox"]+label:before {
        width: 0.75rem;
        height: 0.75rem;
        content: "";
        text-transform: uppercase;
        border: 1px solid #b8b8b8;
        visibility: initial;
        line-height: 1rem;
        vertical-align: -0.2rem;
        display: inline-block;
        margin: 0 5px 2px 0
    }

    .sd-filters ul>li input[type="checkbox"]:checked+label:before {
        border: 1px solid #545454;
        background-color: white
    }

    .sd-filters ul>li input[type="checkbox"] {
        display: none
    }

    .sd-filters .sd-filters ul li label {
        max-width: 10rem;
        display: inline-block;
        margin: 0.1rem 0.2rem 0 0;
        font-size: 0.6875rem;
        cursor: pointer;
        font-weight: normal;
        line-height: 1.5;
        line-height: 1.5;
        color: white
    }

    .sd-filters .sd-filters ul li label a {
        border-bottom: 1px solid #454d52;
        line-height: 1.5;
        color: white
    }

    .sd-filters .sd-filters ul li label a:focus,html.no-touch .sd-filters .sd-filters ul li label a:hover,.sd-filters .sd-filters ul li label a:active {
        background: rgba(41,46,49,0.2)
    }

    .sd-filters .sd-show-more {
        display: none
    }

    .sd-filters .sd-filter-sale ul {
        margin: 0
    }

    .sd-filters {
        display: none
    }

    .sd-filter-size {
        overflow: hidden
    }

    .sd-filters form {
        padding-bottom: 6rem
    }

    .sd-filters {
        display: none
    }

    .sd-filters .sd-filter-title,.sd-filters .sd-link-title {
        font-size: 0.8rem;
        text-transform: uppercase;
        display: block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }

    .sd-filters .sd-filter-block>ul {
        display: none
    }

    .sd-filters .sd-filter-block.sd-filter-colour>ul {
        margin: 0
    }

    .sd-filters .sd-filter-clear {
        display: none
    }

    .sd-filters .sd-bg-active-title {
        background: none repeat scroll 0 0 rgba(0,0,0,0.1)
    }

    .sd-filters .accordion dd.accordion-navigation ul a {
        line-height: 2rem
    }

    .sd-filters .accordion dd.accordion-navigation ul a,.sd-template-sidebar .accordion dd.accordion-navigation ul a {
        line-height: 2rem
    }

    .promotion-active .right-off-canvas-menu-new .sd-filters {
        padding-top: 1.5rem
    }
}

@media only screen and (max-width: 1023px) {
    #sd-off-canvas {
        -webkit-transform:none;
        -ms-transform: none;
        transform: none;
        visibility: hidden;
        width: 15rem;
        max-width: 15rem;
        z-index: 801;
        padding: 0;
        overflow: scroll;
        height: 100%
    }

    #sd-off-canvas .sd-off-canvas-inner {
        position: relative;
        height: auto;
        width: 99%;
        padding-bottom: 40px
    }

    #sd-off-canvas.js-off-on-right ul li a {
        display: inline
    }

    #sd-off-canvas ul {
        font-size: 0.8rem;
        margin: 0;
        padding: 0
    }

    #sd-off-canvas ul li {
        color: white;
        border-bottom: 1px solid #9dd6d0;
        text-transform: uppercase
    }

    #sd-off-canvas ul li a {
        line-height: 3rem;
        padding-left: 1rem;
        display: block;
        color: #FFF
    }

    #sd-off-canvas ul li.submenu>a:after {
        content: "»";
        display: inline-block;
        margin-right: 1rem;
        float: right;
        color: #FFF;
        font-size: 1rem
    }

    #sd-off-canvas ul li.bigtitle {
        background: none repeat scroll 0 0 rgba(42,47,50,0);
        width: 80%;
        border-bottom: medium none;
        border-top: medium none;
        color: #2a2f32;
        display: block;
        font-size: 0.8rem;
        font-weight: bold;
        padding-left: 1rem;
        text-transform: uppercase;
        height: 2rem;
        line-height: 1.8rem;
        margin-top: 0.4rem
    }

    #sd-off-canvas ul li.title {
        background: none repeat scroll 0 0 rgba(42,47,50,0.33);
        border-top: 1px solid #647078;
        color: #ededed;
        font-size: 0.7rem;
        text-align: center;
        margin: 0;
        padding: 0
    }

    #sd-off-canvas ul li.back a {
        padding-left: 1.9rem;
        background: none repeat scroll 0 0 rgba(157,214,208,1)
    }

    #sd-off-canvas ul li.back a:before {
        content: '<';
        position: absolute;
        left: 1rem;
        top: 0
    }

    #sd-off-canvas ul li.search form {
        padding: 0.3rem;
        position: relative
    }

    #sd-off-canvas ul li.search form input {
        background-color: white;
        border: 1px solid #cccccc;
        box-shadow: none;
        box-sizing: border-box;
        color: #FFF;
        display: block;
        font-family: inherit;
        font-size: 0.875rem;
        padding: 0.5rem;
        -webkit-transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
        transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
        height: 2.8rem;
        margin: 0
    }

    #sd-off-canvas ul li.search form button.icon-magnifying-glass {
        background-color: transparent;
        color: #2a2f32;
        cursor: pointer;
        margin: 0;
        padding: 0.8rem 0.6rem 0.9rem;
        position: absolute;
        right: 0.3rem;
        top: 0.3rem;
        -webkit-transition: background-color 300ms ease-out 0s;
        transition: background-color 300ms ease-out 0s
    }

    #sd-off-canvas .sd-filter-colour.sd-leave-alone>ul {
        margin: 0 0 0 0.6rem
    }

    #sd-off-canvas .sd-logout,#sd-off-canvas .sd-my-account {
        display: none
    }

    #sd-off-canvas .sd-login {
        display: block
    }

    .sd-area-filter {
        bottom: 0rem;
        background: #40484d;
        display: inline-block;
        height: 7rem;
        line-height: 4.5rem;
        position: fixed;
        width: 240px;
        z-index: 999999;
        vertical-align: middle;
        padding: 0.95rem 0 1rem;
        right: 0
    }

    .sd-apply-filter {
        bottom: 0;
        display: inline-block;
        height: 2.4rem;
        left: 50%;
        margin-left: -6.5rem;
        position: absolute;
        width: 13rem
    }

    .sd-clear-filter {
        float: left;
        position: relative;
        bottom: 0.9rem;
        margin: 0.5rem 1rem;
        line-height: 1.2;
        letter-spacing: 0.05rem;
        width: 13rem
    }

    body.js-filter-active .sd-area-filter {
        position: fixed;
        bottom: 0;
        display: block;
        z-index: 10000010
    }

    body .sd-area-filter {
        display: none
    }

    .sd-close-off-canvas {
        background: white;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 3000px;
        position: fixed;
        z-index: 999999;
        opacity: 0.8;
        z-index: 701
    }

    html .exit-off-canvas {
        visibility: hidden;
        z-index: 999999;
        -webkit-animation-name: fadeout;
        animation-name: fadeout;
        -webkit-animation-duration: 600ms;
        animation-duration: 600ms
    }

    html.sd-overlay-active .exit-off-canvas {
        visibility: visible;
        opacity: 0.8;
        -webkit-animation-name: fadein;
        animation-name: fadein;
        -webkit-animation-duration: 600ms;
        animation-duration: 600ms
    }

    @-webkit-keyframes fadein {
        from {
            opacity: 0
        }

        to {
            opacity: 0.8
        }
    }

    @keyframes fadein {
        from {
            opacity: 0
        }

        to {
            opacity: 0.8
        }
    }

    @-webkit-keyframes fadeout {
        from {
            opacity: 0.8
        }

        to {
            opacity: 0
        }
    }

    @keyframes fadeout {
        from {
            opacity: 0.8
        }

        to {
            opacity: 0
        }
    }

    .move-right>.inner-wrap {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.sd-notifications {
    padding: 0 1rem;
    font-family: segoeuib, Arial;
    font-size: 0.75rem;
    line-height: 2rem;
    font-weight: 100;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    color: white;
    left: 0;
    display: none;
    z-index: 100
}

.sd-notifications a {
    color: white
}

.sd-notifications .sd-notifications-button {
    cursor: pointer;
    display: inline-block;
    margin-left: 0.7rem;
    text-decoration: underline
}

.promotion-active .sd-notifications {
    display: block
}

.modal .modal-title .sd-close-promo-modal {
    color: white;
    font-size: 1.4rem;
    position: absolute;
    right: 0.4rem;
    top: 0.4rem;
    cursor: pointer
}

@media only screen and (max-width: 1023px) {
    .sd-notifications .sd-notifications-button {
        float:right;
        margin-right: 0rem
    }

    .promotion-active .sd-utility-nav {
        top: 3rem
    }

    .promotion-active .sd-logo-mobile {
        top: 3.5rem
    }

    .promotion-active .left-off-canvas-menu-new,.promotion-active .sd-cart-popup,.promotion-active .sd-preview-popup {
        color: white
    }

    .promotion-active .left-off-canvas-menu-new a .sd-product-image,.promotion-active .sd-cart-popup a .sd-product-image,.promotion-active .sd-preview-popup a .sd-product-image {
        border: none
    }

    .promotion-active .left-off-canvas-menu-new h1,.promotion-active .left-off-canvas-menu-new h2,.promotion-active .left-off-canvas-menu-new h3,.promotion-active .left-off-canvas-menu-new h4,.promotion-active .left-off-canvas-menu-new p,.promotion-active .left-off-canvas-menu-new .sd-product-description *,.promotion-active .sd-cart-popup h1,.promotion-active .sd-cart-popup h2,.promotion-active .sd-cart-popup h3,.promotion-active .sd-cart-popup h4,.promotion-active .sd-cart-popup p,.promotion-active .sd-cart-popup .sd-product-description *,.promotion-active .sd-preview-popup h1,.promotion-active .sd-preview-popup h2,.promotion-active .sd-preview-popup h3,.promotion-active .sd-preview-popup h4,.promotion-active .sd-preview-popup p,.promotion-active .sd-preview-popup .sd-product-description * {
        color: white
    }

    .promotion-active .sd-order-show-page h1 {
        margin-top: 4.7rem
    }
}

@media only screen and (max-width: 568px) {
    .sd-notifications .sd-notifications-message {
        display:none
    }
}

@media screen and (min-width: 569px) and (max-width: 1023px) {
    #ouibounce-modal .modal {
        width:600px;
        height: 394px
    }
}

@media only screen and (min-width: 1024px) {
    #ouibounce-modal .modal {
        width:600px;
        height: 394px
    }

    body.header-docked .sd-header .sd-notifications {
        overflow: hidden;
        height: 0
    }
}

.sd-home-page h1 {
    position: absolute;
    text-align: center
}

.sd-home-page .sd-description h4 {
    font-family: segoeuib, Arial;
    text-transform: none;
    font-weight: 300
}

.sd-home-page .sd-description h4 span {
    font-weight: bold
}

.sd-home-page .sd-description h4 span:first-of-type {
    display: block
}

@media only screen and (max-width: 1023px) {
    .sd-home-page {
        padding-bottom:3rem
    }

    .sd-home-page .sd-main-content {
        margin-top: 1.3rem;
        padding-bottom: 0.5rem
    }

    .sd-home-page .sd-main-content>:last-child {
        margin-bottom: 0.5rem
    }

    .sd-home-page .sd-main-content h1 {
        width: 100%;
        position: relative;
        white-space: normal;
        text-align: center
    }

    .sd-home-page .sd-main-content .sd-carousel-home {
        width: 100%;
        position: relative
    }

    .sd-home-page .sd-main-content .sd-carousel-home .sd-carousel-caption.sd-centred .sd-button-secondary {
        margin-top: 0.6rem
    }

    .sd-home-page .sd-main-content .sd-carousel-home .sd-carousel-caption.sd-centred h4 {
        margin-bottom: 0
    }

    .sd-home-page .sd-main-content .sd-carousel-home ul {
        height: 12rem;
        width: 1600px;
        margin: 0;
        white-space: nowrap
    }

    .sd-home-page .sd-main-content .sd-carousel-home ul li {
        float: left;
        display: inline-block;
        width: 20%;
        overflow: hidden
    }

    .sd-home-page .sd-main-content .sd-carousel-home ul li ul li img {
        height: 12rem;
        min-width: 32rem;
        margin-left: -6rem
    }
}

@media only screen and (max-width: 568px) {
    .sd-home-page h1 {
        position:relative;
        top: 0.5rem;
        margin: 0 0 0.2rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        display: block
    }

    .sd-home-page .sd-description {
        margin-bottom: 0.1rem
    }

    .sd-home-page .sd-description h4 {
        margin: 0.3rem 0 0.7rem;
        font-size: 0.8rem
    }

    .sd-home-page .sd-description h4 span {
        line-height: 1
    }

    .sd-home-page .sd-carousel-home h2 {
        font-size: 1.3rem;
        line-height: 1.4rem;
        width: 10rem
    }

    .sd-home-page .sd-carousel-home h3 {
        font-size: 1rem;
        margin-bottom: 0.4rem
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .sd-home-page h1 {
        top:1rem
    }

    .sd-home-page .sd-description h4 {
        margin-top: 2rem
    }

    .sd-carousel-home h3 {
        font-size: 2.7rem;
        margin-top: 4rem
    }
}

@media screen and (min-width: 569px) and (max-width: 1023px) {
    .sd-home-page h1 {
        margin:0 0 3.4rem;
        font-size: 1.6rem;
        position: relative;
        top: 7rem
    }

    .sd-home-page .sd-description {
        margin-top: 7.5rem;
        margin-bottom: 3rem
    }

    .sd-home-page .sd-description h4 {
        margin-top: 0;
        font-size: 1rem
    }

    .sd-home-page .sd-description h4 span {
        line-height: 1.8rem
    }

    .sd-home-page .sd-carousel-home h2 {
        width: 10rem;
        line-height: 2.5rem
    }

    .sd-home-page .sd-carousel-home h3 {
        margin-top: 1rem;
        font-size: 2.3rem
    }
}

@media only screen and (min-width: 1600px) {
    .sd-home-page .sd-main-content {
        display:block;
        margin-top: 0
    }

    html:not(.lt-ie9) .sd-home-page .sd-main-content {
        display: block;
        margin-top: 32rem
    }
}

@media only screen and (min-width: 1024px) {
    .sd-home-page .sd-main-content {
        display:block
    }

    .sd-home-page .sd-main-content h1 {
        margin: 0 auto;
        position: relative;
        width: 76%;
        font-size: 2.5rem
    }

    .sd-home-page .sd-main-content .sd-description {
        margin-bottom: 2.1rem
    }

    .sd-home-page .sd-main-content .sd-description h4 {
        font-size: 1.2rem !important;
        margin-bottom: 1.3rem
    }

    .sd-home-page .sd-main-content .sd-description h4 span {
        font-size: 1.2rem !important
    }
}

html[data-default-currency=GBP]:not([data-selected-currency=GBP]) .sd-product-price span {
    display: none
}

html[data-default-currency=EUR]:not([data-selected-currency=EUR]) .sd-product-price span {
    display: none
}

html[data-default-currency=AUD]:not([data-selected-currency=AUD]) .sd-product-price span {
    display: none
}

html[data-default-currency=USD]:not([data-selected-currency=USD]) .sd-product-price span {
    display: none
}

html[data-default-currency=RUB]:not([data-selected-currency=RUB]) .sd-product-price span {
    display: none
}

html[data-default-currency=DKK]:not([data-selected-currency=DKK]) .sd-product-price span {
    display: none
}

html[data-default-currency=SEK]:not([data-selected-currency=SEK]) .sd-product-price span {
    display: none
}

html[data-default-currency=NOK]:not([data-selected-currency=NOK]) .sd-product-price span {
    display: none
}

html[data-selected-currency=GBP]:not([data-default-currency=GBP]) .sd-product-price:after {
    content: attr(data-price-GBP)
}

html[data-selected-currency=EUR]:not([data-default-currency=EUR]) .sd-product-price:after {
    content: attr(data-price-EUR)
}

html[data-selected-currency=AUD]:not([data-default-currency=AUD]) .sd-product-price:after {
    content: attr(data-price-AUD)
}

html[data-selected-currency=USD]:not([data-default-currency=USD]) .sd-product-price:after {
    content: attr(data-price-USD)
}

html[data-selected-currency=RUB]:not([data-default-currency=RUB]) .sd-product-price:after {
    content: attr(data-price-RUB)
}

html[data-selected-currency=DKK]:not([data-default-currency=DKK]) .sd-product-price:after {
    content: attr(data-price-DKK)
}

html[data-selected-currency=SEK]:not([data-default-currency=SEK]) .sd-product-price:after {
    content: attr(data-price-SEK)
}

html[data-selected-currency=NOK]:not([data-default-currency=NOK]) .sd-product-price:after {
    content: attr(data-price-NOK)
}

html:not([data-selected-currency=GBP]) .price-GBP {
    display: none
}

html:not([data-selected-currency=EUR]) .price-EUR {
    display: none
}

html:not([data-selected-currency=AUD]) .price-AUD {
    display: none
}

html:not([data-selected-currency=USD]) .price-USD {
    display: none
}

html:not([data-selected-currency=RUB]) .price-RUB {
    display: none
}

html:not([data-selected-currency=DKK]) .price-DKK {
    display: none
}

html:not([data-selected-currency=SEK]) .price-SEK {
    display: none
}

html:not([data-selected-currency=NOK]) .price-NOK {
    display: none
}

html[data-selected-currency=GBP] .price-GBP {
    display: block
}

html[data-selected-currency=EUR] .price-EUR {
    display: block
}

html[data-selected-currency=AUD] .price-AUD {
    display: block
}

html[data-selected-currency=USD] .price-USD {
    display: block
}

html[data-selected-currency=RUB] .price-RUB {
    display: block
}

html[data-selected-currency=DKK] .price-DKK {
    display: block
}

html[data-selected-currency=SEK] .price-SEK {
    display: block
}

html[data-selected-currency=NOK] .price-NOK {
    display: block
}

@media only screen and (max-width: 1023px) {
    .currency-flags {
        display:none
    }
}

@media only screen and (min-width: 1024px) {
    .currency-flags {
        padding-right:1rem;
        padding-top: 4px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 610
    }

    .currency-flags .active-currency {
        font-size: 0.75rem;
        cursor: pointer
    }

    .currency-flags .active-currency img {
        padding-bottom: 2px;
        height: 19px;
        width: 19px
    }

    .currency-flags .active-currency span.sd-live-currency {
        margin-left: 0.15rem;
        color: white
    }

    .currency-flags .active-currency:after {
        content: '';
        display: inline-block;
        margin-left: 0.3rem;
        width: 0;
        height: 0;
        position: relative;
        right: 0;
        bottom: 0.1rem;
        border-top: 0.3rem solid white;
        border-right: 0.3rem solid transparent;
        border-left: 0.3rem solid transparent
    }

    .currency-flags .currency-dropdown {
        margin: 0;
        position: absolute;
        right: 1rem;
        border: 1px solid #d4d4d4;
        width: 203px;
        display: none;
        color: #292e31;
        background-color: white;
        text-align: left
    }

    .currency-flags .currency-dropdown .currency-dropdown-currency {
        padding-bottom: 0.8rem
    }

    .currency-flags .currency-dropdown .currency-dropdown-stores {
        padding-bottom: 0.8rem
    }

    .currency-flags .currency-dropdown .currency-dropdown-title {
        background-color: #F6F6F6;
        display: block;
        font-size: 0.6rem;
        margin-bottom: 0.8rem;
        text-align: center;
        text-transform: uppercase
    }

    .currency-flags .currency-dropdown select {
        margin: 0 0 0 0.65rem;
        width: 11.3rem;
        font-size: 0.75rem
    }

    .currency-flags .currency-dropdown ul {
        margin: 0
    }

    .currency-flags .currency-dropdown li a {
        display: block;
        font-size: 0.75rem;
        margin: 0rem;
        padding: 0.3rem 0.4rem;
        text-align: left
    }

    .currency-flags .currency-dropdown li a img {
        margin-top: -3px;
        padding-right: 0.3rem;
        height: 19px;
        width: 24px
    }

    html.no-touch .currency-flags .currency-dropdown li:hover {
        background-color: #EEEEEE
    }

    .currency-flags .currency-dropdown.active {
        display: block;
        z-index: 610
    }
}

.cart-title {
    margin: 0
}

.cart-title .cart-subtitle {
    color: #909090;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.015rem;
    text-align: center;
    text-transform: uppercase;
    width: auto
}

.sd-cart-progress {
    position: absolute;
    top: -6rem
}

.sd-cart-progress .sd-line {
    position: relative;
    border-top: 1px solid #909090;
    width: 100%
}

.sd-cart-progress .sd-line .sd-step-circle {
    position: absolute;
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #909090;
    border-radius: 100%;
    display: inline-block;
    height: 16px;
    width: 16px;
    top: -8px
}

.sd-cart-progress .sd-line .sd-step-active {
    background: #909090 none repeat scroll 0 0;
    color: #ffffff
}

.sd-cart-progress .sd-line .sd-step-name {
    position: absolute;
    top: 1rem;
    background: white none repeat scroll 0 0;
    border-radius: 5px;
    color: #909090;
    display: block;
    font-size: 0.75rem;
    line-height: 0.9rem;
    letter-spacing: 0.015rem;
    text-transform: uppercase;
    margin-right: 0;
    margin-top: 5px;
    padding: 1rem 0.5rem;
    width: 8rem
}

.sd-cart-progress .sd-line .sd-sect {
    position: absolute;
    width: 20%;
    margin-left: -10%;
    background-color: darkgreen
}

.sd-cart-progress .sd-line .sd-sect .sd-step-circle {
    margin-left: -12px
}

.sd-cart-progress .sd-line .sd-sect .sd-step-name {
    margin-left: -10%
}

.sd-cart-progress .sd-line .sd-cart-progress-left {
    left: 0
}

.sd-cart-progress .sd-line .sd-cart-progress-middle {
    left: 50%
}

.sd-cart-progress .sd-line .sd-cart-progress-right {
    left: 100%
}

.sd-cart-progress .sd-line .sd-step-active .sd-step-circle,.sd-cart-progress .sd-line .sd-step-active .sd-step-name {
    background: #909090 none repeat scroll 0 0;
    color: #ffffff
}

.cart-progress-wrapper {
    height: 60px;
    margin: 0 auto 15px;
    width: 100%;
    color: #5b5b5b
}

.cart-progress-bar {
    font-size: 16px;
    margin: 0 auto;
    text-align: center
}

.step-container {
    float: left;
    width: 21%
}

.step-line {
    background: #909090 none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 1px;
    margin: 10px -10px 8px -6px;
    width: 100px
}

.left-position.clear-line {
    background: rgba(255,255,255,0.1) none repeat scroll 0 0;
    visibility: hidden
}

.left-position {
    float: none;
    width: 50% !important
}

.step-line {
    background: #909090 none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 1px;
    margin: 10px -10px 8px -6px;
    width: 100px
}

.step-active,.step-circle.step-active {
    background: #909090 none repeat scroll 0 0;
    color: #ffffff
}

.step-circle {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #909090;
    border-radius: 50px;
    display: inline-block;
    height: 15px;
    width: 15px
}

.step-active,.step-circle.step-active {
    background: #909090 none repeat scroll 0 0;
    color: #ffffff
}

.step-active,.step-circle.step-active {
    background: #909090 none repeat scroll 0 0;
    color: #ffffff
}

.step {
    background: white none repeat scroll 0 0;
    border-radius: 5px;
    color: #909090;
    display: block;
    font-size: 14px;
    margin-right: 0;
    margin-top: 5px;
    padding: 10px
}

.sd-checkout-logos {
    position: absolute;
    text-align: center
}

.sd-checkout-header {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1.65rem;
    text-align: center
}

.sd-checkout-header ul {
    margin: 0;
    height: 1.65rem;
    list-style-type: decimal;
    list-style-position: inside;
    text-transform: uppercase
}

.sd-checkout-header ul li {
    float: left;
    width: 25%;
    padding: 0.26rem 0 0.35rem;
    text-transform: uppercase;
    font-family: segoeuib, Arial;
    letter-spacing: 0.03rem;
    font-size: 0.8rem;
    color: #d4d4d4
}

.sd-checkout-header ul li a {
    cursor: default;
    color: #d4d4d4
}

.sd-checkout-header ul li.active a {
    color: #292e31;
    font-weight: 700
}

.sd-checkout-header ul li.completed {
    font-family: segoeuib, Arial
}

.sd-checkout-header ul li.completed a {
    font-family: segoeuib, Arial;
    color: #0f93c0;
    cursor: pointer
}

html.no-touch .sd-checkout-header ul li.completed a:hover {
    color: #39b3d7
}

@media only screen and (max-width: 1023px) {
    .sd-checkout-logos {
        background:white;
        z-index: 20
    }

    .sd-checkout-header {
        z-index: 500
    }

    [data-page="spree-checkout-edit"] .sd-checkout-logos,[data-page="spree-checkout-registration"] .sd-checkout-logos,[data-page="spree-checkout-update"] .sd-checkout-logos {
        top: 0.6rem
    }

    [data-page="spree-checkout-edit"] .sd-checkout-logos .sd-checkout-logo,[data-page="spree-checkout-registration"] .sd-checkout-logos .sd-checkout-logo,[data-page="spree-checkout-update"] .sd-checkout-logos .sd-checkout-logo {
        display: block;
        max-width: 40%;
        text-align: left
    }

    [data-page="spree-checkout-edit"] .sd-checkout-logos .sd-checkout-logo img,[data-page="spree-checkout-registration"] .sd-checkout-logos .sd-checkout-logo img,[data-page="spree-checkout-update"] .sd-checkout-logos .sd-checkout-logo img {
        width: 148px;
        height: 50px
    }
}

@media only screen and (max-width: 568px) {
    .sd-checkout-logos {
        top:0;
        left: 50%;
        margin-left: -48%;
        padding-bottom: 2rem
    }

    .sd-checkout-page .sd-checkout-header {
        margin-top: 1.5rem
    }

    .sd-checkout-page .sd-checkout-header .sd-cart-progress {
        top: 0rem
    }

    .sd-checkout-page .sd-checkout-header .sd-checkout-header {
        margin-top: 2rem
    }

    .sd-checkout-page .sd-checkout-header .sd-cart-progress .sd-line .sd-sect {
        margin-left: -3%;
        position: absolute;
        width: 6%
    }

    .sd-checkout-page .sd-checkout-header .sd-cart-progress .sd-line .sd-step-name {
        border-radius: 5px;
        font-size: 0.65rem;
        margin-left: -1.5rem;
        padding: 0.3rem 0.1rem;
        position: absolute;
        top: 1rem;
        width: 4rem
    }

    .sd-checkout-page .sd-checkout-header .cart-title {
        margin-left: -4rem
    }

    .sd-checkout-page #checkout {
        margin-top: 6rem
    }

    [data-page="spree-checkout-edit"] .sd-checkout-logos,[data-page="spree-checkout-registration"] .sd-checkout-logos,[data-page="spree-checkout-update"] .sd-checkout-logos {
        top: 0
    }
}

@media screen and (min-width: 569px) and (max-width: 1023px) {
    .sd-checkout-logos {
        top:0.6rem
    }

    .sd-checkout-logos .sd-payment-logos {
        margin-top: 0.5rem
    }

    .sd-checkout-header {
        margin-top: 3.5rem
    }

    [data-page="spree-checkout-edit"] .sd-checkout-logos,[data-page="spree-checkout-registration"] .sd-checkout-logos,[data-page="spree-checkout-update"] .sd-checkout-logos {
        left: 1rem
    }
}

@media only screen and (min-width: 1024px) {
    .sd-checkout-logos {
        padding:0.1rem 1.2rem 0;
        max-width: 100%
    }

    .sd-checkout-logos .sd-checkout-logo {
        display: inline-block;
        margin-top: 0.2rem;
        top: 0.2rem;
        width: 10rem;
        height: 3.65rem
    }

    .sd-checkout-logos .sd-checkout-logo img {
        height: 50px;
        width: 148px
    }

    .sd-checkout-logos .sd-payment-logos {
        margin-top: 0.5rem
    }

    .sd-checkout-header {
        margin-top: 0
    }

    .sd-checkout-header .sd-cart-progress {
        position: absolute;
        top: -2rem;
        width: 80%;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .sd-checkout-header .cart-title {
        top: 4rem
    }
}

.sd-product-list-page .sd-product-list-header-brand {
    text-align: center
}

.sd-product-list-page .sd-product-list-header-brand .sd-brand-logo img {
    max-width: 240px;
    max-height: 150px
}

.sd-category-listing .sd-sort-nav .sd-icon-bar .item>a>span {
    color: #dfdfdf
}

html.no-touch .sd-category-listing .sd-sort-nav .sd-icon-bar .item:hover>a>span {
    color: #999999
}

.sd-category-listing .sd-sort-nav .sd-icon-bar .item.active>a>span,.sd-category-listing .sd-sort-nav .sd-icon-bar .item.active.hover>a>span {
    color: #292e31
}

.sd-product-list>ul>li {
    float: left;
    width: 180px;
    padding: 7px;
    list-style: none;
    border-radius: 5px;
    overflow: hidden
}

html.no-touch .sd-product-list>ul>li:hover {
    background: #f3f3f3;
    z-index: 1000000;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1)
}

.sd-product-list .sd-product-description h4 {
    font-weight: 700;
    margin-top: 0.4rem
}

.sd-product-list .product div:first-child {
    display: block
}

.sd-product-list .sd-product-list-sizes {
    visibility: hidden
}

ul.sd-first-page li:first-child .content-preview .sd-prev-view,ul.sd-last-page li:last-child .content-preview .sd-prev-view {
    display: none;
    opacity: 0
}

.sd-product-list .sd-click-preview {
    opacity: 1;
    display: none;
    box-sizing: border-box;
    font-size: 1.2rem;
    line-height: 2rem;
    position: absolute;
    top: auto;
    bottom: 0;
    width: 3rem;
    left: 0;
    right: 0;
    cursor: pointer;
    height: 3rem;
    padding: .5rem 1rem;
    color: white;
    background: rgba(221,16,84,0.9);
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.sd-product-list .sd-click-preview:before {
    line-height: 2rem;
    vertical-align: middle
}

.sd-product-list .sd-click-preview span {
    font-family: segoeuib, Arial;
    text-transform: uppercase;
    letter-spacing: .075rem;
    display: inline-block;
    font-size: .8rem;
    margin-left: .75rem;
    line-height: 2rem;
    vertical-align: middle
}

html.no-touch .sd-product-list .sd-click-preview:hover {
    background: #dd1054
}

html.lt-ie9 .sd-product-list .sd-click-preview {
    display: none !important
}

html.no-touch .sd-product-list>ul>li:hover .sd-click-preview {
    display: block
}

.sd-product-list .sd-favourites-btn {
    position: absolute;
    top: 5px;
    right: 5px
}

.sd-product-list .sd-favourites-btn a {
    display: none;
    border-radius: 5px;
    padding: 0.24rem 0.3rem 0.05rem;
    background: white;
    border: 1px solid white
}

.sd-product-list .sd-favourites-btn span {
    display: none
}

.sd-product-list .sd-favourites-btn i {
    font-size: 1.2rem;
    color: #ffa366
}

.sd-product-list .sd-favourites-btn.saved a {
    display: block;
    background: none;
    border: 1px solid white
}

.sd-product-list .sd-favourites-btn.saved a:after {
    display: none;
    background: none transparent
}

html.no-touch .sd-product-list>ul>li:hover .sd-favourites-btn a {
    display: block
}

html.no-touch .sd-product-list>ul>li:hover .sd-product-list-sizes {
    visibility: visible
}

html.no-touch .sd-product-list>ul>li:hover .sd-product-list-teaser {
    display: none
}

@media only screen and (max-width: 1023px) {
    .sd-main-content>section>article.sd-category-listing .sd-sort-nav {
        position:relative;
        background: white;
        color: white;
        height: 2.5rem;
        line-height: 2.5rem;
        vertical-align: middle;
        z-index: 9
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar .item.active>a>span,.sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar .item.active.hover>a>span {
        color: #292e31
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar .icon-bar .item a {
        padding: 0
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-button-refine {
        float: right
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-sort {
        padding-right: 1rem;
        float: right
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-sort-results {
        color:
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list {
        clear: both;
        margin-top: 0.4rem
    }

    .sd-product-list-page li>div>.button-group {
        left: 50%;
        margin-left: -8rem
    }

    .no-products-found {
        margin-top: 2rem;
        text-align: center;
        font-size: 0.9rem
    }
}

@media only screen and (max-width: 568px) and (orientation: landscape) {
    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul>li {
        width:260px;
        height: 370px
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul>li:nth-child(2n) {
        padding-right: 0
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul>li .sd-product-image a:after {
        display: none
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul>li .sd-product-image a img {
        width: 163px;
        height: 260px;
        max-height: 260px
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2>ul>li {
        width: 180px;
        height: 315px
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2>ul>li:nth-child(3n) {
        padding-right: 0
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2>ul>li .sd-product-image a:after {
        display: none
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2>ul>li .sd-product-image a img {
        width: 163px;
        height: 244px;
        max-height: 244px
    }
}

@media screen and (max-width: 568px) and (orientation: portrait) {
    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul>li {
        width:200px;
        height: 400px
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul>li .sd-product-image a:after {
        display: none
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul>li .sd-product-image a img {
        width: 163px;
        height: 244px;
        max-height: 244px
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2>ul>li {
        width: 143px;
        height: 315px
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2>ul>li .sd-product-image a:after {
        display: none
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2>ul>li .sd-product-image a img {
        width: 163px;
        height: 244px;
        max-height: 244px
    }
}

@media only screen and (max-width: 568px) {
    .sd-main-content>section>article.sd-category-listing .sd-sort-nav {
        padding:0 0.8rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar {
        line-height: 2.6
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar .item {
        padding: 0 0.8rem 0.5rem 0.5rem;
        font-size: 1.1rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar .item:first-child {
        margin-left: -0.4rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-sort {
        max-width: 8rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-sort-results {
        float: left;
        clear: both;
        line-height: 0;
        margin-bottom: 1rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-button-refine {
        max-width: 7rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list .sd-product-description h4 {
        margin-bottom: 0
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list .sd-product-options {
        left: 0.4rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul {
        text-align: center;
        margin: 0
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul:after {
        content: "";
        display: block;
        height: 0;
        clear: both
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul>li {
        text-align: left;
        display: inline-block;
        float: none;
        vertical-align: top
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2 {
        text-align: center
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2>ul {
        text-align: center;
        margin-left: 0
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2>ul>li {
        text-align: left;
        display: inline-block;
        vertical-align: top;
        float: none
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2>ul>li .sd-product-description .sd-product-price-discount {
        display: none
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list>ul>li.sd-dummy-orphanescape {
        height: 0;
        padding: 0;
        line-height: 0
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list h4 {
        font-size: 0.8rem
    }
}

@media screen and (min-width: 569px) and (max-width: 1023px) {
    .sd-main-content>section>article.sd-category-description .sd-description {
        padding:0 1.2rem
    }

    .sd-main-content>section>article.sd-category-description .sd-description p {
        margin: 0 auto 1rem;
        font-size: 0.9rem;
        line-height: 1.4rem;
        text-align: justify
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav {
        padding: 0 1.2rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar .item {
        padding: 0 0.8rem 0.5rem 0.5rem;
        font-size: 1.3rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar .item:first-child {
        margin-left: -0.4rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-sort-results {
        display: inline-block;
        margin-left: 1rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list h4 {
        margin: 0.7rem 0 0.2rem;
        line-height: 0.9rem;
        font-size: 0.9rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list .sd-product-description a {
        margin-bottom: 0.1rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list .sd-product-description .sd-small-caps a {
        font-size: 0.75rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul {
        text-align: center;
        margin: 0
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul:after {
        content: "";
        display: block;
        height: 0;
        clear: both
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul>li {
        text-align: left;
        display: inline-block;
        width: 356px;
        height: 480px;
        float: none;
        vertical-align: top
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul>li .sd-product-image a:after {
        display: none
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list:not(.small-block-grid-2)>ul>li .sd-product-image a img {
        width: 163px;
        height: 244px;
        max-height: 244px
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2 {
        text-align: center
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2>ul>li {
        text-align: left;
        width: 244px;
        height: 370px
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-2>ul>li .sd-product-image img {
        width: 244px;
        height: 244px;
        max-height: 244px
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list>ul>li.sd-dummy-orphanescape {
        height: 0;
        padding: 0;
        line-height: 0
    }
}

@media only screen and (min-width: 1024px) {
    .sd-product-list-page .sd-main-content {
        padding-left:1.2rem;
        padding-right: 1.2rem
    }

    .sd-content.sd-product-list-page.ng-scope {
        padding-left: 0;
        padding-right: 0
    }

    .sd-product-list {
        margin-top: 1rem
    }

    .sd-product-description {
        margin-bottom: 0.2rem
    }

    .sd-product-description h4 {
        margin-bottom: 0.09rem
    }

    .sd-main-content>section {
        margin: 0 auto;
        max-width: 1745px
    }

    .sd-main-content>section:after {
        content: "";
        display: block;
        height: 0;
        clear: both
    }

    .sd-main-content>section>article.sd-category-description {
        margin-left: 205px
    }

    .sd-main-content>section>article.sd-category-description>h1,.sd-main-content>section>article.sd-category-description>.sd-description {
        margin-right: auto;
        margin-left: auto;
        max-width: 728px;
        text-align: center
    }

    .sd-main-content>section>article.sd-category-description>.sd-description {
        margin-bottom: 2rem
    }

    .sd-main-content>section>article.sd-category-description>.sd-description p {
        text-align: center
    }

    .sd-main-content>section>article.sd-category-listing {
        margin-left: 205px
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav {
        width: 100%;
        height: 2rem;
        border-bottom: 1px solid #f4f4f4
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-sort-results {
        display: inline-block;
        margin-left: 1rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-sort-by {
        margin-right: 0.5rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-sort {
        float: right;
        padding-right: 0;
        margin-top: -0.3rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-sort select {
        width: 15.5rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .icon-stop-three,.sd-main-content>section>article.sd-category-listing .sd-sort-nav .icon-stop-four {
        font-size: 3.5rem;
        line-height: 1.15
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-menu-icon {
        display: none
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .icon-stop3 {
        display: none
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar .item {
        margin-right: 0.8rem;
        font-size: 1rem;
        line-height: 1.4;
        vertical-align: middle
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar .item>a>span {
        color: #dfdfdf
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar .item:last-child {
        border-right: none
    }

    html.no-touch .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar .item:hover>a>span {
        color: #999999
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar .item.active>a>span,.sd-main-content>section>article.sd-category-listing .sd-sort-nav .sd-icon-bar .item.active.hover>a>span {
        color: #292e31
    }

    .sd-main-content>section>article.sd-category-listing .sd-sort-nav .icon-bar {
        position: relative
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list {
        padding-bottom: 5rem
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list>ul {
        text-align: center;
        margin: 0 0 15px 0
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list>ul:after {
        content: "";
        display: block;
        height: 0;
        clear: both
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list>ul>li {
        text-align: left;
        display: inline-block;
        width: 252px;
        height: 450px;
        float: none;
        vertical-align: top
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list>ul>li .sd-product-image a:after {
        display: none
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list>ul>li .sd-product-image a img {
        max-height: 244px
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-4>ul>li {
        width: 165px;
        height: 320px
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-4>ul>li .sd-product-image img {
        max-height: 165px
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list.small-block-grid-4>ul>li .sd-product-description .sd-product-price-discount {
        display: none
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list>ul>li.sd-dummy-orphanescape {
        height: 0;
        padding: 0;
        line-height: 0
    }

    .sd-main-content>section>article.sd-category-listing .sd-product-list>ul:before,.sd-main-content>section>article.sd-category-listing .sd-product-list>ul:after {
        display: inline-block
    }
}

.sd-product-page h4,.sd-product-page b {
    font-family: segoeuib, Arial;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.015rem
}

.sd-product-page .sd-product-features ul {
    margin-top: 0.3rem
}

.sd-product-page .sd-product-morefrom {
    margin-top: 3rem
}

.sd-product-page .sd-product-code h4 {
    display: inline-block
}

.sd-product-page .sd-product-code span {
    margin-left: 0.3rem
}

.sd-product-page .sd-product-morefrom>ul {
    margin-left: 0
}

.sd-product-page .sd-button-cta-full-width {
    margin-bottom: 0.9rem
}

.sd-product-page .sd-product-promotions {
    margin: 20px 0;
    text-align: center
}

.sd-product-page .sd-product-promotions ul {
    margin: 0
}

.sd-product-page .sd-product-promotions li {
    margin-bottom: 10px
}

.sd-product-page .sd-product-promoted-content ul {
    margin: 2rem 0
}

.sd-product-page .sd-social-icons {
    margin-top: 1rem
}

.sd-product-page #quantity {
    width: 90%
}

p,.accordion-navigation {
    font-size: 0.8rem
}

.sd-main-image a {
    display: inline-block;
    position: relative;
    width: 300px
}

@media only screen and (max-width: 1023px) {
    .sd-product-page h1 {
        line-height:1.7rem
    }

    .sd-product-page .sd-product-details {
        margin-top: 0.5rem
    }

    .sd-product-page .sd-product-details .sd-size-guide a {
        font-size: 0.75rem
    }

    .sd-product-page ul li,.sd-product-page p {
        font-size: 0.8rem
    }

    .sd-product-page #BVRRSummaryContainer {
        text-align: center
    }

    .sd-product-page #BVRRSummaryContainer #BVRRRatingSummaryNoReviewsWriteImageLinkID {
        float: none;
        padding: 0
    }

    .sd-product-page #BVRRSummaryContainer #BVRRRatingSummaryLinkWriteFirstID {
        display: none
    }

    .sd-product-page .sd-product-related {
        margin-top: 1.5rem
    }

    .sd-product-page .sd-border-left {
        margin-left: 15%
    }

    .sd-product-page .sd-border-right {
        margin-right: 15%
    }

    .sd-product-page .sd-border-left,.sd-product-page .sd-border-right {
        display: inline-block;
        margin-bottom: 0.3rem;
        width: 100%;
        max-width: 18%;
        background: rgba(0,0,0,0.2);
        height: 1px
    }
}

@media only screen and (max-width: 568px) {
    .sd-product-page h1 {
        margin:0.5rem 0 0.3rem;
        line-height: 1.5rem
    }

    .sd-product-page h4 {
        font-size: 0.8rem
    }

    .sd-product-page .sd-product-images {
        margin-top: 0.3rem
    }

    .sd-product-page .sd-product-price {
        text-align: center
    }

    .sd-product-page .sd-select-size {
        margin-top: 0.5rem
    }

    .sd-product-page .sd-product-features {
        margin: 0.3rem 0 0.8rem 0rem
    }

    .sd-product-page .sd-border-left {
        margin-right: 0.3rem
    }

    .sd-product-page .sd-border-right {
        margin-left: 0.3rem
    }

    .sd-product-page .sd-border-left,.sd-product-page .sd-border-right {
        display: inline-block;
        margin-bottom: 0.3rem;
        width: 100%;
        max-width: 11%;
        background: rgba(0,0,0,0.2);
        height: 1px
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .sd-product-page .sd-product-details .sd-size-guide a {
        font-size:0.75rem
    }
}

@media screen and (min-width: 569px) and (max-width: 1023px) {
    .sd-product-page h1 {
        margin:0
    }

    .sd-product-page .sd-product-price {
        margin-bottom: 0.8rem;
        text-align: center
    }

    .sd-product-page .sd-product-features {
        margin-top: 0.6rem
    }

    .sd-product-page h3 {
        font-size: 0.9rem;
        line-height: 1.5rem
    }

    .sd-product-page h4 {
        font-size: 0.8rem
    }

    .sd-product-page .sd-product-code {
        margin-top: 1rem
    }
}

@media only screen and (min-width: 1024px) {
    .sd-product-page .sd-product-images {
        margin-top:0.3rem
    }

    .sd-product-page .sd-product-features {
        margin-top: 0.5rem
    }

    .sd-product-page .sd-product-details .sd-product-price {
        margin-bottom: 0.5rem
    }

    .sd-product-page .sd-product-details .sd-product-price-discount {
        vertical-align: top
    }

    .sd-product-page input {
        height: 2.18rem;
        padding: 0 0 0 0.5rem;
        font-size: 0.8rem
    }

    .sd-product-page h1 {
        margin: 0.1rem 0 0.2rem 0;
        font-size: 1.3rem;
        line-height: 1.5rem;
        position: relative;
        text-align: left;
        text-transform: capitalize
    }

    .sd-product-page h3 {
        margin-bottom: 0;
        text-align: left
    }

    .sd-product-page .sd-button-large {
        padding: 0.29rem 0 0.34rem;
        font-size: 0.9rem
    }

    .sd-product-page .sd-product-code {
        margin-top: 1rem
    }

    .sd-product-page .sd-product-related .large-block-grid-2>li:nth-of-type(1n+7) {
        display: none
    }

    .sd-product-page .sd-product-promotions {
        text-align: left
    }
}

.sd-form input {
    margin: 0 0 1rem
}

.items-1 .sd-image-block {
    width: 100%
}

.items-2 .sd-image-block {
    width: 49.2%
}

.items-3 .sd-image-block {
    width: 32.4%
}

.items-4 .sd-image-block {
    width: 23.9%
}

.items-5 .sd-image-block {
    width: 18.9%
}

.items-10 .sd-image-block {
    width: 9.8%
}

.sd-template .sd-image-row.items-10 .sd-image-block {
    margin-right: 0.10rem
}

.sd-template .sd-image-block {
    float: left
}

.sd-template-sidebar ul {
    margin-bottom: 0.7rem
}

.sd-template-sidebar ul li {
    line-height: 1rem
}

.sd-template-sidebar ul li a {
    font-size: 0.7rem
}

.sd-template h2 {
    margin-bottom: 0.1rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
    white-space: nowrap
}

.sd-template ul {
    margin-left: 0
}

.sd-template img {
    display: block
}

.sd-template .sd-image-row {
    font-size: 0px;
    white-space: nowrap;
    overflow: hidden
}

.sd-template .sd-image-row .sd-image-block {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.sd-template .sd-image-row .sd-image-block:last-child {
    margin-right: 0
}

.sd-template .sd-image-row .sd-image-block img {
    width: 100%
}

.sd-template .sd-image-row .sd-image-block .sd-image-block-text-wrapper {
    position: absolute;
    font-size: 0.8rem;
    padding-left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    white-space: normal
}

.sd-template .sd-image-row .sd-image-block .sd-image-block-text-wrapper a {
    display: block;
    width: 200px;
    max-width: 100%;
    left: 0;
    padding: 0.2rem 0.4rem;
    margin: 1px 0 0;
    line-height: 130%;
    background: rgba(255,255,255,0.6)
}

.sd-template .sd-sale-sidebar a {
    color: #e24d67;
    font-weight: 700;
    font-size: 0.8rem;
    line-height: 0.9rem;
    text-transform: uppercase
}

.sd-template .sd-sale-banner {
    padding: 0.4rem 1rem 0.55rem;
    background: #c70000;
    color: white;
    font-weight: 700;
    text-align: right
}

.sd-template .sd-sale-banner a {
    display: block;
    color: white;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03rem
}

.sd-template .sd-brands ul li {
    list-style: none;
    float: left;
    text-align: center
}

.sd-template .sd-brands ul li span a {
    font-size: 5rem
}

.sd-template .sd-brands .brand-logo-font {
    font-size: 5rem
}

.sd-template .sd-description p {
    text-align: center
}

.sd-template .sd-image-row {
    margin-bottom: 0.65rem
}

.sd-template .sd-image-row .sd-image-block {
    margin-right: 0.63rem
}

.sd-template .sd-image-row .sd-image-block:last-child {
    margin-right: 0
}

.sd-template .sd-image-row .sd-image-block .sd-image-block-text-wrapper a {
    color: white;
    display: block;
    font-family: "Oswald", segoeuib, Arial;
    font-size: 1rem;
    left: 0;
    letter-spacing: 0.1rem;
    line-height: 130%;
    margin: 1px 0;
    max-width: 100%;
    padding: 0.2rem 0.4rem;
    text-shadow: 0 0 4px #969696;
    text-transform: uppercase;
    width: 200px;
    background: none
}

.sd-template .sd-image-row .sd-image-block.color-black .sd-image-block-text-wrapper a {
    color: black
}

.sd-template .sd-sale-banner {
    padding: 0.4rem 1rem 0.55rem;
    background: #c70000;
    color: white;
    font-weight: 700;
    text-align: center;
    font-family: "Oswald", segoeuib, Arial
}

.sd-template .sd-sale-banner a {
    display: block;
    color: white;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: 0.1rem;
    line-height: 2rem;
    text-transform: uppercase
}

[data-page*="spree-taxons-show"] .sd-template {
    background: white
}

[data-page*="spree-taxons-show"] .sd-template .sd-main-content {
    max-height: none
}

[data-page*="spree-taxons-show"] .sd-template .sd-main-content .row {
    -webkit-transform: scale(1)
}

[data-page*="spree-taxons-show"] .sd-template+.sd-footer-container {
    position: relative
}

.row:after {
    display: block;
    height: 0
}

@media only screen and (max-width: 1023px) {
    .sd-template h1 {
        display:inline-block;
        z-index: 999
    }

    .sd-template .sd-brands ul {
        overflow: hidden;
        width: 100%
    }

    .sd-template .sd-brands ul li {
        text-align: center
    }

    .sd-template .sd-brands ul li a img {
        display: inline-block
    }

    .items-2 .sd-image-block {
        width: 49%
    }

    .items-5 .sd-image-block {
        width: 18.9%
    }

    .sd-template .sd-description p {
        margin: 0.6rem 0 0.7rem
    }

    .items-4 .sd-image-block {
        width: 23.7%
    }
}

@media only screen and (max-width: 768px) {
    .items-3 .sd-image-block {
        width:32.1%
    }

    .items-5 .sd-image-block {
        width: 18.5%
    }

    .items-10 .sd-image-block {
        width: 9.7%
    }
}

@media only screen and (max-width: 568px) {
    .sd-template .sd-image-row .sd-image-block {
        margin-right:0.33rem
    }

    .items-5 .sd-image-block {
        width: 31.9%
    }

    .items-5 .sd-image-block:nth-child(5n+1) {
        margin: 0 0.33rem 0.63rem 0;
        width: 48%
    }

    .items-5 .sd-image-block:nth-child(5n+2) {
        margin: 0 0 0.63rem 0.33rem;
        width: 48%
    }

    .items-5:nth-child(-n+2) {
        white-space: normal
    }

    .items-10 .sd-image-block {
        margin-top: 0.1rem;
        width: 19.5%
    }

    .items-2 .sd-image-block {
        width: 48.6%
    }
}

.sd-account-page section h2 {
    font-family: "Oswald", segoeuib, Arial;
    color: #a0763f;
    font-size: 1.8rem;
    font-weight: 300;
    margin-bottom: 2rem;
    text-transform: none
}

.sd-account-page section h3 {
    font-family: "Oswald", segoeuib, Arial;
    color: #292e31;
    font-weight: 300
}

.sd-account-page section h4 {
    font-family: "Oswald", segoeuib, Arial;
    color: #292e31;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 2rem;
    margin-bottom: 1rem;
    text-transform: none
}

.sd-account-page section ul {
    margin-top: 0.5rem;
    margin-left: 0
}

.sd-account-page section ul li a {
    color: #0b6f91
}

html.no-touch .sd-account-page section ul li a:hover {
    color: #39b3d7
}

.sd-account-page section .sd-order-summary-title {
    text-transform: uppercase
}

.sd-account-page section fieldset {
    padding: 0;
    border: none
}

.sd-account-page section fieldset label,.sd-account-page section fieldset span {
    display: inline-block
}

.sd-account-page section fieldset input {
    margin-bottom: 0.5rem
}

.sd-account-page section .sd-user-email .field {
    line-height: 2.5rem
}

.sd-account-page section .sd-user-email .field label {
    margin-right: 0;
    color: #292e31;
    font-size: 0.8rem;
    cursor: inherit
}

.sd-account-page section .address.panel div,.sd-account-page section .sd-user-email div {
    line-height: 1.2rem
}

.sd-account-page section .address.panel div a,.sd-account-page section .sd-user-email div a {
    color: #0b6f91
}

html.no-touch .sd-account-page section .address.panel div a:hover,html.no-touch .sd-account-page section .sd-user-email div a:hover {
    color: #39b3d7
}

.sd-account-page section #sd-nus-form a {
    color: #0b6f91
}

html.no-touch .sd-account-page section #sd-nus-form a:hover {
    color: #39b3d7
}

.sd-account-page section #sd-user-opt-in {
    margin-top: 10px
}

.sd-account-page .existing-credit-card-item {
    border-left: 1px solid #eeeeee;
    height: 66px;
    margin-bottom: 2rem;
    margin-left: 3rem;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-top: 0.5rem
}

.sd-account-page .existing-credit-card-item input[type="radio"] {
    margin-bottom: -1rem;
    margin-left: -3rem;
    margin-top: 0;
    position: relative;
    top: 1.2rem
}

.sd-account-page .existing-credit-card-item>div {
    float: left;
    line-height: 1.6rem;
    width: 50%
}

.sd-account-page .existing-credit-card-item label {
    float: left;
    line-height: 1.6rem;
    margin-right: 0.5rem
}

.sd-account-page .existing-credit-card-item input.existing-credit-cvv {
    cursor: text;
    float: left;
    font-size: 0.8rem;
    line-height: 1.5rem;
    padding: 0 0.2rem;
    width: 4rem
}

.sd-account-page .existing-credit-card-item .sd-card-expiry.expired {
    color: #e24d67;
    font-weight: bold
}

@media only screen and (max-width: 1023px) {
    .sd-account-page section h3 {
        margin:1rem 0 0.5rem
    }

    .sd-account-page section ul span {
        margin-right: 0.5rem
    }

    .sd-account-page p {
        line-height: 1rem
    }

    .sd-account-page .sd-gift-card-container .sd-gift-cards p {
        margin: 0
    }

    .sd-account-page .sd-orders .sd-order-summary {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width: 568px) {
    .sd-account-page h1 {
        margin-top:2rem;
        font-size: 1.2rem
    }

    .sd-account-page h3 {
        font-size: 1.2rem;
        line-height: 1.3rem
    }

    .sd-account-page .sd-user-email fieldset {
        margin: 0
    }

    .sd-account-page .new_virtual_gift_card fieldset {
        margin-top: 0
    }
}

@media screen and (min-width: 569px) and (max-width: 1023px) {
    .sd-account-page {
        margin:0 3rem
    }

    .sd-account-page h1 {
        font-size: 1.5rem
    }

    .sd-account-page h3 {
        font-size: 1.25rem;
        line-height: 1.35rem
    }

    .sd-account-page .sd-user-email fieldset {
        margin-top: 0
    }

    .sd-account-page aside .sd-logout {
        padding: 0
    }
}

@media only screen and (min-width: 1024px) {
    .sd-account-page section h3 {
        margin:2rem 0 0.6rem;
        font-size: 1.2rem;
        line-height: 1.3rem
    }

    .sd-account-page section ul {
        margin-bottom: 0.6rem
    }

    .sd-account-page .sd-orders .sd-order-summary {
        margin: 1rem 0 2rem
    }

    .sd-account-page aside .sd-logout {
        padding: 0
    }
}

.sd-checkout-page h4,.sd-checkout-complete-page h4,.sd-order-show-page h4 {
    text-transform: inherit
}

.sd-checkout-page .address.panel div,.sd-checkout-page .delivery div,.sd-checkout-complete-page .address.panel div,.sd-checkout-complete-page .delivery div,.sd-order-show-page .address.panel div,.sd-order-show-page .delivery div {
    line-height: 1.2rem
}

.sd-checkout-page legend,.sd-checkout-complete-page legend,.sd-order-show-page legend {
    display: none
}

.sd-checkout-page table,.sd-checkout-complete-page table,.sd-order-show-page table {
    border-collapse: collapse
}

.sd-checkout-page table thead,.sd-checkout-complete-page table thead,.sd-order-show-page table thead {
    border-bottom: 2px solid #f6f6f6
}

.sd-checkout-page table thead tr th,.sd-checkout-complete-page table thead tr th,.sd-order-show-page table thead tr th {
    padding: 0.1rem 1rem
}

.sd-checkout-page table thead tr td,.sd-checkout-page table thead tr th,.sd-checkout-complete-page table thead tr td,.sd-checkout-complete-page table thead tr th,.sd-order-show-page table thead tr td,.sd-order-show-page table thead tr th {
    text-align: center
}

.sd-checkout-page table tbody tr td,.sd-checkout-complete-page table tbody tr td,.sd-order-show-page table tbody tr td {
    padding: 0 1rem;
    font-weight: normal
}

.sd-checkout-page table tbody tr:nth-child(2n+0),.sd-checkout-complete-page table tbody tr:nth-child(2n+0),.sd-order-show-page table tbody tr:nth-child(2n+0) {
    border-top: 2px solid #f6f6f6;
    border-bottom: 2px solid #f6f6f6
}

.sd-checkout-page table tbody tr:nth-child(2n+1):last-child,.sd-checkout-complete-page table tbody tr:nth-child(2n+1):last-child,.sd-order-show-page table tbody tr:nth-child(2n+1):last-child {
    border-bottom: 2px solid #f6f6f6
}

.sd-checkout-page table tfoot tr td,.sd-checkout-complete-page table tfoot tr td,.sd-order-show-page table tfoot tr td {
    padding: 0.1rem 1rem;
    line-height: 1.5;
    text-align: right
}

.sd-checkout-page table tfoot tr td:first-of-type,.sd-checkout-complete-page table tfoot tr td:first-of-type,.sd-order-show-page table tfoot tr td:first-of-type {
    font-weight: bold
}

.sd-checkout-complete-page .sd-checkout-complete-thank-you {
    text-align: center;
    border-bottom: 4px solid #eeeeee
}

.sd-checkout-complete-page .sd-checkout-complete-thank-you h4 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #a2a2a2
}

.sd-checkout-complete-page .sd-checkout-complete-thank-you p {
    font-size: 0.9rem;
    line-height: 1rem
}

.sd-checkout-complete-page .sd-checkout-complete-thank-you span {
    display: inline-block;
    width: 48%;
    font-size: 0.9rem
}

.sd-checkout-complete-page .sd-checkout-complete-thank-you span.key {
    font-weight: 700;
    text-align: right
}

.sd-checkout-complete-page .sd-checkout-complete-thank-you span.value {
    margin-left: 0.3rem;
    text-align: left
}

.sd-checkout-complete-page .sd-new-account span {
    display: inline-block;
    margin-bottom: 1rem;
    line-height: 1rem
}

@media only screen and (max-width: 1023px) {
    .sd-checkout-page table,.sd-checkout-complete-page table,.sd-order-show-page table {
        margin:1rem 0 1rem 0
    }

    .sd-checkout-page .sd-main-content,.sd-checkout-complete-page .sd-main-content,.sd-order-show-page .sd-main-content {
        padding-top: 0
    }

    .sd-checkout-page .sd-main-content fieldset.sd-checkout-complete,.sd-checkout-page .sd-main-content fieldset.sd-order-show,.sd-checkout-complete-page .sd-main-content fieldset.sd-checkout-complete,.sd-checkout-complete-page .sd-main-content fieldset.sd-order-show,.sd-order-show-page .sd-main-content fieldset.sd-checkout-complete,.sd-order-show-page .sd-main-content fieldset.sd-order-show {
        margin-top: 0.5rem
    }

    .sd-order-show-page h1 {
        margin: 3.5rem 0 0
    }

    .sd-checkout-complete-page .sd-checkout-complete-thank-you p {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width: 568px) {
    .sd-checkout-page table tbody tr td h4,.sd-checkout-complete-page table tbody tr td h4,.sd-order-show-page table tbody tr td h4 {
        font-size:0.7rem
    }

    .sd-checkout-page table tbody tr td a img,.sd-checkout-complete-page table tbody tr td a img,.sd-order-show-page table tbody tr td a img {
        display: none
    }

    .sd-checkout-page table tbody tr td.sd-order-item-description,.sd-checkout-complete-page table tbody tr td.sd-order-item-description,.sd-order-show-page table tbody tr td.sd-order-item-description {
        padding: 0
    }

    .sd-checkout-page h1 {
        margin: 0
    }

    .sd-checkout-page table {
        border-collapse: inherit
    }

    fieldset.sd-order-show h6 a {
        font-size: 0.7rem
    }

    fieldset.sd-checkout-complete,fieldset.sd-order-show {
        padding: 0.9rem 1rem 1rem
    }

    fieldset.sd-checkout-complete h6,fieldset.sd-order-show h6 {
        font-size: 0.65rem;
        text-transform: uppercase;
        white-space: nowrap;
        font-weight: 700
    }

    fieldset.sd-checkout-complete h6 a,fieldset.sd-order-show h6 a {
        font-weight: normal;
        text-transform: initial;
        line-height: 0.8rem
    }

    fieldset.sd-checkout-complete .sd-delivery,fieldset.sd-order-show .sd-delivery {
        margin-top: 0.9rem
    }

    .sd-checkout-complete-page h1 {
        margin-top: 3.7rem;
        font-size: 1.6rem
    }

    .sd-checkout-complete-page .sd-checkout-complete-thank-you {
        margin-bottom: 0.5rem;
        padding-bottom: 1.3rem
    }

    .sd-checkout-complete-page .sd-checkout-complete-thank-you h4 {
        font-size: 0.9rem
    }
}

@media screen and (min-width: 569px) and (max-width: 1023px) {
    .sd-checkout-page .sd-checkout-summary,.sd-checkout-complete-page .sd-checkout-summary,.sd-order-show-page .sd-checkout-summary {
        float:right
    }

    .sd-checkout-page h1 {
        margin: 1rem 0 0
    }

    .sd-checkout-complete-page h1 {
        margin-top: 4.5rem;
        font-size: 2.2rem
    }

    .sd-checkout-complete-page .sd-checkout-complete-thank-you {
        margin-bottom: 2rem;
        padding-bottom: 2.5rem
    }

    .sd-checkout-complete-page .sd-checkout-complete-thank-you h4 {
        font-size: 1rem
    }

    .sd-checkout-complete-page .sd-new-account [class*="column"]+[class*="column"]:last-child {
        float: left
    }
}

@media only screen and (min-width: 1024px) {
    .sd-checkout-page table,.sd-checkout-complete-page table,.sd-order-show-page table {
        margin:0 0 1.3rem 0
    }

    .sd-checkout-page table tbody tr td a img,.sd-checkout-complete-page table tbody tr td a img,.sd-order-show-page table tbody tr td a img {
        width: 70px
    }

    .sd-order-show-page [class*="column"]+[class*="column"]:last-child {
        float: left
    }

    .sd-order-show-page h1 {
        margin: 0;
        font-size: 1.7rem
    }

    .sd-checkout-page h1 {
        margin: 0 0 1.5rem
    }

    .sd-checkout-complete-page h1 {
        margin: 2.5rem 0 0.1rem;
        font-size: 2.2rem
    }

    .sd-checkout-complete-page .sd-checkout-complete-thank-you {
        padding-bottom: 3rem;
        margin-bottom: 2rem
    }

    .sd-checkout-complete-page .sd-checkout-complete-thank-you h4 {
        font-size: 1rem
    }

    .sd-checkout-complete-page .sd-checkout-complete-thank-you p {
        margin-bottom: 2rem
    }

    .sd-checkout-complete-page .sd-new-account p {
        margin-bottom: 0
    }

    .sd-checkout-complete-page .sd-new-account [class*="column"]+[class*="column"]:last-child {
        float: left
    }
}

.sd-login-page h1,.sd-login-page h3,.sd-registration-page h1,.sd-registration-page h3,.sd-recover-password-page h1,.sd-recover-password-page h3,.sd-editing-user-page h1,.sd-editing-user-page h3,.sd-change-password-page h1,.sd-change-password-page h3,.sd-track-order-page h1,.sd-track-order-page h3,.sd-signup-page h1,.sd-signup-page h3 {
    font-family: "Oswald", segoeuib, Arial;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 300;
    text-align: left;
    text-transform: capitalize
}

.sd-login-page label,.sd-registration-page label,.sd-recover-password-page label,.sd-editing-user-page label,.sd-change-password-page label,.sd-track-order-page label,.sd-signup-page label {
    margin-bottom: 0.3rem;
    font-size: 0.8rem
}

.sd-registration-page .sd-returning-customer,.sd-registration-page .sd-guest-checkout {
    padding: 0 1.25rem 0.9rem
}

.sd-registration-page .sd-border-strip {
    background-color: #eeeeee;
    height: 1.65rem;
    width: 100%
}

.sd-recover-password-page span input {
    margin-bottom: 0.5rem
}

.sd-existing-customer .sd-forgot-password,.sd-existing-customer .register {
    display: inline-block;
    margin-top: 1.5rem;
    color: #a2a2a2;
    border-bottom: 1px solid;
    line-height: 0.9rem
}

html.no-touch .sd-existing-customer .sd-forgot-password:hover,html.no-touch .sd-existing-customer .register:hover {
    color: #7b7b7b;
    border-bottom: 1px solid
}

.sd-existing-customer .register {
    float: left
}

.sd-existing-customer .sd-forgot-password {
    float: right
}

.sd-new-customer .sd-existing-customer {
    display: inline-block;
    margin-top: 1.5rem;
    color: #a2a2a2;
    border-bottom: 1px solid;
    line-height: 0.9rem
}

html.no-touch .sd-new-customer .sd-existing-customer:hover {
    color: #7b7b7b;
    border-bottom: 1px solid
}

.sd-editing-user-page .sd-editing-user p {
    margin: 0
}

@media only screen and (max-width: 1023px) {
    .sd-recover-password-page .sd-forgot-user-password,.sd-login-page .sd-existing-customer {
        margin-top:1rem
    }

    .sd-editing-user-page .sd-editing-user {
        margin-top: 0.5rem
    }

    .sd-registration-page h3 {
        margin-bottom: 1rem;
        font-size: 1.3rem
    }

    .sd-registration-page .sd-main-content,.sd-registration-page .sd-content {
        padding-bottom: 0
    }

    .sd-registration-page form {
        width: 100%;
        overflow: hidden
    }
}

@media only screen and (max-width: 568px) {
    .sd-login-page h1,.sd-recover-password-page h1,.sd-track-order-page h1,.sd-editing-user-page h1 {
        margin-top:1.4rem
    }

    .sd-account-page .sd-account-details {
        margin-top: 0.5rem
    }

    .sd-registration-page .sd-main-content .sd-returning-customer {
        margin-top: 3.2rem
    }

    .sd-registration-page .sd-main-content .sd-guest-checkout {
        margin-top: 1.5rem;
        padding-top: 1.7rem;
        border-top: 2px solid #eeeeee
    }

    .sd-registration-page .sd-main-content .sd-returning-customer,.sd-registration-page .sd-main-content .sd-guest-checkout {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
}

@media screen and (min-width: 569px) and (max-width: 1023px) {
    .sd-registration-page .sd-border-strip {
        margin-top:2rem
    }

    .sd-registration-page .sd-existing-customer {
        margin-top: 1.5rem
    }

    .sd-registration-page .sd-returning-customer {
        padding-right: 0
    }

    .sd-registration-page .sd-guest-checkout {
        border-left: 2px solid #eeeeee;
        padding-left: 1.5rem
    }

    .sd-registration-page .sd-guest-checkout p {
        margin-top: 1rem
    }
}

@media only screen and (min-width: 1024px) {
    .sd-recover-password-page .sd-forgot-user-password,.sd-login-page .sd-existing-customer {
        margin-top:1.5rem;
        margin-bottom: 2rem
    }

    .sd-editing-user {
        margin-bottom: 2rem
    }

    .sd-registration-page {
        margin-top: 0
    }

    .sd-registration-page .sd-main-content {
        padding-top: 0
    }

    .sd-registration-page .sd-main-content .sd-returning-customer {
        padding-right: 2.5rem
    }

    .sd-registration-page .sd-main-content .sd-guest-checkout {
        border-left: 2px solid #eeeeee;
        padding-left: 2rem
    }

    .sd-registration-page .sd-main-content .sd-guest-checkout p {
        margin-top: 1rem
    }

    .sd-registration-page .sd-main-content .sd-returning-customer,.sd-registration-page .sd-main-content .sd-guest-checkout {
        margin-top: 1.5rem
    }
}

.review-summary {
    height: 2rem;
    margin: 0.9rem 0 0.6rem
}

.review-summary img {
    max-width: none
}

.review-summary .sd-reviews-stars {
    float: left;
    height: 2rem
}

.review-summary .sd-reviews-link {
    float: left;
    line-height: 2rem;
    margin-left: 0.3rem
}

.review-summary .sd-reviews-link a {
    line-height: 2.3rem
}

.reviews-html {
    display: none
}

.reviews-html .reiviews-html-content {
    border: 1px solid rgba(0,0,0,0.2);
    padding: 10px
}

.reviews-html div[itemprop="review"] {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    color: #aaa;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.reviews-html span[itemprop="description"] {
    display: block;
    color: #292e31;
    font-size: 0.8rem;
    line-height: 1.1rem
}

.reviews-html span[itemprop="name"] {
    color: #9dd6d0;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0.2rem 0 0
}

.reviews-html img[itemprop="image"] {
    display: block;
    margin: 5px 0;
    width: 200px
}

.reviews-html .reivew-html-stars {
    margin-top: -0.4rem;
    width: 80px
}

.reviews-html .review-head {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    margin: 0;
    padding: 1rem 0;
    text-align: center;
    text-transform: uppercase
}

.reviews-html .review-head .reivew-html-stars {
    display: block;
    left: 50%;
    margin-bottom: 0.3rem;
    margin-left: -50px;
    position: relative;
    width: 100px
}

.reviews-html .BVRRPagerColumn {
    color: #aaa;
    font-size: 0.7rem;
    text-align: center
}

.reviews-html .reviews-action {
    margin: 1rem 0
}

.reviews-html .reviews-action .sd-button-secondary {
    min-width: 200px
}

.reviews-html .BVRRPager {
    display: none
}

.sd-review-page {
    max-width: 970px;
    margin: 0 auto
}

.sd-review-page .BVFieldPreview .BVButton,.sd-review-page .BVFieldSubmit .BVButton,.sd-review-page .BVFieldPreview .BVButton:hover,.sd-review-page .BVFieldSubmit .BVButton:hover,.sd-review-page .BVLinkReturnToContent,.sd-review-page .BVLinkReturnToContent:hover,.sd-review-page .BVLinkReturnToContent:visited {
    background: none;
    background-color: #e57d25;
    border-color: #d6701a;
    border-style: solid;
    border-width: 0;
    color: #292e31;
    cursor: pointer;
    display: inline-block;
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 0.8rem;
    font-weight: normal;
    letter-spacing: 0.05rem;
    line-height: normal;
    margin: 0 0 1.25rem;
    padding: 0.37rem 0 0.4325rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color 300ms ease-out 0s;
    transition: background-color 300ms ease-out 0s;
    width: 200px;
    border-radius: 0
}

.sd-review-page .BVFieldPreview .BVButton:hover,.sd-review-page .BVFieldSubmit .BVButton:hover,.sd-review-page .BVLinkReturnToContent:hover,.sd-review-page .BVLinkReturnToContent:visited {
    background-color: #d26219
}

.sd-review-page button.BVButton,.sd-review-page button.BVButton:hover {
    background: none;
    background-color: #e6e6e6;
    border-color: #cfcfcf;
    border-style: solid;
    border-width: 0;
    color: #292e31;
    cursor: pointer;
    display: inline-block;
    font-family: Arial Narrow,Arial,sans-serif;
    font-size: 0.8rem;
    font-weight: normal;
    letter-spacing: 0.05rem;
    line-height: normal;
    margin: 0 0 1.25rem;
    padding: 0.37rem 0 0.4325rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color 300ms ease-out 0s;
    transition: background-color 300ms ease-out 0s;
    width: 200px;
    border-radius: 0
}

.sd-review-page button.BVButton:hover {
    background-color: #cfcfcf
}

.sd-review-page input[type="text"] {
    width: 400px
}

.sd-review-page img {
    max-width: none
}

@media only screen and (max-width: 1023px) {
    .review-summary {
        text-align:center
    }

    .review-summary .sd-reviews-stars {
        float: none
    }

    .review-summary .sd-reviews-link {
        display: none
    }
}

.sd-template-sidebar .accordion {
    border-top: 1px solid #eeeeee;
    margin: 1rem 0
}

.sd-template-sidebar .accordion dd.accordion-navigation>a {
    position: relative;
    border-bottom: 1px solid #eeeeee;
    background: none
}

html.no-touch .sd-template-sidebar .accordion dd.accordion-navigation>a:hover {
    background: none
}

.sd-template-sidebar .accordion dd.accordion-navigation>a:after {
    display: block;
    content: "+";
    position: absolute;
    width: 2rem;
    line-height: 2rem;
    height: 2rem;
    right: 0;
    top: 0
}

.sd-template-sidebar .accordion dd.accordion-navigation.active>a {
    background: none
}

.sd-template-sidebar .accordion dd.accordion-navigation.active>a:after {
    content: "-"
}

.sd-account-page .accordion {
    margin: 1rem 0
}

html.no-touch html:not(.touch) .sd-account-page .accordion dd.accordion-navigation>a:hover {
    box-shadow: 0 0 0 4px white inset;
    background: none
}

.sd-account-page .accordion dd.accordion-navigation {
    position: relative
}

.sd-account-page .accordion dd.accordion-navigation:after {
    content: '+';
    position: absolute;
    top: 0.35rem;
    right: 1rem;
    font-size: 1.4rem
}

.sd-account-page .accordion dd.accordion-navigation.active {
    padding: 0.5rem 0.95rem;
    border: 4px solid #eeeeee;
    margin-bottom: 0.25rem !important
}

.sd-account-page .accordion dd.accordion-navigation.active:after {
    content: "-";
    position: absolute;
    top: 0;
    right: 1rem;
    font-size: 1.4rem
}

.sd-account-page .accordion dd.accordion-navigation.active>a {
    padding: 0;
    border: none;
    background: none
}

html.no-touch .sd-account-page .accordion dd.accordion-navigation.active>a:hover {
    box-shadow: none
}

.sd-account-page .accordion dd.accordion-navigation>a {
    padding: 0.5rem 0.95rem;
    margin-bottom: 0.3rem;
    background-color: #f8f8f8;
    font-size: 0.9rem;
    text-transform: uppercase;
    position: relative;
    border: 4px solid #f8f8f8
}

.sd-account-page .accordion dd.accordion-navigation>.content {
    padding: 0
}

@media only screen and (max-width: 568px) {
    .sd-template-sidebar .accordion dd.accordion-navigation ul a {
        line-height:2rem
    }
}

@media only screen and (min-width: 1024px) {
    .sd-template-sidebar .accordion {
        border-top:none
    }

    .sd-template-sidebar .accordion dd.accordion-navigation>a {
        cursor: default;
        border-bottom: none
    }

    .sd-template-sidebar .accordion dd.accordion-navigation>a:after {
        display: none
    }

    .sd-template-sidebar .accordion dd.accordion-navigation>.content {
        display: block !important
    }

    .sd-account-page .accordion dd.accordion-navigation>a {
        cursor: pointer
    }
}

.sd-modal {
    text-align: center
}

.sd-modal h2 {
    margin-top: 1rem !important;
    font-size: 0.9rem;
    line-height: 1rem
}

.sd-modal .sd-button-secondary,.sd-modal .sd-button {
    width: 40%;
    margin-left: 0.2rem;
    margin-right: 0.2rem
}

@media only screen and (min-width: 1024px) {
    .sd-modal {
        width:30% !important
    }
}

.sizeguide_iframe {
    width: 100%;
    height: 100%;
    border: none
}

#surfdome_sizeguide_modal {
    height: 500px;
    max-height: 100%;
    position: fixed;
    max-width: 500px;
    top: 20px !important
}

#sd-video-modal {
    max-height: 100%;
    min-height: 375px;
    padding: 50px;
    position: fixed;
    top: 20px !important;
    width: 520px
}

@media only screen and (max-width: 568px) {
    .sizeguide_iframe {
        min-height:500px
    }

    #surfdome_sizeguide_modal {
        height: auto;
        max-height: none;
        position: fixed;
        max-width: none;
        width: 100%;
        top: 0 !important
    }

    #sd-video-modal {
        max-height: 100%;
        min-height: 375px;
        padding: 50px;
        position: fixed;
        top: 20px !important;
        width: 520px
    }
}

#checkout_form_payment .payment_form_submit {
    float: right
}

#checkout_form_payment #payment-method-paypal img {
    float: left
}

#checkout_form_payment #payment {
    box-shadow: none;
    margin: 0;
    overflow: initial
}

#checkout_form_payment #payment #payment-options {
    padding: 0
}

#checkout_form_payment #payment #payment-options fieldset {
    margin: 0;
    border-top: none;
    background: none;
    box-shadow: none
}

#checkout_form_payment #payment #payment-options .form-title {
    padding-bottom: 2rem
}

#checkout_form_payment #payment #payment-options .form-payment {
    margin-top: 2.1rem;
    padding: 0
}

#checkout_form_payment #payment #payment-options #payment-method-fields p {
    display: inline
}

#checkout_form_payment #payment #payment-options #payment-method-fields p label {
    margin-right: 2rem
}

#checkout_form_payment #payment #payment-options #payment-method-fields p label input[type="radio"] {
    margin-right: 1rem
}

#checkout_form_payment #payment #payment-options #payment-methods {
    margin: 0;
    clear: both
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form label,#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form input {
    display: inline-block
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form label.hide,#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form input.hide {
    display: none
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form label {
    width: 10rem;
    line-height: 0.9rem
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form label span {
    margin-left: 0.2rem
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form .card-expiry {
    padding-right: 0
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form .adyen-encrypted-form-cvc {
    padding: 0
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form p.field {
    padding-left: 0;
    margin-bottom: 0
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form p.name-on-card {
    padding: 0
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form p.name-on-card input {
    width: 230px
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form p.card-expiry input,#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form .adyen-encrypted-form-cvc input {
    width: 5rem
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form p.card-expiry select,#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form .adyen-encrypted-form-cvc select {
    display: inline-block
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form #card_expiration {
    margin-top: 0.4rem;
    margin-bottom: 0;
    padding-left: 2.8rem;
    height: 2.3rem
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form #card_expiration input {
    width: 1.5rem;
    display: inline-block;
    margin-bottom: 0
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form #card_expiration input:after {
    top: 0.4rem
}

#checkout_form_payment #payment #payment-options #payment-methods #adyen-encrypted-form #card_expiration input[type=checkbox]:before {
    margin-top: 0.4rem
}

#checkout_form_payment #payment #payment-options #payment-methods #payment-method-paypal fieldset p {
    margin-bottom: 0
}

#checkout_form_payment #payment #payment-options #payment-methods #payment-method-paypal fieldset p a {
    display: inline-block;
    width: 50%;
    margin-right: 2.6rem;
    text-align: center;
    font-weight: 400;
    height: 1.8rem;
    background: #576269;
    color: white;
    padding-top: 0.25rem;
    font-size: 0.9rem;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    text-transform: uppercase;
    font-family: segoeuib, Arial;
    letter-spacing: 0.03rem
}

html.no-touch #checkout_form_payment #payment #payment-options #payment-methods #payment-method-paypal fieldset p a:hover {
    background: #0b6f91;
    color: #FFF
}

#checkout_form_payment #payment #payment-options #payment-methods #payment-method-paypal fieldset p img {
    height: 3rem;
    margin: -0.3rem 0 -0.3rem
}

#checkout_form_payment #payment #payment-options #payment-methods #payment_method_2 fieldset {
    text-align: center
}

#checkout_form_payment #payment #payment-options #payment-methods #payment_method_2 fieldset p:first-of-type {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #a2a2a2;
    font-size: 0.8rem;
    font-weight: 700
}

#checkout_form_payment #payment #payment-options #payment-methods #payment_method_2 fieldset p.column {
    padding: 0;
    text-align: center;
    margin-bottom: 0.2rem
}

#checkout_form_payment #payment #payment-options #payment-methods select#Card {
    float: left;
    width: 50%
}

#checkout_form_payment #payment #payment-options #payment-methods h3 {
    font-size: 1rem;
    font-family: segoeuib, Arial;
    text-transform: uppercase
}

#checkout_form_payment #payment #payment-options #payment-methods li {
    margin-bottom: 2rem
}

#checkout_form_payment #payment #payment-options #payment-methods li input {
    border: 1px solid rgba(0,0,0,0.1);
    box-sizing: border-box;
    display: block;
    cursor: pointer
}

#checkout_form_payment #payment #payment-options #payment-methods li form input::-moz-placeholder {
    color: #ddd;
    opacity: 1
}

#checkout_form_payment #payment #payment-options #payment-methods li input:focus {
    border: 1px solid #0b6f91
}

#checkout_form_payment #payment #payment-options #payment-methods li input.invalid {
    border: 1px solid rgba(0,0,0,0.1)
}

#checkout_form_payment #payment #payment-options #payment-methods li h2 {
    font-size: 16px;
    font-style: normal;
    margin-bottom: 0;
    text-align: left
}

#checkout_form_payment #payment #payment-options #payment-methods li label {
    font-weight: 400
}

#checkout_form_payment #payment #payment-options #payment-methods li form label small {
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase
}

#checkout_form_payment #payment #payment-options #payment-methods li input:-moz-placeholder {
    opacity: 1
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number {
    background-image: url(//static-surfdome.global.ssl.fastly.net/assets/card-images-582b93e9ba18b89d5e9e1c9a08a85c05.png),url(//static-surfdome.global.ssl.fastly.net/assets/card-images-582b93e9ba18b89d5e9e1c9a08a85c05.png);
    background-position: 184px -124px, 159px -61px;
    background-repeat: no-repeat;
    background-size: 120px 361px, 120px 361px;
    width: 230px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.visa {
    background-position: 184px -166px, 159px -89px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.visa.invalid {
    background-position: 184px -166px, 159px -61px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.visaelectron {
    background-position: 184px -208px, 159px -89px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.visaelectron.invalid {
    background-position: 184px -208px, 159px -61px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.mastercard {
    background-position: 184px -250px, 159px -89px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.mastercard.invalid {
    background-position: 184px -250px, 159px -61px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.maestro {
    background-position: 184px -292px, 159px -89px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.maestro.invalid {
    background-position: 184px -292px, 159px -61px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.discover {
    background-position: 184px -334px, 159px -89px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.discover.invalid {
    background-position: 184px -334px, 159px -61px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.valid.visa {
    background-position: 184px -166px, 159px -87px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.valid.visa.invalid {
    background-position: 184px -166px, 159px -61px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.valid.visa_electron {
    background-position: 184px -208px, 159px -87px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.valid.visa_electron.invalid {
    background-position: 184px -208px, 159px -61px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.valid.mastercard {
    background-position: 184px -250px, 159px -87px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.valid.mastercard.invalid {
    background-position: 184px -250px, 159px -61px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.valid.maestro {
    background-position: 184px -292px, 159px -87px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.valid.maestro.invalid {
    background-position: 184px -292px, 159px -61px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.valid.discover {
    background-position: 184px -334px, 159px -87px
}

#checkout_form_payment #payment #payment-options #payment-methods li #card_number.valid.discover.invalid {
    background-position: 184px -334px, 159px -61px
}

#checkout_form_payment #payment #payment-options #credit-card-image {
    margin: 0
}

#checkout_form_payment #payment #payment-options #cvv_link {
    margin: -1.5rem 0 2rem 0.4rem;
    padding: 0.05rem 0.4rem;
    border-radius: 50%;
    background: #d4d4d4;
    color: #FFF
}

html.no-touch #checkout_form_payment #payment #payment-options #cvv_link:hover {
    background: #bbbbbb
}

#checkout_form_payment #payment #payment-options input[type=checkbox] {
    width: 30%
}

#checkout_form_payment #payment #payment-options #card_expiration label {
    margin: 0
}

#checkout_form_payment #payment #payment-options #card_expiration .required {
    top: 0
}

#checkout_form_payment #payment #payment-options #voucher_usage {
    display: none;
    margin: 3rem 0 1rem
}

#checkout_form_payment #payment #payment-options #use_a_voucher {
    font-family: "Oswald", segoeuib, Arial;
    text-transform: uppercase;
    color: #205678;
    text-decoration: underline
}

#payment-methods input.sd-button-cta {
    width: auto
}

.card-input-error {
    background: #fff3f3 !important;
    border: 1px solid #e24d67 !important
}

#payment-methods .sd-checkout-autofold-title {
    position: relative;
    width: 100%;
    border: 2px solid #d4d4d4;
    background-color: white;
    letter-spacing: 0.015rem;
    line-height: 0.9rem;
    font-size: 0.9rem;
    padding: 1rem 1.5rem;
    cursor: pointer
}

#payment-methods .sd-card-payment:before {
    content: "";
    width: 128px;
    height: 24px;
    background: url(//static5-surfdome.global.ssl.fastly.net/surfdome_fr/icons/visa11111.png) no-repeat,url(//static5-surfdome.global.ssl.fastly.net/surfdome_fr/icons/visa.png) no-repeat,url(//static5-surfdome.global.ssl.fastly.net/surfdome_fr/icons/mastercard.png) no-repeat;
    background-size: 37px 24px;
    background-position: left, center, right;
    top: 0.7rem;
    right: 10%;
    position: absolute
}

#payment-methods .sd-paypal-payment:before {
    content: "";
    width: 37px;
    height: 24px;
    background: url(//static5-surfdome.global.ssl.fastly.net/surfdome_fr/icons/paypal.png) no-repeat;
    background-size: 37px 24px;
    background-position: center;
    top: 0.7rem;
    right: 10%;
    position: absolute
}

#payment-methods li.folded fieldset {
    max-height: 0;
    display: none;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out
}

#payment-methods li.folded .sd-checkout-autofold-title:after {
    content: '+';
    position: absolute;
    top: 1.1rem;
    right: 1.5rem;
    font-size: 1.4rem
}

#payment-methods li.unfolded fieldset {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in
}

#payment-methods li.unfolded .sd-checkout-autofold-title:after {
    content: '-';
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    font-size: 1.4rem
}

#payment-methods .sd-button-cta {
    margin: 0
}

#payment-methods .existing-cc-radio {
    margin: 0
}

#payment-methods .existing-credit-card-list td {
    line-height: 3rem
}

#payment-methods .existing-credit-card-item {
    border-left: 1px solid #eee;
    height: 66px;
    margin-bottom: 2rem;
    margin-left: 3rem;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-top: 0.5rem
}

#payment-methods .existing-credit-card-item input[type="radio"] {
    margin-bottom: -1rem;
    margin-left: -3rem;
    margin-top: 0rem;
    position: relative;
    top: 1.2rem
}

#payment-methods .existing-credit-card-item>div {
    float: left;
    width: 50%;
    line-height: 1.6rem
}

#payment-methods .existing-credit-card-item label {
    margin-right: 0.5rem;
    line-height: 1.6rem;
    float: left
}

#payment-methods .existing-credit-card-item input.existing-credit-cvv {
    cursor: text;
    float: left;
    font-size: 0.8rem;
    line-height: 1.5rem;
    padding: 0 0.2rem;
    width: 4rem
}

#payment-methods .existing-credit-card-item .sd-card-expiry.expired {
    color: #e24d67;
    font-weight: bold
}

@media only screen and (max-width: 568px) {
    #payment-methods input.sd-button-cta {
        width:100%
    }

    #payment-methods .sd-card-payment:before {
        display: none
    }

    #payment-methods .sd-paypal-payment:before {
        right: 20%
    }
}

@media only screen and (min-width: 1024px) {
    #payment-methods li p.field input {
        font-size:0.8rem
    }

    #checkout_form_payment span.error {
        padding-left: 164px !important
    }
}

/*! Flickity v1.0.0
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flickity-prev-next-button:hover {
    background: rgba(0,0,0,0.3)
}

.flickity-prev-next-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #09F
}

.flickity-prev-next-button:active {
    filter: alpha(opacity=70);
    opacity: 0.6
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button:disabled {
    filter: alpha(opacity=30);
    opacity: 0.3;
    cursor: auto
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-prev-next-button .arrow {
    fill: #fff
}

.flickity-prev-next-button.no-svg {
    color: #fff;
    font-size: 26px
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    filter: alpha(opacity=25);
    opacity: 0.25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    filter: alpha(opacity=100);
    opacity: 1
}

#slider {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0 auto;
    border-radius: 4px;
}

#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none;
}

#slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 1000px;
    ; height: 250px;
    background-color: #F1F1F2;
    background-image: url("../img/BecamTips.jpg");
    text-align: left;
}

a.control_prev, a.control_next {
    position: absolute;
    top: 33%;
    z-index: 999;
    display: block;
    padding: 4% 3%;
    width: auto;
    height: auto;
    background: #2a2a2a;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}

a.control_prev {
    border-radius: 0 2px 2px 0;
}

a.control_next {
    right: 0;
    border-radius: 2px 0 0 2px;
}

.slider_option {
    position: relative;
    margin: 10px auto;
    width: 160px;
    font-size: 18px;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); /* Estilo para el modo oscuro */
body {
    background-color: #303030 !important;
    /* Fondo oscuro */
    color: #e0e0e0 !important;
    /* Color de texto claro */
    font-family: 'Roboto', sans-serif !important;
    /* Fuente Roboto */
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.1rem !important;
}

/* Estilo para el contenedor .sd-new-header */
.sd-new-header {
    background-color: #000 !important;
    /* Fondo oscuro */
    padding: 10px 20px !important;
    border-bottom: 2px solid #505050 !important;
}

/* Estilo para el nav dentro de .sd-new-header */
.sd-new-header nav {
    background-color: transparent !important;
    /* Fondo transparente para heredar del contenedor */
    padding: 0 !important;
}

.sd-new-header nav a {
    color: #e0e0e0 !important;
    /* Texto claro */
    text-decoration: none !important;
    margin: 0 15px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

.sd-new-header nav a:hover {
    color: #00adb5 !important;
    /* Color de hover contrastante */
}

/* Estilo para títulos (h1 - h5) */
h1, h2, h3, h4, h5 {
    color: #00adb5 !important;
    /* Títulos en color contrastante */
    font-weight: bold !important;
    margin: 20px 0 !important;
    text-align: center !important;
}

h1 {
    font-size: 2.5em !important;
}

h2 {
    font-size: 2em !important;
}

h3 {
    font-size: 1.75em !important;
}

h4 {
    font-size: 1.5em !important;
}

h5 {
    font-size: 1.25em !important;
}

/* Estilo para tablas en modo oscuro */
table {
    width: 100% !important;
    border-collapse: collapse !important;
    background-color: #2b2b2b !important;
    /* Fondo oscuro para la tabla */
    color: #e0e0e0 !important;
    /* Texto claro */
    margin: 20px 0 !important;
    border: 1px solid #505050 !important;
}

th, td {
    padding: 10px !important;
    border: 1px solid #505050 !important;
    text-align: left !important;
}

th {
    background-color: #1c1c1c !important;
    /* Fondo oscuro para encabezados */
    color: #00adb5 !important;
    /* Color contrastante para los encabezados */
    font-weight: bold !important;
}

td {
    background-color: #333333 !important;
    /* Fondo para celdas */
}

tr:nth-child(even) td {
    background-color: #3a3a3a !important;
    /* Alternancia de color para filas pares */
}

tr:hover td {
    background-color: #4d4d4d !important;
    /* Efecto hover para filas */
}

/* Ajuste responsivo */
@media (max-width: 768px) {
    .sd-new-header nav {
        text-align: center !important;
    }

    .sd-new-header nav a {
        display: block !important;
        margin: 10px 0 !important;
    }

    h1 {
        font-size: 2em !important;
    }

    table, th, td {
        font-size: 14px !important;
    }
}

/* Asegúrate de incluir esto en tu archivo CSS o dentro de una etiqueta <style> en el head de tu HTML */
.image-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    /* Espacio entre las imágenes */
}

.image-container img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    /* Bordes redondeados para un acabado más suave */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* Sombra suave para un efecto de profundidad */
    transition: transform 0.3s ease-in-out;
    /* Efecto de transición suave para hover */
}

.image-container img:hover {
    transform: scale(1.05);
    /* Efecto de zoom al pasar el cursor sobre la imagen */
}

ul {
    font-size: 1.1rem !important;
}

p {
    font-size: 1.1rem !important;
}



.custom-card {
    background-color: #303030; /* Fondo oscuro, similar a tu sitio web */
    border-radius: 10px; /* Borde redondeado */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombras suaves para elevar los recuadros */
    padding: 20px;
    transition: transform 0.2s ease-in-out;
    color: #fff; /* Texto claro para contraste */
    border: 1px solid #505050; /* Borde sutil que combina con el fondo */
	min-height:270px;
	
}

.custom-card h2 {
    color: #ff4444; /* Título en rojo similar al color del logo de SERESIS */
    margin-bottom: 10px;
}

.custom-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); /* Más elevación al hacer hover */
}


.text-center h1, .text-center h2, .text-center p {
    color: #ffffff; /* Asegurar que el texto sea visible en el fondo oscuro */
}

.header-img {
    margin-bottom: 30px;
}

.text-center h2 {
    color: #ff4444; /* Resaltar los subtítulos en el mismo color rojo */
}


.p_rectangulo{
    font-size: 0.86rem !important;
}