/* ==========================================================================
   Base
   ========================================================================== */
html, body {
  font-size: 62.5%;
}
body {
  font-family: "nimbus-sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 13px; 
  font-size: 1.3em;
  font-size: 1.3rem;
  line-height: 1.5em;
  text-rendering: geometricPrecision; 
}
body.top-navbar { 
  padding-top: 0px;
}
body.admin-bar .navbar-fixed-top,
body.admin-bar.mobile-navbar .nav-main { 
  top: 28px;
}
body.scrolled {
  padding-top: 145px;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  font-size: 13px;
  font-size: 1.3em;
  font-size: 1.3rem;
  line-height: 1.3em;
  margin: 0;
  color: #000;
}
a {
  color: #888;
  text-decoration: none;
  -webkit-transition: color .1s;
		 -moz-transition: color .1s;
      -ms-transition: color .1s;
       -o-transition: color .1s;
          transition: color .1s;
}
a:hover {
  color: #000;
  text-decoration: none;
}
h1>a, h2>a, h3>a, h4>a, h5>a, h6>a {
  color: #000;
}
h1>a:hover, h2>a:hover, h3>a:hover, h4>a:hover, h5>a:hover, h6>a:hover {
  color: #666;
}
li li, li p /* etc */ { font-size: 1em; }
video {
    width:100%;
    height: 100%;
}
p {
  margin: 0 0 15px;
}

/* =============================================================================
   Framework Resets
   ========================================================================== */

.thumbnail {
  padding: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
.thumbnail>img {
  width: 100%;
}
a.thumbnail:hover {
  border: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
/* Reset grid to 10px gutters for 'Grid Layout' */
.row-fluid .grid-layout .span3 {
  width: 24.318181818182%;
  margin-left: 0.909090909091%;
}
.grid-item .thumbnail {
  text-decoration: none;
  color: #888;
  -webkit-transition: color 0.2s ease;
		 -moz-transition: color 0.2s ease;
      -ms-transition: color 0.2s ease;
       -o-transition: color 0.2s ease;
          transition: color 0.2s ease;
}
.grid-item .thumbnail:hover {
  color: #000;
}
.grid-item .thumbnail .item-meta {
  min-height: 45px;
  line-height: 1.25;
}
.grid-item .thumbnail .item-meta h3 {
  color: #000;
  margin: 8px 0 0;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow:    ellipsis;
}
.grid-item .thumbnail .item-meta span {
  display: block;
  font-weight: 400;
  color: #888;
}
.row-fluid [class*="span"] {
  min-height: 12px;
}


/* =============================================================================
   Helper Classes
   ========================================================================== */
   
.icon-alone {
  display: inline-block; /* Fix for clickability issue in WebKit */
}
.screen-reader-text { /* Reusable, toolbox kind of class */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.full-width {
  width: 100%;
}


/* =============================================================================
   Navbar
   ========================================================================== */
.navbar {
  margin-bottom: 120px;
  -webkit-transition: background 0.2s ease;
		 -moz-transition: background 0.2s ease;
      -ms-transition: background 0.2s ease;
       -o-transition: background 0.2s ease;
          transition: background 0.2s ease;
}
.navbar.navbar-fixed-top {
  height: 25px;
  margin: 0;
}
.navbar .navbar-inner {
  background: none;
  height: 25px;
  min-height: 25px;
  padding: 0;
  border: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
*zoom:1;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  text-shadow: 0 0;
  filter: none;
}
.navbar .navbar-inner .container-fluid {
  padding-top: 40px;
}
.navbar.navbar-fixed-top .navbar-inner .container-fluid {
  padding-top: 6px;
}
.navbar .brand {
  position: relative;
  display: block;
  float: left;
  padding: 0px;
  width: 240px;
  height: auto;
  margin-left: 0px;
  text-indent: -9999px;
}
.navbar .brand > img {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
}
.navbar .nav-main {
  margin-left: 0;
  width: auto;
}
.navbar .nav {
  margin: 0;
  left: -15px;
  width: 100%;
  min-width: 360px;
  display: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #000;
  background: none;
  text-decoration: none;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
.navbar .nav > li {
  float: left;
  margin-left: 25px;
}
.navbar .nav > li:first-child {
  margin-left: 0;
}
.navbar .nav > li > a {
  color: #888;
  text-decoration: none;
  text-shadow: 0 0;
  padding: 0 15px;
  font-size: 1em;
  line-height: 1;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus  {
  color: #000;
  text-decoration: none;
}
/* Mobile Nav Menu Button */
.navbar .btn-navbar,
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  background: none;
  border: 0;
  margin: 0 -7px 0 0;
  padding: 7px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
.navbar .btn-navbar .icon-bar {
  background: #888;
  width: 20px;
  height: 3px;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
.btn-navbar .icon-bar+.icon-bar {
  margin-top: 4px;
}
/* Nav Style 1 */
body.top-navbar .navbar .brand {
  height: 54px;
  width: 130px;
  margin-right: 70px;
}
body.top-navbar .navbar .brand > span {
  position: absolute;
  background-size: cover;
}
.navbar .brand .logo-full,
.navbar .brand .logo-animated {
  width: 130px;
  height: 54px;
  display: block;
}
.navbar .brand .logo-full {
  background: url(/assets/img/a24-logo.png) no-repeat;
  background: url(/assets/img/a24-logo.svg) no-repeat;
}
.navbar .brand .logo-animated {
  background: url(/assets/img/a24-logo-animated-white.gif) no-repeat;
  opacity: 0;
}
.navbar .brand .logo-full:hover {
  opacity: 0;
}
.navbar .brand .logo-full:hover + .logo-animated {
  opacity: 1;
}
.navbar .brand .logo-full {
  z-index: 1;
}
.navbar .brand .logo-animated {
  z-index: -1;
  width: 131px;
}
.navbar .brand .logo-small {
  display: block;
  background: url(/assets/img/a24-logo-white.png) no-repeat;
  background: url(/assets/img/a24-logo-white.svg) no-repeat;
  width: 34px;
  height: 14px;
  opacity: 0;
}
/* Nav Style 2 */
.navbar.nav-style-2 .brand .logo-full {
  opacity: 0;
  width: 0;
}
.navbar.nav-style-2 .brand .logo-small {
  opacity: 1;
  height: 14px;
  top: -1px;
}
.navbar.nav-style-2 {
  background: #000;
}
.navbar.nav-style-2 .nav > li > a:focus,
.navbar.nav-style-2 .nav > li > a:hover,
.navbar.nav-style-2 .nav > .active > a:hover,
.navbar.nav-style-2 .nav > .active > a:focus  {
  color: #fff;
}
.navbar.nav-style-2 .nav > .active > a,
.navbar.nav-style-2 .nav > .active > a:hover,
.navbar.nav-style-2 .nav > .active > a:focus {
  color: #fff;
}
.navbar .container-fluid {
  position: relative;
}
/* Social Icons */
.social-icons {
  list-style: none;
  margin: -3px -5px 0 0;
  overflow: hidden;
}
.social-icons li {
  display: block;
  float: left;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  vertical-align: middle;
}
.social-icons li.facebook {
  font-size: 14px;
  font-size: 1.4rem;
}
.social-icons li a {
  color: #888;
  padding: 0 5px;
}
.social-icons li a:hover {
  color: #000;
  text-decoration: none;
}
.navbar.nav-style-2 .social-icons li a:hover {
  color: #fff;
}
/* Search Form */
.navbar .search {
  margin-right: 20px;
}
form.form-search {
  margin: 0;
  line-height: 1;
  position: relative;
}
form.form-search label {
  line-height: 1;
  color: #bbb;
  position: absolute;
  left: -38px;
}
input.search-query {
  background: none;
  border: none;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  color: #888;
  padding: 0 5px;
  font-size: 1em;
  line-height: 1;
  height: auto;
  width: 100%;
  position: relative;
  top: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
input.search-query:focus {
  background: none;
  border: none;
  padding-bottom: 1px;
  -webkit-box-shadow: 0 0 0;
     -moz-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}
input.search-query::-webkit-input-placeholder {
  padding-top: 1px;
}
input.search-query:-moz-placeholder { 
  padding-top: 1px;
}
input.search-query::-moz-placeholder {
  padding-top: 1px;
}
input.search-query:-ms-input-placeholder {
  padding-top: 1px;
}

form.searchform {
  display: none;
}

/* ==========================================================================
   Mobile Nav Tray 
   ========================================================================== */

/* Position and transistion for nav tray */
.mobile-navbar {
  position: relative;
  -webkit-transition: all 0.3s ease;
		 -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
/* Slide body left to reveal nav tray */
.mobile-navbar.nav-tray-open {
  left: -200px;
}
.hide-nav .nav-main,
.mobile-navbar.hide-nav .nav-main,
.nav-main .logo-mobile-nav {
  /* Quick solution to keep mobile nav tray hidden on load */
  display: none;
}
.mobile-navbar .nav-main {
  position: absolute;
  position: fixed;
  top: 0;
  width: 200px;
  right: -200px;
  height: 100%;
  z-index: 99;
  padding: 20px;
  background: #eee;
  border-left: 1px solid #ddd;
  -webkit-transition: right 0.3s ease;
		 -moz-transition: right 0.3s ease;
      -ms-transition: right 0.3s ease;
       -o-transition: right 0.3s ease;
          transition: right 0.3s ease;
}
.mobile-navbar.nav-tray-open .nav-main {
  right: 0;
  display: block;
  height: 900px;
}
.mobile-navbar .nav-main .logo-mobile-nav {
  display: block;
  width: 80px;
  height: 33px;
  opacity: 0.5;
}
.mobile-navbar .nav-main .nav {
  position: static;
  margin: 12px 0 0 -10px;
  height: auto;
  min-width: 150px;
  -webkit-transition: all 0.3s ease;
		 -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.mobile-navbar .navbar .nav > li {
  display: block;
  width: 100%;
  margin-left: 0;
}
.mobile-navbar .navbar .nav > li:first-child {
  margin-left: 0;
}
.mobile-navbar .navbar .nav > li > a {
  font-weight: 400;
  padding: 18px 10px 10px;
  margin: 0;
}
.nav-main > ul.social-icons {
  display: none;
}
.mobile-navbar .nav-main > ul.social-icons {
  display: block;
  margin: 20px 0 0 -10px;
}
.mobile-navbar .nav-main ul.social-icons li {
  margin-right: 4px;
}


/* ==========================================================================
   Global Usage
   ========================================================================== */
.full-width-article {
  position: relative;
  margin-bottom: 50px;
}
.article-title {
  font-size: 16px;
  font-size: 1.6rem;
  min-height: 20px;
}
.navbar .brand,
.full-width-article .article-title {
  width: 200px;
  min-height: 1px;
}
.full-width-article .article-content {
  margin-left: 0;
}
.article-image {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}
.article-links a {
  margin: 0 20px;
}
.post-block a:hover {
  color: #888;
}
.article-teaser > p {
  margin-bottom: 5px;
}
.article-teaser > .read-more {
  display: block;
  margin-bottom: 10px;
  -webkit-transition: color .1s;
		 -moz-transition: color .1s;
      -ms-transition: color .1s;
       -o-transition: color .1s;
          transition: color .1s;
} 
.article-teaser > .read-more:hover {
  color: #000;
}
.image-stretch,
.single-post .attachment-12-columns {
  position: relative;
  max-width: none;
}
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }

.article-tags .tags {
  font-size: 1.3rem;
  color: #888;
  text-transform: lowercase;
  list-style: none;
  margin: 0 0 8px;
  line-height: 1;
}
.article-tags .tags li {
  width: auto;
  display: inline-block;
  padding-right: 10px;
  line-height: 1.25;
}
.article-tags .tags li a:hover {
  color: #333;
}
.play-btn {
  background: url(/assets/img/triangle-right.png) no-repeat;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  border: none;
}
.grid-item .play-btn {
  margin: -60px 0 0 -40px;
}
.video-container {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
}


/* ==========================================================================
   Home Page
   ========================================================================== */
.home .fluid-post-blocks {
  margin-left: -5px;
  margin-right: -5px;
}

/* ==========================================================================
   Single Pages
   ========================================================================== */
.single-images .article-content {
  width: auto;
}
.single-images .tags,
.single-galleries .tags {
  margin-top: 5px;
}
.single-articles .article-tags {
  margin-top: 20px;
}
.single-galleries .full-width-article > .row-fluid {
  overflow: hidden;
}
.single-galleries .full-width-article .article-title {
  padding-right: 15px;
  margin-bottom: 30px;
}
.single-galleries .article-content {
  width: 100%;
  position: absolute;
  pointer-events: none;
}
.single-galleries .fluid-post-blocks {
  margin-left: 235px;
  margin-right: -5px;
}
.single-galleries .gallery-item {
  margin-top: 5px;
  color: #888;
}
.single .article-title {
  padding-right: 20px;
}

/* ==========================================================================
   Films Pages
   ========================================================================== */

.single-films .article-title h1 {
  margin-bottom: 15px;
}

/* ==========================================================================
   Directors Pages
   ========================================================================== */
.directors .article-content {
  width: 200px;
}
.directors .article-links {
  margin-left: 0;
}
.directors .article-links a {
  margin: 0 75px 0 0px;
}
.directors .film-links {
  margin-left: 0;
}
.directors .film-links a:before {
  content: ',';
  color: #888;
  margin-left: -2px;
  padding-right: 4px;  
}
.directors .film-links a:first-child:before {
  content: ''; 
  padding: 0;
}
/* ==========================================================================
   About Page
   ========================================================================== */
.row-fluid .about-image,
.row-fluid .map {
  min-height: 200px;
}

/* ==========================================================================
   Contact Page
   ========================================================================== */

#map_canvas {
  width: 100%;
  height: 480px;
}
.contact-info.vcard a,
.contact-info.vcard .street-address {
  display: block;
}
.contact-info.vcard .postal,
.contact-info.vcard .digital {
 float: left;
 width: auto;
}
.contact-info.vcard .postal {
  margin-right: 65px;
}
.contact-info.vcard .postal a {
  color: #000;
}

/* ==========================================================================
   Privacy Policy Page
   ========================================================================== */
.privacy-policy{
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 2000;
  padding: 60px 60px;
  box-sizing:border-box;
  width:100vw;
}

.privacy-policy img{
  width:130px;
  margin-bottom:30px;
  margin-left:21px;
  margin-top:-20px;
}

.privacy-policy p:nth-child(2){
  margin-bottom:35px;
}

.privacy-policy p:nth-child(2) strong{
  font-size: 50px;
  line-height:normal;
}

.privacy-policy p:nth-child(7), .privacy-policy p:nth-child(12), .privacy-policy p:nth-child(15), .privacy-policy p:nth-child(21), .privacy-policy p:nth-child(25), .privacy-policy p:nth-child(27), .privacy-policy p:nth-child(29), .privacy-policy p:nth-child(41), .privacy-policy p:nth-child(43), .privacy-policy p:nth-child(45), .privacy-policy p:nth-child(47), .privacy-policy p:nth-child(49), .privacy-policy p:nth-child(51), .privacy-policy p:nth-child(53){
    margin-top: 35px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

/* =============================================================================
   Fluid Post Blocks - Isotope
   ========================================================================== */

 .isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.fluid-post-blocks {
  position: relative;
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
}
.post-block {
  position: relative;
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 50px;
  padding: 0 5px;
  height: auto;
  overflow: hidden;
}
.post-block > a {
  position: relative;
}
.post-block img {
  width: 100%;
  height: auto;
}
.post-block .item-title {
  margin-top: 12px;
}
.post-block.article .full-width-article {
  margin: 12px 0 0;
}
.post-block.article .full-width-article .article-title {
  margin: 0 0 5px;
}
.post-block.article .full-width-article .article-content p {
  margin-bottom: 5px;
}
.post-block.article .full-width-article .article-link {
  margin: 0;
}
.post-block.one-third {
  width: 33.3%;
}
.post-block.two-thirds {
  width: 66.6%;
}
.post-block .item-title h2 {
  color: #000;
  line-height: 1;
  margin-bottom: 5px;
}
.post-block .tags p {
  color: #999;
  text-transform: lowercase;
}
/* Fixed width gutters with fluid columns */
.blog .content,
.films .content,
.search .content,
.tag .content {
  padding-left: 20px;
  padding-right: 20px;
}
.blog .content .container-fluid,
.films .content .container-fluid,
.search .content .container-fluid,
.tag .content .container-fluid {
  padding-left: 5px;
  padding-right: 5px;
  margin-left: -10px;
  margin-right: -10px;
}
.content .container-fluid .grid-layout .grid-item {
  width: 25%;
  margin: 0 0 50px;
}
.content .container-fluid .grid-layout .grid-item .thumbnail {
  padding: 0 5px;
  position: relative;
}
.videoWrapper {
	position: relative;
	padding-bottom: 55%; /* 16:9 */
	padding-top: 5px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.read-more:after {
  content: '>';
  position: relative;
  top: 1px;
  left: 5px;
  font-size: 15px;
  font-weight: 100;
}

/* ==========================================================================
   Swipe Slider
   ========================================================================== */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

.modal-open {
	overflow: hidden;
}


/* ==========================================================================
   Modal Windows
   ========================================================================== */

/* add a scroll bar to stop page from jerking around */
.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable {
	overflow-y: scroll;
}

.modal-scrollable {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
}
.admin-bar .modal-scrollable {
  margin-top: 28px;
}

.modal {
  background: none;
	outline: none;
	position: absolute;
	margin-top: 0;
	top: 0;
	overflow: visible; /* allow content to popup out (i.e tooltips) */
	border: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: 0 0 0;
     -moz-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
  outline: none;
  height: 100%;
  width: 100%;
  margin-left: 0;
  left: 0;
	padding: 50px 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0 !important;
	overflow: hidden;
}

.modal.fade {
	top: 0;
	-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: 0;
}

.modal-body {
	max-height: none;
	overflow: visible;
}

.modal.modal-absolute {
	position: absolute;
	z-index: 950;
}

.modal .loading-mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 6px;
}

.modal-backdrop.modal-absolute {
	position: absolute;
	z-index: 940;
}

.modal-backdrop, 
.modal-backdrop.fade.in {
	opacity: 0.95;
	filter: alpha(opacity=95);
}

.modal.container {
  width: 940px;
  margin-left: -470px;
}

/* Modal Overflow */

.modal-overflow.modal {
	top: 0;
}

.modal-overflow.modal.fade {
	top: 0;
}

.modal-overflow.modal.fade.in {
	top: 0;
}

.modal-overflow .modal-body {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.loading-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -50px;
}

.modal .close {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  opacity: .8;
  text-shadow: 0 1px 0 #000;
  padding: 20px;
  padding-top: 10px;
  font-size: 30px;
  font-weight: normal;
}

.modal .swipe {
  height: 100%;
}
.modal .swipe-img {
  position: relative;
  height: auto;
  width: auto;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}
.modal .slider-control {
  position: absolute;
  height: 80px;
  width: 80px;
  top: 50%;
  border: none;
  text-indent: -9999px;
  opacity: 0.8;
  margin-top: -40px;
}
.modal .slider-prev {
  background: url(/assets/img/triangle-left.png) no-repeat;
}
.modal .slider-next {
  background: url(/assets/img/triangle-right.png) no-repeat;
  right: 0;
  margin-right: 20px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */
   
@media (min-width: 1200px) {
  body.top-navbar .navbar .brand {
    margin-right: 110px;
  }
  .navbar .brand,
  .full-width-article .article-title {
    width: 240px;
  }
  .navbar .nav > li {
    margin-left: 50px;
  }
  .contact-info.vcard .postal {
    margin-right: 125px;
  }
  .content .container-fluid .grid-layout .grid-item {
    width: 20%;
  }
  .directors .article-links a {
    margin: 0 105px 0 0px;
  }
}
@media (min-width: 980px) and (max-width: 1199px) {
  .content .container-fluid .grid-layout .grid-item {
    width: 20%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .single-articles .full-width-article .article-content {
    margin-left: 200px;
  }
  .post-block.article .full-width-article .article-content {
    margin: 0;
  }
  .post-block.article .full-width-article .article-link {
    margin: 0 6px 0 0;
    display: block;
    margin-left: 200px;
    float: left;
    text-align: left;
  }
}
@media (max-width: 1040px) {
  .navbar .search {
    display: none;
  }
}
@media (min-width: 768px) {
  .navbar .nav {
    display: block;
  }
  .about .full-width-article,
  .contact .full-width-article {
    margin-bottom: 0;
  }
}

@media (max-width: 820px) {
  .navbar .nav > li {
    margin-left: 12px;
  }
}

@media (max-width: 979px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
  }
  .navbar .btn-navbar {
    display: none;
  }
  .nav-collapse {
    clear: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    font-weight: inherit;
  }
  .nav-collapse .nav > li > a:hover, 
  .nav-collapse .dropdown-menu a:hover {
    background: none;
  }
  .directors .article-content {
    margin: 0;
  }
  .contact-info.vcard .postal {
    margin-right: 65px;
  }
  .single-articles .article-title {
    position: absolute;
  }
  .single-articles .span3.article-tags {
    float: left;
  }
  .single-galleries .fluid-post-blocks {
    margin-left: 195px;
  }
}
@media (max-width: 767px) {
  .navbar {
    margin-bottom: 30px;
  }
  .navbar .navbar-inner {
    height: 55px;
  }
  .navbar .navbar-inner .container-fluid {
    padding-top: 20px;
  }
  .navbar .brand .logo-full,
  .navbar .brand .logo-animated {
    width: 80px;
    height: 33px;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: auto;
    overflow: hidden;
    min-height: inherit;
  }
  .nav-collapse {
    clear: both;
  }
  .navbar .nav {
    display: block;
    overflow: hidden;
    left: 0;
    width: auto;
    margin: 0 -20px;
  }
  .navbar .nav > li:first-child {
    margin-left: 4px;
  }
  .navbar .nav > li {
    margin-left: 0px;
  }
  .full-width-article {
    margin-bottom: 28px;
  }
  .post-block {
    margin-bottom: 25px;
  }
  .post-block.article .full-width-article {
    margin: 12px 0 0;
  }
  .post-block.article .full-width-article .article-title {
    width: auto;
  }
  .post-block.video .item-title {
    min-height: 0;
  }
  .row-fluid .grid-layout .span3 {
    float: left;
    width: 49.166666666667%;
    margin-left: 1.666666666667%;
  }
  .post-block.one-third,
  .post-block.two-thirds {
    width: 100%;
  }
  .full-width-article .article-links {
    float: left;
  }
  .full-width-article .article-links a {
    margin: 0 20px 0 0
  }
  .films .content,
  .blog .content,
  .search .content,
  .tag .content {
    padding: 0;
  }
  .content .container-fluid .grid-layout .grid-item {
    width: 50%;
  }
  .directors .article-content {
    float: left;
    width: auto;
  }
  .directors .film-links {
    display: block;
    clear: both;
  }
  .contact-info.vcard > .fn {
    width: 100%;
    display: block;
    margin: 0 0 10px;
  }
  .single-images .article-content,
  .single-images .article-content > img {
    width: 100%;
  }
  .single-articles .article-title {
    position: relative;
    margin: 0 0 10px;
  }
  .single-articles .article-content,
  .single-articles .article-tags {
    width: 100%;
    margin-left: 0;
  }
  .single-articles .full-width-article .article-title {
    width: 100%;
    padding: 0;
  }
  .single-galleries .full-width-article .article-title {
    width: 100%;
    padding: 0;
  }
  .single-galleries .fluid-post-blocks {
    margin-left: 0;
  }
  .modal {
    padding: 20px;
  }
  .modal-backdrop, 
  .modal-backdrop.fade.in {
  	opacity: .9;
  }
  .modal .slider-control {
    display: none;
  }
}
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: none;
  }
  .content .container-fluid .grid-layout .grid-item {
    width: 100%;
  }
  .contact-info.vcard .postal {
    margin-right: 0;
  }
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
/* iPhones (portrait) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {

}
/* Iphones (portrait) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {

}