.chocolat-zoomable.chocolat-zoomed {
    cursor: zoom-out;
}

.chocolat-open {
    overflow: hidden;
}

.chocolat-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1002;
    background-color: #fff;
    display: none;
    opacity: 1;
}

.chocolat-wrapper {
    height: 100%;
    width: 100%;
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 1003;
    color: #000;
}

.chocolat-zoomable .chocolat-img {
    cursor: zoom-in;
}

.chocolat-loader {
    height: 32px;
    width: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    z-index: 11;
    /*     background:url(../images/loader.gif); */
    display: none;
}

.chocolat-content {
    position: fixed;
    width: 0px;
    height: 0px;
    left: 50%;
    top: 50%;
    z-index: 1004;
    text-align: left;
}

.chocolat-content .chocolat-img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.chocolat-wrapper .chocolat-left {
    position: absolute;
    left: 1rem;
    width: 15%;
    height: 6.3rem;
    top: 50%;
    margin-top: -1.75rem;
    cursor: pointer;
    /*     background:url(../images/left.png) 50% 50% no-repeat; */
    z-index: 1007;
    display: none;
}

.chocolat-wrapper .chocolat-right {
    position: absolute;
    right: 1rem;
    width: 15%;
    padding-left: calc(15% - 2.5rem);
    height: 6.3rem;
    top: 50%;
    margin-top: -1.75rem;
    cursor: pointer;
    /*     background:url(../images/right.png)  50% 50% no-repeat; */
    z-index: 1007;
    display: none;
}

.chocolat-wrapper .chocolat-left:before {
    content: '';
    width: 2rem;
    height: 2rem;
    display: block;
    font-size: 0;
    /* border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: 1.85rem; */
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyLjcgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyLjcgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIxNi4yIiBjeT0iMTUuOSIgcj0iMTMuOCIvPg0KPHBvbHlsaW5lIGNsYXNzPSJzdDEiIHBvaW50cz0iMTYsMjAuOSAxMS4xLDE1LjkgMTYsMTEgIi8+DQo8bGluZSBjbGFzcz0ic3QxIiB4MT0iMjAuOSIgeTE9IjE1LjkiIHgyPSIxMS4xIiB5Mj0iMTUuOSIvPg0KPC9zdmc+DQo=")
}

.chocolat-wrapper .chocolat-right:before {
    content: '';
    width: 2rem;
    height: 2rem;
    display: block;
    /* font-size: 0;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 1.85rem; */
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGl2ZWxsb18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDMyLjcgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyLjcgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8aW1hZ2Ugc3R5bGU9Im92ZXJmbG93OnZpc2libGU7IiB3aWR0aD0iOTAiIGhlaWdodD0iMTE2IiB4bGluazpocmVmPSIuLi8uLi9EZXNrdG9wL1NjcmVlbnNob3QgMjAyNS0wNS0yMCBhbGxlIDA5LjI3LjEzLnBuZyIgIHRyYW5zZm9ybT0ibWF0cml4KDAuNSAwIDAgMC41IDE0Ni40Njk3IDUyLjk1OTkpIj4NCjwvaW1hZ2U+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSItMTQxLjgiIGN5PSIxNS45IiByPSIxMy44Ii8+DQo8cG9seWxpbmUgY2xhc3M9InN0MSIgcG9pbnRzPSItMTQxLjYsMTAuOSAtMTM2LjcsMTUuOSAtMTQxLjYsMjAuOCAiLz4NCjxsaW5lIGNsYXNzPSJzdDEiIHgxPSItMTQ2LjUiIHkxPSIxNS45IiB4Mj0iLTEzNi43IiB5Mj0iMTUuOSIvPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTYuMiIgY3k9IjE1LjkiIHI9IjEzLjgiLz4NCjxwb2x5bGluZSBjbGFzcz0ic3QxIiBwb2ludHM9IjE2LjQsMTAuOSAyMS4zLDE1LjkgMTYuNCwyMC44ICIvPg0KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjExLjUiIHkxPSIxNS45IiB4Mj0iMjEuMyIgeTI9IjE1LjkiLz4NCjwvc3ZnPg0K");
}

.chocolat-wrapper .chocolat-right.active {
    display: block;
}

.chocolat-wrapper .chocolat-left.active {
    display: block;
}

.chocolat-wrapper .chocolat-top {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    line-height: 3.1rem;
    height: 3.1rem;
    overflow: hidden;
    z-index: 1007;
    margin-bottom: 0.7rem;
}

.chocolat-wrapper .chocolat-close {
    width: 0.9rem;
    height: 0.9rem;
    cursor: pointer;
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
    background-image: url(../images/close_white.svg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.chocolat-wrapper .chocolat-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 40px;
    height: 40px;
    font-size: 12px;
    z-index: 17;
    padding-left: 15px;
    padding-right: 15px;
    background: rgba(255, 255, 255, 0.2);
    text-align: right;
    margin-top: 10px;
}

.chocolat-wrapper .chocolat-set-title {
    display: inline-block;
    padding-right: 15px;
    line-height: 1;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.chocolat-wrapper .chocolat-pagination {
    float: right;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 15px;
    /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/
}

.chocolat-wrapper .chocolat-fullscreen {
    width: 16px;
    height: 40px;
    /*     background: url(../images/fullscreen.png) 50% 50% no-repeat; */
    display: block;
    margin: auto;
    cursor: pointer;
    float: right;
}

.chocolat-wrapper .chocolat-description {
    display: inline-block;
    float: left;
}

.chocolat-wrapper .chocolat-bottom {
    z-index: 9999;  
    transform: translateY(-20px);
    height: auto;
    line-height: 1;
}

.chocolat-wrapper .chocolat-description {
    color: #000;
    text-align: center;
    display: block;
    float: none;
}

.chocolat-wrapper .chocolat-pagination {
    display: none;
}

/* no container mode*/

body.chocolat-open>.chocolat-overlay {
    z-index: 15;
}

body.chocolat-open>.chocolat-loader {
    z-index: 15;
}

body.chocolat-open>.chocolat-content {
    z-index: 17;
}


/* container mode*/

.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-content,
.chocolat-in-container .chocolat-overlay {
    position: absolute;
}

.chocolat-in-container {
    position: relative;
}


/* uncomment to hide controls when zoomed-in*/


/*
.chocolat-zoomable .chocolat-top,
.chocolat-zoomable .chocolat-bottom,
.chocolat-zoomable .chocolat-right,
.chocolat-zoomable .chocolat-left {
    transition: opacity .3s ease, visibility 0s .3s;
   opacity: 1;
}

.chocolat-zoomable.chocolat-zoomed .chocolat-top,
.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
.chocolat-zoomable.chocolat-zoomed .chocolat-right,
.chocolat-zoomable.chocolat-zoomed .chocolat-left {
    visibility: hidden;
    opacity: 0;
}
*/