/** Used in index.htm */

.slider-wrapper.default {
    position: relative;
    min-height: 100%;
    height: 800px;
    width: auto;
    overflow: hidden;
}

    .slider-wrapper.default > div {
        display: none;
        overflow: hidden;
    }

        .slider-wrapper.default > div #slides {
            font-weight: 400;
            color: white;
            line-height: 1em;
        }

            .slider-wrapper.default > div #slides img {
                border: 0
            }

        .slider-wrapper.default > div #bullets {
            height: 10px;
            position: absolute;
            top: 4%;
            right: 3%;
            z-index: 10000;
            display: none;
        }

            .slider-wrapper.default > div #bullets .bullet {
                min-height: 12px;
                min-width: 12px;
                border-radius: 6px;
                margin-left: 5px;
                float: left;
                cursor: pointer;
                background-color: #b4b4b4;
                background-color: rgba(255,255,255,0.6)
            }

                .slider-wrapper.default > div #bullets .bullet:hover {
                    background-color: #fff
                }

                .slider-wrapper.default > div #bullets .bullet.selected {
                    background-color: #fff
                }

        .slider-wrapper.default > div #left {
            position: absolute;
            width: 120px;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 5;
            cursor: pointer;
            background: url(../images/arrslide_left.png) no-repeat rgba(0,0,0,.1);
            background-position: center;
        }

        .slider-wrapper.default > div #right {
            position: absolute;
            width: 120px;
            height: 100%;
            background-position: right top;
            right: 0;
            top: 0;
            z-index: 5;
            cursor: pointer;
            background: url(../images/arrslide_right.png) no-repeat rgba(0,0,0,.1);
            background-position: center;
        }

@media screen and (max-width: 1366px) {
    .slider-wrapper.default {
        position: relative;
        min-height: 100%;
        height: 720px;
        width: auto;
        overflow: hidden;
    }
}

@media screen and (max-width: 1280px) {
    .slider-wrapper.default {
        position: relative;
        min-height: 100%;
        height: 600px;
        width: auto;
        overflow: hidden;
    }
}

@media screen and (max-width: 1024px) {
    .slider-wrapper.default {
        position: relative;
        min-height: 80%;
        height: 600px;
        width: auto;
        overflow: hidden;
    }
}

@media screen and (max-width: 768px) {
    .slider-wrapper.default {
        position: relative;
        min-height: 40%;
        height: 200px;
        width: auto;
        overflow: hidden;
        margin-top: 60px;
    }

    .intro-txt {
        width: 90%;
        margin: 5%;
        top: 10%;
    }

        .intro-txt div {
            font-size: .6em;
            width: 90%;
        }

        .intro-txt h2 {
            font-size: 1.4em;
            padding-bottom: 10px;
        }

        .intro-txt hr {
            margin-bottom: 10px;
        }

        .intro-txt p {
            display: none;
        }

        .intro-txt span {
            padding-top: 0;
        }

    #intro-arrdown {
        display: none;
    }

    .slider-wrapper.default > div #left {
        position: absolute;
        width: 120px;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 5;
        cursor: pointer;
        background: rgba(0,0,0,.1);
        background-position: center;
    }

    .slider-wrapper.default > div #right {
        position: absolute;
        width: 120px;
        height: 100%;
        background-position: right top;
        right: 0;
        top: 0;
        z-index: 5;
        cursor: pointer;
        background: rgba(0,0,0,.1);
        background-position: center;
    }
}