/**
 * PgwSlider - Version 2.3
 *
 * Copyright 2014, Jonathan M. Piat
 * http://pgwjs.com - http://pagawa.com
 *
 * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
 */
.pgwSlider {
    width: 100%;
    color: #fff
}

    .pgwSlider a {
        display: block;
        text-decoration: none;
        color: #fff
    }

    .pgwSlider .ps-caption a:after {
        content: "DEVAMI >";
        position: absolute;
        right: 39px;
        bottom: 62px;
        z-index: 2;
        border-radius: 3px;
        background-color: #f5a623;
        padding: 15px;
    }

    .pgwSlider .detail {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .pgwSlider .ps-current {
        float: left;
        width: calc(100% - 131px);
        overflow: hidden;
        height: inherit;
        position: relative;
        font-size: 1rem;
        margin-right: 20px;
    }

    .pgwSlider.listOnTheLeft .ps-current {
        float: right
    }

    .pgwSlider .ps-current ul {
        width: 100%
    }

    .pgwSlider .ps-current li {
        width: 100%;
        z-index: 1;
        opacity: 0;
        display: none
    }

    .pgwSlider .ps-current img {
        max-width: 100%;
        min-width: 100%;
        height: auto;
        display: block;
        transition: margin-top 250ms linear
    }

    .pgwSlider .ps-caption {
        position: absolute;
        width: 100%;
        z-index: 2;
        height: 150px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
        left: 0;
        bottom: 0;
        display: none;
        z-index: 3;
        padding:40px 50px 10px 50px;
    }

        .pgwSlider .ps-caption a {
            font-family: Poppins;
            font-size: 13px;
            font-weight: 500;
            color: #ffffff;
            font-style: normal;
            max-width: 670px;
            padding-right:134px;
        }

            .pgwSlider .ps-caption a b {
                font-family: Poppins;
                font-size: 20px;
                font-weight: 700;
                color: #ffffff;
                text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                line-height: 29px;
                display:block;
            }



    ul.pgwSlider, .pgwSlider ul {
        float: right;
        width: 111px;
        padding: 0;
        list-style: none;
        margin: 0
    }

        ul.pgwSlider.listOnTheLeft, .pgwSlider.listOnTheLeft > ul {
            float: left
        }

        ul.pgwSlider > li, .pgwSlider > .ps-list > li {
            height: 50px;
            margin-bottom: 6px;
            overflow: hidden;
            position: relative;
            opacity: .6;
            filter: alpha(opacity=60);
            font-size: .8rem;
            transition: opacity 200ms linear
        }

            ul.pgwSlider > li:last-child, .pgwSlider > ul > li:last-child {
                margin-bottom: 0
            }

            ul.pgwSlider > li span, .pgwSlider > .ps-list > li span {
                display:none;
                width: 100%;
                position: absolute;
                bottom: 0;
                padding: 5px;
                background: rgba(0,0,0,0.7);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            ul.pgwSlider > li:hover, .pgwSlider > ul > li:hover {
                opacity: 1 !important
            }

            ul.pgwSlider > li img, .pgwSlider > ul > li img {
                width: 100%;
                min-height: 100%;
                display: block;
                transition: margin-top 250ms linear
            }

    .pgwSlider .ps-prevIcon {
        background: url(../img/prevIcon.png) no-repeat;
        display: block;
        width: 37px;
        height: 37px;
    }

    .pgwSlider .ps-nextIcon {
        background: url(../img/nextIcon.png) no-repeat;
        display: block;
        width: 37px;
        height: 37px;
    }

    .pgwSlider .ps-current .ps-prev {
        position: absolute;
        left: 27px;
        top: 45%;
        cursor: pointer
    }

    .pgwSlider .ps-current .ps-next {
        position: absolute;
        right: 27px;
        top: 45%;
        cursor: pointer
    }

    ul.pgwSlider.wide > li, .pgwSlider.wide > ul > li {
        width: 100% !important
    }

    .pgwSlider.narrow .ps-current {
        margin-bottom: 6px;
        font-size: .8rem
    }

        .pgwSlider.narrow .ps-current img {
            width: 100%;
            min-height: inherit
        }

    .pgwSlider.narrow .ps-current, ul.pgwSlider.narrow, .pgwSlider.narrow > ul {
        width: 100%
    }

        ul.pgwSlider.narrow > li, .pgwSlider.narrow > .ps-list > li {
            float: left;
            min-height: 50px;
            max-height: 70px;
            min-width: 15%;
            font-size: .7rem;
            margin-bottom: 0
        }

        ul.pgwSlider.narrow.listOnTheLeft > li, .pgwSlider.narrow.listOnTheLeft > ul > li {
            float: right
        }

    .pgwSlider.narrow .ps-caption {
        padding: 8px
    }

    .pgwSlider.narrow .ps-current .ps-prev {
        padding: 15px 15px 15px 12px;
        top: 40%
    }

    .pgwSlider.narrow .ps-current .ps-next {
        padding: 15px 12px 15px 15px;
        top: 40%
    }