/* Vaqua Home Styles */
/* IMAX Movies ---------------------------------*/
#imax-movie-modal .modal-content {
    max-width: 570px;
    padding-left: 0;
}

.imax .thumbnails li {
    /*list-style-type:none;
   padding-left:20px;
   margin-top:20px;
   margin-left:0;*/
}

/* Vaqua Home Slider Styles -------------------------------- */
/* HOME SLIDER -------------------------------- */


/* New Sider */
#slider {
    zoom: 1;
    position: relative;
    max-width: 100%;
    width: 100%;
    top: 110px;
    margin: 0 auto 17px;
    z-index: 100;
    border: none;
    text-align: left;
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.6);
}

* html #slider {
    width: 100%;
}

    #slider .ws-title h1 {
        font-size: 38.5px;
        font-weight: bold;
    }

    #slider ul {
        position: relative;
        width: 100%;
        left: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        -moz-animation: wsBasic 54s infinite;
        -webkit-animation: wsBasic 54s infinite;
        -o-animation: wsBasic 54s infinite;
        animation: wsBasic 54s infinite;
    }

        #slider ul li {
            width: 1%;
            line-height: 0; /*opera*/
            float: left;
            font-size: 0;
        }

    #slider .ws_images {
        position: relative;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 10;
    }

        #slider .ws_images a {
            width: 100%;
            color: transparent;
        }

        #slider .ws_images h1,
        #slider .ws_images p,
        #slider .ws_images a {
            display: none;
        }

        #slider .ws_images img {
            width: 100%;
            border: none 0;
            max-width: 100%;
        }

    #slider div.ws-title a {
        text-decoration: none;
        outline: none;
        border: none;
        font-size: 17px;
        padding: 10px 15px;
    }

    #slider .ws_bullets {
        font-size: 0px;
        float: left;
        position: absolute;
        z-index: 70;
        padding: 10px;
        bottom: 0px;
        left: 50%;
    }

        #slider .ws_bullets div {
            position: relative;
            float: left;
            left: -50%;
        }

    #slider a.wsl {
        display: none;
    }

    #slider .ws_bullets a {
        width: 15px;
        height: 15px;
        background: url(/_assets/_img/slider/bullet.png) left top;
        float: left;
        text-indent: -4000px;
        position: relative;
        margin-left: 3px;
        color: transparent;
    }

        #slider .ws_bullets a:hover {
            background-position: 0 50%;
        }

        #slider .ws_bullets a.ws_selbull {
            background-position: 0 100%;
        }

    #slider a.ws_next, #slider a.ws_prev {
        position: absolute;
        display: none;
        top: 50%;
        margin-top: -22px;
        z-index: 60;
        height: 45px;
        width: 45px;
        background-image: url(/_assets/_img/slider/arrows.png);
    }

    #slider a.ws_next {
        background-position: 100% 0;
        right: 11px;
    }

    #slider a.ws_prev {
        background-position: 0 0;
        left: 11px;
    }

    * html #slider a.ws_next, * html #slider a.ws_prev {
        display: block;
    }

    #slider:hover a.ws_next, #slider:hover a.ws_prev {
        display: block;
    }

    #slider .ws-title {
        position: absolute;
        width: 550px;
        left: 30px;
        margin: 9px;
        padding: 15px;
        background: transparent;
        color: #fff;
        z-index: 50;
        font-size: 100%;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        opacity: 1;
    }

        #slider .ws-title > span {
            display: none;
        }

        #slider .ws-title div {
            text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
        }

@keyframes wsBasic {
    0% {
        left: -0%;
    }

    3.7% {
        left: -0%;
    }

    5.56% {
        left: -100%;
    }

    9.26% {
        left: -100%;
    }

    11.11% {
        left: -200%;
    }

    14.81% {
        left: -200%;
    }

    16.67% {
        left: -300%;
    }

    20.37% {
        left: -300%;
    }

    22.22% {
        left: -400%;
    }

    25.93% {
        left: -400%;
    }

    27.78% {
        left: -500%;
    }

    31.48% {
        left: -500%;
    }

    33.33% {
        left: -600%;
    }

    37.04% {
        left: -600%;
    }

    38.89% {
        left: -700%;
    }

    42.59% {
        left: -700%;
    }

    44.44% {
        left: -800%;
    }

    48.15% {
        left: -800%;
    }

    50% {
        left: -900%;
    }

    53.7% {
        left: -900%;
    }

    55.56% {
        left: -1000%;
    }

    59.26% {
        left: -1000%;
    }

    61.11% {
        left: -1100%;
    }

    64.81% {
        left: -1100%;
    }

    66.67% {
        left: -1200%;
    }

    70.37% {
        left: -1200%;
    }

    72.22% {
        left: -1300%;
    }

    75.93% {
        left: -1300%;
    }

    77.78% {
        left: -1400%;
    }

    81.48% {
        left: -1400%;
    }

    83.33% {
        left: -1500%;
    }

    87.04% {
        left: -1500%;
    }

    88.89% {
        left: -1600%;
    }

    92.59% {
        left: -1600%;
    }

    94.44% {
        left: -1700%;
    }

    98.15% {
        left: -1700%;
    }
}

@-moz-keyframes wsBasic {
    0% {
        left: -0%;
    }

    3.7% {
        left: -0%;
    }

    5.56% {
        left: -100%;
    }

    9.26% {
        left: -100%;
    }

    11.11% {
        left: -200%;
    }

    14.81% {
        left: -200%;
    }

    16.67% {
        left: -300%;
    }

    20.37% {
        left: -300%;
    }

    22.22% {
        left: -400%;
    }

    25.93% {
        left: -400%;
    }

    27.78% {
        left: -500%;
    }

    31.48% {
        left: -500%;
    }

    33.33% {
        left: -600%;
    }

    37.04% {
        left: -600%;
    }

    38.89% {
        left: -700%;
    }

    42.59% {
        left: -700%;
    }

    44.44% {
        left: -800%;
    }

    48.15% {
        left: -800%;
    }

    50% {
        left: -900%;
    }

    53.7% {
        left: -900%;
    }

    55.56% {
        left: -1000%;
    }

    59.26% {
        left: -1000%;
    }

    61.11% {
        left: -1100%;
    }

    64.81% {
        left: -1100%;
    }

    66.67% {
        left: -1200%;
    }

    70.37% {
        left: -1200%;
    }

    72.22% {
        left: -1300%;
    }

    75.93% {
        left: -1300%;
    }

    77.78% {
        left: -1400%;
    }

    81.48% {
        left: -1400%;
    }

    83.33% {
        left: -1500%;
    }

    87.04% {
        left: -1500%;
    }

    88.89% {
        left: -1600%;
    }

    92.59% {
        left: -1600%;
    }

    94.44% {
        left: -1700%;
    }

    98.15% {
        left: -1700%;
    }
}

@-webkit-keyframes wsBasic {
    0% {
        left: -0%;
    }

    3.7% {
        left: -0%;
    }

    5.56% {
        left: -100%;
    }

    9.26% {
        left: -100%;
    }

    11.11% {
        left: -200%;
    }

    14.81% {
        left: -200%;
    }

    16.67% {
        left: -300%;
    }

    20.37% {
        left: -300%;
    }

    22.22% {
        left: -400%;
    }

    25.93% {
        left: -400%;
    }

    27.78% {
        left: -500%;
    }

    31.48% {
        left: -500%;
    }

    33.33% {
        left: -600%;
    }

    37.04% {
        left: -600%;
    }

    38.89% {
        left: -700%;
    }

    42.59% {
        left: -700%;
    }

    44.44% {
        left: -800%;
    }

    48.15% {
        left: -800%;
    }

    50% {
        left: -900%;
    }

    53.7% {
        left: -900%;
    }

    55.56% {
        left: -1000%;
    }

    59.26% {
        left: -1000%;
    }

    61.11% {
        left: -1100%;
    }

    64.81% {
        left: -1100%;
    }

    66.67% {
        left: -1200%;
    }

    70.37% {
        left: -1200%;
    }

    72.22% {
        left: -1300%;
    }

    75.93% {
        left: -1300%;
    }

    77.78% {
        left: -1400%;
    }

    81.48% {
        left: -1400%;
    }

    83.33% {
        left: -1500%;
    }

    87.04% {
        left: -1500%;
    }

    88.89% {
        left: -1600%;
    }

    92.59% {
        left: -1600%;
    }

    94.44% {
        left: -1700%;
    }

    98.15% {
        left: -1700%;
    }
}

#slider .ws_shadow {
    position: absolute;
    z-index: -1;
    left: -1.04%;
    top: -2.5%;
    width: 102.08%;
    height: 107.22%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/_assets/_img/slider/bg.png', sizingMethod='scale'); /*IE<8*/
}

* html #slider .ws_shadow {
    background-image: url(/_assets/_img/slider/bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    filter: "";
}

#slider .ws_bullets a img {
    text-indent: 0;
    display: block;
    bottom: 20px;
    left: -120px;
    visibility: hidden;
    position: absolute;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border: 4px solid #FFF;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: none;
}

#slider .ws_bullets a:hover img {
    visibility: visible;
}

#slider .ws_bulframe div div {
    height: 90px;
    overflow: visible;
    position: relative;
}

#slider .ws_bulframe div {
    left: 0;
    overflow: hidden;
    position: relative;
    width: 240px;
    height: 88px;
    background-color: #FFF;
}

#slider .ws_bullets .ws_bulframe {
    display: none;
    bottom: 18px;
    overflow: visible;
    position: absolute;
    cursor: pointer;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border: 4px solid #FFF;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#slider .ws_bulframe span {
    display: block;
    position: absolute;
    bottom: -10px;
    margin-left: -4px;
    left: 120px;
    background: url(/_assets/_img/slider/triangle.png);
    width: 15px;
    height: 6px;
}

div.vbap-header {
    background: url(/_assets/_img/vbap/vbap-header-bg.jpg) no-repeat;
    width: 100%;
    height: auto;
    padding: 20px;
    text-align: center;
    background-size: 100%;
}

img.vbap-logo {
    max-width: 91%;
    margin: 16px auto;
}

.thumbnail {
    border-radius: 0 15px 0 15px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


    .thumbnail img {
        border-radius: 0 15px 0 15px;
    }
/* RESPONSIVE CSS ------------------------------------------ */

/* Large desktop ------------------------------- */
@media (min-width: 1200px) {
    #slider .ws-title {
        /*top: 100px;*/
    }
}

/* Landscape tablet to desktop ----------------- */
@media (min-width: 979px) {
    #slider .ws-title {
        top: 85px;
    }
}

/* Landscape tablet to desktop ----------------- */
@media (min-width: 979px) {
}

/* Portrait tablet to landscape and desktop ---- */
@media (min-width: 768px) and (max-width: 979px) {
    #slider .ws-title {
        width: 350px;
        top: 15px;
        left: 0;
    }

        #slider .ws-title h1 {
            font-size: 2em;
            line-height: 1.2em;
        }

        #slider .ws-title .lead, #slider .ws-title .btn {
            font-size: .9em;
            display: none;
        }
}

/* Landscape phone to portrait tablet ---------- */
@media (max-width: 767px) {
    #slider, #slider .ws-title {
        display: none!important;
    }
}

/* Landscape phones and down ------------------- */
@media (max-width: 480px) {
    #slider, #slider .ws-title {
        display: none!important;
    }
}
