div.thumbs { height: 118px; overflow: hidden; }
span.vice, span.mene {
	text-align: center; color: rgba(255,255,255,.5); padding: 2px 5px 4px;
	background: transparent url(../img/bg-butt.png); border-radius: 6px;
	cursor: pointer; cursor: _hand;
}
span.mene { display: none; }

.modal { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1050; outline: 0 none; -webkit-overflow-scrolling: touch; overflow: hidden; }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog {  display: none; margin: 10px auto; max-width: 900px; position: relative; width: auto; }
.modal-dialog .lightbox-loader > div > div { background-color: #333 }
.modal.show .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-content { position: relative; outline: 0 none; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #efe6b9; border: 1px solid #000000; border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }
.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; }
.modal-header { padding: 4px 4px 0; text-align: center; }
.modal-header h4 { margin: 0; }
.modal-header .close { float: right; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 2px 0 #fff; filter: alpha(opacity=30); opacity: .3; }
.modal-header .close:hover,
.modal-header .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=100); opacity: 1; }
.modal-header button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; }
.modal-header button.close span { color: inherit; }
.modal-body { padding: 4px; }
.modal-footer { padding: 0 4px 4px; text-align: left; color: #000; text-shadow: 0 0 1px #fff; filter: alpha(opacity=50); opacity: .5; }
.modal-footer:hover { filter: alpha(opacity=100); opacity: 1; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

.lightbox { background-color: rgba(0, 0, 0, 0.7); }
.lightbox-container { position: relative }
.lightbox-container > div.lightbox-item { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100% }
.lightbox iframe { width: 100%; height: 100% }
.lightbox-nav-overlay { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex }
.lightbox-nav-overlay a { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; opacity: 0; transition: opacity .5s; color: #fff; font-size: 30px; z-index: 1 }
.lightbox-nav-overlay a > * { -ms-flex-positive: 1; flex-grow: 1 }
.lightbox-nav-overlay a > :focus { outline: none }
.lightbox-nav-overlay a span { padding: 0 30px }
.lightbox-nav-overlay a:last-child span { text-align:right }
.lightbox-nav-overlay a:hover { text-decoration: none }
.lightbox-nav-overlay a:focus { outline: none }
.lightbox a:hover { opacity: 1; text-decoration: none }
.lightbox img { border: 0 none; margin: 0; padding: 0; }
.lightbox-loader { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center }
.lightbox-loader > div { width: 40px; height: 40px; position: relative; text-align: center }
.lightbox-loader > div > div { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; animation: a 2s infinite ease-in-out }
.lightbox-loader > div > div:last-child { animation-delay: -1s }
.lightbox .fade { opacity: 0; transition: opacity 0.15s linear 0s; }
.lightbox .fade.show { opacity: 1; }

@keyframes a { 0%, to { transform: scale(0); -webkit-transform: scale(0) } 50% { transform: scale(1); -webkit-transform: scale(1) } }
