html,
body {
  color: #737373;
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif;
  background: #000;
  font-style: normal;
  font-weight: 400;
  font-size: 1em;
}

h1 {
  font-size: 28px;
  text-transform: uppercase;
  font-weight: bold;
}

h1.page-header,
h1.title {
  color: #000000;
  text-transform: uppercase;
  border-bottom: 0;
  margin-bottom: 30px;
}

h2 {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-size: 28px;
  line-height: 35px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 20px;
}

h3 {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-size: 22px;
  /*color: #da1b21;*/
  /*line-height: 1.282em;*/
  /* 1.5rem / 1.17em = 1.282em */
  /*margin-top: 1.282em;*/
  /*margin-bottom: 1.282em;*/
  margin-bottom: 20px;
}

h4 {
  font-size: 1em;
  line-height: 1.5em;
  /* 1.5rem / 1em = 1.5em */
  margin-top: 1.5em;
  margin-bottom: 20px;
}

h5 {
  font-size: 0.83em;
  line-height: 1.807em;
  /* 1.5rem / 0.83em = 1.807em */
  margin-top: 1.807em;
  margin-bottom: 1.807em;
}

h6 {
  font-size: 0.75em;
  line-height: 2em;
  /* 1.5rem / .75em = 2em */
  margin-top: 2em;
  margin-bottom: 2em;
}

.front h2.block-title {
  color: white;
  display: none;
}

a,
a:link,
a:visited {
  color: #aaa;
}

p {
  margin-bottom: 20px;
}

img {
  max-width: 100%;
  height: auto;
  margin: auto;
}

.p-membership {
  margin-left: 20px;
}

.page-header {
  padding-bottom: 5px;
  margin: 0px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.navbar-default .navbar-toggle {
  border: none;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.navbar-toggle .icon-bar {
  height: 2px;
  width: 20px;
  margin-top: 5px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background: none;
}

.front .region-content h2.block-title {
  font-size: 16px;
}

@media all and (min-width: 768px) {
  .front .region-content h2.block-title {
    font-size: 20px;
  }
}


/* Social icons */

#search {
  /* background: url('../images/top_bg.png') repeat-x; */
  background-color: #393939;
  height: 30px;
  display: none;
  /* padding-top: 10px; */
  padding-left: 15px;
  z-index: 3;
}

@media all and (min-width: 768px) {
  #search {
    display: block;
    position: relative;
  }
}

#search .container {
  position: relative;
}

.front .page-header {
  display: none;
}

#social_media_icons,
#block-menu-menu-about-us {
  position: absolute;
  right: 0px;
  top: 0;
  display: flex;
  align-items: center;
  height: 24px;
}

#join_us {
  position: absolute;
  right: 160px;
  top: 0;
  display: flex;
  align-items: center;
  height: 40px;
}

#social_media_icons>div,
#block-menu-menu-about-us ul.menu>li {
  display: inline-block;
  margin-right: 10px;
  margin-top: 0px;
}

#block-menu-menu-about-us ul.menu>li>a {
  color: #C4C4C4;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  padding-top: 10px;
  font-style: normal;
  font-size: 13px;
  line-height: 15px;
}


/* NAVIGATION */

.navbar-default {
  background: #000000;
  border: none;
  position: relative;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  z-index: 9;
}


/* .navbar-default:after {
content: "";
position: absolute;
width: 100%;
bottom: 1px;
z-index: -1;
box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.2);
} */

.navbar-header {
  float: none;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}


/* @media all and (min-width: 768px) {
.navbar-header {
margin-bottom: 10px;
}
} */

.navbar-btn {
  margin: 0;
}

.navbar.container,
.navbar.container-fluid {
  margin-top: 30px;
}

.navbar-collapse {
  padding: 0;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
  background-color: transparent;
}

#navigation ul.links,
#navigation ul.menu {
  /* Menu block links */
  margin: 0;
  padding: 0;
  text-align: left;
  /* LTR */
}

.navbar-default .navbar-brand {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding: 0;
}

/* #navigation ul.links li.first,
#navigation ul.menu>li.first {
padding: 0 15px;
border: none;
float: none;
display: none;
}

@media all and (min-width: 665px) {
#navigation ul.links li.first,
#navigation ul.menu>li.first {
padding: 0;
border: none;
float: left;
}
}

@media all and (min-width: 768px) {
#navigation ul.links li.first,
#navigation ul.menu>li.first {
display: block;
}
}

#navigation ul.links li.first a,
#navigation ul.menu>li.first a {
display: block;
background: none;

border-right: none;

}
*/


/* @media all and (min-width: 665px) {
#navigation ul.links li.first a,
#navigation ul.menu>li.first a,
#block-system-main-menu ul.links li.first a,
#block-system-main-menu ul.menu li.first a {
background-image: url('../images/home_icon.png');
background-repeat: no-repeat;
background-position: left;
width: 17px;
text-indent: -9999px;
border-right: none;
}
} */


/* #navigation .menu-218.first.active,
#block-system-main-menu .menu-218.first.active {
border-right: none;
} */

#navigation ul.links li,
#navigation ul.menu>li,
#navigation ul.links li,
#navigation ul.menu>li,
#navigation ul.menu .dropdown-menu>li {
  /* A simple method to get navigation links to appear in one line. */
  float: none;
  /* LTR */
  padding: 0 10px 0 0;
  /* LTR */
  list-style-type: none;
  list-style-image: none;
  font-size: 18px;
  font-weight: 700;
  border-right: 0;
  padding: 0 15px;
}

#search #navigation ul.links li a,
#search #navigation ul.menu>li a {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 12px;
}

#navigation ul.links li a,
#navigation ul.menu>li a {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  color: #fff;
}

#navigation ul.links li.last,
#navigation ul.menu>li.last,
#block-system-main-menu ul.links li.last,
#block-system-main-menu ul.menu>li.last {
  border-right: none;
}

#sponsor_space,
body.film-festival-about #sponsor_space {
  float: right;
  display: none;
}

#block-block-23,
#block-block-24,
#block-block-25,
#block-block-26 {
  display: none;
}

.footer {
  border: none;
  position: relative;
  background-color: #393939;
  margin-top: 0;
  padding: 40px;
  color: #ffffff;
}

.footer h2.block-title {
  color: #e61c23;
  font-size: 13px;
  margin-top: 0;
}

.nav>li>a:hover,
.nav>li>a:focus {
  background: none;
}

.footer .nav>li>a {
  padding: 0;
}

.front .footer .nav>li>a,
body.film-festival-about .footer .nav>li>a {
  color: #ffffff;
}

#trailer-side {
  text-align: center;
}

#block-system-user-menu {
  margin-bottom: 30px;
}

#block-block-40 {
  clear: both;
  margin-top: 30px;
}


/* .not-front #navbar #navigation {
    padding-bottom: 5px;
    } */

    #navbar {
      margin-bottom: 0;
    }


/*.ismobiledevice #block-views-meet-the-team-block-40 {
display: block !important;
}*/


/*.ismobiledevice #right-sidebar #block-block-2, .ismobiledevice #right-sidebar #block-block-3, .ismobiledevice #right-sidebar #block-block-4, .ismobiledevice #right-sidebar #block-block-5, .ismobiledevice #right-sidebar #block-block-15, .ismobiledevice #right-sidebar #block-block-16, .ismobiledevice #right-sidebar #block-block-17  {
display: none;
}*/

.ismobiledevice #left-sidebar
/*, .ismobiledevice #right-sidebar*/

{
  display: none;
}

@media all and (min-width: 320px) {
    /* .not-front .bottom-submenu {
margin-top: -20px;
width: 100%;
} */
.ismobiledevice #right-sidebar #block-block-15,
.ismobiledevice #right-sidebar #block-block-16,
.ismobiledevice #right-sidebar #block-block-17 {
  display: none;
}
}

@media all and (min-width: 768px) {
  #block-block-40,
  #block-block-8 {
    float: left;
    clear: both;
  }
  .not-front #search #navigation {
    display: block;
  }
  .ismobiledevice.istablet #right-sidebar {
    display: block;
  }
  .ismobiledevice.istablet #right-sidebar #block-block-15,
  .ismobiledevice.istablet #right-sidebar #block-block-16,
  .ismobiledevice.istablet #right-sidebar #block-block-17 {
    display: block;
  }
}

@media all and (min-width: 812px) {
    /*.ismobiledevice.istablet #right-sidebar {
display: block;
}*/
.ismobiledevice #left-sidebar
/*, .ismobiledevice #right-sidebar*/
{
  display: none;
}
    /*.ismobiledevice .col-sm-4 {
width: 100%;
float: none;
} */
}


/*@media (min-width: 811px) and (max-width: 812px) {
.ismobiledevice .col-sm-4 {
width: 100%;
float: none;
}
}*/

@media all and (min-width: 920px) {
  .ismobiledevice #left-sidebar,
  .ismobiledevice #right-sidebar {
    display: block;
  }
}

.views-field-field-link-to a {
  color: #e61c23;
}

.page-header,
.region-sidebar-first .block:first-child h2.block-title,
.region-sidebar-second .block:first-child h2.block-title {
  margin-top: 20px;
  /*color: #e61c23;*/
}

.region-sidebar-first li.leaf a:link,
.region-sidebar-first li.leaf a:visited,
.region-sidebar-first li.leaf a:active {
  color: #da1b21;
  font-size: 12px;
}

.region-sidebar-first ul.menu,
.region-sidebar-first li.leaf {
  font-weight: bold;
  list-style-type: none;
  list-style-image: none;
}

.region-sidebar-first .nav>li>a {
  padding: 0;
  line-height: 12px;
}

@media all and (min-width: 768px) {
  .region-sidebar-first .nav>li>a {
    line-height: inherit;
  }
}

.region-sidebar-first {
  padding-top: 54px;
}

.not-front .region-sidebar-second .block {
  border-bottom: 1px solid #7d7d7d;
  padding-bottom: 1.5em;
}

.meet-the-team-description {
  text-align: left;
}

.pane-meet-the-team {
  text-align: center;
}

.pane-meet-the-team .views-field-title h3 {
  text-align: left;
}

@media all and (min-width: 920px) {
  #meet-the-team .panels-flexible-row-new-1 .panels-flexible-region-new-1st_region .views-row-first {
    padding-left: 190px;
  }
  #meet-the-team .panels-flexible-row-new-1 .panels-flexible-region-new-2nd_region .views-row-first {
    padding-right: 190px;
  }
}


/* .not-front .footer {
    background-image: url('../images/bottom_gradient_white.png');
    background-position: top;
    background-repeat: repeat-x;
    padding-top: 60px;
    background-color: #ffffff;
    } */

    .page-sponsorship-at-cinequest .panels-flexible-column-new-main,
    .page-sponsorship-at-cinequest .panels-flexible-column-new-1,
    .page-internships .panels-flexible-column-new-main,
    .page-internships .panels-flexible-column-new-1 {
      width: 100%;
    }

    .page-sponsorship-at-cinequest .panels-flexible-new .panels-flexible-column-inside,
    .page-internships .panels-flexible-new .panels-flexible-column-inside {
      padding: 0;
    }

    @media all and (min-width: 920px) {
      .page-sponsorship-at-cinequest .panels-flexible-column-new-main,
      .page-internships .panels-flexible-column-new-main {
        width: 60%;
      }
      .page-sponsorship-at-cinequest .panels-flexible-column-new-1,
      .page-internships .panels-flexible-column-new-1 {
        width: 40%;
      }
      .page-sponsorship-at-cinequest .panels-flexible-new .panels-flexible-column-inside {
        padding-left: 0.5em;
      }
    }

    body.film-festival-about {
      background-color: #000000;
    }

    .largevid,
    .smallvid {
      display: inline-block;
      margin-bottom: 7px;
    }

    .largevid {
      width: 100%;
      position: relative;
    }

    .largevid img {
      width: 100%;
      height: auto;
    }

    .smallvid {
      margin-bottom: 12px;
    }

    .smallvid[rel="4"],
    .smallvid[rel="5"],
    .smallvid[rel="6"] {
      display: none;
    }

    @media all and (min-width: 768px) {
      .smallvid[rel="4"],
      .smallvid[rel="5"],
      .smallvid[rel="6"] {
        display: inline-block;
      }
    }

    @media all and (min-width: 920px) {
      .smallvid {
        width: 15%;
      }
    }

    .bigplay {
      position: absolute;
      left: 50%;
      cursor: pointer;
      top: 50%;
      background-image: url("../images/bplay.png");
      width: 106px;
      height: 106px;
      transform: translate(-50%, -50%);
    }

    .bigplay:hover {
      background-image: url("../images/bplay_hover.png");
    }

    .ab {
      position: absolute;
    }

    .largevid .ab {
      height: 100%;
      width: 100%;
    }

    .smallplay {
      position: relative;
      left: 35px;
      top: 23px;
      display: block;
      width: 34px;
      height: 34px;
      cursor: pointer;
      background-image: url("../images/splay.png");
    }

    .smallplay:hover {
      background-image: url("../images/splay_hover.png");
    }

    .left-col1 {
      width: 100%;
      height: 200px;
      margin-bottom: 12px;
      border: 8px solid #282828;
      margin-bottom: 15px;
      overflow: hidden;
      position: relative;
    }

    @media all and (min-width: 565px) and (max-width: 812px) {
      .left-col1 {
        width: 49%;
        float: left;
        margin: 2px;
      }
    }


/* .bborder {
position:absolute;
width:324px;
height:177px;
background-color:#282828;
} */

.ffimg {
  /* width:308px; */
    /* top:8px;
    left:8px; */
    display: block;
    position: relative;
    overflow: hidden;
    /* height:160px!important; */
  }

  .ffimg img {
    width: 100%;
    height: auto;
  }

  @media all and (min-width: 920px) {
    .bbotoom {
      margin-top: 15px;
    }
  }

  .left-col2 {
    width: 100%;
    margin-top: 14px;
    float: left;
    display: block;
    border: 8px solid #282828;
    position: relative;
    /* margin-right:10px; */
    height: 202px;
    overflow: hidden;
  }

  @media all and (min-width: 565px) {
    .left-col2 {
      width: 49%;
      margin: 2px;
    }
  }

  .page-contributions .panels-flexible-region-40-left,
  .page-contributions .panels-flexible-region-40-center__,
  .page-contributions .panels-flexible-region-40-right,
  .page-contributions .panels-flexible-region-40-left_,
  .page-contributions .panels-flexible-region-40-center___,
  .page-contributions .panels-flexible-region-40-right_,
  .page-contributions .panels-flexible-region-40-left__,
  .page-contributions .panels-flexible-region-40-center_____,
  .page-contributions .panels-flexible-region-40-right__,
  .page-contributions .panels-flexible-region-40-left___,
  .page-contributions .panels-flexible-region-40-center_______,
  .page-contributions .panels-flexible-region-40-right___,
  .page-contributions .panels-flexible-region-40-left____,
  .page-contributions .panels-flexible-region-40-center________,
  .page-contributions .panels-flexible-region-40-right____,
  .page-contributions .panels-flexible-region-40-left_____,
  .page-contributions .panels-flexible-region-40-center_________,
  .page-contributions .panels-flexible-region-40-right_____,
  .page-contributions .panels-flexible-region-40-left______,
  .page-contributions .panels-flexible-region-40-center__________,
  .page-contributions .panels-flexible-region-40-right______ {
    width: 100%;
  }

  .panels-flexible-40 .panels-flexible-region-inside {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 15px;
  }

  .panels-flexible-row-40-2,
  .panels-flexible-row-40-3,
  .panels-flexible-row-40-5 {
    text-align: center;
  }

  @media all and (min-width: 768px) {
    .page-contributions .panels-flexible-region-40-left,
    .page-contributions .panels-flexible-region-40-center__,
    .page-contributions .panels-flexible-region-40-right,
    .page-contributions .panels-flexible-region-40-left_,
    .page-contributions .panels-flexible-region-40-center___,
    .page-contributions .panels-flexible-region-40-right_,
    .page-contributions .panels-flexible-region-40-left__,
    .page-contributions .panels-flexible-region-40-center_____,
    .page-contributions .panels-flexible-region-40-right__,
    .page-contributions .panels-flexible-region-40-left___,
    .page-contributions .panels-flexible-region-40-center_______,
    .page-contributions .panels-flexible-region-40-right___,
    .page-contributions .panels-flexible-region-40-left____,
    .page-contributions .panels-flexible-region-40-center________,
    .page-contributions .panels-flexible-region-40-right____,
    .page-contributions .panels-flexible-region-40-left_____,
    .page-contributions .panels-flexible-region-40-center_________,
    .page-contributions .panels-flexible-region-40-right_____,
    .page-contributions .panels-flexible-region-40-left______,
    .page-contributions .panels-flexible-region-40-center__________,
    .page-contributions .panels-flexible-region-40-right______ {
      width: 33%;
    }
    .panels-flexible-40 .panels-flexible-region-inside {
      padding-right: 0.5em;
      padding-left: 0.5em;
      margin-bottom: 0px;
    }
  }

  .main-container.dark {
    /*background: linear-gradient(180.28deg, #161415 8.13%, #000000 33.24%, #000000 48.47%, #652B97 51.83%, #000000 70.75%);*/
    background-color: #000!important;
  }
  .main-container.dark, .main-container.dark h2, .main-container.dark h3 {
    color: #ffffff;
  }

  #main-content ul {
    margin-top: 20px;
  }

  #main-content ul li {
    margin-bottom: 10px;
  }

  .archive-buttons>a {
    margin-bottom: 10px;
  }


/* FILM FESTIVAL */

#sortbyalpha .active {
  color: #DA1B21;
}

.view-film-festival-archives .views-exposed-form #edit-title-wrapper {
  display: none;
}

.view-id-program_node_page_views .views-field-body .field-content * {
  color: #6D6E70;
}

body.film-festival-about,
body.film-festival-about #page {
  background-color: black;
}

body.film-festival-about #page-title {
  display: none;
}


/*body.film-festival-about*/

#film-festival-title {
  font-size: 25px;
  color: white;
  width: auto;
  height: 30px;
  line-height: 26px;
  margin-left: 15px;
  float: left;
  display: none;
}

@media all and (min-width: 768px) {
  /*body.film-festival-about*/
  #film-festival-title,
  /*body.film-festival-about*/
  #film-festival-dates {
    display: block;
  }
}

@media all and (min-width: 920px) {
  /*body.film-festival-about*/
  #film-festival-title {
    font-size: 28px;
    width: 261px;
    height: 50px;
    line-height: 26px;
    margin-left: 15px;
    float: left;
  }
}


/* mopsal 20130805 */


/*body.film-festival-about*/

#film-festival-dates {
  font-size: 18px;
  color: white;
  width: 240px;
  height: 50px;
  line-height: 26px;
  margin-left: 15px;
  /*margin-top: 15px;*/
  float: left;
  display: none;
}

@media all and (min-width: 768px) {
  /*body.film-festival-about*/
  #film-festival-dates {
    display: block;
  }
}


/* end mopsal 20130805*/

body.film-festival-about #footer_smallcontainer {
  margin: 0 auto;
  width: 1000px;
  height: 290px;
  padding-top: 60px;
  background-image: url('../images/bottom_gradient.png');
  background-position: top;
  background-repeat: repeat-x;
}

body.film-festival-about #footer_bigcontainer {
  background-image: url('../images/bottom_gradient.png');
  background-position: top;
  background-repeat: repeat-x;
  height: 290px;
  margin-top: 60px;
}


/* body.film-festival-about #footer #block-block-1 {
float:left;
margin: 10px;
} */


/* body.film-festival-about #block-menu-menu-picture-the-possibilities,
body.film-festival-about #block-menu-menu-film-festival,
body.film-festival-about #block-menu-menu-maverick-studio,
body.film-festival-about #block-menu-menu-about-us {
float: right;
margin-left: 60px;
margin-top: 25px;
} */

body.film-festival-about #footer h2.block-title {
  font-size: 12px;
  font-weight: bold;
}


/* body.film-festival-about #footer menu,
ol,
ul,
.item-list ul {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    } */

    body.film-festival-about #footer ul li.leaf {
      list-style: none;
      color: #58595b;
    }

    body.film-festival-about #footer li a.active {
      color: #58595b;
    }

    body.film-festival-about #footer li a:hover {
      color: #e61c23;
    }

    body.film-festival-about #block-block-8 {
      float: left;
      margin-left: 10px;
      margin-top: 200px;
    }

    body.film-festival-about .text_small {
      background-color: #000;
      z-index: 2;
      width: 100%;
      /* height: 10px; */
      opacity: 1;
      position: absolute;
      top: 146px;
      left: 0px;
      border-top: 1px solid #000;
      padding: 6px 10px 10px 10px;
      overflow: hidden;
    }

    body.film-festival-about .text_small a {
      color: #fff;
    }


    /* mopsal 20180518*/

    body.film-festival-about .text_small a:hover {
      color: #e61c23;
    }


    /* mopsal 20180518*/

    body.film-festival-about .abspos {
      position: relative;
      display: none;
    }

    body.film-festival-about .abspos .text_desc {
      position: absolute;
      background-color: #000;
      border-top: 1px solid #000;
      padding: 6px 10px 10px 10px;
      z-index: 2;
      width: 100%;
      left: 0px;
    }

    body.film-festival-about .text_large {
    /* width: 640px;
    height: 95px; */
    font-size: 14px;
    font-weight: bold;
    text-align: justify;
  }

  body.film-festival-about .text_large span {
    font-size: 24px;
    font-weight: bold;
    color: white;
    text-align: center;
  }

  body.film-festival-about span {
    font-size: 18px;
    color: white;
  }

  body.film-festival-about #left-col,
  body.film-festival-about #right-col {
    background-repeat: no-repeat;
  }

  body.film-festival-about #right-col.video {
    /* width: 651px; */
    text-align: center;
    padding: 8px;
    background-color: #282828;
  }

  @media all and (min-width: 920px) {
    body.film-festival-about #right-col.video {
      height: 630px;
    }
  }

  body.film-festival-about #left-col,
  body.film-festival-about #right-col.tickets,
  body.film-festival-about #right-col.stay {
    width: 304px;
    height: 37px;
    padding: 142px 10px 0 10px;
    margin-bottom: 12px;
  }

  body.film-festival-about #right-col.tickets,
  body.film-festival-about #right-col.stay {
    float: left;
    margin-top: 14px;
  }

  body.film-festival-about #left-col.categories {}

  .section-categories .views-field-field-category-icon {
    width: 250px;
    height: 250px;
  }

  .section-films .views-field-field-trailer {
    margin-top: 10px;
  }

  .views-field-field-category-icon {
    min-height: 260px;
  }

  body.film-festival-about #left-col.awards {}

  body.film-festival-about #left-col.photos {}

  body.film-festival-about #left-col.app {}

  body.film-festival-about #right-col.tickets {
    background-image: url('../images/right-col_tickets.png');
  }

  body.film-festival-about #right-col.stay {
    background-image: url('../images/right-col_stay.png');
  }

  body.film-festival-about .panel-col-first,
  body.film-festival-about .panel-col-last {
    width: 100%;
  }

  @media all and (min-width: 920px) {
    body.film-festival-about .panel-col-first {
      width: 60%;
    }
    body.film-festival-about .panel-col-last {
      width: 40%;
    }
  }


/* STATIC PAGES */

section.region-sidebar-first h2 {
  display: none;
}

section.region-sidebar-first ul.menu {
  margin-top: 54px;
}

section.region-sidebar-first ul.menu,
section.region-sidebar-first li.leaf {
  font-weight: bold;
  list-style-type: none;
  list-style-image: none;
}

#block-block-15 {
  /*margin-top: 55px;*/
}


/*body.one-sidebar #block-block-15 {
border-top: 3px solid black;
padding-top: 20px;
} mopsal 20140521*/

#speech_bubble {
  background-image: url('../images/speech_bubble.png');
  background-repeat: no-repeat;
  width: 308px;
  height: 185px;
  color: white;
  font-size: 18px;
  line-height: 22px;
  padding: 18px 0px 0px 18px;
}

#allcaps {
  text-transform: uppercase;
}

#quote {
  color: red;
  font-size: 14px;
  font-weight: bold;
}

.sponsor {
  border-top: 3px solid black;
  padding-top: 10px;
}

.sponsor .title {
  color: black;
  font-weight: bold;
  font-size: 18px;
}

.sponsor img {
  margin: auto 5px;
}

body.page-node-15 #left_col ul {
  margin-top: 20px;
  width: 193px;
  float: left;
}

body.page-node-15 #left_col li {
  list-style-type: none;
}

section.region-sidebar-second .block {
  border-bottom: 1px solid #7d7d7d;
}

.float_right_120 {
  float: right;
  width: 120px;
  margin: 0 0 24px 24px;
}

.column_container .inner_left_col,
.column_container .inner_right_col {
  float: left;
  width: 253px;
  padding-right: 30px;
}

.column_container .inner_left_col_2,
.column_container .inner_right_col_2 {
  float: left;
  width: 285px;
  padding-right: 18px;
}

body.page-node-15 .column_container {
  text-align: center;
  width: 615px;
  margin: 0 auto;
}

#navigation #main-menu .menu_hover_color {
  color: #E61C23;
}

#meet-the-team .panels-flexible-row .panels-flexible-region>.inside {
  padding: 2px;
}


/* Meet the Team */

.page-meet-the-team h1 {
  color: #000;
}

ul.pager {
  font-size: 11px;
  margin-top: 5px;
  float: right;
}


/* trailer */

.section-trailers .view-id-trailers .views-more-link {
  color: #DA1B21;
}

.section-trailers .view-id-trailders .view-field {
  float: left;
}

.view-id-trailers table {
  width: 1014px;
  border-collapse: collapse;
  border-spacing: 0;
}

.section-trailers .view-id-trailers .col-1,
.section-trailers .view-id-trailers .col-2,
.section-trailers .view-id-trailers .col-3 {
  background-color: #F7F7F7;
  display: block;
  float: left;
  height: 360px;
  margin: 0 15px 15px 0;
  padding: 15px 15px 0;
  width: 293px;
}

.section-trailers .view-id-trailers .views-field-title a {
  color: #DA1B21;
}

.section-trailers .view-id-trailers .views-field-title {
  margin-top: 5px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}


/* film archive */

.view-id-film_festival_archives table {
  width: 1014px;
  border-collapse: collapse;
  border-spacing: 0;
}

.section-archives .view-id-film_festival_archives .col-1,
.section-archives .view-id-film_festival_archives .col-2,
.section-archives .view-id-film_festival_archives .col-3 {
  background-color: #F7F7F7;
  display: block;
  float: left;
  height: 360px;
  margin: 0 15px 15px 0;
  padding: 15px 15px 0;
  width: 293px;
}

.section-archives .view-id-film_festival_archives .views-more-link {
  color: #DA1B21;
}

.section-archives .view-id-film_festival_archives .views-field-title a {
  color: #DA1B21;
}

.view-id-film_festival_archives .views-field-title {
  margin-top: 5px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.abpos {
  position: absolute;
}

.section-trailers .view-id-trailers .trailerbtn {
  position: relative;
  left: 121px;
  top: 52px;
  height: 50px;
  width: 50px;
  background-image: url('../images/trailer_static.png');
}

.section-trailers .view-id-trailers .trailerbtn:hover {
  background-image: url('../images/trailer_hover.png');
}

.view-id-trailers .views-field {
  float: left;
  margin-top: 10px;
  clear: both;
}

.view-id-trailers .views-field-title,
.view-id-trailers .views-field-field-trailer {
  margin: 0;
}

.fl {
  position: relative;
  top: 6px;
  margin-right: 15px;
  float: left;
  width: 100px;
}


/* program-film node page rsb */

.section-events .views-label {
  font-weight: bold;
  width: 150px;
  float: left;
}

.rsb-program p {
  margin-top: 2px;
  margin-bottom: 2px;
}

.rsb-program .views-field-body .field-content {
  margin-top: 10px;
}

.slidecontent .views-field-body .field-content {
  border: none;
  width: 100%;
}

.slidecontent .field-content {
  display: inline-block;
  float: left;
  width: 270px;
}

.rsb-program .views-row {
  min-height: 60px;
}

.rsb-program .slidefilm {
  border-top: 1px solid #D1222A;
  width: 100%;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
  /* height:60px; */
  background-color: #fff;
  float: left;
  clear: both;
}

.rsb-program .slidefilm img {
  float: left;
  margin-right: 15px;
}

.rsb-program .slidefilm a {
  color: #D1222A;
  position: relative;
  top: 10px;
  font-weight: bold;
  font-size: 16px;
}

.rsb-program .slidefilm a:hover {
  color: #000;
}

.rsb-program .slidecontent {
  padding-top: 60px;
  display: none;
}

.rsb-program .views-field-field-image {
  float: left;
  margin-right: 10px;
}

.section-events h1 {
  line-height: 1em;
}

.views-field-field-premiere-status .views-label {
  float: left;
  font-weight: bold;
  width: 135px;
}

.view-program-node-page-views img {
  margin-left: 5px;
}


/* Archive pages */

.page-archives-events .view-film-festival-archives h3 a:link,
.page-archives-events .view-film-festival-archives h3 a:visited {
  text-transform: uppercase;
  color: #D1222A;
}

.page-archives-events .view-film-festival-archives h3 a:hover {
  color: #6D6E70;
}

.page-archives-events .view-film-festival-archives h3 {
  margin-bottom: 5px;
  margin-top: 15px;
}

.page-archives-events .view-film-festival-archives .views-row {
  min-height: 75px;
  border-bottom: 1px solid #6D6E70;
}

.page-archives-events .view-film-festival-archives .views-row {
  min-height: 75px;
  border-bottom: 1px solid #6D6E70;
}

.page-archives h1 {
  font-size: 20px;
  color: #000;
  border-bottom: 2px solid #000;
  margin-bottom: 5px;
  padding-bottom: 10px;
}

#edit-field-season-cat-tid,
#edit-field-cinequest-category-tid {
  height: auto;
  padding: 0;
}

ul.pagination {
/*  font-size: 11px;*/
  margin-top: 5px;
  float: right;
}

.btn-primary {
  background-color: #da1b21;
  border-color: #da1b21;
}

.film-archives .views-row .content {
  background-color: #F7F7F7;
  padding: 15px;
  min-height: 325px;
}

.film-archives .views-row {
  margin-bottom: 15px;
}

.film-archives .view-content {
  margin-top: 15px;
}

.film-archives .views-field-field-image img {
  width: 100%;
  height: auto;
}

.pagination>li>a,
.pagination>li>span,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  border: none;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.pagination>li>a,
.pagination>li>span {
  background: none;
  color: inherit;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  background: none;
  color: #da1b21;
}

.node-type-program h1.page-header,
.node-type-films h1.page-header,
.page-film-festival h1.page-header {
  display: none;
}

.views-label {
  font-weight: bold;
}

#program-events .panels-flexible-region-44-center,
#program-events .panels-flexible-region-44-right,
#program-film .panels-flexible-region-43-center,
#program-film .panels-flexible-region-43-right,
#film .panels-flexible-region-42-center,
#film .panels-flexible-region-42-right,
#program-events .panels-flexible-region-new-center,
#program-events .panels-flexible-region-new-right,
#program-film .panels-flexible-region-new-center,
#program-film .panels-flexible-region-new-right,
#film .panels-flexible-region-new-center,
#film .panels-flexible-region-new-right {
  width: 100%;
}

#program-events,
#program-film,
#film {
  padding-top: 20px;
}

@media all and (min-width: 920px) {
  #program-events .panels-flexible-region-44-center,
  #program-film .panels-flexible-region-43-center,
  #film .panels-flexible-region-42-center,
  #program-events .panels-flexible-region-new-center,
  #program-film .panels-flexible-region-new-center,
  #program-film .panels-flexible-region-new-right,
  #film .panels-flexible-region-new-center {
    width: 55%;
  }
  #program-events .panels-flexible-region-44-right,
  #program-film .panels-flexible-region-43-right,
  #film .panels-flexible-region-42-right,
  #program-events .panels-flexible-region-new-right,
  #program-film .panels-flexible-region-new-right,
  #film .panels-flexible-region-new-right {
    width: 45%;
  }
}

a.views-more-link {
  color: #da1b21;
}

.panel-2col-stacked .panel-col-last .inside {
  margin-left: 0;
}

.panel-2col-stacked .panel-col-first .inside {
  margin-right: 0;
}

@media all and (min-width: 920px) {
  .panel-2col-stacked .panel-col-last .inside {
    margin: 0 0 1em .5em;
  }
  .panel-2col-stacked .panel-col-first .inside {
    margin: 0 .5em 1em 0;
  }
}

#right-sidebar .view-meet-the-team .views-row {
  margin-top: 1em;
  text-align: center;
}

#block-views-meet-the-team-block-35 h2,
#block-views-meet-the-team-block-36 h2,
#block-views-meet-the-team-block-37 h2,
#block-views-meet-the-team-block-38 h2,
#block-views-meet-the-team-block-39 h2,
#block-views-meet-the-team-block-40 h2,
#block-views-meet-the-team-block-41 h2,
#block-views-meet-the-team-block-42 h2,
#block-views-meet-the-team-block-43 h2,
#block-views-meet-the-team-block-44 h2,
#block-views-meet-the-team-block-51 h2 {
  text-align: center;
}


/* MOPSAL 20180801 for /passes page */

.passes_20171215 {
  width: 100%;
  /*width:450px; height: 539px;*/
}

.learn_more_20171215 {
  position: relative;
  padding: 50% 33% 50% 33%;
}

.VIP_text_20171215 {
  position: relative;
  padding: 24% 5%;
  background-color: rgba(255, 252, 252, .9);
}

.MAV_text_20171215 {
  position: relative;
  padding: 31% 5%;
  background-color: rgba(255, 252, 252, .9);
}

.FL_text_20171215 {
  position: relative;
  padding: 41% 5%;
  background-color: rgba(255, 252, 252, .9);
}

.EXP_text_20171215 {
  position: relative;
  padding: 32% 5%;
  background-color: rgba(255, 252, 252, .9);
}

#wrap_vip_20171215 {
  display: none;
}

#wrap_mav_20171215 {
  display: none;
}

#wrap_fl_20171215 {
  display: none;
}

#wrap_exp_20171215 {
  display: none;
}

#more_vip_20171215 {
  cursor: pointer;
}

#more_mav_20171215 {
  cursor: pointer;
}

#more_fl_20171215 {
  cursor: pointer;
}

#more_exp_20171215 {
  cursor: pointer;
}

#VIP_20171215 {
  background-image: url(/sites/all/themes/Cinequest/images/AllAccess450x539.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#MAV_20171215 {
  background-image: url(/sites/all/themes/Cinequest/images/Mavericks450x539.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#FL_20171215 {
  background-image: url(/sites/all/themes/Cinequest/images/FilmLover450x539.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#EXP_20171215 {
  background-image: url(/sites/all/themes/Cinequest/images/ExpressLineAccess450x539.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


/* ============ MOPSAL 20180801 ============ */


/* mopsal 20190115 */

.team-page-red {
  color: #e61c23;
  font-size: 16px;
}


/* lbash 20200224 reverse this style for may yam
/* mopsal 20190115 */

@media (max-width: 415px) {
  #grid-description-20190123 {
    display: none;
  }
}

*/ .view-display-id-block_19,
.view-display-id-block_18,
.view-display-id-block_27,
.view-display-id-block_49,
.view-display-id-block_22,
.view-display-id-block_23,
.view-display-id-block_24 {
  text-align: left;
}

.view-display-id-block_26,
.view-display-id-block_21,
.view-display-id-block_52,
.view-display-id-block_53,
.view-display-id-block_29,
.view-display-id-block_45,
.view-display-id-block_54,
.view-display-id-block_30,
.view-display-id-block_47,
.view-display-id-block_31,
.view-display-id-block_54,
.view-display-id-block_50,
.view-display-id-block_58,
.view-display-id-block_57,
.view-display-id-block_33,
.view-display-id-block_34,
.view-display-id-block_55,
.view-display-id-block_94,
.view-display-id-block_95,
.view-display-id-block_96 {
  text-align: left;
}

.view-display-id-block_65,
.view-display-id-block_60,
.view-display-id-block_62,
.view-display-id-block_63,
.view-display-id-block_64,
.view-display-id-block_28,
.view-display-id-block_32 {
  text-align: left;
}

.panels-flexible-row-42-10 .clearfix,
.panels-flexible-row-42-11 .clearfix,
.panels-flexible-row-42-12 .clearfix,
.panels-flexible-row-42-14 .clearfix,
.panels-flexible-row-42-15 .clearfix,
.panels-flexible-row-42-16 .clearfix,
.panels-flexible-row-42-17 .clearfix,
.panels-flexible-row-42-18 .clearfix,
.panels-flexible-row-42-19 .clearfix,
.panels-flexible-row-42-22 .clearfix,
.panels-flexible-row-42-23 .clearfix,
.panels-flexible-row-42-25 .clearfix,
.panels-flexible-row-42-20 .clearfix {
  margin-left: 5%;
}


/* TJ's Review Pages */

#tjr-red {
  color: #da1b21;
}

.tjr-img-float-right {
  display: block;
  float: right;
  margin-right: .5em;
  position: relative;
  z-index: 100;
}

.tjr-img-float-right a:link img.imagefield,
.tjr-img-float-right a:visited img.imagefield {
  display: block;
}


/* Support Cinequest - Stripe payment */

#node-291562 div.field-type-image .field-item.even {
  display: none;
}

.page-node-291562 h1.page-header {
  color: #e61c23;
  font-weight: 700;
}

/*.logo img {
  padding-left: 20px;
  padding-right: 20px;
}*/

/*.logo-red {
  display: none;
}

.logo:hover .logo-white {
  display: none;
}

.logo:hover .logo-red {
  display: inline-block;
}*/

.home-block {
  padding: 30px 15px;
  background: #fff;
}

.home-block .text-left {
  padding-left: 30px;
  padding-right: 20px;
  border-top: 1px solid #C4C4C4;
  border-left: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  flex: 1;
  margin-right: -30px;
  text-transform: uppercase;
}

.home-block .text-right {
  padding-right: 30px;
  padding-left: 20px;
  border-top: 1px solid #C4C4C4;
  border-right: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  flex: 1;
  margin-left: -30px;
  text-transform: uppercase;
}

/*.home-block .image-left {
  padding-right: 0;
}

.home-block .image-right {
  padding-left: 0;
}*/

/*.home-block .image-left a, .home-block .image-right a {
    border: 1px solid #C4C4C4;
}*/
/*.home-block .text-left .title,
.home-block .text-right .link {
  left: 30px;
}

.home-block .text-right .title,
.home-block .text-left .link {
  right: 30px;
}*/

/*.home-block .text-right .link {
  text-align: left;
}

.home-block .text-left .link {
  text-align: right;
}*/
.home-block .link {
  font-weight: 700;
}
.home-block .link a {
  margin-top: 30px;
  text-decoration: underline;
}

#page-header,
.not-front .main-container {
  background-color: #ffffff;
}

.not-front .main-container {
  padding: 40px 30px;
}

.not-front .main-container.dark {
  padding-bottom: 0;
}

#navigation .caret {
  display: none;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  background-color: transparent;
  color: #393939;
}

.navbar-nav>li>.dropdown-menu {
  background: rgba(57, 57, 57, 0.95);
  backdrop-filter: blur(4px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 2px;
  text-align: left;
}

#navigation ul.menu .dropdown-menu>li>a:hover,
#navigation ul.menu .dropdown-menu>li>a:focus {
  background-color: transparent;
  color: #C4C4C4;
}

#navigation ul.menu .dropdown-menu>li a {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
}

.view-dropdowns {
  text-align: center;
}

.dropdowns-container {
  background-color: #E61C23;
  color: #ffffff;
  display: inline-flex;
  background-color: #E61C23;
  color: #ffffff;
  padding: 20px 30px;
  font-family: Work Sans;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}

.dropdowns-container .dropdowns-left {
  padding-right: 20px;
  border-right: 1px solid #ffffff;
}

.dropdowns-container .dropdowns-right {
  padding-left: 20px;
}

.dropdowns-container .dropdowns-right p {
  margin: 0;
}

.dropdowns-container .dropdowns-left a {
  font-weight: 700;
  color: #fff;
}

.dropdown-trigger {
  background-color: #E61C23;
  color: #ffffff;
  display: block;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  height: 25px;
  width: 50px;
  padding-top: 2px;
  text-align: center;
  margin: auto;
}

.dropdown-trigger span {
  display: block;
  background-color: #ffffff;
  height: 1px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  width: 20px;
}

.region-header {
  position: relative;
}

.masonry-item, .masonry-sizer {
  width: 50%;
  margin: 0;
  padding: 15px;
  background: none;
  border: none;
  position: relative;
}

.masonry-item img {
  width: 100%;
}

.prefooter {
  background-color: #fff;
  padding: 30px;
}

.view-promotions .views-field-title {
  position: absolute;
  background-color: #000;
  color: #fff;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  text-align: right;
  padding: 20px 10px 20px;
  width: calc(100% - 30px);
  left: 15px;
  bottom: 0;
  text-align: center;
  z-index: 9;
}

.view-promotions .views-field-title a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}

#social_media_icons a {
  font-size: 40px;
  color: #c4c4c4;
}

#social_media_icons>div {
  padding: 0 10px;
}

.bg-grey {
  background-color: #393939;
}

.copyright p {
  font-size: 16px;
  line-height: 20px;
}

.entity-paragraphs-item {
  margin-bottom: 30px;
}

#block-views-testimonials-block {
  margin: 20px 0;
}

#block-views-testimonials-block h2, .dark-bg h2 {
  color: #ffffff;
}

.view-testimonials .views-row {
  margin-bottom: 20px;
  font-weight: 800;
  color: #c4c4c4;
}

.view-testimonials .views-field-body {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 19px;
}
.banner-cta {
  padding: 80px 40px;
  margin-left: -30px;
  margin-right: -30px;
  margin-top: -40px;
  position: relative;
  background: linear-gradient(97.2deg, #393939 9.09%, rgba(57, 57, 57, 0) 163.72%);
}
.bg-blue {
  background: linear-gradient(94.32deg, #1F00DE 8.49%, #C894B8 96.82%, #E61C23 155.96%)!important;
}
.bg-red {
  background: linear-gradient(94.23deg, #E61C23 8.5%, rgba(230, 28, 35, 0) 130.32%)!important;
}
.banner-cta h2 {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 49px;
  color: #FFFFFF;
  margin: 0;
}
.banner-cta h1 {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  font-size: 64px;
  line-height: 70px;
  color: #FFFFFF;
  margin: 0;
}
.banner-cta.position-center {
  text-align: center;
}
.banner-cta .links a {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #FFFFFF;
}
.banner-cta .links ul {
  margin: 0!important;
  padding: 0!important;
  display: flex;
}
.banner-cta .links li {
  list-style-type: none;
  padding-right: 15px;
  padding-left: 15px;
  border-right: 1px solid #ffffff;
}
.banner-cta .links li:first-child {
  padding-left: 0;
}
.banner-cta .links li:last-child {
  border-right: none;
}
.banner-cta .button {
  position: absolute;
  right: 35px;
  bottom: 35px;
}
.banner-cta.position-center .button {
  position: static;
  margin-top: 20px;
}
.banner-cta .button a, a.button {
  display: inline-block;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500!important;
  font-size: 18px!important;
  line-height: 21px!important;
  color: #FFFFFF!important;
  padding: 15px;
  border: 2px solid #FFFFFF;
  border-radius: 5px;
  text-transform: uppercase;
}
.main-container.default a.button {
  border: 2px solid #737373;
  color: #737373!important;
}
.banner-cta p {
  color: #ffffff;
}
.hero-image, .hero-text, .full-width, .page-header {
  margin-top: -40px;
  margin-left: -30px;
  margin-right: -30px;
}
.button-cta a {
  display: inline-block;
  padding: 50px 25px;
  background: linear-gradient(104.01deg, #54009C -12.32%, rgba(138, 60, 60, 0.97) 73.43%);
  border-radius: 3px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 33px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
}

.button-cta a.btn-small {
  padding: 25px 15px;
}

.button-cta a.btn-large {
  display: block;
}
.view-fees {
  background-color:  #393939;
  padding:  40px;
}
.view-fees .view-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: auto;
  align-content: start
}
.view-fees .column {
  flex: 1 0 auto;
  margin-bottom: 50px;
}
.view-fees .column-title {
  margin-bottom:  30px;
  padding-bottom: 30px;
  text-transform: uppercase;
  border-bottom: 3px solid #C4C4C4;
}
.view-fees .column-subtitle {
  margin-bottom:  20px;
  font-size: 24px;
}
.view-fees .views-row {
  margin-bottom:  60px;
  padding: 20px;
  font-size: 18px;
}
.content-list {
  margin-top: 60px;
}
#submit h3 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 48px;
  line-height: 65px;
}
.hero-text, #main-content .page-header {
  background: linear-gradient(97.2deg, #393939 9.09%, rgba(57, 57, 57, 0) 163.72%);
  padding: 80px 40px;
  color: #ffffff;
}
.hero-text h1, h1.page-header {
  font-family: 'Open Sans';
  font-style: normal;
  font-size: 58px;
  line-height: 65px;
  color: #ffffff;
}
.hero-text p {
  color: #ffffff;
}
.white-strike h2 {
  position: relative;
  z-index: 1;
}
.white-strike h2:before {
  border-top: 2px solid #ffffff;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.white-strike h2 span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #000;
  padding: 0 15px;
}
.team-image img {
  width: 100%;
}
.bio-modal, .bio-infos {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)), rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  border-radius: 5px;
}
/* .bio-modal {
  width: 80vw;
  height: 80%;
  margin: auto;
} */
.mfp-close-btn-in .mfp-close {
  color: #fff;
}
.bio {
  padding: 40px;
  color: #ffffff;
}
.bio.modal a {
  color: #ffffff;
  text-decoration: underline;
}
.bio h4 {
  margin-top: 0;
}
/*.bio-infos h4 {
  margin-bottom: 0;
}*/
.bio-infos h5 {
  margin-top: 0;
}
.full-width {
  padding: 40px;
  margin-bottom: 0;
}
.white-bg {
  background-color: #ffffff;
  color: #737373!important;
}
.dark-bg {
  background-color: #000;
  color: #ffffff!important;
}
.content-list.full-width {
  margin-top: 0;
}
.team-member {
  padding: 40px 25px;
}
.white-bg h2 {
  color: #393939!important;
}
.black-strike h2 {
  position: relative;
  z-index: 1;
}
.black-strike h2:before {
  border-top: 2px solid #393939;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.black-strike h2 span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #fff;
  padding: 0 15px;
}
.equal-height .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.equal-height .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.team-image img {
  border-radius: 3px;
}
.team-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  height:  100%;
}
.bio-infos {
/*  display:  none;*/
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 100%;
  transition: top 0.3s ease 0s;
  /* line-height: 28px; */
}
.view-display-id-block_107 .bio-infos.show {
  top: 0;
  display:  block;
}
.view-display-id-block_107 .bio-infos.show h3 {
  position: absolute;
  right:  40px;
  bottom: 40px;
}
.region-topbar {
  position:  relative;
}
.panels-bootstrap-row-new-main-row, .panel-bootstrap {
  background-color: #000000;
  float: left;
}
.panels-bootstrap-region-65-center {
  padding-bottom: 15px;
}
.black-title {
  padding: 40px;
  margin-left: -30px;
  margin-right: -30px;
  margin-top: -60px;
  background-color: #000;
}
.black-title h2 {
  color: #fff;
}
.field-name-field-images {
  padding-top: 40px;
  padding-bottom: 40px;
}
.field-name-field-images .field-item {
  margin-top: 15px;
  margin-bottom: 15px;
}
.field-name-field-images .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.field-name-field-images .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.footer-logo {
  font-size: 16px;
}
.footer-logo img {
  margin-right: 10px;
}
.footer .copyright {
  margin-top: 20px;
}
.field-name-field-paragraph-image img {
  width: 100%;
}
.field-name-field-text a {
  color: red;
}
.field-name-field-text {
  margin-bottom: 20px;
}
.small-title.content-list {
  margin-top: 20px;
}
.small-title.content-list h2 {
  font-size: 24px;
  line-height: 40px;
}
.help-block, .control-group .help-inline {
  font-size: 16px;
}
.view-promotions .views-row img {
  width: 100%;
}
.pagination li.active span {
  color: red;
}
#modalContainer {
  overflow: visible;
}
.view .view-header {
  margin-bottom: 40px;
}
.view-people > .view-content > .row, .view-films > .view-content > .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.view-people > .view-content > .row > [class*='col-'], .view-films > .view-content > .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.player {
  width: 100%!important;
  height: 100%!important;
  background-color: #000;
}
.stacked-image.first {
  margin-bottom: 30px;
}
/* Base message styles */
.messages {
  padding: 15px 20px 15px 35px;
  margin: 1em 0;
  border-radius: 4px;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.messages::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}

/* Status (success) message */
.messages--status {
  background-color: #f3f9f4;
  border: 1px solid #c9e6ca;
  color: #325e1c;
}

.messages--status::before {
  content: "\f00c";
  color: #2d8632;
}

/* Warning message */
.messages--warning {
  background-color: #fdf8ed;
  border: 1px solid #f4daa6;
  color: #734c00;
}

.messages--warning::before {
  content: "\f071";
  color: #e09600;
}

/* Error message */
.messages--error {
  background-color: #fcf4f2;
  border: 1px solid #f7d4cc;
  color: #a51b00;
}

.messages--error::before {
  content: "\f06a";
  color: #cc3d21;
}

/* Message list styling */
.messages__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.messages__item {
  margin-bottom: 0.3em;
}

.messages__item:last-child {
  margin-bottom: 0;
}

/* Close button (if needed) */
.messages__close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 5px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.messages__close:hover {
  opacity: 1;
}

/* Responsive adjustments */
@media screen and (max-width: 48em) {
  .messages {
    padding: 12px 15px 12px 30px;
  }
  
  .messages::before {
    left: 10px;
  }
}