.duneBox-outer { box-sizing: border-box; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 0; transition: all 0.2s; }

.duneBox-outer.fadded { opacity: 0.15 !important; }

.duneBox-outer *[class^="duneBox-"] { box-sizing: border-box; }

.duneBox-iframe .duneBox-inner, .duneBox-image .duneBox-inner { overflow: hidden; text-align: center; }

.duneBox-outer:nth-child(n+2) { background: rgba(0, 0, 0, 0.1) !important; }

.duneBox-outer.open, .duneBox-outer.open2 { opacity: 1; }

.duneBox-wrap { position: absolute; background: #f4f5f6; padding: 10px; margin: 0; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.duneBox-wrap > .duneBox-nav-prev, .duneBox-wrap > .duneBox-nav-next { width: 32px; height: calc(100% - 30px); position: absolute; display: inline-block; top: 15px; text-align: center; font-weight: bold; font-size: 30pt; color: #eee; cursor: pointer; opacity: 1; left: -32px; }

.duneBox-wrap > .duneBox-nav-prev::after, .duneBox-wrap > .duneBox-nav-prev:after { content: ' '; background: url("https://dunegestion.com/w3/images/modal_arrows_sprite.png"); background-position: 0 0; width: 64px; height: 64px; position: absolute; display: inline-block; top: 50%; left: 0; margin-top: -32px; }

.duneBox-wrap > .duneBox-nav-next::after, .duneBox-wrap > .duneBox-nav-next:after { content: ' '; background: url("https://dunegestion.com/w3/images/modal_arrows_sprite.png"); background-position: 0 0; width: 64px; height: 64px; position: absolute; display: inline-block; top: 50%; left: 0px; margin-top: -32px; }

.duneBox-wrap > .duneBox-nav-prev::after, .duneBox-wrap > .duneBox-nav-prev:after { background-position: 0 64px; right: 0; left: auto; }

.duneBox-wrap > .duneBox-nav-next { left: auto; right: -32px; }

.duneBox-wrap > .duneBox-close, .duneBox-wrap > .duneBox-fade { position: absolute; top: -13px; right: -15px; width: 28px; height: 28px; line-height: 25px; text-align: center; border-radius: 30px; color: #fff; cursor: pointer; background: #213b50; box-shadow: 0 0 12px -4px rgba(0, 0, 0, 0.7); font-weight: 500; font-family: arial !important; transition: all 0.2s; font-size: 20px; border: 2px solid #fff; }

.duneBox-wrap > .duneBox-fade { left: -15px; right: auto; font-size: 12px; cursor: initial; }

.duneBox-wrap > .duneBox-close:hover, .duneBox-wrap > .duneBox-fade:hover { opacity: 0.8; }

.duneBox-wrap > .duneBox-bottom-bar { background: rgba(0, 0, 0, 0.6); color: white; padding: 8px; position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); pointer-events: none; }

.duneBox-wrap > .duneBox-bottom-bar[data-dunebox-title-style='inside'] { padding: 5px 0 0 0; position: static; color: #777; background: transparent; bottom: 0; left: 0; display: block; width: auto; pointer-events: auto; -webkit-user-select: text; -moz-user-select: text; user-select: text; }

.duneBox-wrap > .duneBox-bottom-bar[data-dunebox-title-style='outside'] { position: absolute; bottom: -40px; background: rgba(0, 0, 0, 0.8); color: white; padding: 5px 20px; text-align: center; border-radius: 50px; display: block; width: 100%; margin: 0; left: 0; pointer-events: auto; -webkit-user-select: text; -moz-user-select: text; user-select: text; }

.duneBox-wrap > .duneBox-bottom-bar .duneBox-title { display: inline-block; }

.duneBox-wrap > .duneBox-bottom-bar .duneBox-item-count { float: right; display: inline-block; }

.duneBox-wrap > .duneBox-bottom-bar.duneBox-hidden { display: none; }

.duneBox-outer.open > .duneBox-wrap { transition: all 0.2s; }

.duneBox-outer.open > .duneBox-wrap > .duneBox-inner { transition: all 0.2s; }

.duneBox-wrap > .duneBox-inner { -webkit-user-select: text; -moz-user-select: text; user-select: text; }

.duneBox-wrap > .duneBox-inner > iframe { border: none; }

.zoomBox { cursor: Row-Resize; cursor: zoom-in; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.zoomBox.maxZoom { cursor: zoom-out; }

.zoomBox.drag { cursor: All-Scroll; cursor: grabbing; }

.zoomBox.noZoom { cursor: default !important; }
