@charset 'utf-8';
        html, body {
            height:100%;
            margin:0px;
            overflow:hidden;
            background-color:#3f3f3f;
        }

        iframe
        {
            border: none;
            overflow:hidden;
        }

        .resize-container {
            width:100%;
            height:100%;
        }

        #iframeContainer {
            margin:0px;
            border:0px;
        }
        .fullsize
        {
            width:100%;
            height:100%;
            text-align: center;
        }
        .swiper-container {
            width:100%;
            height:100%;

        }
            .swiper-container .swiper-slide {
                background-color:#3f3f3f;
            }
        /* ================================================ */
        /* COVERFLOW */
        /* ================================================ */
        .coverflow {
            height: auto;
            /*padding-top: 50px;
            padding-bottom: 50px;*/
        }
            .coverflow .swiper-wrapper {
                margin-top:15px;
                margin-bottom:15px;
            }
            .coverflow .swiper-slide {
                min-width:500px;
                min-height:375px;
            }

        .swiper-container .coverflow iframe {
            overflow: hidden;
        }

            .swiper-container .coverflow iframe body {
                overflow: hidden;
            }

        .coverflow .main-index {
            display:none;
        }
        /* ================================================ */
        /* COVERFLOW */
        /* ================================================ */

        /* ================================================ */
        /* GRID */
        /* ================================================ */
        .grid .swiper-slide {
            width: auto;
            height: auto
        }

        .grid .main-index {
            display:none;
        }
        /* ================================================ */
        /* GRID */
        /* ================================================ */


        /* ================================================ */
        /* GALLERY */
        /* ================================================ */
        .gallery {
                width: 100%;
                height: 80%;
                margin-left: auto;
                margin-right: auto;
            }

            .gallery .swiper-slide {
                background-size: cover;
                background-position: center;
            }

            .gallery .gallery-top {
                height: 80%;
                width: 100%;
            }

            .swiper-gallery-thumbs-container {
                height: 20%;
                box-sizing: border-box;
                padding: 10px 0;
                display:none;
            }

            .swiper-gallery-thumbs-container .swiper-slide {
                width: 20%;
                height: 100%;
                opacity: 0.4;
                background-color:#040404;
                text-align:center;
            }

            .swiper-gallery-thumbs-container .swiper-slide-active {
                opacity: 1;
            }

        /* ================================================ */
        /* GALLERY */
        /* ================================================ */

        /* ================================================ */
        /* COVERFLOW CLICK */
        /* ================================================ */
        /*IE Hack*/
        /* Microsoft Edge Browser 12+ (All) - one-liner method */
        _:-ms-lang(x), _:-webkit-full-screen, .coverflow .swiper-wrapper {
            width: 1% !important;
            z-index:0;
        }
        /*FIREFOX Hack*/
        @-moz-document url-prefix() {
            .coverflow .swiper-wrapper {
                width: 1% !important;
                z-index:0;
            }
        }
        @media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
            @media {
                 .coverflow .swiper-wrapper {
                    width: 1% !important;
                    z-index: -1;
                }
            }
        }
        /* ================================================ */
        /* COVERFLOW CLICK */
        /* ================================================ */