/* CSS Document */
.fr-window { touch-action: none; }
.fr-overlay-background { background-color: rgba(100,81,70,.99); opacity: .99;}
.fr-window-skin-fresco .fr-content-background {background-color: transparent; box-shadow: none}
.fr-info-background, .fr-ui-outside .fr-info-background  {background-color: transparent;}
.fr-overlay-ui-fullclick .fr-overlay-background { background-color: rgba(100,81,70,.99); opacity: .99;}
.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background {background-color: transparent;}
.fr-position-background {background-color: transparent;}
.fr-position-outside .fr-position-text, .fr-position-inside .fr-position-text{ text-shadow: none;}
.fr-position-text {color: #fff;}
.fr-info { color: #fff; text-align: center; font-size: 18px;}
.fr-stroke-left,.fr-stroke-right,.fr-stroke-bottom { display: none}
.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon , .fr-window-skin-fresco.fr-svg .fr-side-button-icon{ /*filter: invert(1);*/}
.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background {background-color: transparent}
.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background {background-color: transparent;}

.fr-window-skin-fresco .fr-thumbnail-wrapper{ box-shadow: none;}
.fr-page { transition: all .5s ease;}

/* thumbnail */
.fr-thumbnails-side-button-background { border-radius: 0;}
.fr-window-skin-fresco .fr-thumbnail-overlay-border {border: 1px solid rgba(255,255,255,.9); }
.fr-thumbnail-overlay, .fr-thumbnail-overlay-background, .fr-thumbnail-overlay-border { top: 5%; left: 5%;width: 90%; height: 90%; }
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border, .fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 1px solid rgba(255,255,255,.5); }
.fr-thumbnail-wrapper {background-color: rgba(100,81,70,1);}
.fr-window-ui-fullclick .fr-thumbnails { background: none!important;}


/* buttons */
.fr-side-button-icon { background-image: none!important;}
.fr-side-previous .fr-side-button-icon:after { display: inline-block; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; content: '\f053'; font-size: 26px; font-weight: 300; color: #fff; position: absolute; height: auto; top: 50%; transform: translateY(-50%); right: 50%; border: none; }
.fr-side-next .fr-side-button-icon:after { display: inline-block; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; content: '\f054'; font-size: 26px; font-weight: 300; color: #fff; position: absolute; height: auto; top: 50%; transform: translateY(-50%); right: 50%; border: none; }
/* btn close*/
.fr-close-background, .fr-close-icon { background-image: none!important;}
.fr-close-icon:after { display: inline-block; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; content: '\f00d'; font-size: 26px; font-weight: 300; color: #fff; position: absolute; height: auto; top: 50%; transform: translateY(-50%); right: 50%; border: none; }



/* cover fit*/
.fr-box {height: 94%!important;}
.fr-content, .fr-content-background { top: 0%!important; left: 0%!important; width: 100%!important;  height: 100%!important; overflow: visible;  object-fit: cover;}
.fr-content-element { float: left; width: 100%;height: 100%; object-fit: contain;}


@media (max-width: 500px) and (orientation: portrait), (orientation: landscape) and (max-height: 500px){
	/*.fr-thumbnails-horizontal .fr-thumbnails {  display: block!important;}*/
	.fr-box { height: 100%!important;}
}