.container {
     width: auto;
}
 .row {
     margin-left: auto;
     margin-right: auto;
}
 .h4 {
     font-weight: bold;
}
 .fancybox-gray .fancybox-bg {
     background: #eee;
     opacity: 1;
}
 .fancybox-bottom {
     background: gray;
}
 @font-face {
     font-family: 'Rubik';
     font-style: normal;
     font-weight: 400;
     src: url('/fonts/rubik-v8-latin_cyrillic_latin-ext_hebrew-regular.eot');
    /* IE9 Compat Modes */
     src: local('Rubik'), local('Rubik-Regular'), url('/fonts/rubik-v8-latin_cyrillic_latin-ext_hebrew-regular.eot?#iefix') format('embedded-opentype'), 
    /* IE6-IE8 */
     url('/fonts/rubik-v8-latin_cyrillic_latin-ext_hebrew-regular.woff2') format('woff2'), 
    /* Super Modern Browsers */
     url('/fonts/rubik-v8-latin_cyrillic_latin-ext_hebrew-regular.woff') format('woff'), 
    /* Modern Browsers */
     url('/fonts/rubik-v8-latin_cyrillic_latin-ext_hebrew-regular.ttf') format('truetype'), 
    /* Safari, Android, iOS */
     url('/fonts/rubik-v8-latin_cyrillic_latin-ext_hebrew-regular.svg#Rubik') format('svg');
    /* Legacy iOS */
}
 .fancybox-bottom {
     font-family: Rubik;
     font-size: 2vw;
     bottom: 0;
     position: absolute;
     height: 5%;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
     color: #cccccc;
}
 .fancybox-thumbs-override {
     width: 100% !important;
}
 .fancybox-thumbs__list a:focus::before {
     opacity: 0;
}
 .fancybox-thumbs__list a.fancybox-thumbs-active:before {
     opacity: 1;
}
 .fancybox-slide--image {
     padding-left: 44px;
     padding-right: 44px;
}
 .fancybox-progress {
     background: #666;
     height: 4px;
}
 .fancybox-thumbs__list a {
     opacity: 0.6;
}
 .fancybox-thumbs__list a.fancybox-thumbs-active {
     opacity: 1;
}
 .fancybox-thumbs__list a:before {
     border: none;
}
 @media all and (max-width: 767.98px) {
     .fancybox-thumbs {
         top: auto;
         width: auto;
         bottom: 0;
         left: 0;
         right: 0;
         height: 95px;
         padding: 10px 10px 5px 10px;
         box-sizing: border-box;
    }
     .fancybox-show-thumbs .fancybox-inner {
         right: 0;
         bottom: 95px;
    }
     .fancybox-bottom {
         font-size: 3vw;
    }
}
 @media (max-height: 576px) {
     .fancybox-slide {
         padding-left: 44px;
         padding-right: 44px;
    }
     .fancybox-slide--image {
         padding: 44px;
    }
}