dd-popup-image-modal .dd-modal-container,dd-popup-image-edit-modal .dd-modal-container{overflow:hidden}dd-popup-image-modal .dd-modal-container .dd-modal,dd-popup-image-edit-modal .dd-modal-container .dd-modal{background-color:rgba(0,0,0,0);height:100%;width:100%;max-height:100%;max-width:100%;padding:0px}dd-popup-image-modal .dd-modal-body,dd-popup-image-edit-modal .dd-modal-body{width:100%;height:100%;padding:60px}dd-popup-image-modal .popup-images-container,dd-popup-image-edit-modal .popup-images-container{height:100%;width:100%;position:relative;overflow:hidden}dd-popup-image-modal .popup-images-container .popup-image-rotator-image,dd-popup-image-edit-modal .popup-images-container .popup-image-rotator-image{height:100%;width:100%;background-repeat:no-repeat;position:absolute;top:0;left:0;background-position:center;display:none;animation-duration:500ms}dd-popup-image-modal .popup-images-container .popup-image-rotator-image.active,dd-popup-image-modal .popup-images-container .popup-image-rotator-image.deactive,dd-popup-image-edit-modal .popup-images-container .popup-image-rotator-image.active,dd-popup-image-edit-modal .popup-images-container .popup-image-rotator-image.deactive{display:block}dd-popup-image-modal .popup-images-container .popup-image-rotator-image.deactive,dd-popup-image-edit-modal .popup-images-container .popup-image-rotator-image.deactive{animation-fill-mode:forwards}dd-popup-image-modal .popup-images-container.cc-slide-in .popup-image-rotator-image.active,dd-popup-image-edit-modal .popup-images-container.cc-slide-in .popup-image-rotator-image.active{animation-name:popup-image-rotator-slide-in}dd-popup-image-modal .popup-images-container.cc-slide-in .popup-image-rotator-image.deactive,dd-popup-image-edit-modal .popup-images-container.cc-slide-in .popup-image-rotator-image.deactive{animation-name:popup-image-rotator-slide-out}dd-popup-image-modal .popup-images-container.cc-flip-in .popup-image-rotator-image.active,dd-popup-image-edit-modal .popup-images-container.cc-flip-in .popup-image-rotator-image.active{animation-name:popup-image-rotator-flip-vertical-left-in}dd-popup-image-modal .popup-images-container.cc-flip-in .popup-image-rotator-image.deactive,dd-popup-image-edit-modal .popup-images-container.cc-flip-in .popup-image-rotator-image.deactive{animation-name:popup-image-rotator-flip-vertical-left-out}dd-popup-image-modal .popup-images-container.cc-fade-in .popup-image-rotator-image.active,dd-popup-image-edit-modal .popup-images-container.cc-fade-in .popup-image-rotator-image.active{animation-name:popup-image-rotator-fade-in}dd-popup-image-modal .popup-images-container.cc-fade-in .popup-image-rotator-image.deactive,dd-popup-image-edit-modal .popup-images-container.cc-fade-in .popup-image-rotator-image.deactive{animation-name:popup-image-rotator-fade-out}dd-popup-image-modal .close-modal-button,dd-popup-image-edit-modal .close-modal-button{cursor:pointer;position:absolute;top:20px;right:25px;padding:5px;border:none;font-weight:bold;font-size:auto;border-radius:50%;background-color:#686868;height:35px;width:35px;display:flex;justify-content:center;align-items:center;color:#fff;transition:.4s;z-index:999}dd-popup-image-modal .close-modal-button:hover,dd-popup-image-edit-modal .close-modal-button:hover{background-color:#4e4e4e}dd-popup-image-modal .cc-popup-image-rotator-controls-container,dd-popup-image-edit-modal .cc-popup-image-rotator-controls-container{position:absolute;height:20px;width:auto;display:flex;align-items:center;justify-content:center}dd-popup-image-modal .cc-popup-image-rotator-controls-container.bottom,dd-popup-image-edit-modal .cc-popup-image-rotator-controls-container.bottom{bottom:15px}dd-popup-image-modal .cc-popup-image-rotator-controls-container.top,dd-popup-image-edit-modal .cc-popup-image-rotator-controls-container.top{top:15px}dd-popup-image-modal .cc-popup-image-rotator-controls-container.left,dd-popup-image-edit-modal .cc-popup-image-rotator-controls-container.left{left:25px}dd-popup-image-modal .cc-popup-image-rotator-controls-container.right,dd-popup-image-edit-modal .cc-popup-image-rotator-controls-container.right{right:25px}dd-popup-image-modal .cc-popup-image-rotator-controls-container.center,dd-popup-image-edit-modal .cc-popup-image-rotator-controls-container.center{left:50%;transform:translateX(-50%)}dd-popup-image-modal .cc-popup-image-rotator-controls-container .cc-popup-image-rotator-play-pause-button,dd-popup-image-edit-modal .cc-popup-image-rotator-controls-container .cc-popup-image-rotator-play-pause-button{width:20px;height:20px;margin-right:6px;cursor:pointer;display:inline-block;color:#fff;border:none;background-color:inherit;padding:2px}dd-popup-image-modal .cc-popup-image-rotator-controls-container .cc-popup-image-rotator-play-pause-button.play svg.play,dd-popup-image-edit-modal .cc-popup-image-rotator-controls-container .cc-popup-image-rotator-play-pause-button.play svg.play{display:block}dd-popup-image-modal .cc-popup-image-rotator-controls-container .cc-popup-image-rotator-play-pause-button.play svg.pause,dd-popup-image-edit-modal .cc-popup-image-rotator-controls-container .cc-popup-image-rotator-play-pause-button.play svg.pause{display:none}dd-popup-image-modal .cc-popup-image-rotator-controls-container .cc-popup-image-rotator-play-pause-button.pause svg.pause,dd-popup-image-edit-modal .cc-popup-image-rotator-controls-container .cc-popup-image-rotator-play-pause-button.pause svg.pause{display:block}dd-popup-image-modal .cc-popup-image-rotator-controls-container .cc-popup-image-rotator-play-pause-button.pause svg.play,dd-popup-image-edit-modal .cc-popup-image-rotator-controls-container .cc-popup-image-rotator-play-pause-button.pause svg.play{display:none}dd-popup-image-modal .cc-image-rotator-nav-button,dd-popup-image-edit-modal .cc-image-rotator-nav-button{display:inline-block;cursor:pointer;width:18px;height:18px;margin-right:8px;padding-top:0px;border-radius:100%;border:none;background-color:rgba(255,255,255,.5);box-shadow:1px 0px 9px 0px rgba(0,0,0,.4);transition:background-color .2s ease-in-out}dd-popup-image-modal .cc-image-rotator-nav-button.active,dd-popup-image-modal .cc-image-rotator-nav-button:hover,dd-popup-image-edit-modal .cc-image-rotator-nav-button.active,dd-popup-image-edit-modal .cc-image-rotator-nav-button:hover{background-color:#fff}dd-popup-image-modal svg.play,dd-popup-image-modal svg.pause,dd-popup-image-edit-modal svg.play,dd-popup-image-edit-modal svg.pause{width:16px;height:16px;fill:rgba(255,255,255,.8);transition:fill .2s ease-in-out}dd-popup-image-modal svg.play:hover,dd-popup-image-modal svg.pause:hover,dd-popup-image-edit-modal svg.play:hover,dd-popup-image-edit-modal svg.pause:hover{fill:#fff}popup-image .popup-image-container{height:100%;width:100%}popup-image .popup-image-btn{width:100%;height:100%;background-color:#000;border:1px solid #fff;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:18px;font-weight:400;cursor:pointer;border-radius:5px;transition:500ms}popup-image .popup-image-btn:hover{background-color:#1a1a1a}@keyframes popup-image-rotator-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes popup-image-rotator-slide-out{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes popup-image-rotator-fade-in{from{opacity:0}to{opacity:1}}@keyframes popup-image-rotator-fade-out{from{opacity:1}to{opacity:0}}@keyframes popup-image-rotator-flip-vertical-left-out{0%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}100%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0}}@keyframes popup-image-rotator-flip-vertical-left-in{0%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}
