@import "loader.css";
/* ------------------------------------------
    used for:
    /index.php
--------------------------------------------- */

.bss-slides {
    position: relative;
    display: block;
    margin: 30px 0
}
.bss-slides:focus {
    outline: 0
}
.bss-slides figure {
    position: absolute;
    top: 0;
    width: 100%
}
.bss-slides figure:first-child {
    position: relative
}
.bss-slides figure img {
    opacity: 0;
    transition: opacity 1.2s;
    border-radius: 2px;
    -webkit-transition: opacity 1.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.bss-slides .bss-show {
    z-index: 2
}
.bss-slides .bss-show img {
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative
}
.bss-slides figcaption {
    position: absolute;
    top: 20px;
    min-width: 10px;
    margin-left: 20px;
    margin-right: 30px;
    padding: 5px 10px;
    color: #fff;
    opacity: 0;
    transition: opacity 1.2s;
    -webkit-transition: opacity 1.2s
}
.bss-slides .bss-show figcaption {
    z-index: 3;
    opacity: 1
}
.bss-slides figcaption h2 {
    line-height: 38px;
    color: #fcfdff;
    text-shadow: -3px -3px 13px #152841, 0 0 7px #000000, 1px 1px 7px #152841
}

.bss-slides figcaption a {
    background: rgba(90, 0, 0, .7);
    display: inline-block;
    float: left;
    margin-top: -15px;
    margin-left: 9px;
    padding: 6px 10px 5px;
    clear: both;
    font-size: 15px;
    color: #fcfdff;
    text-decoration: none!important;
    font-family: Sarala, Roboto;
    border: 2px solid rgba(255, 255, 255, .8);
    border-radius: 2px;
    -webkit-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.35)
}
.bss-slides figcaption a:hover {
    background: rgba(90, 0, 0, .9)
}
.bss-slides figcaption a:active {
    transform: scale(0.96);
}
.bss-next,
.bss-prev {
    color: #fff;
    position: absolute;
    background: #000;
    background: rgba(0, 0, 0, .6);
    top: 50%;
    z-index: 4;
    font-size: 2em;
    margin-top: -1.2em;
    opacity: .3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.bss-next:hover,
.bss-prev:hover {
    cursor: pointer;
    opacity: 1
}
.bss-next {
    right: 0;
    padding: 10px 5px 15px 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}
.bss-prev {
    left: 0;
    padding: 10px 10px 15px 5px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
.bss-fullscreen {
    display: block;
    width: 32px;
    height: 32px;
    background: rgba(0, 0, 0, .4) url(/_img/arrows-alt_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer;
    opacity: .3
}
.bss-fullscreen:hover {
    opacity: .8
}
:-webkit-full-screen .bss-fullscreen {
    background: rgba(0, 0, 0, .4) url(/_img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain
}
:-moz-full-screen .bss-fullscreen {
    background: rgba(0, 0, 0, .4) url(/_img/compress_ffffff_64.png);
    background-size: contain
}
:-ms-fullscreen .bss-fullscreen {
    background: rgba(0, 0, 0, .4) url(/_img/compress_ffffff_64.png);
    background-size: contain
}
:full-screen .bss-fullscreen {
    background: rgba(0, 0, 0, .4) url(/_img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain
}
:-webkit-full-screen .bss-fullscreen {
    background: rgba(0, 0, 0, .4) url(/_img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain
}
:-moz-full-screen .bss-fullscreen {
    background: rgba(0, 0, 0, .4) url(/_img/compress_ffffff_64.png);
    background-size: contain
}
:-ms-fullscreen .bss-fullscreen {
    background: rgba(0, 0, 0, .4) url(/_img/compress_ffffff_64.png);
    background-size: contain
}
:fullscreen .bss-fullscreen {
    background: rgba(0, 0, 0, .4) url(/_img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain
}
@media screen and (max-width: 30.625em) {
    .bss-slides figcaption a {
        font-size: 14px
    }
    .bss-slides figcaption h2 {
        font-size: 20px;
        line-height: 24px
    }
}