body {
    background: url('/images/bubbles-bg.jpg') no-repeat #006699 center 20px;
    font-family: verdana;
}

.boldwhite {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; color: #FFFFFF}
.text-white {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #D7EBFF}
.text-white-large {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #D7EBFF}
.text-white-large-fade {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #0099CC}
.bold-text-white {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #66CCFF}
.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
.text-grey {  font-size: 10px; color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif}
.bold-text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
.keywords {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0099CC}
.stripNum {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0099CC}
a:hover { color: #66CCFF }
a.bold-text-white:hover { color: #FFFFFF }
.ib {display: inline-block}
.f-left{float: left}
.f-right{float: right}

.hide { display: none;}

.not-visible {
    visibility: hidden;
}

.row:before,
.row:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.row:after {
    clear: both;
}

.center {
    margin: 0 auto;
    text-align: center;
}

.middle {
    vertical-align: middle;
}

.top {
    vertical-align: top;
}

.mtop20 { margin-top: 20px;}
.mtop40 { margin-top: 40px;}
.mtop50 { margin-top: 50px;}

.tabs {
    padding:0;
}

.tabs li {
    padding: 6px 12px;
    border: solid 1px #0099CC;
    //border-bottom: none;
    //border-top-left-radius: 7px;
    //border-top-right-radius: 7px;
    border-radius: 5px;
    color: #66CCFF;
}

.tabs a{
    color: #66ccff;
    text-decoration: none;
}

#season1 .season1,
#deleted-scenes .deleted-scenes{
    background: #fff;
}

#season1 .season1 a,
#deleted-scenes .deleted-scenes a{
    color: #006699;
}

.nav1 {
    margin-top: 100px;
    background-color: rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
    background-size: 48px 48px;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    opacity: 0.7;

    z-index: 20;
}

.swipe { display: none;}

@media (min-width: 0px) and (max-width: 900px) {
   .nav1{
       //display: none;
       background-size: 24px 24px;
       border-radius: 5px;
       width: 30px;
       height: 60px;
       margin-top: 90px;
   }
}

@media (max-width: 767px) {
    .nav1{
    //display: none;
        background-size: 24px 24px;
        border-radius: 5px;
        width: 30px;
        height: 60px;
        margin-top: 60px;
    }
}

@media (max-width: 588px) {
    .container {
        width: 470px;
    //border: solid 2px red;
    }
}

@media (max-width: 480px) {
    .container {
        width: 400px;
    //border: solid 2px red;
    }
}



#previous.nav1 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBwb2ludHM9IjM1MiwxMTUuNCAzMzEuMyw5NiAxNjAsMjU2IDMzMS4zLDQxNiAzNTIsMzk2LjcgMjAxLjUsMjU2ICIvPgogPC9nPgo8L3N2Zz4=");
    background-position: 35% 50%;
}
#next.nav1 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBwb2ludHM9IjE2MCwxMTUuNCAxODAuNyw5NiAzNTIsMjU2IDE4MC43LDQxNiAxNjAsMzk2LjcgMzEwLjUsMjU2ICIvPgogPC9nPgo8L3N2Zz4=");
    background-position: 65% 50%;
}

.nav1:hover { opacity: 1}
.nav1:active { opacity: 0.5}


.slidesjs-pagination {
    margin: 20px auto;
    opacity: 0.4;
    transition: all 0.3s ease-out 0s;
    z-index: 15;
    padding:0;
}

.slidesjs-pagination li {
    list-style: none;
    display: inline-block;
}

.slidesjs-pagination a.active, .slidesjs-pagination a:hover {
    background: none repeat scroll 0 0 #22abde;
    cursor: pointer;
}
.slidesjs-pagination a {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid rgba(0, 0, 0, 0.5);
    cursor: pointer;
    display: inline-block;
    height: 6px;
    margin: 0 2px;
    text-indent: 9999px;
    transition: all 0.3s ease-out 0s;
    width: 6px;
}