body {
    background: url(../img/v3/GHD-spaceBG.jpg);
    text-align: center;
}
body.parent-teacher {
    font-size:16px;
}
.container { text-align: left }
a { color: #aaa }
@font-face {
    font-family: 'Arnold21';
    src: url('../css/webfonts/Arnold-21.eot');
    src: url('../css/webfonts/Arnold-21.eot?#iefix') format('embedded-opentype'), url('../css/webfonts/Arnold-21.woff') format('woff'), url('../css/webfonts/Arnold-21.svg#Arnold21') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
.navbar li,
.nav-tabs { font-family: 'Arnold21', sans-serif }
#navv2 {
    margin-top: 35px;
    margin-bottom: 40px;
}
.navbar {
    /*    background-image: url(ghd-bak-trans.png);;
    background: linear-gradient(to bottom, #39C3F9 0%, #0098FD 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    background: rgb(131,130,146); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(131,130,146,1) 0%, rgba(192,191,197,1) 14%, rgba(255,255,255,1) 50%, rgba(131,130,146,1) 82%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(131,130,146,1)), color-stop(14%,rgba(192,191,197,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(82%,rgba(131,130,146,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(131,130,146,1) 0%,rgba(192,191,197,1) 14%,rgba(255,255,255,1) 50%,rgba(131,130,146,1) 82%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(131,130,146,1) 0%,rgba(192,191,197,1) 14%,rgba(255,255,255,1) 50%,rgba(131,130,146,1) 82%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(131,130,146,1) 0%,rgba(192,191,197,1) 14%,rgba(255,255,255,1) 50%,rgba(131,130,146,1) 82%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(131,130,146,1) 0%,rgba(192,191,197,1) 14%,rgba(255,255,255,1) 50%,rgba(131,130,146,1) 82%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838292', endColorstr='#838292',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-nav li > a {
    font-size: 18px;
    color: #0054A0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
.bx-wrapper .bx-viewport {
    position: static !important;
    border-color: #333;
    box-shadow: none;
    /*border: none;;
    box-shadow: none;
    border-color: #333;
    border: none;
    box-shadow: none;*/
}
.bxslider img { /*width: 100%;*/ }
/*.bx-wrapper {
    margin-bottom:40px;
}*/

.header-slide {
    -moz-box-shadow:0 0 5px #ccc;
    -webkit-box-shadow:0 0 5px #ccc;
    box-shadow:0 0 5px #ccc;
    border:5px solid #fff;left:-5px;
    background:#fff;
    }
.header-slide img {
    max-width:100%;
    height:auto;
}

#episodes .tab-content img,
.roundbox:hover img {
    position: relative;
    transition: transform 0.2s ease;
}
#episodes .tab-content img:hover,
.roundbox:hover img { transform: scale(1.05) }
#episodes .tab-content div { position: relative }

.slider-text {
    font-family: 'Arnold21', sans-serif;
    position: absolute;
    bottom: 0px;
    /*display: block;*/
    background: #000;
    color: #FE533B;
    padding: 5px;
    margin-top: -20px;
    line-height: 18px;
}
.slider-text i {
    font-style: normal;
    vertical-align: top;
    font-size: 11px;
    /*font-size: 10px;*/
}
.more-fun-stuff .slider-text {
    background-color: #FE533B;
    color:#fff;
}

#funstuff .slider-text, #parents .slider-text, #teachers .slider-text {
    position:relative;
    margin-top:0;
    width:100%;
    padding:0;
    /*line-height:11px;*/
}
#funstuff .slider-text:after, #parents .slider-text:after, #teachers .slider-text:after, .parent-teacher .roundbox:after {
    content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#funstuff img.pdf-thumb, #parents img.pdf-thumb, #teachers img.pdf-thumb {
    width:100%;
    height:auto;
}
#funstuff .slider-text img, #parents .slider-text img, #teachers .slider-text img {
	max-width:100%;
    height:auto;
}
#funstuff .slider-text p, #parents .slider-text p, #teachers .slider-text p {
    padding:8px 0 0 8px;
    float:left;
    line-height:14px;
}
#funstuff .slider-text p a, #parents .slider-text p a, #teachers .slider-text p a {
     color: #FE533B;
}
#parents .more-fun-stuff .slider-text p a {
    color:#fff;
}
#funstuff .slider-text img, #parents .slider-text img, #teachers .slider-text img {
    float:right;
    display:block;
}
#funstuff .slider-text p span, #parents .slider-text p span, #teachers .slider-text p span {
        display:none;
    }
div.fun-stuff {
    margin-bottom:15px;
}
.more-fun-stuff .slider-text {
    text-align:right;
}
.buy-logos {
    text-align:center;
}
.buy-logos img {
    max-width:100%;
    height:auto;
}
.roundbox {
    background: #A3A3A3;
    padding-bottom: 5px;
    color: #fff;
    min-height: 350px;
}
.parent-teacher .roundbox {
    min-height:inherit;
}
.parent-teacher .roundbox:hover img {
    transition:none;
}
.parent-teacher .roundbox:hover img {
	transform:none
    }

.roundbox img {
    width: 40%;
    float: left;
    margin: 0 10px 5px 10px;
    border: 2px solid #333;
}
.creatives .roundbox img {
    width:25%;
    max-width:100%;
    height:auto;
    margin:0 10px 15px 0;
    border:0;
}
.roundbox h3 {
    color: #333;
    border: 4px solid #333;
    background-color: #fff;
    padding: 5px;
}
.roundbox .bio-text h3 {
    background-color:transparent;
    padding:inherit;
    border:none;
    margin:0;
}
.roundbox h4 {
    color: #fff;
    margin: 0;
}
.roundbox h2 {
    margin: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333;
    text-shadow: 1px 1px 4px rgba(255, 251, 198, 0.65);
    font-size:28px;
}
.roundbox p {
    margin-left: 10px;
    margin-right: 10px;
}
.roundbox .bio-text p {
    margin-top:10px;
    margin-left:0;
    margin-right:0;
}
.roundbox .btn {
    font-family: 'Arnold21', sans-serif;
    color: #FE533B;
    border-color: #333;
    border-width: 2px;
}


.bio-text {
    float:left;
    width:70%;
}


.head-tabs {
    margin-top: 50px;
    color: #fff;
    background-color: #333;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg);
}
.head-tabs h2 {
    padding: 5px 5px 5px 10px;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
    margin-bottom:0;
}
#cast .tab-pane div:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	/*filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.6666 0.6666 0.6666 0 0 0.6666 0.6666 0.6666 0 0 0.6666 0.6666 0.6666 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
*/}
#episodes div { margin-bottom: 15px }
#episodes .tab-content img,
#cast .tab-content img, .other-book img { max-width: 100% }
.head-tabs h2 img {
    /*max-width: 50%;*/
    display: none;
}
.nav-tabs { border-bottom: 3px solid #333 }
.nav-tabs > li { margin-bottom: -3px }
.nav-tabs > li > a { border-radius: 0 }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-width: 3px;
    border-color: #333 #333 transparent;
    background-color:#eee;
}
#characters,
#ships,
#places {
    text-align: center;
    font-family: 'Arnold21', sans-serif;
}
h2 img { float: right }
#video h2 img { margin-top: -40px }
#funstuff h2 img {
    margin-top:-30px;
}
#buy h2 img {
    margin-top:-25px;
}
footer {
    margin: auto;
    max-width: 60%;
    padding-top: 8em;
}
.copyright {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 0.75em;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
    background: url(../img/chd-footer.png) no-repeat 50% 0;
    background-size: contain;
    margin: auto;
}
.copyright div { padding-top: 10em }
.row {
    position: relative;
    margin-bottom: 20px;
}
.social-row {
    margin-top:-30px;
}
#sliderdiv.row { margin-bottom: 5px }
.flex-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden;
    clear: both;
}
.flex-video.widescreen { padding-bottom: 57.25% }
.flex-video.vimeo { padding-top: 0 }
.flex-video iframe,
.flex-video object,
.flex-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#page-content {
    background: #fff;
    /* margin-top: 85px;*/
}
#social-btns {
    text-align: right;
    /*    position: absolute;;
    top: -70px;
    right: 0;*/
}
#social-btns img { width: 40px }
.socialm {
    width: 50px;
    height: 52px;
    display: block;
    background: url(../img/v2/ghd-social-media.png) no-repeat 0 0;
    float: right;
    margin-right: 10px;
    text-indent: -9999px;
}
.socialm.twitter {
    background-position: -57px 0;
    background-size: 99% 99%;
}
.socialm.tumblr { background-position: -114px -60px }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close,
.open-content-link { cursor: pointer }
.coming-soon a {
    cursor:default
}
.coming-soon img {
    opacity:0.4;
}
/* TBC Styles */
.tbc-wrapper {
    position: relative;
    background: #FFF;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    padding: 0;
}
#clspnep26.tbc-wrapper { max-width: 900px }
.tbc-div {
    width: 100%;
    text-align: center;
    background-color: #000;
    position: relative;
    margin: 0;
    padding: 0;
}
.tbc-div img.bak {
    width: 100%;
    height: 100%;
}
.booktwo .tbc-div img.bak {
    max-width: 100%;
    height: 100%;
}
.tbc-div img.next {
    position: absolute;
    top: 76.66666666666667%;
    left: 29.018789144050107%;
    display: block;
    width: 46.34655532359081%;
}
.tbc-div img.tbcbak {
    width: 100%;
    height: 100%;
}
.tbc-div img.tbc {
    position: absolute;
    width: 55.80357142857143%;
    left: 24.107142857142858%;
    top: 12.34375%;
}
.booktwo .tbc-div img.tbc {
      top: 0;
}
.booktwo .tbc-div img.tbc.bookcomingsoon {
      top: 5.107%;
}
.tbc-div img.tbcnext {
    position: absolute;
    top: 30.46875%;
    left: 23.4375%;
    width: 58.25892857142857%;
}
.booktwo .tbc-div img.tbcnext {
    top: 14.46875%;
}
.tbc-div img.tbclogo {
    position: absolute;
    width: 70.75892857142857%;
    left: 16.964285714285715%;
    top: 42.8125%;
}
.tbc-div img.tbcavail {
    position: absolute;
    width: 60.26785714285714%;
    left: 22.544642857142858%;
    top: 28.125%;
}
.tbc-div p.tbcavailtxt {
    display: block;
    position: absolute;
    top: 30.125%;
    left: 35%;
    font-size: 1.5em;
}
.booktwo .tbc-div p.tbcavailtxt {
    font-family: 'Arnold21', sans-serif;
    top: 15.125%;
    font-size: 1.75em;
    left: 18%;
    width:64%;
    color:#fff;
    text-shadow: 1px 1px 4px rgba(254, 83, 59, 1);
}
.tbc-div p.tbcavailtxt span { font-size: 1.75em }
.shadow {
    -moz-box-shadow: 3px 3px 2px 1px #999;
    -webkit-box-shadow: 3px 3px 2px 1px #999;
    box-shadow: 3px 3px 2px 1px #999;
}
.navbar-brand {
    text-align: left;
    height: 10px;
    padding: 0;
}
.navbar-brand img {
    width: 60%;
    margin-top: -90px;
}
@media (max-width: 768px) {
        .booktwo .tbc-div p.tbcavailtxt {
    font-size: 1.25em;
    width:75%;
    left:12.5%;
    }
     .navbar-default .navbar-nav.navbar-right li > a { font-size: 12px }
}
@media (max-width:850px) {

.navbar-nav > li > a {
    padding-left:0 !important;
}

}
@media (min-width: 440px) {
    .navbar-brand img { margin-top: -50px }
    .navbar-brand { height: 10px }
}
@media screen
and (max-width: 540px) {
    #funstuff .slider-text p, #parents .slider-text p, #teachers .slider-text p {
        font-size:11px;
    }/*
    #funstuff .slider-text p {
        width:85%;
    }
    #funstuff .slider-text a img {
        width:90%;
    }*/
    #funstuff .slider-text p span,  #parents .slider-text p span,  #teachers .slider-text p span {
        display:inherit;
    }
    #funstuff .slider-text a img, #parents .slider-text a img, #teachers .slider-text a img {
        display:none;
    }
}
@media (min-width: 768px) and (max-width:992px) {
        .navbar-header {
        width:250px;
    }
    .navbar-brand img {
        width: 100% !important;
        margin-top: -75px !important;
    }
}
@media (min-width: 768px) and (max-width:1110px) {
    li.nav-video {display:none;}
    .navbar-nav > li > a {
    padding-left:0 !important;
}

}
@media screen
  and (min-width: 768px)
  and (max-width: 1200px)
 {

  span.word-hide {
        display:none;
    }
}
@media (min-width: 768px) {
    #navv2 { margin-bottom: 80px }
    #social-btns img { width: 52px }
    .navbar-brand {
        padding: 15px 5px;
        height: 50px;
    }
    .navbar-default .navbar-nav li > a { font-size: 14px }
    .head-tabs h2 img {
        max-width: none;
        display: block;
    }
    .slider-text {
        font-size:13px;
    }
}
@media (min-width: 992px) {
    .navbar-brand { padding: 15px }
    .navbar-brand img {
        width: 100%;
        margin-top: -100px;
    }
    .navbar-default .navbar-nav li > a { font-size: 18px }
}
@media (min-width: 768px) {
    .navbar-default .navbar-nav.navbar-right li > a { font-size: 14px }
    .social-row {
    margin-top:-60px;
}
}


.bx-wrapper .bx-controls-direction a {
    z-index: auto !important;
}

    .tbc-div {
        text-align:center;
    }
    .tbc-div img.tbc {
        top:3%;
        width:44.742%;
        left:29%;
    }
    .tbc-div img.tbclogo {
        left: 48.9643%;
        top: 70.8125%;
        width: 40.7589%;
    }
    .tbc-buy-logos {
        top:20%;
        left:6%;
        position:absolute;
        width:89%;
        margin:auto;
        border:3px solid black;
        background:#fff;
        padding:5px;
        border-radius: 15px;
    }
    .tbc-buy-logos img {
        width:50%;
        float:left;
    }
    .bxslider {
        min-height:350px;}
    .bxslider li {display:none;}
