.swiper-container {
        width: 100%;
        //height: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    .gallery-top {
        height: 80%;
        width: 100%;
    }
    .gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }



#slider {
        overflow: hidden;
        position: relative;
        @media (max-width: 768px){
            top: 0;
        }
        .swiper1 {
            .swiper-slide {
                height: 600px;
                @media (max-width: 1024px){
                    height: 335px;
                }
                @media (max-width: 768px){
                    height: 425px;
                }
                @media (max-width: 736px){
                    height: 405px;
                }
                @media (max-width: 667px){
                    height: 330px;
                }
                @media (max-width: 568px){
                    height: 310px;
                }
                @media (max-width: 414px){
                    height: 225px;
                }
                @media (max-width: 384px){
                    height: 205px;
                }
                @media (max-width: 320px){
                    height: 170px;
                }
                .slider-content {
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    text-align: center;
                    background: fade(@white, 30%);
                    h1 {
                        text-align: center;
                        color: @white;
                        background: fade(@black, 50%);
                        font-size: 4em;
                        margin-top: 35px;
                        font-weight: 400;
                        line-height: 2.7em;
                        width: 50%;
                        position: absolute;
                        top: -100%;
                        opacity: 0;
                        .transition(1.3s);
                        @media (max-width: 1024px){
                            font-size: 3em;
                        }
                        @media (max-width: 768px){
                            font-size: 2em;
                        }
                        @media (max-width: 736px){
                            margin-top: 2px;
                        }
                        @media (max-width: 600px){
                            font-size: 2em;
                        }
                    }
                    p {
                        color: @white;
                        padding: 50px;
                        font-weight: 700;
                        line-height: 1.5em;
                        margin: 65px 0 0 0;
                        text-align: justify;
                        text-indent: 20px;
                        background: fade(@black, 50%);
                        width: 50%;
                        height: 35%;
                        position: absolute;
                        bottom:5%;
                        .transition(0.8s);
                        right: 100%;
                        opacity: 0;
                        @media (max-width: 1024px){
                            line-height: 1.2em;
                        }
                        @media (max-width: 768px){
                            line-height: 2em;
                        }
                        @media (max-width: 568px){
                            margin: 0 0 5px 0;
                        }
                        @media (max-width: 414px){
                            display: none;
                        }
                    }
                }
            }
            .swiper-slide-active {
                .slider-content {
                    h1 {
                        top: 0;
                        .transition(1.3s);
                        opacity: 1;
                    }
                    p {
                        right: 0;
                        .transition(0.8s);
                        opacity: 1;
                    }
                }
            }
        }
        .swiper-button-next {
            background: transparent;
            top: 50%;
            right: 0;
            &:after {
                content: "\f3d3";
                display: inline-block;
                font-family: "Ionicons";
                color: @green;
                font-size: 4em;
                .transition;
            }
            &:hover:after {
                color: @white;
                .transition;
            }
        }
        .swiper-button-prev {
            background: transparent;
            top: 50%;
            left: 5px;
            &:after {
                content: "\f3d2";
                display: inline-block;
                font-family: "Ionicons";
                color: @green;
                font-size: 4em;
            }
            &:hover:after {
                color: @white;
                .transition;
            }
        }
    }
.swiper3 {
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    height: 350px;
    background: fade(@green, 40%);
    @media (max-width: 600px){
        height: 250px;
    }
    .overlay {
        background: fade(@blue,70%);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
    }
    .swiper-slide {
        text-align: center;
        height: 300px;
        img {
            margin:auto;
            border: 1px solid @coffe;
            padding: 20px;
            @media (max-width: 600px){
                padding: 20px;
            }
        }
    }
    .swiper-button-next {
        background: transparent;
        top: 41%;
        right: 5px;
        &:after {
            content: "\f10a";
            display: inline-block;
            font-family: "Ionicons";
            color: @white;
            font-size: 4em;
            .transition;
        }
        &:hover:after {
            color: @blue;
            .transition;
        }
    }
    .swiper-button-prev {
        background: transparent;
        top: 41%;
        left: 5px;
        &:after {
            content: "\f107";
            display: inline-block;
            font-family: "Ionicons";
            color: @white;
            font-size: 4em;
        }
        &:hover:after {
            color: @blue;
            .transition;
        }
    }
}
#slider {
    background: #777;
    .gallery-thumbs {
        .swiper-slide {
            img {
                width: 100%;
                .scale(1);
            }
        }
        .swiper-slide-active {
            img {
                .scale(1.15);
                border: 3px solid @white;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -o-box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }
        }
    }
}