/* Lightbox */
.tos-noanimation {
-webkit-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-o-transition-property: none !important;
transition-property: none !important; }
.tos-fastanimation {
-webkit-transition-duration: 0.2s !important;
-moz-transition-duration: 0.2s !important;
-ms-transition-duration: 0.2s !important;
-o-transition-duration: 0.2s !important;
transition-duration: 0.2s !important;
-webkit-transition-timing-function: ease-out !important;
-moz-transition-timing-function: ease-out !important;
-ms-transition-timing-function: ease-out !important;
-o-transition-timing-function: ease-out !important;
transition-timing-function: ease-out !important; }
.tos-wrapper {
opacity: 0;
-webkit-transition: opacity 0s ease;
-moz-transition: opacity 0s ease;
-ms-transition: opacity 0s ease;
-o-transition: opacity 0s ease;
transition: opacity 0s ease;
display: none;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden; }
.tos-wrapper.tos-opened {
display: block; }
.tos-wrapper.tos-opening {
opacity: 1; }
.tos-wrapper.tos-fixed {
position: fixed;
top: 0;
left: 0;
z-index: 9000; }
.tos-wrapper.tos-inline {
position: relative; }
.tos-slider {
white-space: nowrap;
width: 100%;
height: 100%;
padding: 0%;
margin: 0;
position: relative; }
.tos-wrapper.tos-fx-slide .tos-slider {
left: 0;
-webkit-transition: left 0.4s ease;
-moz-transition: left 0.4s ease;
-ms-transition: left 0.4s ease;
-o-transition: left 0.4s ease;
transition: left 0.4s ease; }
.tos-wrapper.tos-fx-slide.tos-fixed .tos-slider {
position: absolute; }
.tos-desktop .tos-wrapper:hover .tos-uibg,
.tos-touch .tos-wrapper.tos-hover .tos-uibg {
opacity: 0; }
.tos-slide {
-webkit-overflow-scrolling: touch;
text-align: center;
display: inline-block;
width: 100%;
height: 100%;
overflow: hidden;
position: relative; }
.tos-slide:before {
content: "";
display: inline-block;
height: 50%;
}
/* the actual image */
.tos-slide > * {
box-shadow: 2px 2px 20px #000;
background-color: #000;
vertical-align: middle;
display: inline-block;
max-height: 90%;
max-width: 90%;
}
.tos-wrapper.tos-fixed {
z-index: 20;
background-image: url('pixels/ONEbg.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 0px;
margin: 0px;
}
.tos-wrapper.tos-inline {
position: relative; }
.tos-prev,
.tos-next {
height: 100%;
width: 50%;
top: 0;
opacity: 0;
display: block;
position: absolute;
z-index: 1;
}
.tos-prev.tos-disabled,
.tos-next.tos-disabled {
cursor: default; }
.tos-prev {
left: 0px; }
.tos-next {
right: 0px; }
.tos-close {
background-image: url('pixels/x.png');
background-repeat: no-repeat;
border-radius: 90%;
opacity: 1;
display: block;
width: 50px;
height: 50px;
top: 5px;
right: 5px;
position: absolute;
z-index: 1;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease; }
.tos-wrapper.tos-fx-slide .tos-slider {
-webkit-transition-property: left, margin;
-moz-transition-property: left, margin;
-ms-transition-property: left, margin;
-o-transition-property: left, margin;
transition-property: left, margin; }
