@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=greek,latin-ext');

.lightbox {
    font-family: 'Roboto', sans-serif;
}

.lightbox .lightbox-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-top: 50px;
}


.lightbox .lightbox-block .licens {
    width: 324px;
    height: 115px;
    background-color: #0b9394;
    border-radius: 3px;
    background-image: url(../../images/sprite-licensing.png);
    background-position: -40px -22px;
    position: relative;
    margin: 0 7px;
    margin-bottom: 14px;
}

.lightbox .lightbox-block .licens a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.lightbox .lightbox-block .licens:hover {
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.25);
}

.lightbox .lightbox-block .licens .icon {
    background-image: url(../../images/sprite-licensing.png);
}

.lightbox .lightbox-block .licens .text {
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
}

.lightbox .lightbox-block .licens .social {
    width: 51px;
    height: 54px;
    background-position: -24px -359px;
    margin-top: 16px;
}

.lightbox .lightbox-block .licens .control {
    width: 54px;
    height: 56px;
    background-position: -19px -263px;
    margin-top: 16px;
}

.lightbox .lightbox-block .licens .slideshow {
    width: 70px;
    height: 61px;
    background-position: -125px -263px;
    margin-top: 11px;
}

.lightbox .lightbox-block .licens .watermark {
    width: 67px;
    height: 64px;
    background-position: -235px -263px;
    margin-top: 7px;
}

.lightbox .lightbox-block .licens .popup {
    width: 60px;
    height: 54px;
    background-position: -325px -277px;
    margin-top: 19px;
}

.lightbox .lightbox-block .licens .position {
    width: 58px;
    height: 54px;
    background-position: -420px -277px;
    margin-top: 19px;
}


