a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
body, html {
    height: 100%}
body#k-lightbox {
    width: 100%;
    line-height: 1.5;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #707070;
    background: rgba(0, 0, 0, .9);
    overflow: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: 100%}
body#k-lightbox.solo {
    background: #000;
}
a {
    color: #ccc;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: color .2s linear;
    transition: color .2s linear;
}
a:hover, a:hover *, strong {
    color: #fff;
}
h1, h1 a, h2, h3, h4 {
    font-weight: 700;
    color: #ccc;
}
h1 a {
    text-decoration: none;
}
h1 a:hover {
    text-decoration: underline;
}
#lbox {
    overflow: hidden;
}
footer {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    font-size: 84%;
    padding: 12px 15px;
    box-sizing: border-box;
}
#main {
    position: relative;
}
#content {
    position: absolute;
    width: 100%;
    text-align: center;
    opacity: 0;
}
#content img {
    cursor: default;
}
#content p {
    text-align: left;
    margin: 15px 0 0;
}
#content div.caption {
    text-align: center;
    margin: 0 auto;
    padding: 15px 50px;
    width: 100%;
    font-size: 90%;
    box-sizing: border-box;
}
div#lnav {
    left: 0;
}
div#lnav, div#rnav {
    position: absolute;
    top: 60px;
    bottom: 60px;
    z-index: 1000;
}
div#rnav {
    right: 0;
}
div.tnav {
    width: 60px;
}
div.tnav a {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    position: relative;
    font-size: 18px;
}
div.tnav a span {
    margin: auto;
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: -18px;
    width: 60px;
    line-height: 0;
    -webkit-transition: color .2s linear;
    transition: color .2s linear;
}
div#lnav.tnav a span {
    right: 0;
}
div#rnav.tnav a span {
    left: 0;
}
#caption-bttns {
    display: none;
}
body#k-lightbox #lbox_share {
    display:none !important;
}
.ibutton {
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 999;
    text-align: center;
    min-width: 25px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-shadow: 0 0 4px rgba(0, 0, 0, .4);
}
.ibutton, .ibutton:hover {
    color: #fff;
}
#lbox-bttn-pause {
    display: none;
}
#lbox-bttn-pause, #lbox-bttn-play {
    left: 0;
    top: 0;
    padding-left: 4px;
}
#lbox-bttn-close {
    right: 0;
    top: 0;
}
#lbox-bttn-fs, #lbox-bttn-ns {
    right: 50px;
    top: 0;
    width: 40px;
    text-align: right;
}
#lbox-bttn-ns {
    display: none;
}
:-webkit-full-screen a#lbox-bttn-ns {
    display: block;
}
:-moz-full-screen a#lbox-bttn-ns {
    display: block;
}
:-ms-full-screen a#lbox-bttn-ns {
    display: block;
}
:-o-full-screen a#lbox-bttn-ns {
    display: block;
}
:full-screen a#lbox-bttn-ns, body.full-screen a#lbox-bttn-ns {
    display: block;
}
:-webkit-full-screen a#lbox-bttn-fs {
    display: none;
}
:-moz-full-screen a#lbox-bttn-fs {
    display: none;
}
:-ms-full-screen a#lbox-bttn-fs {
    display: none;
}
:-o-full-screen a#lbox-bttn-fs {
    display: none;
}
:full-screen a#lbox-bttn-fs, body.full-screen a#lbox-bttn-fs {
    display: none;
}
@font-face {
    font-family: lbox;
    src: url(lightbox/lbox.eot?93128464);
    src: url(lightbox/lbox.eot?93128464#iefix) format('embedded-opentype'), url(lightbox/lbox.woff2?93128464) format('woff2'), url(lightbox/lbox.woff?93128464) format('woff'), url(lightbox/lbox.ttf?93128464) format('truetype'), url(lightbox/lbox.svg?93128464#lbox) format('svg');
    font-weight: 400;
    font-style: normal;
}
[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: lbox;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
}
.icon-large:before {
    vertical-align: -10%;
    font-size: 1.3333333333333333em;
}
.icon-pause:before {
    content: '\e804'}
.icon-play:before {
    content: '\e803'}
.icon-remove-sign:before {
    content: '\e802'}
.icon-resize-small:before {
    content: '\e805'}
.icon-fullscreen:before {
    content: '\e806'}
.icon-angle-left:before {
    content: '\e801'}
.icon-angle-right:before {
    content: '\e800'}
/*.icon-export-alt:before {
    content: '\e807'}*/
.icon-download-alt:before {
    content: '\e80d'}
.icon-heart:before {
    content: '\e80e'}
#tl_controls {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}
#tl_controls>* {
    position: relative;
    float: left;
}
#lbox_rating .ibutton, #tl_controls>.ibutton {
    position: relative;
    width: auto;
    min-width: 50px;
}
#lbox_rating {
    padding-right: 15px;
}
.lbox_toggle {
    position: relative;
    height: 50px;
    width: 100%;
    display: block;
}
.spinner_pos {
    position: fixed;
    left: 50%;
    top: 50%;
    height: 30px;
    width: 30px;
    margin-left: -30px;
    margin-top: -28px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
body.loading .spinner_pos {
    opacity: 1;
}
.spinner {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    -webkit-animation: rotation .7s infinite linear;
    animation: rotation .7s infinite linear;
    border: 2px solid hsla(0, 0%, 100%, .1);
    border-radius: 100%}
.spinner:before {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    height: 100%;
    width: 100%;
    border-top: 2px solid #fff;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent;
    border-radius: 100%;
    box-sizing: content-box;
}
@-webkit-keyframes rotation {
    0% {
    -webkit-transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(359deg);
}
}
@keyframes rotation {
    0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(359deg);
}
}
@media only screen and (max-width:767px) {
    div#content div.caption, footer {
    font-size: 80%}
div.tnav a span {
    margin-top: -8px;
}
.spinner_pos {
    margin-left: -15px;
    margin-top: -15px;
}
}
