@media all {
    .featherlight {
        display:none;
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:2147483647;
        text-align:center;
        white-space:nowrap;
        cursor:pointer;
        background:rgba(0,0,0,0)
    }
    .featherlight:last-of-type {
        background:rgba(0,0,0,.8)
    }
    .featherlight:before {
        content:'';
        display:inline-block;
        height:100%;
        vertical-align:middle;
        margin-right:-.25em
    }
    .featherlight .featherlight-content {
        position:relative;
        text-align:left;
        vertical-align:middle;
        display:inline-block;
        min-width:30%;
        margin-left:5%;
        margin-right:5%;
        max-height:95%;
        cursor:auto;
        white-space:normal
    }
    .featherlight .featherlight-inner {
        display:block
    }
    .featherlight .featherlight-close-icon {
        position:absolute;
        z-index:9999;
        top:0;
        right:-50px;
        width:27px;
        height:27px;
        cursor:pointer;
        text-align:center;
        font-size:0;
        background:url(../images/lightbox-close1.png) center/100% no-repeat
    }
    .featherlight .featherlight-image {
        width:100%
    }
    .featherlight-iframe .featherlight-content {
        border-bottom:0;
        padding:0
    }
    .featherlight iframe {
        border:0
    }
    .featherlight-next,
    .featherlight-previous {
        display:block;
        position:absolute;
        top:25px;
        right:25px;
        bottom:0;
        left:80%;
        cursor:pointer;
        -webkit-touch-callout:none;
        -webkit-user-select:none;
        -khtml-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        background:rgba(0,0,0,0)
    }
    .featherlight-previous {
        left:25px;
        right:80%
    }
    .featherlight-next span,
    .featherlight-previous span {
        display:block;
        position:absolute;
        top:50%;
        left:-80%;
        width:40%;
        text-align:center;
        font-size:0;
        line-height:80px;
        margin-top:-40px;
        text-shadow:0 0 5px #fff;
        color:#fff;
        font-style:normal;
        font-weight:400
    }
    .featherlight-next span {
        right:-80%;
        left:auto
    }
    .featherlight-next:hover span,
    .featherlight-previous:hover span {
        display:inline-block
    }
    .featherlight-loading .featherlight-next,
    .featherlight-loading .featherlight-previous {
        display:block
    }
}
@media only screen and (max-width:1240px) {
    .featherlight .featherlight-content {
        margin-left:10px;
        margin-right:10px;
        max-height:98%;
        padding:0;
        width:70%!important
    }
}
@media only screen and (max-width:1024px) {
    .featherlight-next:hover,
    .featherlight-previous:hover {
        background:0 0
    }
    .featherlight-next span,
    .featherlight-previous span {
        display:block
    }
}
@media only screen and (max-width:1024px) {
    .featherlight-next,
    .featherlight-previous {
        top:10px;
        right:10px;
        left:85%
    }
    .featherlight-previous {
        left:10px;
        right:85%
    }
    .featherlight-next span,
    .featherlight-previous span {
        margin-top:-30px;
        font-size:0
    }
}
.featherlight-previous span {
    background:url(../images/lightbox-arrow11.png) center no-repeat
}
.featherlight-next span {
    background:url(../images/lightbox-arrow22.png) center no-repeat
}
@media screen and (max-width:480px) {
    .featherlight .featherlight-close-icon {
        right:-22px;
        width:14px;
        height:14px
    }
    .featherlight-previous span {
        left:5%
    }
    .featherlight-next span {
        right:5%
    }
}
@media screen and (min-width:481px) and (max-width:600px) {
    .featherlight-previous span {
        left:5%
    }
    .featherlight-next span {
        right:5%
    }
    .featherlight .featherlight-close-icon {
        right:-22px;
        width:14px;
        height:14px
    }
}
@media screen and (min-width:601px) and (max-width:767px) {
    .featherlight-previous span {
        left:5%
    }
    .featherlight-next span {
        right:5%
    }
    .featherlight .featherlight-close-icon {
        right:-30px;
        width:20px;
        height:20px
    }
}
@media screen and (min-width:768px) and (max-width:900px) {
    .featherlight .featherlight-close-icon {
        right:-37px
    }
}
@media screen and (min-width:901px) and (max-width:1024px) {
    .featherlight .featherlight-close-icon {
        right:-37px
    }
}
@media screen and (min-width:1025px) and (max-width:1240px) {
    .featherlight .featherlight-close-icon {
        right:-37px
    }
}