/* Watchopolis Theme Stylesheet
-------------------------------------------------- */


/* Import Google Web Fonts
-------------------------------------------------- */

@import url(//fonts.googleapis.com/css?family=Maven+Pro:400,700,500,900);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

/*@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700&subset=latin,latin-ext,cyrillic);*/
/*@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,400italic,300italic,700);*/
/*@import url(https://fonts.googleapis.com/css?family=Fjord+One);*/
/*@import url(https://fonts.googleapis.com/css?family=Arvo:400,400italic,700,700italic);*/
/*@import url(https://fonts.googleapis.com/css?family=Vollkorn:400,400italic,700,700italic);*/
/*@import url(https://fonts.googleapis.com/css?family=EB+Garamond);*/


/* Body and structure
-------------------------------------------------- */
html, body {
  height: 99.95%;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Fjord One', serif;
    font-family: 'Playfair Display', serif;
    font-family: 'Merriweather', serif;
    font-family: 'EB Garamond', serif;
    font-family: 'Open Sans', Helvetica, sans-serif;;
    background-color: #FFF;
 }

body.transparent {
    background: none;
    background-color: transparent;
}

body.film {
    background-color: #777;
}


#wrapper {
       width: 100%;
       min-height: 100%;
       height: auto !important;
       height: 100%;
       margin: 0px 0px -403px 0px;
 }

body.home,
body.about,
body {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


.about #wrapper {
    background: rgba(255, 255, 255, 0.6);
}

#footer_wrapper {
       width: 100%;
 }


#content_wrapper {
       width: 100%;
       padding: 0px 0px 82px 0px;
    padding:0px 0px 403px 0px;
 }


.no_footer #content_wrapper,
.search #content_wrapper{
       padding: 0px 0px 0px 0px;
 }

#footer_wrapper, #content_wrapper {
       min-width: 100%;
 }

.home #wrapper {
    background: rgba(255, 255, 255, 0.6);
}

#footer_inner_wrapper, #content_inner_wrapper {
       width: 100%;
       margin: 0px auto;
 }


.btn.btn-small, input[type="submit"].btn.btn-small {font-family: inherit; color:#333;}


.btn, .btn-small, .btn-large, .btn-primary {
    background: transparent!important;
    border-radius: 1px!important;
    box-shadow: none;
    border: none;
    -webkit-font-smoothing: antialiased;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    vertical-align: top;
}

.btn:hover, .btn-small:hover, .btn-large:hover, .btn-primary:hover {
    background: #DEDEDE!important;
}

.btn-primary {    background-color: #3F89F9!important;
    box-shadow: 0px 2px 2px #AAA;
    border: none;
    background-image: none;
    margin-bottom: 10px;
    color: #FFF!important;
    text-shadow: none;
    border: 1px solid #5369FF;
    border: 1px solid #3F89F9;
}

.dark .btn-primary {
    box-shadow: none;
}

.btn-primary.btn-flat {
    margin-bottom: 0;
    box-shadow: none;
}

.btn-large .info {
    font-size: 12px;
    color: #505050;
}

.btn-primary .info {
    color: #B8D4FF;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #5A94FF!important;}
.btn-primary:active,
.btn-primary.active {background-color: #5A94FF!important;}
.ast {padding-right:10px; margin-right:6px;}
.ast-alt { margin-right:6px;}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 72px;
  margin-right: 0;
  margin-bottom: 3px;
  Padding: 24px 40px;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 50px;
  margin-right: 2px;
  line-height: 14px;}

.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 1px;
    border: 1px solid transparent;
}

/* Global Styles
-------------------------------------------------- */
a {
    color: #050054;
}

a:hover, a:focus {
color: #10098A;
text-decoration: none;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.display_none {
    display:none;
}

/* Alerts
-------------------------------------------------- */
.alert-warning {
  background:#D5E6F7;
  border: none;
  border-radius: 0px;
  color: #333;
  font-size: 12px;
}

#verified_alert {
    font-size: 14px;
    padding: 15px 35px;
    margin-bottom: 5px;
}

/* Instagram badge
-------------------------------------------------- */
.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }


/* Blockquotes
------------------------------------------------- */
blockquote {
font-family: Georgia, serif;
font-size: 18px;
margin: 0 0 20px;
padding: 0;
line-height: 1.45;
position: relative;
color: #383838;
    border: none;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 100px;
position: absolute;
left: -50px;
    top: -30px;
color: #7a7a7a;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}

#about_journeyman blockquote {
    font-size: 30px;
}


/* Spinners
-------------------------------------------------- */

.spinner {
  height: 100px;
  width: 100px;
  animation: rotate 1.5s infinite linear;
  border: 4px solid #CCC;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 42%;
  bottom: 42%;
  left: 40%;
  right: 40%;
}

.loading-inline {
    display: inline-block;
    padding: 1.5%;
}

.loading-inline .spinner {
    height: 14px;
    width: 14px;
    border: 2px solid #3F89F9;
    border: 2px solid #0050CE;
    border-right-color: transparent;
    animation: rotate 1.5s infinite linear;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: -4px 5px;
}

.videoWrapper .spinner {
  height: 100px;
  width: 100px;
  animation: rotate 1.5s infinite linear;
  border: 4px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 42%;
  bottom: 42%;
  left: 45.5%;
  right: 45.5%;

}

@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}

/* Embed
-------------------------------------------------- */
.embed {
    width: 100%;
    height: 100%;
    background: transparent;
    border:0;
    opacity: 0;
    filter: alpha(opacity=0);
}


/* Tables
-------------------------------------------------- */
.table {
    display: table;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
    vertical-align: top;
}

.table-row.col-1 .table-cell {
    width: 99%;
}

.table-row.col-2 .table-cell {
    width: 48%;
}


/* Header
-------------------------------------------------- */

#header {;position: relative;z-index: 2;}
#header .navbar {
font-family: 'Open Sans', sans-serif;
  *position: relative;
  *z-index: 2;
  overflow: visible;

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(21%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 21%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 21%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 21%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 21%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}

.film #header .navbar {
font-family: 'Open Sans', sans-serif;
  *position: relative;
  *z-index: 2;
  overflow: visible;

background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );}

.dark #header .navbar {
    background: none;
}

#header .navbar-inner {
  min-height: 50px;
    background: none;
    border: none;
    border-top: 1px solid #DDD;
  box-shadow: none;
    padding-top: 10px;
}

#header .navbar-inner.secondary {
  min-height: 30px;
  background-color: rgba(255, 255, 255, 0.19);
  background-image: none;
  border: none;
    border-bottom: 1px solid #FFF;
    box-shadow: none;
}

.background_fullscreen {
 background: rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
    z-index: 1;
}

#header.clear .navbar .nav {
    float:right;
}

 #header.clear .navbar-inner {
  min-height: 50px;
  background-color:rgba(0, 0, 0, 0);
  background-image: none;
  border: none;
}

 #header.clear .navbar-inner .container {
     margin: auto;
     float: none;
     width: 50%;
 }

#header .navbar .nav {
position: relative;
left: 0;
display: block;
float: left;
margin: 0 10px 0 0;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}

#header .navbar .nav > li > a {
float: none;
padding: 15px 13px 15px;
color: #000;
text-decoration: none;
text-shadow: 0 1px 0 white;
    text-shadow: none;
}

#header.clear .navbar .nav > li > a {
    color: #FFF;
}

#header.clear .navbar-link.clear {
  color: #FFE368;
}

#header.clear .navbar-text p {
  color: #FFF;
}

.nav-logo {
float: left;
  width: 220px;
  height: 42px;
  overflow: hidden;
  background: url("../../img/mainsite/journeymantv_globe_logo_header.png");
  text-indent: -9999px;
  background-size: contain;
  margin: 3px 10px 5px -15px;
    padding: 0;
}

.payment-summary .nav-logo {
    float: none;
  width: 220px;
  height: 42px;
  overflow: hidden;
  background: url("../../img/mainsite/journeymantv_globe_logo_header.png")!important;
  text-indent: -9999px;
  background-size: contain;
  margin: -0px 0 5px -10px;
  padding: 0;
}

.foot-logo {
    display:inline-block;
    width: 310px;
    height: 60px;
    background-size: contain;
    background-position: center;
    background-image: url("../../img/mainsite/journeymantv_logo_medium_white.png");
}
.white_footer .foot-logo {
    background-image: url("../../img/mainsite/journeymantv_logo_medium.png");
}

.payment-summary.payment-complete {
    text-align: center;
}

.payment-summary.product_selector {
    width: 100%;
    padding: 15px 5%;
    text-align: left;
}

.payment-summary.product_selector .btn-small {
}

.payment-summary.product_selector .btn-small.active,
.payment-summary.product_selector .btn-small:hover {
    background: #DEDEDE!important;
}

h1 {
    padding-bottom: 20px;
}

.search-title h1, .search-title h2 {
    font-size: 0;
    margin:0;
    padding: 0;
    line-height: 0;
}


#header .input-search {
font-family: inherit;
background-color: #F9F9F9;
border-color: #E7E7E7;
border-width: 1px;
-moz-border-radius: 0%;
-webkit-border-radius: 0%/3%;
border-radius: 0%/3%;
border-style: solid;
margin: 10px 18px;
font-size: 12px;
}

#header .navbar .nav > li.active > a,
.navbar .nav > li.active > a:hover,
.navbar .nav > li.active > a:focus {
      color: #050054;
    color: #FFF;
    text-decoration: none;
    background-color: #DEDEDE;
    background-color:#6EA7FF;
    background-color: #3F89F9;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

#header .navbar .nav > li > a:hover {
  color: #333333;
  text-decoration: none;
    background: #EAEAEA;

}

#header .navbar .navbar-inner.secondary .nav a {
    font-weight: normal;
    font-size: 11px;
}

#header .navbar .navbar-inner.secondary .nav > .active > a,
.navbar .navbar-inner.secondary .nav > .active > a:hover,
.navbar .navbar-inner.secondary .nav > .active > a:focus {
      color: #444444;
    text-decoration: none;
    background-color: #FFDE4F;
    background-color:rgba(255, 255, 255, 0.72);
    background-color:rgba(255, 255, 255, 0.72);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

#header .navbar .navbar-inner.secondary .nav > li > a:focus,
#header .navbar .navbar-inner.secondary .nav > li > a:hover {
  color: #333333;
  text-decoration: none;
  background-color:rgba(255, 255, 255, 0.40);
    background-color:rgba(255, 255, 255, 0.40);

}

#header .navbar-form {
  margin-bottom: 0;
  *zoom: 1;
  margin-top: 5px;
  margin-right: 15px;
}

#header .navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
  border: 1px solid;
  font-size: 14px;
  background-color: #FFFFFF;
  border: 1px solid rgb(218, 218, 218);
  border-radius: 1px;
        font-family: inherit;
    font-weight: bold;
}

.navbar-form .input-append, .navbar-form .input-prepend {
    margin-top: 4px;
    margin-bottom: 4px;
}

footer .navbar-form {
    margin: 15px 0 0;
}

.input-prepend span.small {
    font-size:12px;
}

#header .dropdown-menu {
text-transform: none;
color: #8D8C8C;
border-radius: 2px;
}

#header .dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
color: #ffffff;
text-decoration: none;
background-color: red;
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(91,187,235) 0%,rgb(22,150,200) 100%);
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(91,187,235)),color-stop(1, rgb(22,150,200)));
background-image:-webkit-linear-gradient(-90deg,rgb(91,187,235) 0%,rgb(22,150,200) 100%);
background-image:-o-linear-gradient(-90deg,rgb(91,187,235) 0%,rgb(22,150,200) 100%);
background-image:-ms-linear-gradient(-90deg,rgb(91,187,235) 0%,rgb(22,150,200) 100%);
background-image:linear-gradient(-90deg,rgb(91,187,235) 0%,rgb(22,150,200) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5bbbeb,endColorstr=#ff1696c8,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5bbbeb,endColorstr=#ff1696c8,GradientType=0);
}

#header .dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
color: #FFF;
text-decoration: none;
background: #3F89F9;
}

.dropdown-menu li > a.selected{
color: #FFF;
text-decoration: none;
background: #75a6ff;
}

#header .dropdown-menu li p.heading {
    padding: 3px 20px;
    color: #BBA931;
    background: #F7F7F7;
    display: block;
    margin-bottom: 5px;
}

#header .dropdown-menu li > ul {
    list-style: none;
    margin-left: 0px;
}

#header .navbar-text .dropdown-menu {
right: 0;
float: right;
left: auto;
}

#header .navbar-link {
    color: #0064FB;
}
#header .navbar-link:hover, #header .navbar-link:focus {
    color: #2012FF;
}
#header .navbar-text, #header .navbar-text p {
  margin-bottom: 0;
  line-height: 46px;
  color: #777777;
  font-size: 12px;}

#header .navbar-text p.pull-left {
padding: 2px 10px 0px 0px;
}

#header .navbar-text p.pull-right {
padding: 2px 0px 0px 6px;
}

#header .navbar .btn-group {
float: left;
    margin-top: 2px;
}

#header .navbar .btn {
    vertical-align: middle;
}

#header .selected_bin {
    text-transform: none;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
}

#header .myclips_link:hover .selected_bin {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}

#header .myclips_link sup {
    font-size: 10px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}

#header .myclips_link i.icon-inbox{
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    margin-top: -10px;
    -webkit-transition: margin 0.1s ease-out;
    -moz-transition: margin 0.1s ease-out;
    -o-transition: margin 0.1s ease-out;
}

#header a.current-selected-bin-link {
    background: #FFF2B8;
}

#header a.current-selected-bin-link:hover {
    background: #FFF2B8;
    background-image: -moz-linear-gradient(50% 0% -90deg,#ffd30f,#ffe36b);
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#ffd30f),color-stop(1,#ffe36b));
background-image: -webkit-linear-gradient(-90deg,#ffd30f,#ffe36b);
background-image: -o-linear-gradient(-90deg,#ffd30f,#ffe36b);
background-image: -ms-linear-gradient(-90deg,#ffd30f,#ffe36b);
background-image: linear-gradient(-90deg,#ffd30f,#ffe36b);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd30f,endColorstr=#ffe36b,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd30f,endColorstr=#ffe36b,GradientType=0);
}

.navbar .about-menu {
    display: none;
}


/* Breadcrumb */

.breadcrumb {
    padding: 0 0 10px;
    margin: 0 0 20px;
    border-bottom: 1px solid #3F89F9;
    border-radius: 0;
    font-size: 12px;
    background: none;
}

.breadcrumb-with-buttons {
    margin: 0 0 0px;
}

.btn-breadcrumb {
    margin: 0 0 0px;
}

/* Main Section */

#main_section {
    padding-top: 15px;
}


/* Global Slider Control */

.global-slide-controls .global-slide-control i.icon-circle-arrow-left {
    display: inline-block;
}

.global-slide-controls .active .global-slide-control i.icon-circle-arrow-left {
    display:none;
}

.global-slide-controls .global-slide-control i.icon-circle-arrow-right {
    display: inline-block;
}

.global-slide-controls .active .global-slide-control i.icon-circle-arrow-right {
    display:none;
}

.global-slide-controls .global-slide-control i.icon-circle-arrow-down {
    display:none;
}

.global-slide-controls .active .global-slide-control i.icon-circle-arrow-down {
    display:inline-block;
}

.search #header .navbar .nav.global-slide-controls li {
    display: none;
}

.search #header .navbar .nav.global-slide-controls li.explore_tab {
    display: block;
}

@media (min-width: 1200px) {
    .navbar-static-top .container {
      width: 1145px;
    }
}


/* Search
-------------------------------------------------- */
.search #header .navbar-form {
    width: 40%;
}

.search .navbar-form .input-append {
    width: 100%;
}

.search #header .navbar-form .input-append input {
    width: 80%;
}

.search select {
        font-size: 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAWklEQVQokWNgoAOIAuI0PDiKaJMSgYCZmfkbkPkfHYPEQfJEG/b//3+FBQsWLGRjY/uJbBCIDxIHyRNtGDYDyTYI3UA+Pr4vFBmEbODbt2+bKDYIyUBWYtQBAIRzRP/XKJ//AAAAAElFTkSuQmCC), -webkit-linear-gradient(#FFFFFF, #FFFFFF 38%, #FFFFFF);
    background-position: right center;
    background-repeat: no-repeat;
    box-shadow: inset 2px 2px 2px #DDD;
    border: none;
}

.search.search-archive select {
    font-size: 16px;
    width:auto;
    min-width: auto;
}

#search_year_form {
    padding: 0 0 10px 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #DDD;

    padding: 10px 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #FFF;
    border-bottom: none;
    background: rgba(255, 255, 255, 0.3);
}

.search select:hover:enabled {
    box-shadow: inset 2px 2px 2px #DDD;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAWklEQVQokWNgoAOIAuI0PDiKaJMSgYCZmfkbkPkfHYPEQfJEG/b//3+FBQsWLGRjY/uJbBCIDxIHyRNtGDYDyTYI3UA+Pr4vFBmEbODbt2+bKDYIyUBWYtQBAIRzRP/XKJ//AAAAAElFTkSuQmCC), -webkit-linear-gradient(#EEEEEE, #EEEEEE 38%, #EEEEEE);
}

#year_choices.collapse, #country_choices.collapse {
    height: auto;
}

.search .accordion-toggle .current {
    display:none;
}

.active_search_filter {
    background: #DDD!important;
}

#country-list {
    display: block;
}
#country-list .loading {
    position: relative;
    display: block;
    min-height: 100px;
}

#country-list .loading .spinner,
#explore_films .loading .spinner {
    height: 14px;
    width: 14px;
    border: 2px solid #FFF;
    border-right-color: transparent;
    animation: rotate 1.5s infinite linear;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    margin:10px;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}
#explore_films .loading .spinner {
    border: 2px solid #FFF;
    border-right-color: transparent;
    margin: 5px 5px -5px;
}

.explore_selector {
    display: block;
    height:0;
    padding-bottom: 41%;
    width: 100%;
}
.explore_selector .col {
    display: inline-block;
    vertical-align: top;
    height: 550px;
    height: 100%;
}

.explore_selector .shaded {
    background: rgba(255, 255, 255, 0.54);
}
.explore_selector .header {
    width: 98%;
    padding: 0.5% 1%;
    display: inline-block;
    margin-bottom: 0.8%;
}
.explore_selector .header .left {
    float: left;
    color: #000;
}
.explore_selector .header .right {
    float: right;
}
.explore_selector .header .select_confirm {
    font-weight: normal;
}
.explore_selector .years {
    width: 6%;
    float: left;
    margin-left: 1%;
}
.explore_selector .map {
    width: 70%;
    margin: 3px 0 0 3px;
    margin: 3px 0 0 7%;
}
.explore_selector .countries {
    width: 22%;
}
.explore_selector .years_list {
    height: 510px;
    overflow-y: scroll;
    margin: 0 2px 0 0;

    height: 0;
    padding-bottom: 545%;
}
.explore_selector .map #jqvmap {
    width: 100%;
    height: 100%;

}
.jvectormap-region {
    cursor: pointer;
    -webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.jqvmap-zoomin, .jqvmap-zoomout {
    margin: -50px 0 0 20px;
    background: #FFF;
    padding: 5px;
    font-size: 18px;
    width: 10px;
    line-height: 10px;
    cursor: pointer;
    z-index: 2;
}
.jqvmap-zoomout {
    margin: 0px 0 0 20px;
}

.explore_selector .year_countries {
    height: 0;
    opacity: 0;
    margin: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.explore_selector .year_countries.selected {
    height: auto;
    opacity: 1;
    filter: alpha(opacity=100);
}
.explore_selector .year_countries .list {
    margin: 0;
    display:none;
}
.explore_selector .year_countries.selected .list {
    height: 510px;
    overflow: auto;
    margin: 0 2px 0 0;
    display:block;

    height: 0;
    padding-bottom: 148%;
}

.explore_selector .year_countries.selected .list ul {
    list-style: none;
    padding:0;
    margin: 0 0 -400% 0;
}

.explore_selector .years_list ul {
    list-style: none;
    padding:0;
    margin: 0 0 -148% 0;
}

.explore_selector .year_countries.selected .list li,
.explore_selector .years_list li {
    cursor: pointer;
}

.explore_selector .years.highlighted .year {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.explore_selector .years.highlighted .year.highlighted {
    opacity: 1;
    filter: alpha(opacity=100);
}

.explore_selector .years .tooltip {
    white-space: nowrap;
}

.jqvmap-label {
    position: absolute;
    display: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
    z-index: 1;
}

#explore_films {
    background: #FFF;
    padding: 20px 1.5%;
    min-height: 300px;
    margin-bottom: 20px;
}

#explore_films .tile_box {
    margin: 0;
}

#explore_films .tile_box .tile {
    width: 12.2%;
}

#explore_films .tile_box .tile .caption.text {
    float: left;
}
#explore_films .tile_box .tile .caption-fade {
    width: 100%;
    display: block;
    height: 40px;
    background: #EFEFEF;
    float: right;
    padding: 0 0px;
    margin-top: -40px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefef', endColorstr='#efefef',GradientType=0 );
}

@media (min-width: 1518px) {
    #explore_films .tile_box .tile .caption.text {
        height: 0;
        min-height: auto;
        padding-top: 5px;
        padding-bottom: 200%;
    }

    #explore_films .tile_box .tile .caption.image {
        height: 0;
        min-height: auto;
        padding-bottom: 80%;
    }
}

@media (max-width: 1518px) {
    .explore_selector {
        padding-bottom: 45%;
    }
    .explore_selector .years {
        width: 30%;
        margin-left: 0;
        display: block;
        float: left;
        height: auto;
    }
    .explore_selector .map {
        width: 70%;
        margin: 3px 0 0 0;
        display: block;
        float: left;
        height: 0;
        padding-bottom: 37%;
    }
    .explore_selector .countries {
        width: 30%;
        float: left;
        display: block;
        height: auto;
    }
    .explore_selector .years_list {
        padding-bottom: 40%;
    }
    .explore_selector .year_countries.selected .list {
        padding-bottom: 60%;
    }

    .explore_selector .year_countries.selected .list ul {
        margin: 0 0 -400% 0;
    }

    .explore_selector .years_list ul {
        margin: 0 0 -148% 0;
    }
    #explore_films .tile_box .tile {
        width: 24.6%;
    }
    #explore_films .tile_box .tile .caption.image {
        height: 0;
        min-height: auto;
        padding-bottom: 58%;
    }
    #explore_films .tile_box .tile .caption.image .snippet {
        display: none;
    }
    #explore_films .tile_box .tile .caption.text {
        height: 0;
        min-height: auto;
        padding-top: 0;
        padding-bottom: 70%;
    }
}

@media (max-width: 979px) {
    .explore_selector {
        padding-bottom: 68%;
    }
    .explore_selector .years {
        width: 20%;
        display: block;
    }
    .explore_selector .map {
        width: 70%;
        margin: 3px 15% 0;
            display: block;
        float: left;
        height: 0;
        padding-bottom: 35%;
    }
    .explore_selector .countries {
            width: 80%;
            float: right;
            display: block;
    }
    .explore_selector .years_list {
        padding-bottom: 80%;
    }
    .explore_selector .year_countries.selected .list {
        padding-bottom: 20%;
    }

    .explore_selector .year_countries.selected .list ul {
        margin: 0 0 -400% 0;
    }

    .explore_selector .years_list ul {
        margin: 0 0 -148% 0;
    }
    #explore_films .tile_box .tile {
        width: 32%;
    }
    .explore_selector .header h4 {
        font-size: 12px;
    }
}

@media (max-width: 600px) {
    .explore_selector {
        padding-bottom: 75%;
    }
    .explore_selector .years {
        width: 30%;
        display: block;
    }
    .explore_selector .map {
        width: 70%;
        margin: 3px 15% 0;
            display: block;
        float: left;
        height: 0;
        padding-bottom: 35%;
        display: none;
    }
    .explore_selector .countries {
            width: 70%;
            float: right;
            display: block;
    }
    .explore_selector .years_list {
        padding-bottom: 180%;
    }
    .explore_selector .year_countries.selected .list {
        padding-bottom: 77%;
    }

    .explore_selector .year_countries.selected .list ul {
        margin: 0 0 -400% 0;
    }

    .explore_selector .years_list ul {
        margin: 0 0 -148% 0;
    }
    #explore_films .tile_box .tile {
        width: 48%;
    }
    .explore_selector .header h4 {
        font-size: 12px;
        padding: 0;
        margin: 0;
    }
    .explore_selector .header h4.left {
        display:none;
    }
    .explore_selector .years_list .tooltip {
        width: 0;
        height: 0;
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

/* Info Unit
-------------------------------------------------- */

#info-unit { padding-bottom:10px;}
#info-unit .alert-block {position: relative; padding-top: 34px;z-index: 1;}
#info-unit .alert-info .btn-success {background: white; color: #3F7CE2;}
#info-unit .alert-info h4 {color: #3F7CE2; font-weight: 600; margin-bottom: 10px;}
#info-unit  .alert-block p + p {margin-top: 13px;}
#info-unit .alert-block > p, .alert-block > ul {color: #333;font-size: 13px;
  line-height: 22px;}
#info-unit .alert-info {
  font-family: inherit;
  color: #3F7CE2;
 background:-moz-linear-gradient(rgba(255,254,245,0.84) 0%,rgba(255,252,221,0.9) 100%);
background:-webkit-gradient(linear,color-stop(0, rgba(255,254,245,0.84)),color-stop(1, rgba(255,252,221,0.9)));
background:-webkit-linear-gradient(rgba(255,254,245,0.84) 0%,rgba(255,252,221,0.9) 100%);
background:-o-linear-gradient(rgba(255,254,245,0.84) 0%,rgba(255,252,221,0.9) 100%);
background:-ms-linear-gradient(rgba(255,254,245,0.84) 0%,rgba(255,252,221,0.9) 100%);
background:linear-gradient(rgba(255,254,245,0.84) 0%,rgba(255,252,221,0.9) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#052b8eb,endColorstr=#b52b8eb)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#052b8eb,endColorstr=#b52b8eb);
    -ms-filter: none;
    filter: none;
border: none;
  background: #FFF;
  border-radius: 0;}

#cookies_alert.alert-info {
    font-size: 13px;
    line-height: 32px;
    position: fixed;
    bottom:0;
  width: 80%;
  border: none;
  border-radius: 0;
  padding: 10px 10%;
  text-align: center;
  background: rgb(255, 243, 196);
  color: #333;
margin: 0;
  background: rgb(65, 65, 65);
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
      z-index: 1;
}

#cookies_alert.alert-info a {
    color: #E3EFFF;
}

#cookies_alert.alert-info .btn {
    background: #DDD!important;
}

/* 404 Page
-------------------------------------------------- */

#error-page .hero-unit {padding: 60px;text-align: center;margin-bottom: 30px;font-size: 18px;font-weight: 200;line-height: 30px;color: inherit;background-color: rgba(238, 238, 238, 0.13);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
#error-page .hero-unit h1 {margin-bottom: 0;font-size: 7em;line-height: 1;letter-spacing: -1px; color: inherit; }
#error-page .hero-unit li {line-height: 30px;}

/* Options Bar
-------------------------------------------------- */

.options-bar {
margin-bottom:15px;
padding:10px;
border: 1px solid rgb(241, 241, 241);
-webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;
padding: 0;
background: none;
border: none;
}

.options-bar.search {
    margin-top: 0px;
}

.options-bar td.right {
text-align:right;
}

.options-bar td.right p {
font-size: 12px;
}

.options-bar .title {
    width: 100%;
    display: inline-block;
text-align: left;
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(left,  #efefef 0%, #ffffff 46%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#efefef), color-stop(46%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #efefef 0%,#ffffff 46%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #efefef 0%,#ffffff 46%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #efefef 0%,#ffffff 46%); /* IE10+ */
background: linear-gradient(to right,  #efefef 0%,#ffffff 46%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}

.options-bar-bin.quote .title {
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(left,  #FFFADA 0%, #ffffff 46%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFFADA), color-stop(46%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #FFFADA 0%,#ffffff 46%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #FFFADA 0%,#ffffff 46%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #FFFADA 0%,#ffffff 46%); /* IE10+ */
background: linear-gradient(to right,  #FFFADA 0%,#ffffff 46%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFADA', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}


.options-bar-bin form, .options-bar-bin.quote h4 {
    padding: 0;
    margin: 10px 0;
    width: 38%;
display: inline-block;
    vertical-align: top;
}

.options-bar-bin form input[type=text] {
    border:none;
    background:transparent;
    border: none;
background: transparent;
font-weight: bold;
font-size: 17.5px;
font-family: inherit;
margin: 0;
width: 80%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

.options-bar-bin form input[type=text]:focus {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    font-size: 17.5px;
}

.options-bar-bin .title {
    padding-left: 2%;
    margin: 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 20px;
color: inherit;
text-rendering: optimizelegibility;
}

.options-bar-bin .title b {
    font-weight: normal;
    font-size: 17.5px;
vertical-align: middle;
}

.options-bar-bin .title strong {
    font-size: 17.5px;
vertical-align: middle;
}

.options-bar-bin .title .actions {
    width: 60%;
    display: inline-block;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
  padding: 8px 0px;
}

.options-bar-bin .title .actions .btn {
    font-size: 12px;
}

.options-bar-bin .info {
    width: 28%;
    display: inline-block;
}
.options-bar-bin p {
margin: 0px 10px 0px;}

.options-bar-bin span {
font-size: 12px;
padding: 6px 21px;
float:right;
color: #757575;

}

.options-bar table td span {
    font-size: 11px;
  font-weight: bold;
}

.options-bar table {
    width: 100%;
}

.advanced_search_toggle {
    cursor: pointer;
    width:70%;
}

#advanced_search_options {
    width:70%;
}

.options-bar table .dropdown-menu {
    min-width:80px;
}

.options-bar table .btn-mini {
  background: none;
  box-shadow: inset 0px 2px 2px #999;
  border: none;
}

.options-bar table tbody:after {
  display: none;
}

.options-bar .dropdown-menu li > a:hover {
    background-color: hsl(49, 100%, 53%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe36b", endColorstr="#ffd30f");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffe36b), to(#ffd30f));
  background-image: -moz-linear-gradient(top, #ffe36b, #ffd30f);
  background-image: -ms-linear-gradient(top, #ffe36b, #ffd30f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe36b), color-stop(100%, #ffd30f));
  background-image: -webkit-linear-gradient(top, #ffe36b, #ffd30f);
  background-image: -o-linear-gradient(top, #ffe36b, #ffd30f);
  background-image: linear-gradient(#ffe36b, #ffd30f);
  border-color: #ffd30f #ffd30f hsl(49, 100%, 48.5%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.29);
  -webkit-font-smoothing: antialiased;
}

.options-bar .dropdown-menu li.selected > a {
  background: #FFF2B8;
}

.options-bar .dropdown-menu li.selected > a:hover {
    background: #FCF3D1;
}


/* Quote
-------------------------------------------------- */

.quote-form-box, .order-form-box {
  background: #FFFADA;
}

.quote-form-box form select {
}

.quote-form-box form input, .quote-form-box form select, .quote-form-box form textarea {
    margin-bottom: 0px;
}

.quote-form-box form button[type=submit] {
    margin: 10px 0px;
}

.quote-form-box form td label {
    margin-top: 10px;
}

.quote-form-box form td label:first-child {
    margin-top: 0px;
}

.quote-form-box td, .order-form-box td {
    border: none;
}

.quote-details {
  margin: 2%;
}

.quote-info, .quote-amounts {
  padding: 2%;
  margin: 1% 1% 10px;
  width: 94%;
}

.quote-info {
    min-height: 150px;
  background: #FFF2B8;
  box-shadow: 0px 2px 2px #DDD;
  border-radius: 4px;
}

.quote-form-box ul.checkboxes {
    list-style: none;
}

fieldset.timecode label {
    display: inline-block;
    width: 30px;
}

fieldset.timecode input {
    width: 25px;
    border-radius: 0px;
    margin-left: 4px;
    margin-right: 4px;
}

fieldset.timecode input:first-of-type {
    border-radius: 4px 0px 0px 4px;
}

fieldset.timecode input:last-child {
    border-radius: 0px 4px 4px 0px;
}

/* Tables
-------------------------------------------------- */


thead tr.bin-title {
    font-size: 1.2em;
background: #efefef;
background: -moz-linear-gradient(left, #efefef 0%, #ffffff 46%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#efefef), color-stop(46%,#ffffff));
background: -webkit-linear-gradient(left, #efefef 0%,#ffffff 46%);
background: -o-linear-gradient(left, #efefef 0%,#ffffff 46%);
background: -ms-linear-gradient(left, #efefef 0%,#ffffff 46%);
background: linear-gradient(to right, #efefef 0%,#ffffff 46%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 );
}

.table-head.table-row  {
    font-size: 0.8em;
    font-weight:normal;
}

thead tr.bin-title th, .table thead:first-child tr.bin-title:first-child th {
border-top: 1px dashed #777;
}

thead tr.order-cols th:first-child, .order-items .table-row .table-cell:first-child {
    padding-left: 20px;
}

thead tr.order-cols th {
border: none;
}

thead tr.bin-title a.btn-small {
    font-size: 11px;
    color: #999;
}

.order .table-row .table-cell {
    padding: 0 0 10px;
}

.order-items {
    font-size: 1em;
}

.order-items span.small {
    font-size: 0.8em;
}


.order-items .product-image {
    width: 10%;
}

.order-items .product-description {
    width: 30%;
}

.order-items .product-qty {
    width: 5%;
}

.order-items .product-actions {
    font-size: 1.5em;
    width: 10%;
}

.order-items:after {
  content: '';
  display: block;
  height: 5px;
}

.table {
  margin-bottom: 5px;
}
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: rgba(249, 249, 249, 0.28);
}

.table-striped tbody > tr:nth-child(odd).un-striped > td, .table-striped tbody > tr:nth-child(odd).un-striped > th {
    background: none;
}

.order-items .product-image .poster {

width: 100px;
    background-image: url(http://dev-jmassets.com/images/film/6035/poster_4x3.jpg);
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    display: block;
}

.order-items .table-row .table-cell {
    padding: 10px;
}

.order-items .table-row .table-cell,
.table-row.totals .table-cell.underline,
.table-cell.underline {
    border-bottom: 1px solid #DDD;
}

.table-row.totals .table-cell {
    border-bottom: none;
    white-space: nowrap;
}

.order-items .table-head.table-row .table-cell,
.table-row.grand-total .table-cell,
.table-row.grand-total .table-cell.underline {
    border-bottom: 1px solid #333;
    white-space: normal;
}

.nav_basket .order-items .table-row .table-cell.large-screens {
    display: none;
}

.nav_basket {
    padding: 0 15px;
}

/* Modals
-------------------------------------------------- */
#modal-messages {
    padding-top:50px;
    position:absolute;
    width: 100%;
    display: block;
}
.modal-messages {
    display: block;
    width: 100%;
    height: 70px;
}

#modal-messages .popover-title {
    background: #D5E6F7;
border: none;
padding: 3px 14px;
}

#modal-messages .popover-inner {
    text-align: center;
}

#modal-main video, .modal-full video, .clip-video video, .clip-video .video-js {
    width: 100%;
}

.modal-full {
    top: auto;
}

.modal-trailer .modal-body {
    min-height:600px;
}

.modal-trailer .modal-body .loading {
    padding:5%;
    text-align:center;
}

.modal-trailer .modal-body .film-trailer-holder {
    height:0;
    overflow:hidden;
}

#modal-main .video-js .vjs-tech,
.modal-full .video-js .vjs-tech{
    z-index: 1;
}

#modal-payments .modal-body {
    padding:0;
        display: table;
    vertical-align: top;
    width: 100%;
}

#modal-payments .modal-header,
#modal-main .modal-header,
.modal-full .modal-header {
    padding: 0px 15px;
}

.thumbnail video {
    cursor: pointer;
}

#modal-main.modal,
.modal-full.modal {
    left: 0;
width: 90%;
    margin: 0 5% 10%;
    border: none;
}

.modal-full.modal {
    margin-top: 50px;
}

#modal-main.selected,
.modal-full.selected,
.video-page .selected {
    background: #D5E6F7;
}

#modal-main .modal-body,
.modal-full .modal-body {
    padding:0;
        display: table;
    vertical-align: top;
    width: 100%;
    min-height: 400px;
}

.modal-body {
    max-height: inherit;
}

.modal {
    position: absolute;
}

.modal.fade {
  top: 20%;
  -webkit-transition: opacity 0.3s linear;
     -moz-transition: opacity 0.3s linear;
       -o-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear;
}

.modal.fade.in {
  top: 20%;
}

.modal .small {
    font-size: 12px;
}

.modal-header {
    border-bottom: none;
    padding: 5px 15px;
}

.modal-header .close {
    margin-top: 0px;
    position: absolute;
    right: 20px;
    padding: 10px;
    z-index: 5;
}

.modal-backdrop, .modal-backdrop.fade.in {
background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal table.table.table-striped {
    margin-bottom: 0px;
}

.modal table.table.table-striped td {
    padding: 6px;
}

.modal.selected table.table.table-striped tbody > tr:nth-child(odd) > td, .modal.selected table.table.table-striped tbody > tr:nth-child(odd) > th,
.video-page .selected table.table.table-striped tbody > tr:nth-child(odd) > td {
  background-color: #D5E6F7;
}

.modal table.table.table-striped:after {
  content: '';
  display: block;
  height: 0px;
}

/* Video JS
-------------------------------------------------- */

.black_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.75);
    z-index: 3;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.3%; /* video dimensions - height/width */
	padding-top: 0px;
	height: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 1;
}

.videoWrapper.fullscreen {
    position: relative;
	padding-bottom: 0; /* video dimensions - height/width */
	padding-top: 0px;
	height: 100%;
    width:100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 0;
}

.film_link {
}

.film_link:hover {
    text-decoration: none;
}

.videoWrapper.film_link, .videoWrapper.film_link:hover {
    color: transparent;
    display: block;
    position: relative;
}

video {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

video.video-js {
  z-index: 1000;
}

.video-js .vjs-controls {
  z-index: 1002;
}

.video-js .vjs-big-play-button {
  z-index: 1002;
}

.videoWrapper .video-js, .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 1;
	background: none;
}

.videoWrapper object,
.videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 1;
}

.vjs-spinner {
  display: none !important;
}

.video-js img.vjs-poster {
  height: 100% !important;
  width: 100% !important;
  /*z-index: 1;*/
  max-width: 100%;
}

.vjs-poster {
    background-color: transparent;
    /*z-index: 1;*/
}

.videoWrapper .vjs-default-skin .vjs-big-play-button {
  border-radius: 4em;
    width:2.6em;
    background:rgba(255, 255, 255, 0.7);
}

.videoWrapper .vjs-big-play-button:before {
        content: "\e001";
    font-family: VideoJS;
    text-shadow: .05em .05em .1em #000;
    text-shadow: none;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    color: #5395E5;
}

.videoWrapper .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
    left: 50%;
    margin-left: -1.4em;
    top: 50%;
    margin-top: -1.4000000000000001em;
}

.videoWrapper .vjs-default-skin:hover .vjs-big-play-button, .videoWrapper .vjs-default-skin:hover .vjs-big-play-button:focus {
  /*border-radius: 0;*/
    border-color: #5395E5;
    background: rgba(255, 255, 255, 0.7);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.videoWrapper .vjs-default-skin .vjs-play-progress,
.videoWrapper .vjs-default-skin .vjs-volume-level { background: #5395E5 url(''); }
.videoWrapper .vjs-default-skin .vjs-control-bar { }

.videoWrapper .vjs-default-skin .vjs-control-bar {
      z-index: 1;
  }

.videoWrapper .vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
    text-shadow: none;
}

.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
    display: block;
}

#bgvid.video-js.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button,
.vjs-youtube .vjs-big-play-button {
    display: none;
}

.vjs-default-skin .vjs-big-play-button {
    background: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0);
}

.thumbnail .vjs-big-play-button, td.clip-video .vjs-big-play-button {
    font-size: 1.5em;
}

body:hover .vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

body:hover .vjs-default-skin.vjs-controls-disabled:hover .vjs-big-play-button {
    display:none;
}

.vjs-error-display div {
    display: none;
}

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #B7B7B7;
  line-height: 1;
  text-shadow: none;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.5em;
  width: 100%;
}

/* Homepage
-------------------------------------------------- */
#video_wall {
    position: fixed;
left: 0;
top: 50px;
width: 100%;
z-index: 0;
    display:none;
}

#video_wall ul, #video_wall li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#video_wall li {
    width: 33.3%;
    line-height: 0px;
    float: left;
opacity: 0.8;
filter: alpha(opacity=80);
}

#video_wall li video {
    width: 100%;
}

#video_wall li:hover {
}

#bgvid_wrap #bgvid.video-js {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#bgvid.video-js video {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

#bgvid.video-js, #bgvid.video-js .vjs-poster, #bgvid.video-js video {
    background-repeat: no-repeat;
  background-size: cover;
   -webkit-background-size:cover;
   -moz-background-size:cover;
   -o-background-size:cover;
}

#main_section.homepage {
    z-index: 1;
position: relative;
background: none;
}

#central_overlay {
    margin: 100px auto 0px;
float: none;
border: none;
      background: rgba(255, 218, 73, 0.9);
border-radius: 4px;
padding: 10px;
}

#main_section.homepage .overlay {
    margin: 0px auto 0px;
float: left;
border: none;
    background: rgba(255, 218, 73, 0.9);
padding: 10px;
    background:rgba(218, 210, 171, 0.65);
    background:rgba(26, 26, 26, 0.15);
    background:rgba(0, 0, 0, 0);
  float: none;
}

#main_section.homepage .overlay a {
    color: #FFE800;
}

#main_section.homepage .overlay a:hover {
    color: #FFF;
}

#main_section.homepage .overlay a.btn {
    color: #333;
}

#main_section.homepage .overlay.clear a {
      color: #EED80D;
}

#main_section.homepage .overlay.top {
    margin-top: 10%;
    border-bottom: 1px dashed rgba(153, 153, 153, 0.65);
}

#main_section.homepage .overlay.top.shaded {
  background: rgba(0, 0, 0, 0.27);
  border-bottom: 1px solid #000;
      border-radius: 8px 8px 0px 0px;
}

#main_section.homepage .overlay.login {
}

#main_section.homepage .overlay.clear {
    background: none;
}

#main_section.homepage .overlay p.copyright {
   font-size: 12px;
  color: #FFFFFF;
  text-align: center;
}

#main_section.homepage .overlay.pull-right {
    float:right;
}

#main_section.homepage .overlay .name_label {
    margin: auto;
display: block;
text-align: center;
background: rgba(255, 255, 255, 0.51);
border-radius: 4px 4px 0px 0px;
padding: 10px;
text-shadow: 1px 1px 1px #4C4C4C;
background: none;
font-size: 18px;
  color: #FDE228;
}

#main_section.homepage .overlay .name_label h1,
#main_section.homepage .overlay .name_label h2 {
    padding:0;
    margin:0;
}

#main_section.homepage .overlay .name_label h1 span,
#main_section.homepage .overlay .name_label h2 {
    font-size: 0;
    line-height: 0;
}

#main_section.homepage .overlay .actions {
text-align: center;
    margin: auto;
display: block;
}

#main_section.homepage .overlay .actions p.error {
      color: black;
  background: rgb(252, 174, 174);
  font-size: 12px;
  padding: 5px;
      border-radius: 4px;
  margin: 0px auto 10px;
  width: 60%;
}

#main_section.homepage .overlay .actions input.error {
      border: 2px solid rgb(255, 137, 137);
}

#main_section.homepage .overlay.login .actions input[type=text],
#main_section.homepage .overlay.login .actions input[type=password]{
margin: 5px 5px 10px;
}

#main_section.homepage .overlay .actions .login_options {
    color: #FFF;
    font-size: 12px;
}

#main_section.homepage .overlay .actions input[type=checkbox] {
  float: none;
  margin: -8px 5px 0px;
}

#main_section.homepage .overlay .actions .inlay {
background: #ECECEC;
border-radius: 4px;
margin-top: 10px;
box-shadow: inset 1px 1px 2px #BBB;
}

#main_section.homepage .overlay .actions .inlay.highlight {
      box-shadow: none;
  background: #BBBBBB;
  text-shadow: none;
  border-radius: 0px 0px 4px 4px;
  margin-bottom: 10px;
    background: #dbdbdb; /* Old browsers */
background: -moz-linear-gradient(top,  #dbdbdb 0%, #ffffff 100%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dbdbdb 0%,#ffffff 100%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dbdbdb 0%,#ffffff 100%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dbdbdb 0%,#ffffff 100%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dbdbdb 0%,#ffffff 100%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

  background: #fff;
  color: #333;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

#main_section.homepage .overlay .actions .inlay form {
    padding: 10px;
}

#main_section.homepage .overlay .actions .inlay ol {
    text-align: left;
    margin: 10px 20%;
}

#main_section.homepage .overlay .actions ul.bins-list {
    margin:0 auto;
    padding: 5px;
    list-style: none;
    text-align: left;
    width: 60%;
}

#main_section.homepage .overlay .actions ul.bins-list li a {
    margin:0;
    padding: 5px;
    list-style: none;
    display: block;
    background: rgba(0, 0, 0, 0.25);

}

#main_section.homepage .overlay .actions ul.bins-list li a:hover {
    background: rgba(0, 0, 0, 0.40);
  -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
       -o-transition: all 0.3s linear;
          transition: all 0.3s linear;
}

#main_section.homepage .overlay .actions ul.bins-list li span.itemcount {
    color: #333;
  display: inline-block;
  background: #FFDC51;
  font-size: 0.8em;
  float: right;
  padding: 0px 5px;
  border-radius: 2px;
  box-shadow: 0px -1px 1px #BAA934
  margin-left: 10px;
  line-height: 16px;
}

#main_section.homepage .overlay .actions ul.bins-list li a:hover span.itemcount {
    background: #FFF;
    box-shadow: 0px -1px 1px #CBCBCB;
}



#central_overlay .name_label {
    margin: auto;
display: block;
width: 40%;
text-align: center;
background: rgba(255, 255, 255, 0.51);
border-radius: 4px 4px 0px 0px;
padding: 10px;
text-shadow: 1px 1px 1px #9E9E9E;
background: none;
}

#central_overlay .actions {
text-align: center;
    margin: auto;
display: block;
}

#central_overlay .collapse {
background: #ECECEC;
border-radius: 4px;
margin-top: 10px;
box-shadow: inset 1px 1px 2px #BBB;
}

#central_overlay .collapse ol {
    text-align: left;
    margin: 10px 20%;
text-shadow: 1px 1px 1px #9E9E9E;
}

#main_section.homepage .overlay .categories a {
      display: inline-block;
  color: #B2B2B2;
  background: rgba(0, 0, 0, 0.41);
  padding: 2px 8px;
  margin: 2px;
  font-size: 12px;
}

#main_section.homepage .overlay .categories a:hover {
      color: #FFE800;
  background: rgba(0, 0, 0, 0.56);
}


/* Section Pages
-------------------------------------------------- */


.section_page .row-fluid .col-1.span12 {
    width: 100%;
    margin-left: 0%;
}

.row-fluid .col-1.span11 {
    margin: 0 4%;
    width: 92%;
}

.section_page .row-fluid .col-2.span2 {
    margin-left: 0%;
}

.section_page .row-fluid .col-2.span3 {
    margin-left: 0%;
}

.section_page .row-fluid .col-2.span5 {
    width: 42%;
    margin-left: 0%;
}

.section_page .row-fluid .col-2.span8 {
    width: 67.5%;
    margin-left: 0%;
}

.section_page .row-fluid .col-2.span7 {
    width: 57.99%;
    margin-left: 0%;
}

.section_page .row-fluid .col-2.span4 {
    width: 32.5%;
    margin-left: 0%;
}

.section_page .tile_box {
    border: 1px solid #DADADA;
    padding: 0;
    border-left: none;
    border-bottom: none;
    border: none;
    position: relative;
}

.section_page .col-2:first-child .tile_box:first-child,
.section_page .col-2:first-child .col-2:first-child .tile_box,
.section_page .col-1 .tile_box {
    border-left: 1px solid #DADADA;
    border: none;
}

.section_page .col-2:last-child .tile_box,
.section_page .col-2:first-child .col-2:last-child .tile_box{
    border-left: none;
}

.section_page .col-2:first-child .col-2.span4 .tile_box{
    border-left: 1px solid #DADADA;
    border: none;
}

.carousel {
    margin-bottom: 0;
}

.carousel-wrapper {
    position: relative;
    float:left;
    width: 100%;
}

.carousel-indicators {
        position: absolute;
    top: 5px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none;
}

.carousel-indicators li,
.catalogue-list li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #FFF;
    border-radius: 0px;
    cursor: pointer;
}

.carousel-indicators .active {
    background-color: #FFD416;
}

.carousel-indicators.tile_box {
        position: relative;
    top: auto;
    right: auto;
    z-index: 5;
    margin: 0;
    list-style: none;
}

.playlist.tile_box {
    padding: 0px;
}

.carousel-indicators.tile_box li,
.catalogue-list.tile_box li {
        display: block;
    width: 100%;
    height: auto;
    text-indent: 0;
    background-color: transparent;
    border-radius: 0px;
    margin: 1.5% 1% 1%;
    -webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.carousel-indicators.tile_box .active {
    background-color: transparent;
}

.carousel-indicators.tile_box.posters {
    background: #FFF;
    float: left;
    width: 100%;
    padding: 0px 0px;

    width: 98%;
    padding: 10px 1%;
}

.tile_box.posters .film_image_holder {
    position:relative;
        display: block;
    height: 0;
    padding-bottom: 58%;
}

.carousel-indicators.tile_box .active .film_image {
    width: 100%;
    margin: 0%;
    box-shadow: 0px 0px 0px #999;
    z-index: 0;
    position:absolute;
}

.carousel-indicators.tile_box.posters .film_image {
    margin: 0%;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
    /*-webkit-transition-delay: all .3s ease;
-o-transition-delay: all .3s ease;
transition-delay: all .3s ease;*/
}

.carousel-indicators.tile_box.posters li:hover .film_image {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-indicators.tile_box.posters .active .film_image {
    width: 101%;
    margin: -1%;
    padding-bottom: 57%;
    box-shadow: 0px 3px 10px #999;
    z-index: 5;
    position:absolute;
        width: 110%;
    margin: -6% -4%;
    padding-bottom: 62%;
    box-shadow: 0px 5px 10px #848484;
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-indicators.tile_box.list li {
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.carousel-indicators.tile_box.list .wrapper,
.carousel-indicators.tile_box.list li .wrapper {
    float: left;
    position: absolute;
    width: 100%;
    display: block;
    padding-bottom: 22.4%;
    height: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.carousel-indicators.tile_box.list .active .wrapper {
}

.carousel-indicators.tile_box.list .active .wrapper, .carousel-indicators.tile_box.list li:hover .wrapper {
    float: left;
    display: block;
    height: 0;
    width: 103%;
    box-shadow: 0 3px 3px #999;
    z-index: 5;
    position: absolute;
    margin: -0.5% -2%;
    padding: 0 0.2% 34.7% 0;
    background: #EFEFEF;
}

.carousel-indicators.tile_box.list li:hover,
.carousel-indicators.tile_box.list li.active {
    padding:0 0.2% 32% 0%;
    color: #050054;
}

.carousel .carousel-control {
    position: absolute;
    top: 40%;
    left: 35px;
    width: 30px;
    height: 40px;
    margin-top: -20px;
    font-size: 40px;
    font-weight: 100;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    border: none;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: all .3s ease;
    z-index: 10;
}

.carousel:hover .carousel-control {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.carousel-control.right {
    right: 35px;
    left: auto;
}

.carousel-inner > .item_active {
    position: relative;
    display: block;
    left: 0;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

.global-slide-page {
   margin: 0 5.3%;
}

#features_carousel, #shorts_carousel {
    margin-bottom: 70px;
    background: #EFEFEF;
}

#features_carousel .carousel-inner > .item {
    background: #EFEFEF;
}

/* Catalogue Expander
------------------------------------------------ */
.catalogue {
    display: block;
    float:left;
    width:100%;
    /*border-top: 1px dashed #3F89F9;*/
    background: #FFF;
}
.catalogue-list-holder,
.catalogue .loading {
    display: block;
    float: left;
    width: 98%;
    padding: 10px 1%;
}
.catalogue-list-holder ul {
    margin: 0;
}
.catalogue .loading {
    padding: 10px 0px;
    text-align: center;
}
.catalogue .loading .spinner {
    height: 14px;
    width: 14px;
    border: 2px solid #3F89F9;
    border-right-color: transparent;
    animation: rotate 1.5s infinite linear;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}
.catalogue-list {
    float: left;
    padding: 0 0 20px 0;
    margin: 0 0 10px 0px;
    width: 100%;
}
.view_more_tab {
    display: block;
    float:left;
    width:100%;
    display:none;
}

/* Tile Box
------------------------------------------------ */

.tile_box .film_image {
    display: block;
    width: 100%;
        padding-bottom: 58%;
    padding-top: 0px;
    height: 0;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #EFEFEF;
    color:transparent;
    position: relative;
}

.tile_box .film_image .length {
    color: #FFF;
    padding: 5px 10px;
    font-size: 10px;
    background: rgba(0, 0, 0, 0.50);
    display: block;
    bottom: 0;
    position: absolute;
    border-radius: 0 15px 0 0;
    font-weight: bold;
}

.tile_box .film_image .play_arrow {
    color: #FFF;
    padding: 5px 10px;
    font-size: 10px;
    background: rgba(0, 0, 0, 0.50);
    display: block;
    bottom: 0;
    right: 0;
    position: absolute;
    border-radius: 15px 0 0 0;
    font-weight: bold;
}

.tile_box .film_image .ref_no {
    color: #FFF;
    padding: 5px 10px;
    font-size: 10px;
    background: rgba(0, 0, 0, 0.50);
    display: block;
    bottom: auto;
    right: auto;
    position: absolute;
    border-radius: 0 0 15px 0;
    font-weight: bold;
    top: 0;
    left: 0;
}

.tile_box .tile {
    display: inline-block;
    width: 32.3%;
    vertical-align: top;
    margin-top: 5px;
}

.tile_box.wide .tile {
    display: inline-block;
    width: 12.5%;
    vertical-align: top;
    margin-top: 5px;
}

.tile_box.search {
    padding-bottom: 30px;
}

.tile_box.search .tile {
        display: inline-block;
    width: 23%;
    vertical-align: top;
    margin-top: 10px;
    margin-right: 1%;
    background: #EFEFEF;
}

.tile_box.search .tile {
    width: 46%;
}

.tile_box.search .film_image {
    width: 50%;
    padding-bottom: 23%;
    float: left;
    -webkit-transition: 0.6s ease-in-out all;
    -moz-transition: 0.6s ease-in-out all;
    -o-transition: 0.6s ease-in-out all;
    transition: 0.6s ease-in-out all;
}

.tile_box.search .tile .film_image {
    width: 100%;
    padding-bottom: 58%;
    float: left;
}

.tile_box.search .image {
    width: 50%;
    float: left;
}

.tile_box.search .snippet {
    width: 100%;
    float: left;
}

.tile_box .tile.feature {
    width: 49%;
}

.tile_box .tile.single {
    width: 99%;
}

.tile_box .tile .caption {
        height: 90px;
    min-height: 90px;
    overflow:hidden;
}

.tile.invisible {
    opacity: 0;
    filter: alpha(opacity=0);
}

.tile_box.search .tile .caption {
    width: 44%;
    float: left;
    -webkit-transition: 0.3s ease-in-out all;
    -moz-transition: 0.3s ease-in-out all;
    -o-transition: 0.3s ease-in-out all;
    transition: 0.3s ease-in-out all;
}

.tile_box.search .tile:hover .caption {
    height:220px;
    min-height:220px;
}

.tile_box.search .tile .buttons {
}

.tile_box .tile .snippet p.buttons {
    font-style: normal;
}

.tile_box .caption.image a.btn-clear-border,
.btn-clear-border {
    border: 1px solid #050054;
    background: none!important;
    color: #050054!important;
    margin: 3px 10px 0 0;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px!important;
    font-size:12px;
}

.film .actions .btn-clear-border {
    border: 1px solid #ECECEC;
    border-bottom: 1px solid #B1B1B1;
    border-top: 1px solid #FFF;
    background: none!important;
    color: #0050CE!important;
    margin: 3px 10px 0 0;
    display: block;
    padding: 5px 10px;
    border-radius: 5px!important;
    font-size:12px;
    text-shadow: none;
        -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.dark .actions .btn-clear-border:hover {
    border: 1px solid #FFF;
    background: #DEDEDE!important;
    color: #000!important;
}

.film .actions .btn-clear-border:hover {
    background: #FFFFFF!important;
    box-shadow: 0px 2px 2px #B5B5B5;
}

.caption-fade {
    width: 100%;
    display: block;
    height: 40px;
    background: #EFEFEF;
    float: right;
    padding: 0 0px;
    margin-top: -40px;
    background: -moz-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(239,239,239,0) 1%, rgba(239,239,239,1) 100%);
    background: -webkit-linear-gradient(top, rgba(239,239,239,0) 0%,rgba(239,239,239,0) 1%,rgba(239,239,239,1) 100%);
    background: linear-gradient(to bottom, rgba(239,239,239,0) 0%,rgba(239,239,239,0) 1%,rgba(239,239,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefef', endColorstr='#efefef',GradientType=0 );
}


.tile_box.search .tile .caption-fade {
    width: 100%;
    display: block;
    height: 40px;
    background: #EFEFEF;
    float: right;
    padding: 0 0px;
    margin-top: -40px;
    background: -moz-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(239,239,239,0) 1%, rgba(239,239,239,1) 100%);
    background: -webkit-linear-gradient(top, rgba(239,239,239,0) 0%,rgba(239,239,239,0) 1%,rgba(239,239,239,1) 100%);
    background: linear-gradient(to bottom, rgba(239,239,239,0) 0%,rgba(239,239,239,0) 1%,rgba(239,239,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefef', endColorstr='#efefef',GradientType=0 );
}

.tile_box .tile.feature .caption {
        height: 110px;
    min-height: 110px;
}

.tile_box .tile.single .caption {
        height: 70px;
    min-height: 70px;
}

.tile_box .tile .caption p {
    font-size: 12px;
    line-height: 14px;
}

.tile_box .tile .caption p.strapline {
    display: none;
}

.tile_box .caption {
padding: 15px;
    border: none;
    line-height: 18px;
    min-height: 100px;
}

.tile_box .tile .caption.image {
    padding: 10px;
}

.tile_box.search .tile .caption.image {
    padding: 2%;
}

.tile_box .tile .snippet p {
    padding: 0 7px;
    margin: 7px 0px 5px 0px;
    color: #999;
    font-style: italic;
}

.tile_box .caption h4 {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}

.search .tile_box .caption h4,
.tile_box.posters .caption h4{
    white-space: nowrap;
}

.tile_box .caption h5 {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
    margin: 0;
}

.tile_box .caption p {
    margin: 5px 0 0;
    padding: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
}

.tile_box .caption a {
    display:inline-block;
}

.tile_box.search .caption a {
    display:block;
}

.tile_box .caption.image a {
    display:block;
}

.tile_box .caption a:hover {
}

.tile_box .tile a.more_link {
    display: block;
    color: #0050CE;
    border: 1px solid #0050CE;
}

.tile_box .tile a.more_link:hover {
    color: #0066FF;
    color: #005AE0;
    border: 1px solid #0066FF;
}

.dark .tile_box .tile a.more_link:hover {
    color: #A0C5FF;
    border: 1px solid #A0C5FF;
}

.tile_box .tile a.more_link .film_image_holder {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 58%;
}

.tile_box .tile a.more_link .film_image_holder p {
    text-align: center;
    margin: 40% 0 0;
    font-size: 1.2em;
}

.tile_box.posters .tile {
    width: 18%;
    color: #050054;
}

.tile_box.posters .tile.feature_square {
    width: 38%;
    margin-top: -19.5%;
}

.tile_box.posters .tile.feature_wide {
    width: 56%;
    padding: 0.9%;
    background: #EDEDED;
}

.tile_box.posters .tile.feature_wide .film_image_holder {
    width: 30%;
    padding-bottom: 17%;
    float: left;
}

.tile_box.posters .tile.feature_wide .caption {
    width: 61%;
    float: left;
    padding: 1% 2%;
    height: auto;
}

.tile_box.posters .tile:hover {
    color: #10098A;
}

.tile_box.posters .film_image {
    display: block;
    width: 100%;
    padding-bottom: 58%;
    padding-top: 0px;
    height: 0;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #EFEFEF;
    color: transparent;
    float: none;
}

.tile_box.posters .caption {
    min-height: auto;
    border: none;
    line-height: 18px;
    display: block;
    width: 90%;
    height: 65px;
    float: left;
    padding: 5%;
    margin: 0;
    background-color: transparent;
}

.tile_box.posters .tile .caption-fade {
    display: none;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefef', endColorstr='#efefef',GradientType=0 );
    }

.tile_box.list .tile {
    margin: 0 4% 4% 2%;
    display: block;
    width: 93.5%;
    height: 0;
    padding:0 0.2% 21% 0%;
}

.tile_box.list .film_image {
    display: block;
    width: 100%;
    padding-bottom: 58%;
    padding-top: 0px;
    height: 0;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #BFBFBF;
    color: transparent;
    float: none;
}

.tile_box.list .caption {
 min-height: auto;
    border: none;
    background: none;
    line-height: 18px;
    width: 55%;
    height: 0;
    float: right;
    padding:1% 1.5% 19% 1.5%;
    margin-top: 0;
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.tile_box.list .caption h4 {
        padding: 0px 0px 5px 5px;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}

.tile_box.list .caption p {
        font-size: 14px;
    line-height: 16px;
    padding: 0 0 0 5px;
}

.carousel-indicators.tile_box.list .film_image_holder {
    position: relative;
    width: 40%;
    display: inline-block;
    float: left;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.carousel-indicators.tile_box.list .active .film_image_holder,
.carousel-indicators.tile_box.list li:hover .film_image_holder{
    width: 60%;
}

.carousel-indicators.tile_box.list .active .caption,
.carousel-indicators.tile_box.list li:hover .caption{
    width: 37%;
    padding-bottom: 32.8%;
}

.carousel-inner.side_panel .item-holder {
    display: block;
    width: 100%;
    padding-top: 0px;
    height: 0;
    z-index: 1;
    background-color: transparent;
    padding-bottom: 40.35%;
}

.carousel-inner.side_panel .film_image_holder {
    width:72%;
    display: inline-block;
    vertical-align: top;
}

.carousel-inner.side_panel .caption {
    display: inline-block;
    width: 24%;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    height: 0;
    min-height: auto;
    padding: 1% 2% 39% 1%;
    overflow: hidden;
    float: right;
}

.carousel-inner.side_panel .caption h4 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 5px 0;
}

.carousel-inner.side_panel .caption h5 {
        font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    padding: 0px 0 10px;
}

.carousel-inner.side_panel .caption .editorial {
    font-size: 16px;
    line-height: 20px;
}

#shorts_carousel .carousel-inner.side_panel .caption .editorial {
    font-size: 22px;
    line-height: 26px;
}

#shorts_carousel .carousel-inner.side_panel .caption h5.strapline {
    display: none;
}

.carousel-inner.side_panel .caption span.metadata {
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    display: block;
}

.carousel-inner.base_panel .item-holder, .slider-inner.base_panel .item-holder {
    display: inline-block;
    width: 100%;
    padding-top: 0;
    height: auto;
    z-index: 1;
    padding-bottom: 0;
}

.carousel-inner.base_panel .film_image_holder {
    width:100%;
    display: inline-block;
    vertical-align: top;
}

.carousel-inner.base_panel .caption, .slider-inner.base_panel .caption {
    display: inline-block;
    width: 96%;
    vertical-align: top;
    padding: 1% 2%;
}

.player .carousel-inner.side_panel {
    width: 24%;
    float: left;
    padding: 0 2%;
}

.player .carousel-inner.side_panel .caption {
        display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    padding: 4% 1% 162%;
}

.player .carousel-inner.side_panel .item-holder {
    display: block;
    width: 100%;
    padding-top: 0px;
    z-index: 1;
    background-color: transparent;
    height: 0;
    padding-bottom: 168%;
}

.player .film_image_holder.playlist-player {
    width: 72%;
    float: right;
}

.playlist .tile_box.posters .wrapper {
    position: relative;
}

/*.playlist .tile_box.posters .caption {*/
 /*min-height: auto;*/
    /*border: none;*/
    /*display: block;*/
    /*width: 90%;*/
    /*height: 82%;*/
    /*background-position: center;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-color: #000;*/
    /*background-color: rgba(0, 0, 0, 0.58);*/
    /*float: left;*/
    /*margin-top: 0;*/
    /*position: absolute;*/
    /*color: #FFF;*/
    /*padding: 5%;*/
    /*top:0;*/

/*}*/

/*.playlist .tile_box.posters .caption p {*/
    /*font-size: 14px;*/
    /*line-height: 20px;*/
    /*margin-top: 10px;*/
/*}*/


.carousel-controls {
    position: absolute;
    top: 40%;
    left: 35px;
    left: -50px;
    width: 30px;
    height: 40px;
    margin-top: -20px;
    font-size: 40px;
    font-weight: 100;
    line-height: 30px;
    color: #ffffff;
    color: #050054;
    text-align: center;
    background: #222222;
    background: #FFF;
    border: none;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    opacity: 0.3;
    filter: alpha(opacity=30);

    opacity: 0.9;
    filter: alpha(opacity=90);
    -webkit-transition: all .3s ease;
    z-index: 10;
}

.carousel-controls.right {
    left: auto;
    right: 35px;
    right: -50px;
}

.carousel-controls:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #00378A;
}

#shorts_carousel .player {
    float:right;
    position: relative;
    background: #EFEFEF;
}

#shorts_carousel .playlist {
    float:right;
    width: 100%;
}

#shorts_carousel .player .caption h4 {
    font-size: 30px;
    line-height: 40px;
}

#shorts_carousel .player .caption p {
    font-size: 20px;
    line-height: 30px;
}
#shorts_carousel .player .item .film_image_holder {
        display: none;
    }









/* Swiper */

.carousel-indicators.tile_box.list .film_image_holder {
    position: relative;
    width: 40%;
    display: inline-block;
    float: left;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.carousel-indicators.tile_box.list .active .film_image_holder,
.carousel-indicators.tile_box.list li:hover .film_image_holder{
    width: 60%;
}

.carousel-indicators.tile_box.list .active .caption,
.carousel-indicators.tile_box.list li:hover .caption{
    width: 37%;
    padding-bottom: 32.8%;
}

#global-swiper .swiper-wrapper {
    opacity: 0;
    filter: alpha(opacity=0);
}


.features-pagination {
    width: 71%;
    list-style: none;
    float:left;
    margin: 0;
    width: 100%;
}

.features-pagination span.wrapper {
    position:relative;
    display: inline-block;
    list-style: none;
    width: 17.8%;
    height: auto;
    text-indent: 0;
    background-color: transparent;
    border-radius: 0px;
    margin: 2% 1%;
    vertical-align: top;
}

.features-pagination .film_image_holder {
    position: relative;
}

.features-pagination .film_image {
    margin: 0%;
    display: block;
    width: 100%;
    padding-bottom: 58%;
    padding-top: 0px;
    height: 0;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #BFBFBF;
    color: transparent;
    -webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
    -webkit-transition-delay: all .3s ease;
-o-transition-delay: all .3s ease;
transition-delay: all .3s ease;
}

.features-pagination .swiper-pagination-bullet-active .film_image {
    width: 101%;
    margin: -1%;
    padding-bottom: 57%;
    box-shadow: 0px 3px 10px #999;
    z-index: 5;
    position:absolute;
        width: 110%;
    margin: -4%;
    padding-bottom: 62%;
    box-shadow: 0px 5px 10px #848484;
}

.features-pagination .swiper-pagination-bullet.wrapper {
    -webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
    -webkit-transition-delay: all .3s ease;
-o-transition-delay: all .3s ease;
transition-delay: all .3s ease;
    opacity:0.6;
    filter: alpha(opacity=60);
}

.features-pagination .swiper-pagination-bullet.wrapper:hover, .features-pagination .swiper-pagination-bullet-active.wrapper {
    opacity:1;
    filter: alpha(opacity=100);
}







/* End Swipper */

/* Search Film Trailer Modal */

.film_trailer_modal .video.span9 {
    margin: 0;
    width:70%;
    background: #000;
    padding: 0;
}

.film_trailer_modal .info.span3 {
    margin: 2%;
    width:26%;
}

.film_trailer_modal .version-toggles .version_ampersand {
    padding: 2px 5px 0 0;
    display: inline-block;
}

/* Footer Panels */

.btn-center {
        margin: 0 auto 0px;
    display: block;
    width: 200px;
    box-shadow: none;
    border: 1px solid #6EA7FF;
    border:none;
    color: #FFF!important;
    background: #6EA7FF!important;
    background: #3F89F9!important;
    -webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
    padding: 10px;
}

.btn-center:hover {
    border: 1px solid #4a8fff;
    border: none;
    color: #FFF!important;
    -webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.search .btn-center,
.account .btn-center,
.basket .btn-center,
.supporting_files .btn-center {
}

#news {
    width: 96%;
    margin: 0 2%;
}

.btn-center.active {
    background: rgb(110, 167, 255)!important;
}

#about_journeyman .inner {
    margin: 20px 3%;
}

#about_journeyman .inner .section-text {
        font-style: normal;
    font-size: 30px;
    line-height: 40px;
}

ul.communities, ul.communities li{
    list-style: none;
    display: block;
    float: left;
    clear: left;
    width: 60%;
    margin: 0px 20% 40px;
    padding: 0;
}

ul.communities li {
    border-top: 1px solid #EEE;
    margin: 0 10px;
    width: 96%;
}

ul.communities li:first-child {
    border-top: none;
    padding-top: 20px;
}

ul.communities li .join {
    width: 30%;
    padding: 10px 2%;
    min-height: 30px;
    float: left;
}

ul.communities li .about {
    width: 60%;
    padding: 10px 3%;
    float: left;
}

.modal ul.communities li .join {
    width: 46%;
    padding:10px 2%;
    min-height: 30px;
    float:left;
}

.modal ul.communities li .about {
    width: 44%;
    padding:10px 3%;
    float:left;
}

ul.communities li .join input {
    width: 250px;
}


/* Twitter feed
-------------------------------------------------- */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

#about_journeyman {
    width: 60%;
    padding: 20px 2% 0% 2%;
    margin: auto;
    border-top: 1px solid #3F89F9;
    }

#about_journeyman {
    width: 145px;
    padding: 20px 2% 10px 2%;
    margin: auto;
    border: none;
    text-align: center;
}

.modal #about_journeyman {
        width: 51%;
    padding: 2% 3% 2% 6%;
    }
.raised_box {
    box-shadow: 0px 2px 2px #999;
    box-shadow: none;
    -webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
            border-radius: 2px;
    padding: 10px 3% 3%;
    border-top: 1px solid #FFF;
    position: relative;
    margin: 10px 0;
}

/*
#tweets {
        width: 34%;
    padding: 1% 3%;
    background: rgb(110, 167, 255) !important;
    margin: 0 3% 0 0;
}

#tweets_swiper,
#tweets .carousel {
    width: 100%;
    padding: 10px 0% 20px;
}

#tweets .carousel-inner {
    margin-top: 20px;
    width: 96%;
    min-height: 400px;
}

#tweets .spinner {
    border-color: #FFF;
    border-right-color: transparent;
    top: 20%;
}

#tweets .swiper .slide,
#tweets .carousel .item {
    width: 100%;
    display: inline-block;
    opacity: 1;
    filter: alpha(opacity=100);
}

#tweets .status {
    font-size: 18px;
    line-height: 25px;
    color: #FFF;
    padding: 1.5% 4%;
    width: 92%;
    margin: 0 0 10px;
    float: left;
    border-radius: 5px;
}

#tweets .status p {
    margin: 0;
}

#tweets .status:hover, #tweets .status.active {

}

#tweets .status a {
    color: #ACE7FF;
}

#tweets .status a:hover {
    color: #10098A;
}

#tweets .status i {
    float: left;
    border-radius: 5px;
    margin: 0px 10px 5px 0px;
        background: #FFFFFF;
    color: #8CD4FF;
    padding: 5px;
    display: inline-block;
    border: 1px solid #FFFFFF;
    font-size: 25px;
}

.tweets-swiper-button-prev.swiper-button-prev,
.tweets-swiper-button-next.swiper-button-next,
#tweets .carousel-control {
    font-size: 50px;
    background:none;
    left: 0;
    height: 30px;
    top: 30%;
    padding: 10px;
    width: 15px;
    color: #776100;
}
.tweets-swiper-button-next.swiper-button-next,
#tweets .carousel-control.right {
    text-align: right;
    right: 0px;
    left:auto;
}

.twython-mention {

}

.twython-hashtag {

}

.twython-url {
    padding: 0px 5px;
}

*/
/* --full width tweets --*/
    /*#tweets {
        width: 96%;
        padding: 0 2% 2% 2%;

    }
    #tweets .carousel {
        width: 94%;
        padding: 3%;
    }
    #tweets .item {
        display: inline-block;
        opacity: 1;
        filter: alpha(opacity=100);
        background: none;
    }

    */
/* Footer tweets */

#tweets_carousel {
    display: block;
    width: 96%;
    padding: 0 2%;
    background: rgb(239, 239, 239);
}

.search #tweets_carousel,
.account #tweets_carousel {
    display: none;
}

#tweets_carousel .left_button {
    padding: 10px;
    width: 5%;
    color: #3F89F9;
    color: #0050CE;
    display: inline-block;
    vertical-align: top;
}

#tweets_carousel .right_button {
    padding: 8px 10px;
    width: 5%;
    color: #3F89F9;
    color: #0050CE;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    font-size: 20px;
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    margin-top: 0;
    font-weight: 100;
    line-height: 20px;
    background: none;
    border: none;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-transition: all .3s ease;
    opacity: 1;
    filter: alpha(opacity=100);

    float: right;
    left: inherit;
    right: inherit;
}

#tweets_carousel .carousel-inner {
    display: inline-block;
    width: 79%;
    padding: 0 2%;
    text-align: center;
}

#tweets_carousel .carousel-inner .status p {
    padding: 12px 10px 8px;
    margin: 0;
    line-height: 16px;
}

#tweets_carousel .status a {
    color: #277DFF;
    color: #0050CE;
}

#tweets_carousel .status a:hover {
    color: #5A94FF;
    color: #0066FF;
}

.dark #tweets_carousel {
    background: rgb(37, 37, 37);
    color: #8C8C8C;
}

.dark#tweets_carousel a {
    color: #81B3FF;
}

.dark #tweets_carousel .status a {
    color: #81B3FF;
}

.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 40px;
}

.carousel.vertical .prev {
  top: -40px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -40px;
}

.carousel.vertical .active.right {
  top: 40px;
}

.carousel.vertical .item {
    left: 0;
}

/* End Twitter */

/* Mailinglist Modal */

.mailinglist_modal {
    padding: 2% 4%;
    max-width: 800px;
    margin: auto;
}

.mailinglist_modal form {
    float: left;
    clear: both;
}

.mailinglist_modal .options {
    padding: 0px 2% 20px 0%;
    width: 48%;
}

.mailinglist_modal .details {
    padding: 10px 0% 20px 2%;
    width: 48%;
}

.mailinglist_modal .submit-row {
    text-align: right;
}

.mailinglist_modal .close {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* End Mailinglist Modal */

.slider-inner.base_panel .panel {
    display:none;
}

.slider-inner.base_panel .panel.active {
    display:block;
}


.bar-title, .uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.section_page .section-text {
    font-style: italic;
}

.tile_box .menu_link {
        display: block;
    padding: 5px 10px;
    background: #D5E6F7;
    background: #FFFFFF;
    margin: 2px;
    white-space: nowrap;
}

.tile_box.wide .columns {
    -webkit-column-count: 6;
       -moz-column-count: 6;
            column-count: 6;
}

.tile_box.wide .menu_link {
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
    padding: 8px 5%;
    width: 90%;
}

.tile_box .menu_link.selected {
    background: #5A94FF;
    background: #3F89F9;
    color: #FFF;
}

.tile_box .menu_link:hover {
    background: #7eaeff;
    color: #FFF;
}

/* Account Pages
-------------------------------------------------- */

.icon.jumbo {
    font-size: 50px;
}

/* About Pages
-------------------------------------------------- */


.about #content_inner_wrapper > .container {
    background: none;
    padding: 0 0 0px;
    width: 90%;
    margin: 10px 5% 0;
}

.about #content_inner_wrapper > .container #main_section {
    width: 90%;
    border-top: 5px solid #3F89F9;
    background: #FFF;
    padding: 20px 0 50px;
    margin: 0px 5% 50px;
}

.about .row-fluid .main-section.span9 {
    max-width: 850px;
    padding: 0 10% 0 2%;
}

.about h3 {
    font-weight: normal;
    color: #3F89F9;
    margin: 20px 0 40px;
}

.about a {
    color: #3773F1;
}

.about a:hover {
    color: #0047FF;
}

.about .tiles {
    margin: 40px 0;
    float: left;
    width: 100%
}

.about .tiles .tile,
.about .tiles .tile .profile {
    float: left;
    width: 100%;
}

.about .tiles .tile {
    margin: 10px 0 0 10px;
    border-bottom:  1px solid #EEE;
}

.about .tiles .tile .text h4 {
    margin: 0 0 5px 0;
}
.about .tiles .tile .text h5 {
    margin: 0 0 10px 0;
}

.about .tiles .tile .text {
    width: 70%;
    display: inline-block;
}

.about .tiles .tile .image {
    width: 15%;
    background-position: center center;
    background-size: contain;
    float: left;
    margin: 0 20px 10px 0;
    border-radius: 100px;
    border-radius: 0;
    display: block;
    height: 0;
    padding-bottom: 15%;
}

.about .tiles .tile .image .icon {
    font-size: 5em;
    margin: auto;
    display: block;
    width: 60%;
}

.about .google-map {
    height: 600px;
    width: 100%;
}

.faqs {
    font-size: 18px;
    line-height: 25px;
}

.faqs li {
    font-size: 16px;
    line-height: 25px;
}

.faqs ol, .faqs ul {
    margin: 30px 0 20px 25px;
    list-style: none;
}

.faqs ol > li, .faqs ul > li {
    list-style: none;
}

.faqs ol > li > ol > li, .faqs ul > li > ul > li {
    list-style: none;
}

.faqs ol > li > ol > li > ol > li, .faqs ul > li > ul > li > ul > li {
    list-style: disc;
}

.faqs ol ol, .faqs ul ul {
    margin: 10px 0 20px 25px;
    list-style: none;
}

.faqs ol li {
    margin: 10px 0 20px;
}

.contact-form {
    max-width: 800px;
}


/* Film Page
-------------------------------------------------- */

.nowrap {
    white-space: nowrap;
}

.video-page .info.span12 {
    margin-left: 0;
    padding: 0px 0 0 0px;
}

.video-page .nav-tabs {
       border-bottom: 1px solid rgba(255, 255, 255, 0);
  margin: 10px 0px 0px;
}

.video-page .nav-tabs > li > a {
  padding: 20px;
  margin-right: 2px;
  line-height: 14px;
  font-size: 20px;
  color: #A39505;
}

.video-page .nav-tabs > li.active > a {
    background: #FCFCFC;
    color:#333;
}

.video-page .tab-pane {
    background: #F9F9F9;
    padding: 20px;
  border: 1px solid #ddd;
  border-top: none;
}

#side-section .version-toggles {
    padding: 5px 0px 15px;
  text-align: left;
  font-size: 12px;
}

.video-page h2.strapline {
    padding: 10px 20px;
    font-size: 17px;
    font-style: italic;
    line-height:20px;
    margin: 0px;
}

.video-page .tab-pane .text {
    padding: 0px 10px;
    text-align: justify;
}

.video-page .tab-pane h4 {
padding: 30px 0px 0px;
}

.video-page .tab-pane h4:first-of-type {
padding: 0px 0px 0px;
}

.video-page .tab-pane#filmmakers img {
      float: left;
  margin: 20px 30px 3px 0px;
}

.video-page .tab-pane img.left {
      float: left;
  margin: 5px 30px 10px 0px;
}

.video-page .accordion {
    margin-top: 10px;
}

.video-page .accordion-group {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.video-page .accordion-heading .accordion-toggle {
  font-weight: normal;
}

#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
width: 100% !important;
}

/*----------*/

@media (min-width: 768px) {

    body.dark {
        background-color: #333;
        background-size: cover;
    }

    .film #wrapper {
        background: rgba(0, 0, 0, 0.7);
    }

    .dark #wrapper{
        background: rgba(0, 0, 0, 0.5);
    }

    .film #content_inner_wrapper > .container {
        width: 100%;
    }

    .dark #header .navbar .nav > li > a,
    .film #header .navbar .nav > li > a {
        color: #FFF;
    }

    .dark #header .navbar .nav > li > a:hover,
    .film #header .navbar .nav > li > a:hover {
        color: #333;
    }

    .dark #header .navbar-text,
    .dark #header .navbar-text p,
    .film #header .navbar-text,
    .film #header .navbar-text p {
        margin-bottom: 0;
        color: #FFF;
    }

    .dark #header .navbar-text .dropdown-menu p,
    .film #header .navbar-text .dropdown-menu p {
        color: #777777;
    }

    .dark #header .navbar .btn-group > .btn,
    .dark #header .navbar .input-append > .btn,
    .film #header .navbar .btn-group > .btn,
    .film #header .navbar .input-append > .btn{
        color: #FFF;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    }

    .dark #header .navbar .btn-group > .btn:hover,
    .dark #header .navbar .input-append > .btn:hover,
    .film #header .navbar .btn-group > .btn:hover,
    .film #header .navbar .input-append > .btn:hover{
        color: #333;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    }

    .dark .btn .caret,
    .film .btn .caret {
        border-top: 4px solid #FFF;
    }

    .dark .btn:hover .caret,
    .film .btn:hover .caret {
        border-top: 4px solid #000;
    }

    .dark #header .navbar-form .input-append input,
    .dark .navbar-form .input-prepend input,
    .film #header .navbar-form .input-append input,
    .film .navbar-form .input-prepend input {
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, 0.22);
        color: #FFF;
    }

    .dark #header .navbar-form .input-append input::-webkit-input-placeholder,
    .film #header .navbar-form .input-append input::-webkit-input-placeholder {
       color: rgba(255, 255, 255, 0.64);
    }

    .dark #header .navbar-form .input-append input:-moz-placeholder,
    .film #header .navbar-form .input-append input:-moz-placeholder { /* Firefox 18- */
       color: rgba(255, 255, 255, 0.64);
    }

    .dark #header .navbar-form .input-append input::-moz-placeholder,
    .film #header .navbar-form .input-append input::-moz-placeholder {  /* Firefox 19+ */
       color: rgba(255, 255, 255, 0.64);
    }

    .dark #header .navbar-form .input-append input:-ms-input-placeholder,
    .film #header .navbar-form .input-append input:-ms-input-placeholder {
       color: rgba(255, 255, 255, 0.64);
    }

    .dark #header .navbar-link,
    .film #header .navbar-link {
        color: #0064FB;
    }

    .dark #header .pull-right > .navbar-link,
    .film #header .pull-right > .navbar-link {
        color: #E3EFFF;
        text-shadow: 0px 1px 1px #000;
    }

    .dark #header .pull-right > .navbar-link:hover,
    .film #header .pull-right > .navbar-link:hover {
        color: #FFF;
    }

    .dark #header .navbar .nav > li.active > a,
    .film #header .navbar .nav > li.active > a {
            color: #FFF;
    }
    .dark #header .navbar .nav > li.active > a:hover,
    .dark #header .navbar .nav > li.active > a:focus:hover,
    .film #header .navbar .nav > li.active > a:hover,
    .film #header .navbar .nav > li.active > a:focus:hover {
        color: #050054;
    }
}

@media (min-width: 0px) {

    .film #wrapper {
        background: rgba(0, 0, 0, 0.7);
    }

    .film #content_inner_wrapper > .container {
        width: 100%;
    }

    .film #header .navbar .nav > li > a {
        color: #FFF;
    }

    .film #header .navbar .nav > li > a:hover {
        color: #333;
    }

    .film #header .navbar-text,
    .film #header .navbar-text p {
        margin-bottom: 0;
        color: #FFF;
    }

    .film #header .navbar-text .dropdown-menu p {
        color: #777777;
    }

    .film #header .navbar .btn-group > .btn,
    .film #header .navbar .input-append > .btn{
        color: #FFF;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    }

    .film #header .navbar .btn-group > .btn:hover,
    .film #header .navbar .input-append > .btn:hover{
        color: #333;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    }

    .film .btn .caret {
        border-top: 4px solid #FFF;
    }

    .film .btn:hover .caret {
        border-top: 4px solid #000;
    }

    .film #header .navbar-form .input-append input,
    .film .navbar-form .input-prepend input {
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, 0.22);
        color: #FFF;
    }

    .film #header .navbar-form .input-append input::-webkit-input-placeholder {
       color: rgba(255, 255, 255, 0.64);
    }

    .film #header .navbar-form .input-append input:-moz-placeholder { /* Firefox 18- */
       color: rgba(255, 255, 255, 0.64);
    }

    .film #header .navbar-form .input-append input::-moz-placeholder {  /* Firefox 19+ */
       color: rgba(255, 255, 255, 0.64);
    }

    .film #header .navbar-form .input-append input:-ms-input-placeholder {
       color: rgba(255, 255, 255, 0.64);
    }

    .film #header .navbar-link {
        color: #0064FB;
    }

    .film #header .pull-right > .navbar-link {
        color: #E3EFFF;
        text-shadow: 0px 1px 1px #000;
    }

    .film #header .pull-right > .navbar-link:hover {
        color: #FFF;
    }

    .film #header .navbar .nav > li.active > a {
            color: #FFF;
    }

    .film #header .navbar .nav > li.active > a:hover,
    .film #header .navbar .nav > li.active > a:focus {
        color: #050054;
    }
}


.film .film-video {
    padding: 5px 20px 20px;
    -ms-transition: all 0.3 ease;
    -moz-transition: all 0.3 ease;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
}

.film_blocked {
    width: 70%;
    padding: 22% 15%;
    margin: auto;
    color: #FFF;
    display: block;
    text-align: center;
    background: rgba(51, 51, 51, 0.75);
    font-size: 18px;
}

.mainsite_film_page .span12 {
    width: 100%;
    margin: auto;
    float: none;
    padding: 0 16%;
}

.mainsite_film_page .span12.viewer {
    border-bottom: 1px solid #464646;
    border-bottom: none;
}

.mainsite_film_page .span12.details {
    background: #151515;
    background: #F7F7F7;
}

.supporting_files .mainsite_film_page .span12.details {
    min-height: 700px;
}

.supporting_files ul {
    list-style: none;
}

.mainsite_film_page .span12.related_films {
    padding: 20px 17.2%;
    background: #E4E4E4;
    color: #6D6D6D;
}

.dark .mainsite_film_page .span12.related_films {
    background: #0E0E0E;
    color: #FFF;
}


.related_films .tile_box .tile {
    display: inline-block;
    width: 23.5%;
    vertical-align: top;
    margin-top: 10px;
    margin-right: 1%;
    background: none;
}

.related_films .tile_box .tile a {
    /*color: #3C3C3C;*/
}

.related_films .tile_box .tile a:hover {
    /*color: #0050CE;*/
}

.dark .related_films .tile_box .tile a {
    color: #EEE;
}

.dark .related_films .tile_box .tile a:hover {
    color: #FFF;
}


.mainsite_film_page .details .left-col {
    padding: 5px 60px 40px 40px;
    color: #000;
    margin: 0;
}

.mainsite_film_page .details .left-col .text {
    text-align: justify;
}

.mainsite_film_page .details .left-col #about {
    padding: 0px 0 20px;
}

.mainsite_film_page .details .left-col #filmmakers,
.mainsite_film_page .details .left-col #discuss {
    background: #DDDDDD;
    background: #EFEFEF;
    color: #333;
    padding: 10px 30px 30px;
    border-radius: 2px 2px;
}

.mainsite_film_page .details .left-col #discuss {
    background: #DDDDDD;
    color: #333;
    padding: 10px 30px 30px;
    border-radius: 0 0 2px 2px;
}

.mainsite_film_page .details .left-col #filmmakers h4 {
    color: #000;
}

.mainsite_film_page .details .right-col {
    padding: 25px 40px 20px 10px;
    color: #A2A2A2;
    margin: 0;
}

.mainsite_film_page .details .left-col .btn.btn-small {
    background: transparent!important;
    color: #000;
}

.mainsite_film_page .details .left-col .btn.btn-small.active,
.mainsite_film_page .details .left-col .btn.btn-small:hover {
        background: rgb(222, 222, 222)!important;
    text-shadow: none;
    box-shadow: 0px 2px 2px #B5B5B5;
    background: #FFF!important;
    box-shadow: inset 0px 2px 2px #B5B5B5;
}

.mainsite_film_page .details .left-col a {
    color: #0050CE;
}


.mainsite_film_page .details .left-col h4 {
padding: 30px 0px 0px;
    color: #FFF;
    font-weight:normal;
}

.mainsite_film_page .details .left-col h5 {
    font-weight: normal;
}

.mainsite_film_page .details .left-col h5.right {
    text-align: right;
}

.mainsite_film_page .details .left-col h4:first-of-type {
padding: 0px 0px 0px;
}

.mainsite_film_page .details .left-col #filmmakers img {
      float: left;
  margin: 20px 30px 3px 0px;
        clear: left;
}

.mainsite_film_page .details .left-col img.left {
      float: left;
  margin: 5px 30px 10px 0px;
}

.mainsite_film_page .details .right-col .actions {
    padding: 0px 0px 20px;
}

.mainsite_film_page .details .actions .btn-access {
    background: #DEDEDE!important;
    color: #000;
}

.mainsite_film_page .details .actions .btn-access:hover {
    background: #FEFEFE!important;
    color: #000;
}

.mainsite_film_page .details .actions .btn{
    margin-bottom: 10px;
}

.mainsite_film_page .details a.invisible {
    display: none;
    position: absolute;
    left:-9999;
}

.web_service_links {
    list-style: none;
    padding: 0;
    margin: 0;
    background: transparent;
}

.web_service_links li {
        list-style: none;
    padding: 0;
    float: left;
}

.web_service_links ol {
        list-style: none;
    float: right;
    margin: 0;
}
.web_service_links ul {
        list-style: none;
    float: left;
    margin: 0;
}

.web_service_links li.right {
    float: right;
}

.film .web_service_links > li.right {
    margin: 5px 0;
}

.web_service_links li > ul > li > ul > li,
.web_service_links li > ul > li > ol > li {
    padding: 12px 10px 0px 0px;
}

.web_service_links li > ul > li > ul > li.right,
.web_service_links li > ul > li > ol > li.right{
    padding: 0px 0px 0px 10px;
}

.web_service_links li a {
    background-position: center;
    background-size: cover;
    display: inline-block;
    opacity: 0.9;
    filter: alpha(opacity=70);
    -ms-transition: all 0.3 ease;
    -moz-transition: all 0.3 ease;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
}
.web_service_links li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.web_service_links li a img {
    border: none;
}

.web_service_links .btn {
    width: auto;
    height: auto;
    color: #8CC0FF!important;
    padding: 5px 10px;
    background: #2B2B2B!important;
    border-radius: 5px!important;
    border: 1px solid rgba(255, 255, 255, 0);
    margin: 15px 0;
    text-shadow: none;
}

.web_service_links li.btn {
    margin-left: 10px;
}

.home .web_service_links {
    list-style: none;
    padding: 0;
    margin:0 10px 10px 0;
    background: none;
    box-shadow: none;
}

.home .web_service_links > li {
    margin: 5px 0 0px;
    clear: left;
}

.home .web_service_links > li > ul > li {
    margin: 5px 10px 0px 0px;
}

.home .web_service_links li.right {
    margin: 0;
    float: left;
    clear: left;
}

.web_service_links li a {
    margin: 5px 0;
}

.home .web_service_links li .btn {
    border: 1px solid #050054;
    background: none!important;
    color: #050054!important;
    margin: 5px 0;
    padding: 9px 15px;
}

.home .web_service_links li .btn:hover {
    border: 1px solid #10098A;
    background: none!important;
    color: #10098A!important;
}

.home .web_service_links a.btn.more-details {
        display: none;
    }


.web_service_links .btn-primary {
    color: #000000!important;
    border: 1px solid rgba(255, 255, 255, 0);
    background: #5DA6FF!important;
}

.mainsite_film_page .details .btn {
    box-shadow: none;
}

.mainsite_film_page .details .actions .btn {
    display: inline-block;
    border-radius: 3px!important;
}

.mainsite_film_page .details .right-col .actions .btn {
    display: block;
    border-radius: 1px!important;
}

.mainsite_film_page .details .actions ol {
    margin: 0 0 10px 0;
}

ul.metadata {
    list-style: none;
    margin:0px 0px 20px;
    padding:0;
    display: table;
    color: #000;
    width:100%;
    font-size: 12px;
}

.dark ul.metadata {
    color: #FFF;
}

ul.metadata li {
    list-style: none;
    display: table-row;
}

ul.metadata li span {
    list-style: none;
    display: table-cell;
    padding: 5px;
    border-bottom: 1px solid #D8D8D8;
}

.dark ul.metadata li span {
    border-bottom: 1px solid #403F3F;
}

ul.metadata li span.key {
    background: #DEDEDE;
    color: #000;
}

.dark ul.metadata li span.key {
    background: #313131;
    color: #FFF;
}


.mainsite_film_page .version-toggles.btn-block {
    padding-bottom: 20px;
}

.mainsite_film_page h2.strapline {
        font-size: 20px;
    font-weight: normal;
    margin: 0px 0 20px;
    line-height: 30px;
}

.mainsite_film_page h2.section-title {
    font-size: 20px;
    font-weight: normal;
    margin: 0px 0 20px;
    line-height: 30px;
    color: #333;
}

.mainsite_film_page h1 {
    margin: 20px 0px 20px;
    color: #333;
    font-size: 35px;
    line-height: 45px;
    padding: 0px 0px;
    font-weight: normal;
    text-align: left;
}

.dark .mainsite_film_page h2.section-title {
    color: #FFF;
}

.dark .mainsite_film_page h1 {
    color: #FFFFFF;
}

.mainsite_film_page .extra-info {
    margin: 10px 0;
    color: #FFF;
}

#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
width: 100% !important;
    background:#DDD;
}

.fb-comments {
    margin: 0px 0px;
}

.film #footer_wrapper {
    background: #0E0E0E;
}

.film.supporting_files #footer_wrapper {
    background: #151515;
}

.film .footer {
    border-top: 3px solid #222;
    border-top: none;
    background-color: #1D1D1D;
}

.film .footer a {
    color: #A8CBFF;
}

.film .footer a:hover {
    color: #FFF;
}


/* Film Documents
-------------------------------------------------- */
.film_documents .container {
    width: 100%;
    max-width: 750px;
}

.film_documents .documents_header .logo {
    padding: 10px 20px 0px;
    display:block;
}

.film_documents .documents_contents {
    padding: 10px 20px;
}

.film_documents .documents_header h3 {
        background: #DEDEDE;
    padding: 10px 20px;
    margin: 0;
}

.film_documents .documents_header h4 {
    padding: 10px 20px;
    background: #90CBFF;
    margin: 0 0 20px;
}

.film_documents .documents_header h5.print_url {
    padding: 5px 20px;
    margin: 0;
}

.print-only {
    display: none;
}

@media print {


    .film_documents .documents_contents {
        padding: 10px 20px;
    }
    .film_documents .documents_header h3 {
        background: #DEDEDE;
        padding: 10px 20px;
        margin: 0;
        -webkit-print-color-adjust: exact;
    }

    .film_documents .documents_header h4 {
        padding: 10px 20px;
        border-top: 2px solid #000;
        border-bottom: 3px solid #000;
        background: #90CBFF;
        margin: 0 0 20px;
        -webkit-print-color-adjust: exact;
    }
    .film_documents .documents_header h5.print_url {
        padding: 5px 20px 20px;
        margin: 0;
    }
    a[href]:after {
        content: none !important;
      }
    #header, #side-section, .alert-block {
        display:none
    }
    .large-screens {
        display:block;
    }
    .large-screens.table-cell {
        display: table-cell;
    }
    .print-only {
        display: block;
    }
    .print-hide {
        display: none;
    }

}

/* Card Payments
-------------------------------------------------- */

.input.cardNumberInput>span.card.amex,
.input.cardNumberInput>span.card.diners,
.input.cardNumberInput>span.card.discover,
.input.cardNumberInput>span.card.jcb,
.input.cardNumberInput>span.card.mastercard,
.input.cardNumberInput>span.card.visa {
  background-repeat: no-repeat;
  background-size: 32px 20px;
}

.input.cardNumberInput>span.card.amex {
  background: url("../../img/share/payments/cards/amex-icon.png");
}

.input.cardNumberInput>span.card.diners {
  background: url("../../img/share/payments/cards/diners-icon.png");
}

.input.cardNumberInput>span.card.discover {
  background: url("../../img/share/payments/cards/discover-icon.png");
}

.input.cardNumberInput>span.card.jcb {
  background: url("../../img/share/payments/cards/jcb-icon.png");
}

.input.cardNumberInput>span.card.mastercard {
  background: url("../../img/share/payments/cards/mastercard-icon.png");
}

.input.cardNumberInput>span.card.visa {
  background: url("../../img/share/payments/cards/visa-icon.png");
}

.input>.control {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 37px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  padding: 0 6px 2px 29px;
  margin: 0 auto 10px;
  font-family: "Helvetica Neue","Helvetica",Arial,sans-serif;
  font-size: 15px;
  color: #000;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid #cececf;
  border-top-color: #b5b5b6;
  border-bottom-color: #ECECEC;
  -webkit-box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
  -moz-box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
  -ms-box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
  -o-box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
  box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border-color .15s linear,box-shadow .15s linear;
  -moz-transition: border-color .15s linear,box-shadow .15s linear;
  -ms-transition: border-color .15s linear,box-shadow .15s linear;
  -o-transition: border-color .15s linear,box-shadow .15s linear;
  transition: border-color .15s linear,box-shadow .15s linear;
}

.input>.control.error {
    border: 1px solid #FF9595;
}

#payment-form select {
  margin: 0 1px 10px 0;
}

.payment-action h5 sup {
    margin: 10px;
    font-weight: normal;
}

.payment-action button sup {
    margin: 0;
    font-weight: normal;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 11px;
    top: -0.15em;
}

.input>textarea.control {
      padding: 8px 0px 8px 29px;
    height:80px;
}

.card-form.span12, .row-fluid [class*="span"]:first-child .card-form.span12 {
    width: 250px;
    float: none;
    margin: auto;
}

.card-form .amount {
    width: 100px;
}

.card-form .svg.icon {
  width: 30px;
  height: 30px;
  position: absolute;
  margin-top: -45px;
}

.card-form .svg.icon.padded {
    padding: 7px 0px 0px 7px;
  width: 16px;
  height: 16px;
}

form.card-form p.error {
   font-size: 0.8em;
  color: #333;
  margin: 0px 0px 10px;
  background: #FFC2C2;
  padding: 5px 10px;
  border-radius: 4px;
}

.row-fluid .payment-summary.span6 {
        border-right: 1px dashed #BFBFBF;
    padding: 10px 20px 10px 20px;
        display: table-cell;
    float: none;
    vertical-align: top;
        background: #DEDEDE;
    border-radius: 5px 0px 0px 5px;
}

.payment-action form h5 {
    margin: 0 0 5px;
}

.payment-action .checkout_signin a {
    color: #3F89F9;
}

.payment-action .checkout_signin a:hover {
    color: #2577f9;
}

.payment-action .checkout_signin a.selected {
    color: #2577f9;
}

.payment-action .disabled {
    opacity: 0.3;
    filter:alpha(opacity=30);
}

.payment-action .btn {
    width: 100%;
}

.row-fluid .payment-action.span6 {
        padding: 20px 0px 20px 0px;
        display: table-cell;
    float: none;
    vertical-align: top;
}

.payment-processing {
    text-align: center;
    min-height: 300px;
    display: none;
    position:relative;
}

.payment-processing .spinner {
    left: 30%;
    right: 30%;
}

.payment-complete .payment-processing {
    display: block;
}

.payment-complete .payment-processing .spinner {
    left: 40%;
    right: 40%;
}

#side-section .nav-tabs {
  border-bottom: 1px solid whitesmoke;
  margin-bottom: 0;
}

#side-section .nav-tabs > .active > a, #side-section .nav-tabs > .active > a:hover {
  color: #FFFFFF;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid whitesmoke;
  border-bottom-color: transparent;
  font-weight: bold;
  padding: 10px 20px;
  text-shadow: 0px 1px 3px #B0B0B0;
}

#side-section .nav-tabs > li > a, #side-section .nav-pills > li > a {
  padding-right: 12px;
  padding-left: 50px;
  margin-right: 2px;
  line-height: 14px;
  padding: 10px 20px;
  color: #494949;
  font-weight: bold;
}

#side-section .module.tab-content {
    border-top: none;
}

.options_selector, .options_selector ul {
    padding: 0;
    margin: 0;
    list-style: none;
    cursor: pointer;
}

.options_selector li {
        background: #D5E6F7;
    border-radius: 3px;
    padding: 10px 5px 5px 15px;
    list-style: none;
    margin: 10px;
}

.options_selector li strong span {
    font-weight: normal;
}

.options_selector li:hover, .options_selector li.selected, .options_selector li.selected:hover {
        background: #A8DFFF;
}

.options_selector.deletable label {
    width: 80%;
    display: inline-block;
}

.options_selector.deletable .delete {
    width: 15%;
    text-align: right;
    display: inline-block;
}

.buy_confirm_amount {
        width: 100%;
    display: block;
    text-align: center;
    font-size: 20px;
    border-radius: 3px;
    margin: 5px 0px;
    padding: 5px 0px;
}

.btn-large.full-width {
    width: 100%;
}

.btn-large {
    margin-bottom: 10px;
}

.bar-title {
  display: table;
  white-space: nowrap;
    width: 99%;
}
.bar-title:before,
.bar-title:after {
  border-top:1px solid #3F89F9;
  content: '';
  display: table-cell;
  position: relative;
  top: 0.7em;
}

.bar-title:after {
    width: 85%;
    left: 1.5%;
}

.bar-title:before {
    width: 5%;
    right: 1.5%;
}

.bar-title.centered:before,
.bar-title.centered:after {
  width: 45%;
}

.options_selector li input[type=checkbox] {
    float: left;
    padding: 3px;
    margin: 0px 10px 0px 0px;
    width: 20px;
    height: 20px;
}

.options_selector li p.small {
    margin-bottom: 5px;
}


/* Pagination
-------------------------------------------------- */

.pagination {
    margin: 0px 0 10px;
}
.pagination ul > li.current a {
    background-color: #DEDEDE;
    color: #000;
    border-color: rgba(255, 0, 0, 0);
    font-weight: normal;
}

.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span {
    border-radius: 0px;
}

.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span {
    border-radius: 0px;
}

.pagination ul {
    border-radius: 0px;
    box-shadow: none;
}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-radius: 0px;
  background: #EAEAEA;
}

.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
    border-radius: 0px;
  background: #EAEAEA;
}

.pagination ul > li > span {
float: left;
padding: 10px 4px 0px;
line-height: 16px;
text-decoration: none;
background-color: transparent;
border: 1px solid #dddddd;
border-left-width: 0;
margin: 0;
display: inline;
margin: 0px;
border-top: none;
border-bottom: none;
    border: none;
}

.pagination ul > li > a {
    border: none;
    margin: 0 1px;
    background-color: transparent;
}

/* Pricing Plans
-------------------------------------------------- */
.pricing-table { border: solid 1px #dddddd; margin-left: 0; margin-bottom: 20px;   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);}
.pricing-table * { list-style: none; line-height: 1; }
.pricing-table .title {
border-bottom: 1px solid rgba(19, 125, 176, 0.28);
-moz-box-shadow:0px 1px 1px rgba(19,125,176,0.65);
-webkit-box-shadow:0px 1px 1px rgba(19,125,176,0.65);
box-shadow:0px 1px 1px rgba(19,125,176,0.65);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#a6137db0,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#a6137db0,Positive=true);
background-color: #33ADE8; padding: 15px 20px; text-align: center;
color: #FFF;
font-weight: 400;
font-size: 32px; }
.pricing-table .price { background-color: #50B9EB; padding: 15px 20px; text-align: center; color: #FFF; font-weight: normal; font-size: 20px; border-top: 1px solid rgba(255, 255, 255, 0.13);}
.pricing-table .description { background-color: white; padding: 15px; text-align: center; color: #777777; font-size: 12px; font-weight: normal; line-height: 19px; border-bottom: dotted 1px #dddddd; }
.pricing-table .bullet-item { background-color: white; padding: 15px; text-align: center; color: #333333; font-size: 13px; font-weight: 600; border-bottom: dotted 1px #dddddd; }
.pricing-table .cta-button { background-color: rgba(238, 238, 238, 0.13); text-align: center; padding: 20px; }
#pricing-plans {background: #F2F2F2;height: auto;padding: 50px 0px; border-bottom:1px solid rgba(218, 218, 218, 0.89); border-top:1px solid rgba(218, 218, 218, 0.89); }
#pricing-plans .page-header h3 {font-weight:300;}
#pricing-plans .page-header small {font-size: 14px;}
.overview {padding:100px 0px;}
.overview .tab-content {font-weight: 300;}
.overview .page-header h1 {font-weight: 300;}

/* Thumnails
-------------------------------------------------- */

.thumbnail {background: #F2F2F2; border: 1px solid rgba(145, 145, 145, 0.0); box-shadow: 0 2px 1px rgba(145, 145, 145, 0); border-radius: 0px; height: 204px;}
.thumbnail.selected {background: #FFF2B8;
box-shadow: 0 2px 4px rgba(145, 145, 145, 0.6);}
.thumbnail h6 {margin: 0px 0px 9px 0px; text-align: right; font-size: 15px;}
.thumbnail h6 a {color: #555;}
.thumbnail h6 a:hover {color: #000;}
.thumbnail > img {opacity: 1;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 500ms;}
.thumbnail > img:hover {opacity: .5;background: red;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 500ms;}
.thumbnail p {font-size: 12px;line-height: 15px;}
ul.thumbnails li.span4:nth-child(3n + 4) {margin-left : 0px;}
ul.thumbnails li.span3:nth-child(4n + 5) {margin-left : 0px;}
ul.thumbnails li.span12 + li {margin-left : 0px;}

.row-fluid ul.thumbnails li[class*="span"] {
    margin-left: 0px;
    padding-left: 2%;
}
.row-fluid  ul.thumbnails li.span4 {
/*width: 32.623931623931625%;*/
}
.thumbnail:hover {
background: #F2F2F2;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,0);
box-shadow: 0 2px 4px rgba(145, 145, 145, 0.6);}

.thumbnail.selected:hover {
background: #FCF3D1;
border: 1px solid #FFF6B5;
border: 1px solid rgba(0,0,0,0);}

.row-fluid .span4 .thumbnail video {
    width: 100%;
    height: 121px;
}

.container {
    width: 100%;
}

.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 98%;
}

.small-screens {
     display: none!important;
 }

/* CLEAR STYLE */

#header .navbar,
.film #header .navbar,
.mainsite_film_page .span12.details {
    background: none;
}
.mainsite_film_page .details .left-col .btn.btn-small {
    text-shadow: none;
    color: #FFF;
    background: transparent!important;
}
.mainsite_film_page .details .left-col .btn.btn-small.active,
.mainsite_film_page .details .left-col .btn.btn-small:hover {
    text-shadow: none;
    color: #333;
    background: #FFF!important;
    box-shadow: inset 0px 2px 2px #B5B5B5;
}
.mainsite_film_page h1,
.mainsite_film_page .details .left-col #about .text {
    color: #FFF;
}
.mainsite_film_page .details .laurels {
    padding: 5px;
}
.mainsite_film_page .details .left-col a {
    color: #BAD5FF;
}
.mainsite_film_page .details .left-col a:hover {
    color: #d9e8ff;
}

ul.metadata li span.key {
    background: rgba(222, 222, 222, 0.51);
    color: #FFF;
}
ul.metadata {
    color: #FFF;
}
ul.metadata li span {
    border-bottom: 1px solid #D8D8D8;
}

.film .actions .btn-clear-border {
    border: 1px solid #BAD5FF;
    background: none!important;
    color: #BAD5FF!important;
    margin: 3px 10px 0 0;
    display: block;
    padding: 5px 10px;
    border-radius: 2px!important;
    font-size: 12px;
    text-shadow: none;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.film .actions .btn-clear-border:hover {
    background: none!important;
    box-shadow: none;
    color: #d9e8ff!important;
    border: 1px solid #d9e8ff;
}

.dark .footer,
.film .footer,
.film #footer_wrapper {
    background: none;
}

.btn-center {
    border: 1px solid #FFF;
    background: transparent!important;
    color: #FFF!important;
    font-weight: bold;
    border: 1px solid #FFF;
}

.btn-center:hover {
    border: 1px solid #355FCF;
    background: #3F89F9!important;
    color: #FFF!important;
    font-weight: bold;
    border: 1px solid #3F89F9;
}

.white_footer .btn-center {
    border: 1px solid #355FCF;
    background: transparent!important;
    color: #355FCF!important;
    font-weight: bold;
    border: 1px solid #355FCF;
}

.white_footer .btn-center:hover {
    border: 1px solid #355FCF;
    background: #3F89F9!important;
    color: #FFF!important;
    font-weight: bold;
    border: 1px solid #3F89F9;
}

.dark #tweets_carousel {
    background: rgb(37, 37, 37);
    background: rgba(255, 255, 255, 0.71);
    border: 0px solid #FFF;
    border-radius: 1px;
    background: rgb(255, 255, 255);
    color: #151515;
        display: block;
    width: 85.5%;
    padding: 0 2%;
    margin: 0 auto;
}
.dark #tweets_carousel .left_button,
.dark #tweets_carousel .right_button,
.dark #tweets_carousel .status a {
    color: #3773F1;
}
.dark #tweets_carousel .left_button:hover,
.dark #tweets_carousel .right_button:hover,
.dark #tweets_carousel .status a:hover {
    color: #0047FF;
}

#main_section #tweets_carousel {
    float: left;
    width: 96%;
    background: #EFEFEF;
}

.home #footer_wrapper,
.about #footer_wrapper{
    width: 88%;
    min-width: 88%;
    margin: auto;
}

.explore_selector {
    background: rgba(255, 255, 255, 0.28);
}
/* END CLEAR STYLE */

@media (min-width: 1200px) {
    .row-fluid .span4 .thumbnail {
     height: 233px;
    }
    .row-fluid .span4 .thumbnail video {
    height: 140px;
    }
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 98%;
    }
}

@media (min-width: 1800px) {
    .tile_box.search .tile .caption {
        width: 47%;
        max-width: inherit;
    }
    .tile_box.search .tile .caption.image {
        width: 41%;
    }
}

@media (min-width: 1700px)and (max-width:1799px) {
    .tile_box.search .tile .caption {
        width: 44%;
        max-width: inherit;
    }

    .tile_box.search .tile .caption.image {
        width: 44%;
    }
}

@media (min-width: 1518px) and (max-width:1699px) {
    .tile_box.search .tile .caption {
        width: 42%;
        max-width: 260px;
    }
    .tile_box.search .tile .caption.image {
        width: 48%;
    }
    #explore_films .tile_box .tile {
        width: 14%;
    }
}

@media (min-width: 1518px) {

    .tile_box .tile .caption p {
        font-size: 16px;
        line-height: 20px;
    }
    .tile_box.search .tile .caption p {
        font-size: 16px;
        line-height: 20px;
    }
    .tile_box.search .tile .caption .snippet p {
        font-size: 14px;
        line-height: 18px;
    }
    .tile_box .tile .caption {
        height: 106px;
        min-height: 106px;
    }
    .tile_box.search .tile .caption {
        height: 140px;
        min-height: 140px;
    }
    .tile_box.search .tile:hover .caption {
        height: 270px;
        min-height: 270px;
    }
    .modal-full.modal.fade, .modal-full.modal.fade.in {
        top: auto;
    }
}

@media (max-width: 1618px) {
    .tile_box.wide .menu_link {
        font-size: 14px;
        padding: 3px 5%;
        width: 90%;
    }
}

/* Inc Ipad 1024px wide 4:3 */
@media (max-width: 1518px) {
    .features-pagination {
        width: 100%;
        margin: 0;
        float: left;
    }
    .tile_box.search .tile {
    }
    .tile_box.search .tile .caption .buttons {
        display: none;
    }
    .tile_box.search {
        padding-bottom: 20px;
    }
    .options-bar {
        margin-bottom: 0;
    }

    .tile_box .tile .caption {
        height: 107px;
        min-height: 107px;
        padding: 12px;
    }
    .tile_box.posters .tile .caption {
        height: 70px;
        min-height: 70px;
    }
    .mainsite_film_page .span12 {
        padding: 0 12%;
    }
    .mainsite_film_page .span12.related_films {
        padding: 20px 13%;
    }
    .full-width-text {
        display: none;
    }
    .carousel-inner.side_panel .caption {
        padding: 1.5% 2% 39% 1%;
    }
    .carousel-inner.side_panel .caption h5 {
        font-size: 18px;
        line-height: 22px;
        padding: 0 0 5px;
    }
    .player .carousel-inner.side_panel .caption {
        font-size: 14px;
        line-height: 20px;
    }
    .modal.fade, .modal.fade.in {
        top: 10%;
    }
    .modal-full.modal.fade, .modal-full.modal.fade.in {
        top: auto;
    }
    .modal #about_journeyman {
        width: 51%;
        padding: 4% 3% 2% 6%;
    }
    #tweets .status {
        font-size: 12px;
        line-height: 14px;
    }
    #about_journeyman blockquote {
        font-size: 20px;
    }
    #about_journeyman blockquote:before {
        font-size: 50px;
        left: -30px;
        top: -20px;
    }
    ul.communities, ul.communities li {
        font-size: 12px;
        line-height: 14px;
    }
    ul.communities li .join input {
        width: 160px;
    }
    /*.playlist .tile_box.posters .caption {*/
        /*width: 92%;*/
        /*height: 86%;*/
        /*float: left;*/
        /*margin-top: 0;*/
        /*padding: 4%;*/
        /*top: 0;*/
    /*}*/
    /*.playlist .tile_box.posters .caption h4 {*/
        /*padding: 0;*/
        /*margin: 0;*/
        /*font-size: 12px;*/
        /*line-height: 14px;*/
    /*}*/
    /*.playlist .tile_box.posters .caption p {*/
        /*font-size: 12px;*/
        /*line-height: 13px;*/
        /*margin-top: 6px;*/
    /*}*/
}

@media (min-width: 1370px) and (max-width: 1518px) {
    .tile_box.search .tile .caption {
        max-width: 204px;
    }
}

/* Above Ipad 1340px wide Letterbox */
@media (max-width: 1370px) {
    .mainsite_film_page .span12 {
        padding: 0 12%;
    }

    .mainsite_film_page .span12.related_films {
        padding: 20px 18%;
    }
    .global-slide-page {
        margin: 0 5% 20px;
    }
    .carousel-inner.side_panel .caption .editorial {
        font-size: 14px;
        line-height: 18px;
    }
    #shorts_carousel .carousel-inner.side_panel .caption .editorial {
        font-size: 14px;
        line-height: 16px;
    }
    #features_carousel .carousel-inner.side_panel .caption h4 {
        font-size: 20px;
        line-height: 26px;
    }
    #features_carousel .carousel-inner.side_panel .caption span.metadata {
        font-size: 12px;
        line-height: 16px;
    }
    .home .web_service_links {
        margin: 0px 10px 0px 0;
    }
    .home .web_service_links li a img {
        width: 75px;
    }
    .home .web_service_links > li > ul > li {
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .home .web_service_links > li {
        margin: 5px 0 0;
    }
    .home .web_service_links li a {
        font-size: 12px;
        margin: 0;
    }
    .home .web_service_links li .btn {
        margin: 0px 0 6px;
        padding: 3px 6px;
        font-size: 11px;
    }
    .tile_box.wide .menu_link {
        font-size: 14px;
        padding: 5px 5%;
        width: 90%;
        margin: 0;
    }

    .tile_box.wide .columns {
        -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
    }

}

@media (min-width: 1200px) {

    .nav-logo {
        width: 285px;
        height: 42px;
        background-image: url("../../img/mainsite/journeymanpictures_globe_logo_header.png");
        margin-right: 0px;
    }
    .navbar .about-menu {
        display: block;
    }
    .navbar .about-menu .btn-group {
        padding-right: 20px;
    }
    .dark .navbar-inner .nav-logo,
    .film .navbar-inner .nav-logo {
        background-image: url("../../img/mainsite/journeymanpictures_globe_logo_header_white.png");
    }
    .foot-logo {
        width: 404px;
        height: 60px;
        background-image: url("../../img/mainsite/journeymanpictures_globe_logo_medium_white.png");
    }
    .white_footer .foot-logo {
        width: 404px;
        height: 60px;
        background-image: url("../../img/mainsite/journeymanpictures_globe_logo_medium.png");
    }
}

/* Above Ipad 1024px wide 4:3 */
@media (max-width: 1200px) {
    .mainsite_film_page .span12 {
        padding: 0 8%;
    }
    .mainsite_film_page .span12.related_films {
        padding: 20px 12%;
    }
    .tile_box.search .tile .film_image {
        width: 75%;
        padding-bottom: 42%;
        float: left;
    }
    .tile_box.wide .columns {

        -webkit-column-count: 6; /* Chrome, Safari, Opera */
    -moz-column-count: 6; /* Firefox */
    column-count: 6;
            -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    }

    .tile_box.wide .menu_link {
        font-size: 14px;
        padding: 5px 5%;
        width: 90%;
    }
    .about #content_inner_wrapper > .container {
        width: 90%;
        margin: 10px 5% 20px;
        padding: 0 0 50px 0;
    }
    .navbar-text .btn {
        padding: 4px 8px;
    }
    .carousel-inner.side_panel .caption h5 {
        font-size: 14px;
        line-height: 16px;
    }
    #shorts_carousel .carousel-inner.side_panel .caption h5.strapline {
        display: none;
    }
    .home .web_service_links a.btn.more-details {
        display: inline-block;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .dark .navbar-inner .nav-logo,
    .film .navbar-inner .nav-logo {
        background-image: url("../../img/mainsite/journeymantv_globe_logo_header_white.png");
    }
}

/* Below Ipad 1024px wide 4:3 */
@media (max-width: 979px) {
    .search #header .navbar .nav.global-slide-controls {
        display: none;
    }
    #side-section .nav-tabs > li > a,
    #side-section .nav-tabs > li > a:hover {
        padding: 10px 10px;
    }
    .tile_box .caption {
        padding: 8px;
    }
    .tile_box.wide .columns {

        -webkit-column-count: 6; /* Chrome, Safari, Opera */
    -moz-column-count: 6; /* Firefox */
    column-count: 6;
    }
    .tile_box.search .tile {
    }
    .options-bar.search {
        margin-top: 0px;
    }

    .modal #tweets {
        width:90.1%;
        padding: 1% 5%;
        margin: 0;
        display: block;
    }
    .modal #about_journeyman {
        width: 90%;
        padding: 4% 5% 20px 5%;
        display: block;
    }
    .modal #about_journeyman blockquote,
    .modal #about_journeyman p {
        margin: 20px;
    }
    #tweets .status p {
    }

    #tweets .status img {
        width:30px;
    }
    .carousel-inner.side_panel .item-holder, .carousel-inner.base_panel .item-holder {
        display: inline-block;
        width: 100%;
        padding-top: 0px;
        height: auto;
        z-index: 1;
        background-color: transparent;
        padding-bottom: 0px;
    }
    .carousel-controls.right {
        right: -40px;
        top: 30%;
    }
    .carousel-controls.left {
        left: -40px;
        top: 30%;
    }
    #features_carousel .carousel-inner > .item {
        background: transparent;
    }

    .carousel-inner.side_panel .film_image_holder {
        width:100%;
        display: inline-block;
        vertical-align: top;
    }

    .carousel-inner.side_panel .caption {
        display: inline-block;
        width: 90%;
        vertical-align: top;
        padding: 15px 5%;
        background: #EFEFEF;
    }
    .carousel .carousel-control {
        top: 30%;
    }
    .tile_box.posters .tile {
        width: 47.9%;
    }
    .carousel-indicators.tile_box.posters .active .film_image {
        width: 100%;
        margin: 0%;
        padding-bottom: 58%;
    }
    .player .film_image_holder.playlist-player {
    width: 100%;
    }
    .player .carousel-inner.side_panel {
        width: 100%;
        background: transparent;
        padding: 0;
    }

    .player .carousel-inner.side_panel .caption {
        display: inline-block;
        width: 90%;
        vertical-align: top;
        font-size: 14px;
        line-height: 20px;
        padding: 1% 5% 25%;
    }
    .player .carousel-inner.side_panel .caption h5 {
        font-size: 20px;
        line-height: 28px;
    }

    .player .carousel-inner.side_panel .item-holder {
        height: auto;
        padding-bottom: inherit;
    }

    .tile_box.wide .columns {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }
    /*.playlist .tile_box.posters .caption p {*/
        /*font-size: 18px;*/
        /*line-height: 24px;*/
    /*}*/
    .tile_box.posters .tile .caption {
        height: 80px;
        min-height: 80px;
    }
    .tile_box .caption h4 {
        font-size: 20px;
        line-height: 24px;
    }
    .tile_box.search .caption h4 {
        font-size: 12px;
        line-height: 14px;
    }
    .tile_box.search .tile .caption {
        height: 110px;
        min-height: 110px;
        overflow: hidden;
    }
    .tile_box.wide .menu_link {
        font-size: 12px;
        padding: 5px 5%;
        width: 90%;
    }
    .film #wrapper {
        background: #F7F7F7;
        background: rgba(0, 0, 0, 0.7);
    }
    .film .film-video {
        padding: 0;
    }
    .mainsite_film_page .span12 {
        padding: 0;
    }
    .mainsite_film_page .span12.related_films {
        padding: 20px 5%;
    }
    .mainsite_film_page .span12.related_films .row-fluid {
        padding: 0;
    }
    .related_films .tile_box .tile .caption {
        height: auto;
        min-height: auto;
    }
    .about #content_inner_wrapper > .container {
        width: 95%;
        margin: 10px 2.5% 20px;
        padding: 0 0 50px 0;
    }
    .web_service_links {
        margin: 0;
    }

    .film_trailer_modal .video.span9 {
        margin: 0px 0 0;
        width: 99.98%;
    }
    .film_trailer_modal .info.span3 {
        margin: 2%;
        width: 96%;
    }
    .tile_box.posters .tile .caption-fade {
        display: block;
    }
    #features_carousel .carousel-wrapper,
    #shorts_carousel .player {
        display:none;
    }
    #features_carousel .tile_box.posters .tile,
    #shorts_carousel .tile_box.posters .tile {
        width: 47.9%;
        height: 0;
        min-height: 0;
        padding: 0 0 50%;
        overflow: hidden;
    }
    #shorts_carousel .tile_box.posters .tile {
        padding: 0 0 50%;
    }
    #features_carousel .tile_box.posters .tile:first-child {
        width: 98%;
        padding-bottom: 70%;
        overflow: inherit;
    }
    #shorts_carousel .tile_box.posters .tile:first-child {
        width: 98%;
        padding-bottom: 70%;
        overflow: inherit;
    }
    #features_carousel .tile_box.posters .tile .film_image_holder,
    #shorts_carousel .tile_box.posters .tile .film_image_holder {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    #features_carousel .tile_box.posters .tile:first-child .film_image_holder,
    #shorts_carousel .tile_box.posters .tile:first-child .film_image_holder {
        padding-bottom: 56%;
    }
    .carousel-indicators.tile_box.posters .film_image {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    #features_carousel .tile_box.posters .tile.active .film_image_holder .film_image,
    #shorts_carousel .tile_box.posters .tile.active .film_image_holder .film_image{
        margin: 0%;
        box-shadow: none;
    }
    #features_carousel .carousel-indicators.tile_box.posters .tile:first-child .film_image_holder,
    #shorts_carousel .carousel-indicators.tile_box.posters .tile:first-child .film_image_holder {
        padding-bottom: 55%;
    }
    #features_carousel .carousel-indicators.tile_box.posters .tile:first-child .film_image_holder .film_image,
    #shorts_carousel .carousel-indicators.tile_box.posters .tile:first-child .film_image_holder .film_image,
    #features_carousel .carousel-indicators.tile_box.posters .tile.active:first-child .film_image_holder .film_image,
    #shorts_carousel .carousel-indicators.tile_box.posters .tile.active:first-child .film_image_holder .film_image {
        width: 104%;
        margin: -3% 0 0 -2%;
        padding-bottom: 58%;
        position: absolute;
    }
    #features_carousel .tile_box.posters .tile:first-child .film_image_holder .film_image,
    #shorts_carousel .tile_box.posters .tile:first-child .film_image_holder .film_image,
    #features_carousel .tile_box.posters .tile.active:first-child .film_image_holder .film_image,
    #shorts_carousel .tile_box.posters .tile.active:first-child .film_image_holder .film_image {
        width: 100%;
        margin: 0;
        padding-bottom: 56%;
    }
    #features_carousel .tile_box .tile .caption,
    #shorts_carousel .tile_box .tile .caption {
        height: 0;
        min-height: 0;
        padding-bottom: 45%;
    }
    #features_carousel .tile_box .tile:first-child .caption,
    #shorts_carousel .tile_box .tile:first-child .caption {
        padding-bottom: 16%;
    }
    #features_carousel .tile_box.posters .caption h4,
    #shorts_carousel .tile_box.posters .caption h4 {
        white-space: normal;
    }
    #features_carousel .tile_box .tile .caption p,
    #shorts_carousel .tile_box .tile .caption p {
        font-size: 14px;
    line-height: 18px;
    }
    #features_carousel .tile_box .tile .caption p.strapline,
    #shorts_carousel .tile_box .tile .caption p.strapline {
        font-size: 16px;
        line-height: 19px;
    }
}

@media (min-width: 768px) {
    .search #header {
        position: fixed;
        width: 100%;
    }
    .search #header .navbar {
        background: rgba(255, 255, 255, 0.88);
    }
    .search #main_section {
        margin-top: 50px;
    }
    .search #side-section {
        position: fixed;
    }
    .search .row-fluid .span9.main-section {
        margin-left: 25.076923076923077%;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .row-fluid .span4 .thumbnail {
     height: 174px;
    }
    .row-fluid .span4 .thumbnail video {
    height: 91px;
    }
    .card-form.span12, .row-fluid [class*="span"]:first-child .card-form.span12 {
        width: 190px;
    }

    .tile_box.wide .columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
    .tile_box.wide .menu_link {
        font-size: 14px;
        padding: 8px 5%;
        width: 90%;
    }
    .tile_box .tile {
        width: 49%;
    }
    .tile_box.wide .tile {
        width: 24.6%;
    }
    .tile_box.search .tile {
        width: 48.3%;
    }
    .section_page .row-fluid .col-2.span4,
    .section_page .row-fluid .col-2.span8 {
        width: 100%;
    }
    .tile_box .tile.feature:first-of-type {
        width: 100%;
    }
    .tile_box .tile.feature .caption {
        height: 170px;
        min-height: 170px;
    }
    .section_page .row-fluid .col-2.span7 {
        width: 54%;
    }
    .section_page .row-fluid .col-2.span5 {
        width: 45%;
        margin-left: 0%;
    }
    .carousel-indicators {
        top: 70px;
        right: 25px;
    }
}

@media (max-width: 979px) {

    #modal-search .modal-header {
        padding: 1px 3px;
    }

    #modal-search {
        height: 100%;
    }

    #modal-search .modal-body {
        padding: 0 3%;
        width: 94%;
    }
    .modal-header .close {
        padding: 10px;
    }

    #header .navbar-form.pull-left input.span2 {
        width: 210px;
    }
    #header.clear .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
    }
    #header.clear .nav-collapse .nav > li {
        float: left;
    }
    /*.navbar .btn-navbar {*/
        /*display: none;*/
    /*}*/
    /*.nav-collapse, .nav-collapse.collapse {*/
        /*height: auto;*/
        /*overflow: visible;*/
        /*clear: none;*/
    /*}*/
    #header.clear .open > .dropdown-menu {
        display: block;
    }
    #header.clear .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        background-color: #ffffff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
    }

    .footer span.footer_break {
        float: left;
        clear: left;
    }

    #side-section .nav-tabs > li > a,
    #side-section .nav-tabs > li > a:hover {
        padding: 10px 5px;
        font-size: 12px;
    }

    #side-section .nav-tabs > .active > a,
    #side-section .nav-tabs > .active > a:hover {
        padding: 10px 10px;
        font-size: 12px;
    }

    .video-page .nav-tabs > li > a {
        padding: 8px;
        font-size: 12px;
    }

    .video-page .tab-pane#about table {
        font-size: 11px;
        padding: 2px;
    }
    .tile_box.search .tile {
        width: 48.3%;
    }
    .tile_box.search .tile .caption {
        height: 107px;
        min-height: 107px;
        width: 43%;
    }
    #header .navbar .navbar-inner.primary .nav {
        clear: left;
        height: auto;
        margin: 0;
        width: 100%;
    }
    .navbar .nav > li {
        float: left;
        width: 33%;
        text-align: center;
    }
    #header .navbar .nav > li > a {
        padding: 4px 8px;
        font-size: 11px;
    }
    #shorts_carousel .carousel-inner.side_panel .caption h5.strapline {
        display: none;
    }
    .carousel-inner.side_panel .caption .editorial {
        display: block;
    }
    #features_carousel .carousel-inner > .item .caption .editorial  {
        font-size: 14px;
        line-height: 16px;
    }
    .home .web_service_links {
        margin-top: 10px;
    }
    .home .web_service_links li a img {
        width: 90px;
        margin: 4px 5px 5px 0px;
    }
    .home .web_service_links li.right {
        float: right;
        margin: 5px 0;
    }
    .home .web_service_links li a.btn.more-details {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #header .navbar-form.pull-left input.span2 {
        width: 110px;
    }
    #header .navbar-form input.span2,
    #modal-search input.span2 {
        width: 90%;
    }

    #header .navbar-form .input-append,
    #modal-search .input-append {
        width: 100%;
    }

    #header .navbar-form#global_search,
    .global_search {
        width: 98%;
        padding: 0 1%;
        margin: 0;
    }
    #header .navbar-form#global_search {
        display: none;
    }
    .search #header .navbar-form#global_search {
        display: block;
    }
    #header .navbar-form.pull-left input.span2 {
        width: 85%;
    }
     .large-screens {
         display: none!important;
     }
    .small-screens {
         display: block!important;
     }
    .small-screens.inline {
         display: inline-block!important;
     }
    .small-screens.table {
         display: table!important;
     }
    .metadata.small-screens {
         display: table!important;
        padding: 20px 0 10px;
     }
    .mailinglist_modal {
        padding: 4% 8%;
    }
    .mailinglist_modal .options {
        padding: 0px 2% 20px;
        width: 96%;
        display: block;
    }
    .mailinglist_modal .details {
        padding: 0px 8% 20px;
        width: 84%;
        display: block;
    }
    .metadata .key {
        width: 30%;
    }
    .main-section .row-fluid,
    #side-section .row-fluid {
        width: 94%;
        padding: 0 3% 20px;
    }
    .row-fluid .span4 .thumbnail {
        height: auto;
    }

    .row-fluid .span4 .thumbnail video {
        height: auto;
    }

    #main_section.homepage .overlay .input-append input[class*="span"] {
        display: inline-block;
        width: 70%;
    }

    #main_section.homepage .overlay input[class*="span2"] {
        display: inline-block;
        width: 30%;
    }

    #header.clear .navbar-static-top {
        margin-right: 0px;
    }

    #header.clear .navbar-inner .container {
        width: 90%;
    }

    #header .navbar-text,
    #header .navbar-text p {
        margin-bottom: 0;
        line-height: 30px;
    }
    .navbar .btn-navbar {
        display: block;
    }
    .nav-collapse, .nav-collapse.collapse {
        height: 0;
        overflow: hidden;
    }
    #header .navbar .btn-group {
        margin: 5px 0px;
    }
    #header .navbar .btn-group .btn {
        padding: 4px 8px;
    }
    #header .navbar .btn-group .btn .caret {
        display: none;
    }
    .nav-logo {
        width: 155px;
        height: 30px;
        background-image: url("../../img/mainsite/journeymantv_globe_logo_large.png");
        margin:6px 5px 2px 3px;
        padding: 0;
    }
    .dark .navbar-inner .nav-logo,
    .film .navbar-inner .nav-logo {
        background-image: url("../../img/mainsite/journeymantv_globe_logo_large_white.png");
    }
    /* CLEAR STYLE */
    .dark .navbar-inner .nav-logo {
        background-image: url("../../img/mainsite/journeymantv_globe_logo_large.png");
    }
    /* END CLEAR STYLE */
    .modal .nav-logo {
        margin: 6px 5px 2px 4px;
    }
    .modal .payment-summary .nav-logo {
        width: 155px;
        height: 30px;
        background-image: url("../../img/mainsite/journeymantv_globe_logo_large.png")!important;
        margin:0px 5px 10px 0px;
        padding: 0;
        background-size: cover!important;
    }
    .white_footer .foot-logo {
        background-image: url("../../img/mainsite/journeymantv_globe_logo_large.png");
    }





    #header.clear .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
    }

    #header.clear .nav-collapse .nav > li {
        float: left;
    }

    #header.clear .open > .dropdown-menu {
        display: block;
    }

    #header.clear .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        background-color: #ffffff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
    }

    #header.clear .dropdown-menu li > a {
        white-space: normal;
    }
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-right: 0px;
        margin-left: 0px;
    }

    #main_section {
        padding-top: 5px;
    }
    .global-slide-page {
        margin: 0;
    }
    h3 {
        font-size: 20.5px;
        margin: 0;
    }
    h3.bar-title:before, h3.bar-title:after {
        top: 0.9em;
    }

    #bgvid.video-js video {
        display: none;
    }
    .card-form.span12, .row-fluid [class*="span"]:first-child .card-form.span12 {
        width: 80%;
    }

    .section_page .row-fluid .col-2[class*="span"] {
        width:100%;
    }
    .about .tiles .tile .image .icon {
            font-size: 4em;
            margin: auto;
            display: block;
            width: 80%;
    }
    .tile_box.wide .tile {
        width: 32.3%;
    }
    .tile_box.wide .columns {

        -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    }
    .tile_box.wide .menu_link {
        font-size: 12px;
        padding: 5px 5%;
        width: 90%;
    }
    .tile_box.search .tile .caption.image .film_image_link {
        width: 100%;
        margin-right: 0;
        float: left;
    }
    .tile_box.search .tile .caption.image .snippet {
        width: 100%;
        padding: 5px 0 0;
        margin: 0;
    }
    .tile_box.search .tile .caption.image .snippet p {
        margin: 0;
    }
    .tile_box.search .tile .caption p {
        font-size: 13px;
        line-height: 15px;
        margin: 5px 5px 10px 0px;
    }
    .carousel-indicators {
        top: 70px;
        right: 25px;
    }
    .input-prepend span.small {
        font-size:10px;
    }

    .tile_box.posters .tile {
        width: 98%;
        display: block;
    }
    .tile_box.posters li {
        position: relative;
        display: block;
    }

    .carousel-indicators.tile_box .film_image_holder {
        position: relative;
        display: block;
    }

    .carousel-indicators.tile_box.posters .active .film_image {
        width: 101%;
        margin: -0.5%;
        padding-bottom: 57%;
        position: relative;
    }
    .home #wrapper {
        background:#FFF;
    }
    #shorts_carousel .player .item .film_image_holder {
        display: block;
    }
    #features_carousel .tile_box.posters .tile:first-child,
    #shorts_carousel .tile_box.posters .tile:first-child {
        width: 98%;
        padding-bottom: 75%;
        overflow: hidden;
    }
    #features_carousel .tile_box .tile:first-child .caption,
    #shorts_carousel .tile_box .tile:first-child .caption {
        padding-bottom: 18%;
    }
    #features_carousel .tile_box.posters .tile:first-child .film_image_holder,
    #shorts_carousel .tile_box.posters .tile:first-child .film_image_holder {
        padding-bottom: 56%;
    }
    #features_carousel .tile_box.posters .tile:first-child .film_image_holder .film_image,
    #shorts_carousel .tile_box.posters .tile:first-child .film_image_holder .film_image,
    #features_carousel .tile_box.posters .tile.active:first-child .film_image_holder .film_image,
    #shorts_carousel .tile_box.posters .tile.active:first-child .film_image_holder .film_image {
        width: 100%;
        margin: 0;
        padding-bottom: 56%;
    }
    #features_carousel .carousel-indicators.tile_box.posters .tile:first-child .film_image_holder,
    #shorts_carousel .carousel-indicators.tile_box.posters .tile:first-child .film_image_holder {
        padding-bottom: 58%;
    }
    #features_carousel .carousel-indicators.tile_box.posters .tile:first-child .film_image_holder .film_image,
    #shorts_carousel .carousel-indicators.tile_box.posters .tile:first-child .film_image_holder .film_image,
    #features_carousel .carousel-indicators.tile_box.posters .tile.active:first-child .film_image_holder .film_image,
    #shorts_carousel .carousel-indicators.tile_box.posters .tile.active:first-child .film_image_holder .film_image {
        width: 100%;
        margin: 0;
        padding-bottom: 58%;
    }
    .player .carousel-inner.side_panel {
        background: transparent;
        display:none;
    }
    #tweets_carousel .right_button {
        display: none;
    }
    .carousel-inner > .item {
        display: block;
        margin-bottom: 10px;
        background: transparent;
    }
    .carousel.vertical .next {
      top: inherit;
    }

    .carousel.vertical .prev {
      top: inherit;
    }

    .carousel.vertical .next.left,
    .carousel.vertical .prev.right {
      top: inherit;
    }

    .carousel.vertical .active.left {
      top: inherit;
    }

    .carousel.vertical .active.right {
      top: inherit;
    }
    .carousel-inner > .next, .carousel-inner > .prev {
        position: relative;
        top: inherit;
        width: 100%;
    }
    .carousel-inner > .item .caption h4, #shorts_carousel .player .caption h4 {
        padding-bottom: 0;
        font-size: 18px;
        font-weight: bold;
        line-height: 26px;
    }
    .carousel-inner > .item .caption .metadata {
        padding-bottom: 0;
        font-size: 12px;
        font-weight: normal;
        line-height: 16px;
    }
    .carousel-inner > .item .caption h5,
    .player .carousel-inner.side_panel .caption h5 {
        padding-bottom: 0;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
    }
    #header .navbar-inner {
        padding: 0;
        min-height: 40px;
    }
    /*#shorts_carousel .playlist, #shorts_carousel .player .playlist-player {*/
        /*display: none;*/
    /*}*/
    #shorts_carousel .player {
        background: none;
        padding-bottom: 10px;
    }
    #features_carousel .carousel-controls {
        display: none;
    }
    #search_year_form {
        padding: 0 5px 5px;
        margin: 0 0 5px;
    }
    #search_year_form select,
    #search_year_form .btn-large,
    #search_year_form h4 {
        font-size: 12px;
    }
    #search_year_form .btn-large {
        padding: 5px;
        margin: 5px;
    }
    .film #header .navbar .nav.global-slide-controls {
        display: none;
    }
    .film #content_inner_wrapper {
        background: #F7F7F7;
        background: none;
    }
    .dark #content_inner_wrapper {
        background: #222;
        background: none;
    }
    .mainsite_film_page .details .right-col,
    .mainsite_film_page .details .left-col {
        padding:30px 5% 0px;
    }
    .mainsite_film_page .details .right-col .actions {
        padding: 0;
    }
    .mainsite_film_page .span12 {
        padding: 0;
    }
    .mainsite_film_page .details .left-col #filmmakers img {
        width: 30%;
        margin: 20px 20px 3px 0;
    }
    .mainsite_film_page .details .left-col #filmmakers,
    .mainsite_film_page .details .left-col #discuss {
        padding: 10px 20px 30px;
        margin: 0 0 20px;
    }
    .mainsite_film_page .details .left-col .text {
        font-size: 13px;
        line-height: 18px;
    }
    .related_films .tile_box .tile {
        width:48%;
    }
    .search .options-bar {
        margin: 0 3%;
    }
    .pagination-top {
        display: none;
    }
    .search .small-screen-search-btn {
        display: none!important;
    }

    #year_choices.collapse, #country_choices.collapse {
        height: 0;
    }

    #year_choices.collapse.in, #country_choices.collapse.in {
        height: auto;
    }
    .search .accordion-toggle .current {
        display:inline;
    }
    .modal, .modal.fade, .modal.fade.in {
        top: 0px;
        border: none;
        border-radius: 0;
        width: 100%;
        height:auto;
        margin: 0;
        left: 0;
        padding: 0;
        right: 0;
    }

    ul.communities li .join input {
        width: 80%;
    }
    #modal-payments .modal-body,
    .row-fluid .payment-summary.span6,
    .row-fluid .payment-action.span6{
        display: block;
        border: none;
    }
    #modal-payments .modal-body {
    }
    .modal-body {
        width: 99.8%;
        max-height: inherit;
        min-height: 400px;

    }
    #modal-main.modal,
    .modal-full.modal {
        width: 100%;
        margin: 0;
    }

    .modal #tweets {
        width: 90%;
    }
    .payment-summary table {
        width: 100%;
    }
    #header #nav_basket_items {
        display: none;
    }
    .navbar .btn-group .nav_basket .btn {
        margin-top: 10px;
    }
    .about #wrapper {
        background: #EAEAEA;
    }
    .about #content_inner_wrapper > .container {
        width: 100%;
        margin: 0px;
        padding: 0 0 20px;
    }
    .about .google-map {
        height: 200px;
        width:90%;
        margin: 0 5%;
    }
}

@media (max-width: 675px) {
    .tile_box.search .tile {
        width: 100%;
    }
    .tile_box.search .tile .caption {
        height: 130px;
        min-height: 130px;
        width: 45%;
    }
    #features_carousel .tile_box .tile:first-child .caption,
    #shorts_carousel .tile_box .tile:first-child .caption {
        padding-bottom: 27%;
    }

    #features_carousel .tile_box.posters .tile:first-child,
    #shorts_carousel .tile_box.posters .tile:first-child {
        width: 98%;
        padding-bottom: 85%;
        overflow: hidden;
    }
    #features_carousel .tile_box.posters .tile,
    #shorts_carousel .tile_box.posters .tile {
        padding: 0 0 67%;
    }

    #features_carousel .tile_box .tile .caption,
    #shorts_carousel .tile_box .tile .caption {
        height: 0;
        min-height: 0;
        padding-bottom: 79%;
    }
    #explore_films .tile_box .tile .caption.text {
        padding-bottom: 100%;
    }
}

@media (max-width: 451px) {
    .tile_box.search .tile {
        width: 100%;
    }
    .tile_box.search .tile .film_image {
        width: 100%;
        padding-bottom: 58%;
    }
    .tile_box.search .tile .caption,
    .tile_box.search .tile:hover .caption {
        height: auto;
        min-height: auto;
        padding-bottom: 0;
        width: 95%;
    }
    .tile_box.search .tile .caption-fade {
        display: none;
    }

    .tile_box.search .tile .caption.image .film_image_link {
        width: 60%;
    }
    .tile_box.search .tile .caption.image .snippet {
        width: 60%;
    }
    #related_films ul.tile_box {
        margin-left: 10px;
    }


    #features_carousel .tile_box.posters .tile,
    #shorts_carousel .tile_box.posters .tile {
        padding: 0 0 80%;
    }

    #features_carousel .tile_box .tile .caption,
    #shorts_carousel .tile_box .tile .caption {
        height: 0;
        min-height: 0;
        padding-bottom: 124%;
    }
    #features_carousel .tile_box.posters .tile:first-child,
    #shorts_carousel .tile_box.posters .tile:first-child {
        width: 98%;
        padding-bottom: 110%;
    }

    #features_carousel .tile_box .tile:first-child .caption,
    #shorts_carousel .tile_box .tile:first-child .caption {
        padding-bottom: 50%;
    }
    #features_carousel .tile_box .tile .caption p, #shorts_carousel .tile_box .tile .caption p {
        font-size: 14px;
        line-height: 18px;
    }
    .white_footer .foot-logo {
        width: 90%;
        background-image: url("../../img/mainsite/journeymantv_globe_logo_large.png");
        margin: auto;
        padding-bottom: 18%;
        height: 0;
    }
}


#side-section p.small {
font-size: 0.8em;
}

#side-section .nav-list > .active > a,
.nav-list > .active > a:hover{
  color: #1596C7;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
  background-color: #F7F7F7;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}

#side-section .nav-list > li > a {
  padding: 8px 15px;
  color: #000;
   -webkit-transition-property: background color;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  -moz-transition-property: background color;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: linear;
  -o-transition-property: background color;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: linear;
  -ms-transition-property: background color;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: linear;
  transition-property: background color;
  transition-duration: 0.5s;
  transition-timing-function: linear;
}

#side-section .nav-list > li.small > a {
    font-size: 12px;
}

.nav > li > ul > li > a:hover {
text-decoration: none;
background-color: #eeeeee;
}
.nav-list > li > ul > li > a {
padding: 3px 15px;
}
.nav-list > li > ul > li > a, .nav-list .nav-header {
margin-right: -15px;
margin-left: -15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* Film Page Styling
============================================== */


/* Right Section styling
============================================== */

#side-section  { padding-top:0px;}
#side-section .module-top {margin-top:15px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;height: 20px;background: #ffd30f;color: #333333;padding: 5px 13px 7px 13px;font-size: 12px;font-weight: 500;}
#side-section .module-top {border-top-left-radius: 0px; border-top-right-radius: 0px;}
#side-section .module-top.top {margin-top:0px;}
#side-section .module-top i { padding-right:10px;}
#side-section .error input, #side-section input.error {border: 1px solid #FFA0A0;}
#side-section form p.error {font-size: 0.8em;
color: #FFA0A0;
margin: -5px 5px 10px;}
#side-section .module {padding: 15px;margin:  0px;}
#side-section .module.titled {padding-top: 0px;}
#side-section .module span {font-size: 11px;}
#side-section .module .w-input { box-sizing: border-box;
width: 100%;}

#side-section .module .label-main {font-weight: 600;font-size: 12px;}
#side-section  .nav-list {
padding-right: 15px;
padding-left: 15px;
margin-bottom: 0;
border-left: 1px solid #DEDEDE;
border-radius: 4px;
border-radius: 0px;}

#side-section .nav-list .nav-list {
padding-right: 15px;
padding-left: 10px;
margin-bottom: 0;
border: none;
border-radius: 4px;
border-radius: 0px;
    margin-left: 0px;
    list-style: none;
    margin: 5px 0px 10px 0px;
      max-height: 250px;
  overflow-y: scroll;

}

#side-section .nav.nav-list > li > ul.nav-list > li > a {
display: block;
font-size: 0.9em;
padding: 4px 15px;
    color: #000;
}

#side-section .nav.nav-list > li > ul.nav-list > li.selected > a {
    background: #D5E6F7;
}

.nav > li > ul > li > a span.itemcount {
    color: #000;
display: inline-block;
background: #FFFFFF;
font-size: 0.8em;
padding: 0px 5px;
border-radius: 2px;
box-shadow: 0px -1px 1px #CBCBCB;
    line-height: 16px;
    margin: 2px 2px 0;
}

#side-section .nav-list > .active > a,
.nav-list > .active > a:hover {
  color: #000;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
  background-color: #DEDEDE;
  border: none;
}

.about #side-section .nav-list > .active > a,
.about .nav-list > .active > a:hover {
    background-color: #DEEBFF;
}

#side-section .accordion-group {
    border: none;
}

#side-section .btn-group.select-radio {
    width: 100%;
}

#side-section .btn-group.select-radio .btn {
    width: 27%;
    padding: 4px 3.25%;
    font-size: 11px;
    font-weight: bold;
    background: #EFEFEF!important;
}

#side-section .btn-group.select-radio .btn:hover {
    background: #dbdbdb !important;
}

#side-section .btn-group.select-radio .btn .icon-radio {
    display:none;
}

#side-section .btn-group.select-radio .btn.active .icon-radio {
    display: inline-block;
}

#side-section .btn-group .btn.active {
    background: #DEDEDE!important;
    box-shadow: none;
}

#side-section #filter_accordion {
    margin-bottom: 10px;
}

.nav-list > .active > a .current {
    color: #3F89F9;
}

.myclips #side-section .nav.nav-list > li.selected > a {
    background: #A8DFFF;
    font-weight: bold;
    color: #000;
}

.myclips #side-section .nav.nav-list > li > ul.nav-list > li.selected > a {
font-weight: normal;
}

.myclips #side-section .nav.nav-list > li > ul.nav-list > li > a i.icon {
color: #CBCBCB;
padding-top: 4px;
    margin: 2px 0px 2px 5px;
}

.myclips #side-section .nav.nav-list > li > ul.nav-list > li.selected > a i.icon {
color: #333;
}

.comment {  border-bottom: 1px dashed #E7E7E7; padding-top:10px;}
.comment-body {font-size: 10px;line-height: 16px;color: grey;*overflow: visible;zoom: 1;}
.comment-heading {color:grey;margin: 0 0 5px;font-size: 12px;font-weight: 600;}
.comment:first-child {padding:0px;}
.comment:last-child {margin-top: 0;border: 0px;}
.comment-object {display: block;margin-top: 3px;}
.comment-heading .time {float: right;font-size: 9px;color: #ACACAC;}
.comment .pull-left {margin-right: 10px;}
.comment .pull-right {margin-left: 10px;}
.comment-list {margin-left: 0;list-style: none;}



/* Input styling
============================================== */
select,
input[type='checkbox'],
input[type='radio'],
input[type='button']
{
  -webkit-appearance: none;
  -webkit-user-select: none;
  background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
  color: #444;
  font: inherit;
  margin: 0 1px 0 0;
  text-shadow: 0 1px 0 #F0F0F0;
}

input[type='checkbox']:checked::before {
  -webkit-user-select: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wDBhYcG79aGIsAAACbSURBVBjTjdFBCkFhFAXgj4fp24PBy0SZ2ICRXRgYGb2xlKzBSEo2YgsiKWVoZgFKMjD5X/2Ux6lb99bpnNO5lKMR5i8MsEQHkhJiEzlS9HCqfiFWMUIt3AfsC3KKLCL30Qr7HfM4Ro4h6rhiEqmusIMKuphGqo+ogSPGcbYLzh91vdkXSHDDBk+0gxussS3rNcMCs+D6E18/9gLPPhbDshfzLgAAAABJRU5ErkJggg==");
  background-size: 100% 100%;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
}
html[dir='rtl'] input[type='checkbox']:checked::before {
  -webkit-transform: scaleX(-1);
}
input[type='radio']:checked::before {
  background-color: #666;
  border-radius: 100%;
  bottom: 3px;
  content: '';
  display: block;
  left: 3px;
  position: absolute;
  right: 3px;
  top: 3px;
}
select {
  -webkit-appearance: none;
  -webkit-padding-end: 20px;
  -webkit-padding-start: 6px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAWklEQVQokWNgoAOIAuI0PDiKaJMSgYCZmfkbkPkfHYPEQfJEG/b//3+FBQsWLGRjY/uJbBCIDxIHyRNtGDYDyTYI3UA+Pr4vFBmEbODbt2+bKDYIyUBWYtQBAIRzRP/XKJ//AAAAAElFTkSuQmCC), -webkit-linear-gradient(#EDEDED, #F3F3F3 38%, #FDFDFD);
  background-position: right center;
  background-repeat: no-repeat;
}
select {
  min-height: 2em;
  min-width: 4em;
  font-size: 11px;
}
html[dir='rtl'] select {
  background-position: center left;
}
input[type='checkbox'] {
  bottom: 0px;
  height: 13px;
  position: relative;
  vertical-align: middle;
  width: 13px;
}
input[type='radio'] {
  /* OVERRIDE */

  border-radius: 100%;
  bottom: 0px;
  height: 15px;
  position: relative;
  vertical-align: middle;
  width: 15px;
}

.radio,
.checkbox {
  margin: 0.65em 0;
}
select:focus,
input[type='checkbox']:focus,
input[type='radio']:focus
 {
  -webkit-transition: border-color 200ms;
  border-color: #4d90fe;
  outline: none;
}

select:disabled {
  background-image: -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
  border-color: rgba(80, 80, 80, 0.2);
  box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
  color: #aaa;
}
select:disabled {
background-image: -webkit-image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAAXNSR0IArs4c6QAAAAd0SU1FB9sLAxYEBKriBmwAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAACxMAAAsTAQCanBgAAABLSURBVCiRY2CgA4gC4jQ8OIpokxKBoKGh4T8uDJIn2rD///8rLFiwYCE2g0DiIHkSfIndQLIMwmYgRQYhG/j27dsmig1CMpCVGHUAo8FcsHfxfXQAAAAASUVORK5CYII=") 1 x), -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);}
input[type='checkbox']:disabled,
input[type='radio']:disabled {
  opacity: .75;
}

select:hover:enabled,
input[type='checkbox']:hover:enabled,
input[type='radio']:hover:enabled
 {

  background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
  border-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95);
  color: black;
}
select:hover:enabled {

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAWklEQVQokWNgoAOIAuI0PDiKaJMSgYCZmfkbkPkfHYPEQfJEG/b//3+FBQsWLGRjY/uJbBCIDxIHyRNtGDYDyTYI3UA+Pr4vFBmEbODbt2+bKDYIyUBWYtQBAIRzRP/XKJ//AAAAAElFTkSuQmCC"), -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
}
select:active:enabled,
input[type='checkbox']:active:enabled,
input[type='radio']:active:enabled
{
  background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
  box-shadow: none;
  text-shadow: none;
}
select:active:enabled {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAWklEQVQokWNgoAOIAuI0PDiKaJMSgYCZmfkbkPkfHYPEQfJEG/b//3+FBQsWLGRjY/uJbBCIDxIHyRNtGDYDyTYI3UA+Pr4vFBmEbODbt2+bKDYIyUBWYtQBAIRzRP/XKJ//AAAAAElFTkSuQmCC"), -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);}

label {
    font-weight: bold;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
    margin: 2px 10px 0 0px;
}
/* Footer
-------------------------------------------------- */

.footer {
  position: relative;
  padding:  0;
  border-top: 1px solid #CFE2FF;
    border-top: 3px solid #6EA7FF;
    border-top:none;
    background-color: #1D1D1D;
    top: inherit;
    bottom: 0;
    margin-top: inherit;
    width: 100%;
    min-height: 363px;
}


.footer .contacts {
    margin-bottom: 0;
    color: #A8A7A7;
    font-size: 11px;
    padding: 30px 10px 20px;
    text-align: center;
    display: block;
}

.footer .contacts.copyright {
    padding: 10px 10px 30px;
}

.footer a {
    color: #BCD3FF;
}
.footer a:hover {
    color: #d2e2ff;
}

.footer-links {
  margin: 10px 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}
.footer-links li:first-child {
  padding-left: 0;
}
.foot-logo {margin-right:25px;opacity: 1;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 500ms;}
.foot-logo:hover {opacity: 0.8;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 500ms;}


.footer .pagination ul > li:first-child a,
.footer .pagination ul > li:last-child a {
    background: #FFF;
}

.footer .contacts {
    text-align: center;
}

.developer_link {
    float:right;
    clear: right;
    font-size: 12px;
    padding: 30px 10px 20px;
    color: #bbb;
}

.white_footer .footer {
    background-color: #FFF;
    border-top: 1px solid #E8E8E8;
}

.search.white_footer .footer {
    background-color: #FFF;
    border-top: 1px solid #FFF;
}

.white_footer .footer a {
    color: #2E80FF;
    color: #0050CE;
}
.white_footer .footer a:hover {
    color: #0051ff;
}

.footer-nav-links {
    font-size: 12px;
    height: 30px;
    padding: 20px 0px 0px;
}

.footer .footer-nav-links a {
    background: #252525;
    padding: 5px 10px;
    border-radius: 5px;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #424242;
    margin: 0 3px;
}

.footer .footer-nav-links a:hover {
    border-bottom: 1px solid #424242;
    border-top: 1px solid #000000;
}

.white_footer .footer .footer-nav-links a {
        background: #F5F5F5;
    border-bottom: 1px solid #DCDCDC;
    border-top: 1px solid #FFF;
}
.white_footer .footer .footer-nav-links a:hover {
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #DCDCDC;
}

/* CLEAR STYLE */

.footer .footer-nav-links a {
    background: none;
    color: #FFF;
    border: 1px solid transparent;
    border-radius: 1px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}
.footer .footer-nav-links a:hover {
    background: none;
    color: #FFF;
    border: 1px solid #3F89F9;
    border-radius: 1px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}

.white_footer .footer .footer-nav-links a {
    background: none;
    border: 1px solid transparent;
    color: #355FCF;
}
.white_footer .footer .footer-nav-links a:hover {
    background: none;
    color: #355FCF;
    border: 1px solid #355FCF;
}

@media (max-width: 768px) {
    .home .footer a,
    .about .footer a {
        color: #2E80FF;
        color: #0050CE;
    }

    .home .footer a:hover,
    .about .footer a:hover {
        color: #0051ff;
    }

    .home .footer .footer-nav-links a,
    .about .footer .footer-nav-links a {
        background: none;
        border: 1px solid transparent;
        color: #355FCF;
    }
    .home .footer .footer-nav-links a:hover,
    .about .footer .footer-nav-links a:hover {
        background: none;
        color: #355FCF;
        border: 1px solid #355FCF;
    }
    .home .btn-center,
    .about .btn-center {
        background: transparent!important;
        color: #355FCF!important;
        font-weight: bold;
        border: 1px solid #355FCF;
    }
    .home .btn-center:hover,
    .about .btn-center:hover {
        background: #3F89F9!important;
        color: #FFF!important;
        font-weight: bold;
        border: 1px solid #3F89F9;
    }
    .home .foot-logo,
    .about .foot-logo {
        background-image: url("../../img/mainsite/journeymantv_logo_medium.png");
    }
}

@media (max-width: 451px) {
    .foot-logo {
        max-width: 202px;
        height: 39px;
    }
    .vjs-default-skin .vjs-seek-handle {
        margin-right: 10px;
    }
    .videoWrapper .vjs-default-skin .vjs-control-bar {
        padding: 0 10px;
        height: auto;
    }
}

/* END CLEAR STYLE */

/* Page Elements Styling
-------------------------------------------------- */

.bs-docs-example {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.bs-docs-example .label-e {
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}


/* Forms */
ul.errorlist {
    padding: 0;
margin: 0;
text-align: left;
color: #F94949;
list-style: none;
font-size: 0.8em;
}

.small-form {
    margin: 0px;
}

.small-form .btn-large {
    margin-bottom: 0px;
}


@media only screen and (min--moz-device-pixel-ratio: 2),

only screen and (-o-min-device-pixel-ratio: 2/1),

only screen and (-webkit-min-device-pixel-ratio: 2),

only screen and (min-device-pixel-ratio: 2) {

    .web_service_links li a img {
        width: 82px;
        height: 30px;
    }
    .foot-logo {
        background-image: url("../../img/mainsite/journeymantv_globe_logo_large_white.png");
    }
    .white_footer .foot-logo {
        background-image: url("../../img/mainsite/journeymantv_globe_logo_large.png");
    }
    .nav-logo,
    .dark.home .navbar-inner .nav-logo {
        width: 155px;
        height: 30px;
        background-image: url("../../img/mainsite/journeymantv_globe_logo_large.png");
        margin:6px 5px 2px 3px;
        padding: 0;
    }
    .film .navbar-inner .nav-logo,
    .dark .navbar-inner .nav-logo {
        background-image: url("../../img/mainsite/journeymantv_globe_logo_large_white.png");
    }

}