@charset "utf-8";
/* CSS Document */


.ibt-preview {}
.ibt-preview img {object-fit: cover;}

#ibt-preview-image {cursor: pointer; width: 100%; height: auto; box-sizing: border-box; border: 1px #f3f3f3 solid; border-radius: 8px;}
#ibt-preview-image>img {height: 100%; width: 100%;}

#ibt-preview-thumbnails {text-align: center; padding: 15px 0;}
#ibt-preview-thumbnails>img {border: 1px #f3f3f3 solid; width: calc(33% - 100.5px); border-radius: 8px; cursor: pointer; margin: 0 5px;}
/*
#ibt-preview-thumbnails>img:nth-child(4n-7) {margin-left: 0;}
#ibt-preview-thumbnails>img:nth-child(3n+3) {margin-right: 0;}
*/


#ibt-preview-fullscreen {background: rgba(0, 0, 0, 0.5); position: fixed; display: none; height: 100%; width: 100%; z-index: 999980; left: 0; top: 0;}
.ibt-preview-fullscreen-controls {height: 30px; width: 100%;}
.ibt-preview-fullscreen-controls>div {color: rgb(255, 255, 255); text-align: center; border-radius: 5px; line-height: 10px; margin: 5px 10px; font-size: 24px; cursor: pointer; padding: 5px; float: right; height: 13px; width: 13px;}

#ibt-preview-fullscreen-image {height: calc(100% - 50px); width: 100%;}
#ibt-preview-fullscreen-image>img {max-height: 100%; max-width: 100%; display: block; margin: 0 auto; height: auto; width: auto;}

.video-wrap {width: 92%; max-width: 900px; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%);}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media screen and (max-width: 1070px){
   #ibt-preview-thumbnails>img {width: calc(45% - 100.5px); }	
}
@media screen and (max-width: 830px){
   #ibt-preview-thumbnails>img {width: calc(51% - 100.5px); }	
}
@media screen and (max-width: 700px){
   #ibt-preview-thumbnails>img {width: calc(33% - 100.5px); }	
}
@media screen and (max-width: 520px){
   #ibt-preview-thumbnails>img {width: calc(43% - 100.5px); }	
}
@media screen and (max-width: 400px){
   #ibt-preview-thumbnails>img {width: calc(48% - 100.5px); }	
}