.gallery {
    display: none;
}

    .gallery.sevenspikes-cloudzoom-gallery {
        display: block;
    }

    .gallery .picture-wrapper {
        position: relative;
    }

.sevenspikes-cloudzoom-gallery .picture {
    width: 100%;
}

.gallery .picture-wrapper > img {
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.cloudzoom-lens {
    z-index: 1;
    opacity: 0.7;
    cursor: crosshair;
}

    .cloudzoom-lens:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        background-color: #fff;
    }

.cloudzoom-zoom {
    top: 0 !important;
    left: calc(100% + 25px) !important;
    z-index: 9999;
}

.cloudzoom-zoom-inside {
    top: 0 !important;
    right: 0;
    left: 0 !important;
    z-index: 1;
    height: 100% !important;
    margin: auto;
    cursor: crosshair;
}

    .cloudzoom-zoom-inside img + div {
        top: auto !important;
        bottom: 0 !important;
    }

.cloudzoom-caption {
    display: none;
    background-color: #2c2c2c;
    padding: 15px 20px;
    color: #fff;
}

.cloudzoom-blank {
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAAA3NCSVQICAjb4U/gAAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlP/AOW3MEoAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDYvMzAvMTLNuPjnAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAAAxJREFUCJlj+M+AAgE/0Af5DM23uwAAAABJRU5ErkJggg==");
}

.cloudzoom-ajax-loader {
    font-size: 0;
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #f3cc2e;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

    .cloudzoom-ajax-loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 2px solid transparent;
        border-top-color: #f3cc2e;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
    }

    .cloudzoom-ajax-loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 2px solid transparent;
        border-top-color: #f3cc2e;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.gallery {
    margin: 0 0 40px
}

.gallery .picture {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 0
}

.gallery .picture a {
    display: inline-block;
    max-width: 100%
}

.gallery .picture-thumbs {
    text-align: center;
    font-size: 0;
    margin: 0 0 30px;
    letter-spacing: 0
}

.gallery .picture-thumbs:after {
    content: "";
    display: block;
    clear: both
}



.gallery .thumb-item:nth-child(5n+1) {
    margin-left: 0
}

.gallery .thumb-item:before {
    content: "";
    display: block;
    padding-top: 100%
}



@media all and (min-width: 1201px) {
    .gallery.sevenspikes-cloudzoom-gallery {
        margin: 0 0 40px;
    }

    .sevenspikes-cloudzoom-gallery .picture-wrapper {
        width: 80%;
        float: right;
    }

        .sevenspikes-cloudzoom-gallery .picture-wrapper:only-child {
            width: 100%;
        }
        .gallery .thumb-item {
        width: 18.2%;
        margin: 2% 0 0 2.25%;
        display: inline-block;
        position: relative;
        overflow: hidden;
/*        border: 1px dashed #ccc*/
    }

}


.gallery {
    margin: 0 0 40px
}

    .gallery .picture {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: 0
    }

        .gallery .picture a {
            display: inline-block;
            max-width: 100%
        }

    .gallery .picture-thumbs {
        text-align: center;
        font-size: 0;
        margin: 0 0 30px;
        letter-spacing: 0
    }

        .gallery .picture-thumbs:after {
            content: "";
            display: block;
            clear: both
        }

    
        .gallery .thumb-item:nth-child(5n+1) {
            margin-left: 0
        }

        .gallery .thumb-item:before {
            content: "";
            display: block;
            padding-top: 100%
        }

        .gallery .thumb-item img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 90%;
            max-height: 100%;
            margin: auto
        }



    .overview .label,
    .variant-overview .label,
    .overview .value,
    .variant-overview .value {
        font-size: 15px;
    }

    .overview .product-name {
        position: static;
        height: auto;
        padding: 0;
        margin: 0 0 25px;
    }

        .overview .product-name h1 {
            text-align: left;
        }

.product-reviews-overview {
    position: absolute;
    top: 0;
    right: 0;
    width: 125px;
    text-align: right;
}

.product-review-links {
    margin: 5px 0 0;
}

    .product-review-links a {
        display: block;
        margin: 0 0 3px;
    }

        .product-review-links a:last-child {
            color: #f0483e;
        }

    .product-review-links .separator {
        display: none;
    }
    .picture-thumbs .picture-thumbs-item {
    padding: 5px 0;
    height: 110px !important;
}
@media (max-width: 1201px) {
    .picture-thumbs .picture-thumbs-item {
        padding: 0 5px;
    }
}
@media (min-width: 1201px) {
    .gallery {
        float: left;
        width: 55%
    }

        .gallery .picture {
            box-shadow: none
        }

        .gallery .picture {
            width: 80%;
            float: right;
            margin: 0 0 40px
        }

            .gallery .picture:only-child {
                width: 100%;
                float: none
            }

        .gallery .picture-thumbs {
            width: 16%;
            float: left
        }

        .gallery .thumb-item {
            width: 100%;
            margin: 0 0 20px
        }

            .gallery .thumb-item:last-child {
                margin: 0
            }

        .gallery .thumb-item {
            box-shadow: none
        }

    .overview {
        float: right;
        width: 41.5%;
        text-align: left
    }

        .overview .label, .variant-overview .label, .overview .value, .variant-overview .value {
            font-size: 15px
        }

        .overview .product-name {
            position: static;
            height: auto;
            padding: 0 125px 0 0;
            margin: 0 0 5px
        }

            .overview .product-name h1 {
                text-align: left
            }
    .sevenspikes-cloudzoom-gallery .picture-wrapper {
        width: 80%;
        float: right;
    }
}
.picture-thumbs a.cloudzoom-gallery {
    display: block !important;
    margin: 0 !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
}
@media (min-width: 600px) {
    .gallery {
        /*max-width: 625px;*/
        margin: 0 auto 40px;
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block;
    position: relative;
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slider-wrapper {
    position: relative
}

.anywhere-slider {
    position: relative
}

.picture-slide img {
    width: 100%
}

.anywhere-slider .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 99;
    width: 50px;
    height: 50px;
    margin: -25px 0 0;
    border: none;
    background-color: #1f1f1f;
    opacity: .6;
    font-size: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.anywhere-slider .slick-arrow:before {
    font-family: "venture-font";
    text-transform: none;
    font-size: 8px;
    width: 9px;
    height: 8px;
    color: #f0483e;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.anywhere-slider .slick-prev {
    left: -50px
}

.slider-wrapper:hover .slick-prev {
    left: 0
}

.anywhere-slider .slick-prev:before {
    content: "r"
}

.anywhere-slider .slick-next {
    right: -50px
}

.slider-wrapper:hover .slick-next {
    right: 0
}

.anywhere-slider .slick-next:before {
    content: "q"
}

.anywhere-slider .slick-arrow:hover {
    opacity: 1
}

.anywhere-slider .slick-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 9px;
    text-align: center;
    font-size: 0;
    z-index: 99
}

.anywhere-slider .slick-dots:before {
    content: "";
    position: absolute;
    top: 0;
    left: -7px;
    right: -7px;
    bottom: 0;
    background: #f5f5f5;
    z-index: 1;
    -o-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

.anywhere-slider .slick-dots li {
    display: inline-block;
    margin: 5px;
    position: relative;
    z-index: 2
}

.anywhere-slider .slick-dots button {
    width: 9px;
    height: 9px;
    font-size: 0;
    border-width: 0;
    background: #939393;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.anywhere-slider .slick-active button {
    background-color: #f0483e
}