.image-gallery{position:relative;margin:0 auto}.image-gallery-wrapper{display:flex;justify-content:space-between;width:100%;height:100%}.image-gallery-wrapper .gallery-images-wrapper{position:relative;padding-top:54%;left:0;width:100%}.image-gallery-wrapper .gallery-images-wrapper .gallery-image{overflow:hidden;position:relative;width:100%;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}.image-gallery-wrapper .gallery-images-wrapper .gallery-image--main{position:absolute;top:0;left:0;right:0;bottom:0}.image-gallery-wrapper .gallery-images-wrapper .gallery-image--main img{min-width:100%;min-height:100%}.image-gallery-wrapper .gallery-images-wrapper .gallery-image--main:after{background-position:top right;background-repeat:no-repeat;width:50%;max-width:200px;height:100%;position:absolute;top:0;right:0;pointer-events:none;display:none}@media screen and (min-width:1024px){.image-gallery-wrapper .gallery-images-wrapper .gallery-image--main:after{display:none}}.image-gallery-wrapper .gallery-images-wrapper--thumbnails{position:relative;background-color:transparent;width:225px}@media only screen and (max-width:768px){.image-gallery-wrapper .gallery-images-wrapper--thumbnails{display:none}}.image-gallery-wrapper .gallery-images-wrapper--thumbnails .gallery-thumbnails-wrapper{overflow-y:hidden;position:absolute;top:0;right:0;bottom:0;left:0;height:100%;padding-left:2px}.image-gallery-wrapper .gallery-images-wrapper--thumbnails .gallery-image{cursor:pointer;padding-top:66.66%;width:100%;border:2px solid #FFF}.image-gallery-wrapper .gallery-images-wrapper--thumbnails .gallery-image.active{box-shadow:inset 0 0 10px rgba(0,0,0,0.8)}.image-gallery-wrapper .gallery-images-wrapper .gallery__button{height:30px;background-color:rgba(0,0,0,0);cursor:pointer;text-align:center;transition-duration:.3s;top:0;position:absolute;width:100%;z-index:9;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.image-gallery-wrapper .gallery-images-wrapper .gallery__button:hover{background-color:rgba(0,0,0,0.5)}.image-gallery-wrapper .gallery-images-wrapper .gallery__button img{width:19px;margin-top:6px}.image-gallery-wrapper .gallery-images-wrapper .gallery__button--down{top:auto;bottom:0}.image-gallery-wrapper .gallery-images-wrapper__tool{background-color:rgba(0,0,0,0.6);height:30px;font-size:14px;width:20%;position:absolute;bottom:10px;left:50%;display:flex;justify-content:space-between;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width:768px){.image-gallery-wrapper .gallery-images-wrapper__tool{width:100%;height:100%;transform:none;top:0;left:0;line-height:100%;background:0;pointer-events:none}}.image-gallery-wrapper .gallery-images-wrapper__tool .gallery__horizontal-button{width:30px;background-color:rgba(0,0,0,0);height:100%;cursor:pointer;text-align:center;transition-duration:.3s}.image-gallery-wrapper .gallery-images-wrapper__tool .gallery__horizontal-button:hover{background-color:rgba(0,0,0,0.2)}.image-gallery-wrapper .gallery-images-wrapper__tool .gallery__horizontal-button img{width:16px;margin-top:7px}@media only screen and (max-width:768px){.image-gallery-wrapper .gallery-images-wrapper__tool .gallery__horizontal-button{display:flex;background:0;justify-content:center;pointer-events:auto}.image-gallery-wrapper .gallery-images-wrapper__tool .gallery__horizontal-button:hover{background:0}}.image-gallery-wrapper .gallery-images-wrapper__tool .gallery__images-number{text-align:center;color:#fff;line-height:30px}@media only screen and (max-width:768px){.image-gallery-wrapper .gallery-images-wrapper__tool .gallery__images-number{display:flex;align-items:flex-end;color:rgba(255,255,255,0.5);font-size:14px}}.loader{position:absolute;width:100%;text-align:center;height:100%;display:block;opacity:0;pointer-events:none;max-width:50px;max-height:50px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.loader.active{display:block;opacity:1}.loader.initial{display:flex;align-items:center;justify-content:center;opacity:1}