.custom-gallery .gallery-columns-8 .gallery-item {
width: calc((100% - 210px) / 8) !important;
margin-right: 30px !important;
}
.custom-gallery .gallery-columns-7 .gallery-item {
width: calc((100%) / 7) !important;
}
.custom-gallery .gallery-columns-6 .gallery-item {
width: calc((100%) / 6) !important;
}
.custom-gallery .gallery-columns-5 .gallery-item {
width: calc((100%) / 5) !important;
}
.custom-gallery .gallery-columns-4 .gallery-item {
width: calc((100%) / 4) !important;
}
.custom-gallery .gallery-columns-3 .gallery-item {
width: calc((100%) / 3) !important;
}
.custom-gallery .gallery-columns-2 .gallery-item {
width: calc((100%) / 2) !important;
}
.custom-gallery .gallery-columns-1 .gallery-item {
width: 100% !important;
margin-right: 30px !important;
}
.custom-gallery.with-distance .gallery-item {
margin: 0 30px 30px 0 !important;
background: none;
} .custom-gallery.with-distance .gallery-columns-8 .gallery-item {
width: calc((100% - 210px) / 8) !important;
margin-right: 30px !important;
}
.custom-gallery.with-distance .gallery-columns-7 .gallery-item {
width: calc((100% - 180px) / 7) !important;
margin-right: 30px !important;
}
.custom-gallery.with-distance .gallery-columns-6 .gallery-item {
width: calc((100% - 150px) / 6) !important;
margin-right: 30px !important;
}
.custom-gallery.with-distance .gallery-columns-5 .gallery-item {
width: calc((100% - 120px) / 5) !important;
margin-right: 30px !important;
}
.custom-gallery.with-distance .gallery-columns-4 .gallery-item {
width: calc((100% - 90px) / 4) !important;
margin-right: 30px !important;
}
.custom-gallery.with-distance .gallery-columns-3 .gallery-item {
width: calc((100% - 60px) / 3) !important;
margin-right: 30px !important;
}
.custom-gallery.with-distance .gallery-columns-2 .gallery-item {
width: calc((100% - 30px) / 2) !important;
margin-right: 30px !important;
}
.custom-gallery.with-distance .gallery-columns-1 .gallery-item {
width: 100% !important;
margin-right: 30px !important;
}
.custom-gallery.with-distance .gallery-columns-8 .gallery-item:nth-of-type(8n),
.custom-gallery.with-distance .gallery-columns-7 .gallery-item:nth-of-type(7n),
.custom-gallery.with-distance .gallery-columns-6 .gallery-item:nth-of-type(6n),
.custom-gallery.with-distance .gallery-columns-5 .gallery-item:nth-of-type(5n),
.custom-gallery.with-distance .gallery-columns-4 .gallery-item:nth-of-type(4n),
.custom-gallery.with-distance .gallery-columns-3 .gallery-item:nth-of-type(3n),
.custom-gallery.with-distance .gallery-columns-2 .gallery-item:nth-of-type(2n),
.custom-gallery.with-distance .gallery-columns-1 .gallery-item:nth-of-type(1n) {
margin-right: 0 !important;
} .custom-gallery {
width: 100% !important;
}
.custom-gallery .gallery-item {
overflow: hidden !important;
flex-grow: 0 !important;
margin: 0 !important;
}
.custom-gallery .gallery-item img {
position: absolute !important;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%) !important;
-ms-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
max-width: none !important;
}
.custom-gallery .gallery-item img.portrait {
width: 100% !important;
height: auto !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-animation: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body.notouch .custom-gallery .gallery-item a:hover img.portrait {
width: 120% !important;
height: auto !important;
}
.custom-gallery .gallery-item img.square {
width: 100% !important;
height: auto !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-animation: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body.notouch .custom-gallery .gallery-item a:hover img.square {
width: 120% !important;
height: auto !important;
}
.custom-gallery .gallery-item img.landscape {
width: auto !important;
height: 100% !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-animation: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body.notouch .custom-gallery .gallery-item a:hover img.landscape {
width: auto !important;
height: 120% !important;
}
.gallery-icon {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border: none !important;
margin: 0 !important;
padding: 0 !important;
}
.gallery-icon img {
position: absolute;
top: 50%;
left: 50%;
border: none !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-animation: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-icon img.portrait {
width: 100%;
height: auto;
}
.gallery-icon img.square {
width: 100%;
height: auto;
}
.gallery-icon img.landscape {
height: 100%;
width: auto;
}
body.notouch .gallery-icon:hover img.portrait, body.notouch .gallery-icon:hover img.square {
width: 120%;
height: auto;
}
body.notouch .gallery-icon:hover img.landscape {
height: 120%;
width: auto;
}@media all and (-ms-high-contrast: none) {
.mainmenu-box ul.header-special-box {
width: 1600px;
margin-left: -1585px;
} *::-ms-backdrop, .mainmenu-box ul.header-special-box {
width: 1600px;
margin-left: -1585px;
} .mainmenu-box ul.header-special-box li {
float: right;
} *::-ms-backdrop, .mainmenu-box ul.header-special-box li {
float: right;
} .bg_img_title img {
height:101%!important;
width:auto!important;
} *::-ms-backdrop, .bg_img_title img {
height:101%!important;
width:auto!important;
}
}