/**
 * Convert font-size from px to rem with px fallback
 *
 * @param $size - the value in pixels (without px suffix) that you want to convert
 *
 * e.g. p {@include fontSize(12);}
 *
 */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:100,300,400,600,900&display=swap");
.skip-link {
  margin: 0; }
  .skip-link a,
  .skip-link a:visited {
    display: block;
    width: 100%;
    padding: 2px 0 3px;
    text-align: center;
    color: #fff; }

body.maintenance-page .layout-container {
    width: 90%;
    margin: auto;
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 2rem;
}

body.maintenance-page header {
    height: 200px;
}

body.maintenance-page header a img{
    height: 100px;
    margin: 5rem auto;
    width: 100%;
}

body.maintenance-page main{
    margin: 5rem auto;
}
body.maintenance-page {
    height: 100vh;
}

.main-content {
  outline: none; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box; }

html {
  min-height: 100%;
  font-size: 100%;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-size-adjust: 100%; }

img,
picture,
object,
figure,
input,
svg {
  max-width: 100%;
  height: auto; }

pre {
  overflow-x: auto;
  white-space: pre-wrap; }

p,
pre {
  margin: 0; }

em,
i {
  font-style: italic; }

blockquote {
  font-style: italic; }

strong,
b {
  font-weight: bold; }

sup {
  vertical-align: super;
  font-size: 50%;
  line-height: 0; }

sub {
  vertical-align: sub;
  font-size: 50%;
  line-height: 0; }

ul.tabs {
  border-bottom: 1px solid #ccc; }

ul.contextual-links li {
  position: relative !important;
  display: block !important;
  float: none !important; }

.contextual-links a {
  color: #000 !important; }
  .contextual-links a:hover {
    text-decoration: underline !important;
    color: #000 !important; }

.menu-item--expanded,
.menu-item--collapsed {
  list-style-type: none;
  list-style-image: none; }

.node--unpublished {
  background-color: #fff4f4; }

.block-local-tasks-block ul.tabs {
  margin: 0;
  padding: 0;
  border: none;
  background-color: #F5F5F5;
  border-bottom: 1px solid #DDD; }
  .block-local-tasks-block ul.tabs li {
    margin: 0;
    padding: 0; }
    .block-local-tasks-block ul.tabs li a {
      color: #222;
      padding: 20px;
      margin: 0;
      opacity: 0.3; }
      .block-local-tasks-block ul.tabs li a:hover {
        opacity: 0.8;
        background: transparent; }
      .block-local-tasks-block ul.tabs li a.is-active {
        background: transparent; }

form .slots {
  display: none; }

ul.contextual-links li {
  background-color: transparent; }
  ul.contextual-links li a {
    text-transform: none;
    font-style: normal;
    font-weight: 100; }

body {
  font-family: "Montserrat", sans-serif; }

h1 {
  font-style: italic;
  color: #222;
  font-size: 30px;
  font-weight: 800;
  margin-top: 0; }
  h1:after {
    content: "";
    display: block;
    border: 2px solid #fff;
    width: 50px; }

h2 {
  font-style: italic;
  color: #742525;
  font-size: 26px;
  font-weight: 800;
  margin-top: 0px;
  margin-bottom: 20px; }
  h2:after {
    content: "";
    display: block;
    border: 2px solid #742525;
    width: 50px; }

h3 {
  color: #742525;
  font-size: 16px;
  margin: 0; }
  h3 a {
    color: #742525; }

a {
  color: #742525;
  text-decoration: underline;
  font-weight: 600; }

::selection {
  background: #990909;
  color: #fff; }

::-moz-selection {
  background: #990909;
  color: #fff; }

strong, b {
  font-weight: 600; }

main .main-content {
  max-width: 78.125em;
  margin: 0 auto; }

body.path-frontpage h1 {
  color: #fff; }
body.path-frontpage main .main-content {
  max-width: 100%;
  background-color: #742525;
  color: #fff; }
  body.path-frontpage main .main-content ::selection {
    background: #222; }
  body.path-frontpage main .main-content ::-moz-selection {
    background: #222; }
  body.path-frontpage main .main-content h1 {
    margin-top: 0px;
    padding-top: 30px;
    font-size: 26px;
    font-weight: 800;
    font-style: italic; }
  body.path-frontpage main .main-content .content-container {
    overflow: hidden;
    max-width: 1400px;
    margin: 0 auto; }
    body.path-frontpage main .main-content .content-container h1 {
      position: relative; }
      body.path-frontpage main .main-content .content-container h1:after {
        border: 2px solid #fff;
        width: 80px;
        position: absolute;
        left: -100px;
        top: 51px; }
    body.path-frontpage main .main-content .content-container #block-mainpagecontent, body.path-frontpage main .main-content .content-container #block-dreamworks-mainpagecontent {
      max-width: 25%;
      font-size: 16px;
      font-style: italic;
      padding: 0 30px 30px 30px;
      float: left; }
    body.path-frontpage main .main-content .content-container #block-views-block-references-block-1, body.path-frontpage main .main-content .content-container #block-dreamworks-views-block-references-block-1 {
      width: 75%;
      float: right; }

body.path-producten.layout-sidebar-first .main-content .content-container, body.path-taxonomy.layout-sidebar-first .main-content .content-container {
  width: 75%;
  float: right; }
body.path-producten.layout-sidebar-first .main-content aside.layout-sidebar-first, body.path-taxonomy.layout-sidebar-first .main-content aside.layout-sidebar-first {
  width: 20%;
  float: left; }
body.path-producten.layout-sidebar-first .main-content:after, body.path-taxonomy.layout-sidebar-first .main-content:after {
  content: "";
  display: table;
  clear: both; }

body.layout-sidebar-second .main-content .content-container {
  width: 75%;
  float: left; }
body.layout-sidebar-second .main-content aside.layout-sidebar-second {
  width: 20%;
  float: right;
  margin-top: 120px; }
body.layout-sidebar-second .main-content:after {
  content: "";
  display: table;
  clear: both; }

aside.layout-sidebar-first {
  margin-top: 120px; }
  aside.layout-sidebar-first h2 {
    font-size: 20px; }
    aside.layout-sidebar-first h2:after {
      border: none; }

.pre-footer-content {
  max-width: 78.125em;
  margin: 0 auto; }

body.page-node-type-news #block-cinedream-page-title h1, body.page-node-type-news #block-dreamworks-page-title {
  margin-bottom: 0px; }

#block-search-news-events, #block-dreamworks-search-news-events {
  margin-top: 11px;
  border: 1px solid #CCC;
  border-radius: 6px;
  padding: 15px;
  font-size: 13px;
  line-height: 15px; }
  #block-search-news-events .view-id-search_news_events.view-display-id-block_1 .views-row, #block-dreamworks-search-news-events .view-id-search_news_events.view-display-id-block_1 .views-row {
    margin-bottom: 15px; }
  #block-search-news-events .view-id-search_news_events.view-display-id-block_1 .views-field-title a, #block-dreamworks-search-news-events .view-id-search_news_events.view-display-id-block_1 .views-field-title a {
    text-decoration: none;
    font-weight: 400; }

#block-brands, #block-dreamworks-brands {
  text-align: center; }
  #block-brands .views-row, #block-dreamworks-brands .views-row {
    max-width: 170px;
    display: inline-block;
    vertical-align: middle;
    margin: 20px;
    opacity: 0.8; }
    #block-brands .views-row:hover, #block-dreamworks-brands .views-row:hover {
      opacity: 1; }

article .node__submitted {
  color: #999; }
  article .node__submitted a {
    color: #999; }
article.node--type-promo {
  margin: 30px 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #CCC; }
  article.node--type-promo .visual {
    display: inline-block;
    margin-right: 30px;
    vertical-align: top; }
  article.node--type-promo .info {
    display: inline-block;
    vertical-align: top; }
    article.node--type-promo .info h3 {
      margin: 0;
      padding: 0; }
article.node--type-news.node--view-mode-full .media--type-news.media--view-mode-default, article.node--type-event.node--view-mode-full .media--type-news.media--view-mode-default {
  float: right;
  padding: 40px; }
article.node--type-news.node--view-mode-full .field--name-body, article.node--type-event.node--view-mode-full .field--name-body {
  margin-top: 30px; }
article.node--type-news.node--view-mode-teaser, article.node--type-event.node--view-mode-teaser {
  padding: 40px 20px; }
  article.node--type-news.node--view-mode-teaser .visual, article.node--type-event.node--view-mode-teaser .visual {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin-right: 30px; }
    article.node--type-news.node--view-mode-teaser .visual img, article.node--type-event.node--view-mode-teaser .visual img {
      max-width: 100%; }
    article.node--type-news.node--view-mode-teaser .visual ul.dates, article.node--type-event.node--view-mode-teaser .visual ul.dates {
      position: absolute;
      left: 0;
      z-index: 999;
      list-style-type: none;
      padding: 0;
      margin: 0; }
      article.node--type-news.node--view-mode-teaser .visual ul.dates li, article.node--type-event.node--view-mode-teaser .visual ul.dates li {
        display: inline-block;
        margin-right: 4px;
        background-color: #742525;
        color: #FFF;
        text-align: center; }
        article.node--type-news.node--view-mode-teaser .visual ul.dates li .item, article.node--type-event.node--view-mode-teaser .visual ul.dates li .item {
          display: inline-block;
          padding: 0px 6px; }
          article.node--type-news.node--view-mode-teaser .visual ul.dates li .item span, article.node--type-event.node--view-mode-teaser .visual ul.dates li .item span {
            display: block;
            font-size: 14px; }
            article.node--type-news.node--view-mode-teaser .visual ul.dates li .item span.month, article.node--type-event.node--view-mode-teaser .visual ul.dates li .item span.month {
              font-size: 12px; }
  article.node--type-news.node--view-mode-teaser .info, article.node--type-event.node--view-mode-teaser .info {
    display: inline-block;
    vertical-align: top;
    max-width: 900px; }
    article.node--type-news.node--view-mode-teaser .info h2, article.node--type-event.node--view-mode-teaser .info h2 {
      margin: 0; }
      article.node--type-news.node--view-mode-teaser .info h2 a, article.node--type-event.node--view-mode-teaser .info h2 a {
        color: #222;
        text-decoration: none;
        font-weight: 400; }
    article.node--type-news.node--view-mode-teaser .info .field--name-body, article.node--type-event.node--view-mode-teaser .info .field--name-body {
      margin-top: 20px; }
article.product-detail {
  overflow: hidden;
  padding-bottom: 40px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D8D8D8;
  position: relative; }
  article.product-detail .price {
    font-weight: 400;
    text-align: center; }
  article.product-detail .stock {
    font-weight: 300;
    text-align: center; }
  article.product-detail div.more {
    text-align: center; }
  article.product-detail .commerce-order-item-add-to-cart-form {
    text-align: center; }
  article.product-detail .attachments, article.product-detail .inthenews {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-top: 60px; }
    article.product-detail .attachments .field__label, article.product-detail .inthenews .field__label {
      color: #742525;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 6px; }
    article.product-detail .attachments .field__item a, article.product-detail .attachments .field__item a:hover, article.product-detail .attachments .field__item a:link, article.product-detail .attachments .field__item a:active, article.product-detail .attachments article a, article.product-detail .attachments article a:hover, article.product-detail .attachments article a:link, article.product-detail .attachments article a:active, article.product-detail .inthenews .field__item a, article.product-detail .inthenews .field__item a:hover, article.product-detail .inthenews .field__item a:link, article.product-detail .inthenews .field__item a:active, article.product-detail .inthenews article a, article.product-detail .inthenews article a:hover, article.product-detail .inthenews article a:link, article.product-detail .inthenews article a:active {
      font-size: 14px;
      text-decoration: none;
      color: #4B4B4B;
      font-weight: 300; }
  article.product-detail .left-info {
    display: inline-block;
    width: 400px;
    vertical-align: top; }
    article.product-detail .left-info article.media--type-product-visual {
      text-align: center;
      margin: 40px 0 60px 0; }
    article.product-detail .left-info form input.form-submit {
      background: #6DA751;
      border-radius: 8px;
      border: none;
      color: #FFF;
      font-size: 16px;
      margin: 0 auto;
      display: block;
      padding: 10px 20px; }
      article.product-detail .left-info form input.form-submit:hover {
        background: #52793f;
        outline: none; }
    article.product-detail .left-info #block-usp, article.product-detail .left-info #block-dreamworks-usp {
      margin-top: 40px; }
      article.product-detail .left-info #block-usp .field--name-body ul li, article.product-detail .left-info #block-dreamworks-usp .field--name-body ul li {
        margin-top: 30px; }
  article.product-detail .right {
    display: inline-block;
    width: 790px;
    vertical-align: top;
    margin-left: 50px; }
    article.product-detail .right .field--name-body {
      padding-right: 160px; }
  article.product-detail .meta {
    margin-top: 30px;
    border-bottom: 1px solid #D8D8D8; }
    article.product-detail .meta .field--type-entity-reference {
      display: inline-block;
      margin-right: 30px;
      vertical-align: top; }
      article.product-detail .meta .field--type-entity-reference .field__label {
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        color: #9D9D9D;
        vertical-align: top; }
      article.product-detail .meta .field--type-entity-reference .field__item {
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        text-transform: uppercase; }
  article.product-detail .brand h2 a {
    text-decoration: none; }
  article.product-detail .taxonomy-term.vocabulary-brand {
    margin-top: 20px; }
  article.product-detail .media--type-brand-logo.media--view-mode-compact {
    position: absolute;
    right: 0;
    top: 0; }

.field--name-field-product-promotion {
  font-size: 18px;
  color: #6DA751;
  font-weight: 600; }

.field--name-list-price {
  font-size: 13px;
  text-decoration: line-through; }

.teaser .field--name-field-product-promotion {
  font-size: 14px; }
.teaser .field--name-list-price {
  font-weight: 300; }

#googleMap {
  width: 100%;
  height: 400px; }

body.page-node-297 #block-testimonials, body.page-node-297 #block-dreamworks-testimonials {
  margin-top: 0px; }

.view-product-categories.view-display-id-block_1 .views-row {
  position: relative;
  display: inline-block;
  width: 289px;
  height: 188px;
  overflow: hidden;
  vertical-align: top;
  background-color: #000;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative; }
  .view-product-categories.view-display-id-block_1 .views-row .views-field-name a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 80px;
    text-align: center;
    color: #FFF;
    text-decoration: none; }
  .view-product-categories.view-display-id-block_1 .views-row img {
    opacity: 0.6;
    transition: all 1.2s ease-out; }
  .view-product-categories.view-display-id-block_1 .views-row:hover img {
    opacity: 0.9;
    transform: scale(1.3); }
  .view-product-categories.view-display-id-block_1 .views-row h2 {
    margin: 0;
    padding: 0; }
    .view-product-categories.view-display-id-block_1 .views-row h2::after {
      display: none; }
    .view-product-categories.view-display-id-block_1 .views-row h2 a {
      font-weight: 400;
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: 289px;
      height: 190px;
      padding: 70px 30px 0 30px;
      text-align: center;
      font-size: 16px;
      text-decoration: none;
      color: #FFF; }

.view-product-categories.view-display-id-block_2 {
  margin-bottom: 20px; }
  .view-product-categories.view-display-id-block_2 .views-row {
    margin: 0 10px 10px 0;
    display: inline-block; }
    .view-product-categories.view-display-id-block_2 .views-row a {
      display: block;
      text-decoration: none;
      border: 1px solid #742525;
      padding: 10px 20px;
      border-radius: 4px; }

.view-taxonomy-term .field--name-description {
  margin-bottom: 30px; }

body.path-taxonomy aside.layout-sidebar-first {
  position: sticky;
  top: 100px; }

#block-offer, #block-dreamworks-offer {
  position: sticky;
  top: 40px;
  width: 325px;
  margin-right: 75px;
  display: inline-block;
  vertical-align: top; }
  #block-offer h3, #block-dreamworks-offer h3 {
    margin-top: 6px;
    font-size: 21px;
    margin-bottom: 20px;
    font-style: italic; }
  #block-offer .field--name-body ul, #block-dreamworks-offer .field--name-body ul {
    list-style-type: none;
    padding-left: 20px;
    margin-bottom: 40px; }
    #block-offer .field--name-body ul li, #block-dreamworks-offer .field--name-body ul li {
      margin-bottom: 8px;
      color: #41413f;
      padding-left: 25px;
      background: url(../images/check.svg) no-repeat;
      background-size: 18px 18px;
      background-position: 2px; }
      #block-offer .field--name-body ul li strong, #block-dreamworks-offer .field--name-body ul li strong {
        font-weight: 400; }

.block-facets h2 {
  margin-top: 30px;
  margin-bottom: 3px; }
.block-facets ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .block-facets ul li.facet-item {
    margin-bottom: 5px; }
    .block-facets ul li.facet-item a {
      color: #333;
      font-weight: 300;
      text-decoration: none; }
      .block-facets ul li.facet-item a:hover {
        font-weight: 600; }
      .block-facets ul li.facet-item a.is-active {
        font-weight: 600;
        color: #742525; }

body.path-taxonomy .taxonomy-term h2 {
  display: none; }
body.path-taxonomy .field--name-field-brand-logo {
  position: absolute;
  top: -90px;
  right: 0; }
body.path-taxonomy .view-id-taxonomy_term.view-display-id-page_1 {
  position: relative; }

#block-productoverviewblock .tabs-wrapper, #block-dreamworks-productoverviewblock .tabs-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 300px; }
  #block-productoverviewblock .tabs-wrapper ul, #block-dreamworks-productoverviewblock .tabs-wrapper ul {
    list-style-type: none;
    margin-top: 20px; }
    #block-productoverviewblock .tabs-wrapper ul li, #block-dreamworks-productoverviewblock .tabs-wrapper ul li {
      margin: 0;
      margin-bottom: 3px; }
      #block-productoverviewblock .tabs-wrapper ul li a, #block-dreamworks-productoverviewblock .tabs-wrapper ul li a {
        color: #333;
        font-weight: 300;
        text-decoration: none;
        display: block; }
        #block-productoverviewblock .tabs-wrapper ul li a:hover, #block-dreamworks-productoverviewblock .tabs-wrapper ul li a:hover {
          font-weight: 600; }
        #block-productoverviewblock .tabs-wrapper ul li a.active, #block-dreamworks-productoverviewblock .tabs-wrapper ul li a.active {
          font-weight: 600;
          color: #742525; }
#block-productoverviewblock ul.product-tabs-contents, #block-dreamworks-productoverviewblock ul.product-tabs-contents {
  list-style-type: none; }
  #block-productoverviewblock ul.product-tabs-contents li:not(:first-child) .product-tab-content, #block-dreamworks-productoverviewblock ul.product-tabs-contents li:not(:first-child) .product-tab-content {
    display: none; }
#block-productoverviewblock .tabs-content-wrapper, #block-dreamworks-productoverviewblock .tabs-content-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 900px; }
  #block-productoverviewblock .tabs-content-wrapper a.dummy-product-more, #block-dreamworks-productoverviewblock .tabs-content-wrapper a.dummy-product-more {
    display: block;
    height: 100%;
    padding-top: 50%; }
  #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content {
    list-style-type: none; }
    #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li {
      border: 1px solid #979797;
      border-radius: 6px;
      width: 224px;
      height: 300px;
      overflow: hidden;
      margin-right: 20px;
      margin-bottom: 20px;
      display: inline-block;
      vertical-align: top;
      text-align: center; }
      #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li img, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li img {
        max-width: 100%;
        max-height: 160px;
        width: auto; }
      #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li:nth-last-child, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li:nth-last-child {
        margin-right: 0px; }
      #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li a, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li a {
        padding: 20px;
        display: block;
        height: 100%;
        text-decoration: none; }
        #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li a article .visual, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li a article .visual {
          height: 110px;
          min-height: 110px;
          overflow: hidden; }
        #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li a article .field--name-title, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li a article .field--name-title {
          font-size: 16px;
          color: #434242;
          margin-top: 10px;
          max-height: 72px;
          overflow: hidden; }
        #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li a article .field--name-price, #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li a article .field--name-body, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li a article .field--name-price, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li a article .field--name-body {
          font-weight: 300;
          color: #4D4C4C;
          font-size: 14px;
          margin-top: 5px; }
        #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li a article .field--name-body, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li a article .field--name-body {
          margin-top: 10px; }

#block-products-detail-listing {
  width: 750px;
  display: inline-block;
  vertical-align: top;
  margin-left: 50px; }
  #block-products-detail-listing .views-col {
    width: 224px; }

.btn.btn-blue {
  background: #433B78;
  border-radius: 8px;
  border: none;
  color: #FFF;
  font-size: 16px;
  margin: 0 auto;
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 400; }

.views-row:nth-child(even) article.node--type-news.node--view-mode-teaser {
  background-color: #f8f8f8; }

nav.pager {
  margin-top: 30px; }
  nav.pager a {
    color: #222;
    text-decoration: none;
    border: 1px solid #EEE;
    display: inline-block;
    border-radius: 4px;
    padding: 5px 10px; }
    nav.pager a:hover {
      background-color: #EEE; }

nav.breadcrumb {
  margin-top: 30px; }
  nav.breadcrumb li {
    color: #333; }
    nav.breadcrumb li a {
      color: #333;
      text-decoration: none;
      font-weight: 300; }

.view-id-products .views-row, .view-id-products > .field__item, .field--name-field-page-product .views-row, .field--name-field-page-product > .field__item {
  border: 1px solid #979797;
  border-radius: 6px;
  width: 224px;
  height: 300px;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  text-align: center; }
  .view-id-products .views-row img, .view-id-products > .field__item img, .field--name-field-page-product .views-row img, .field--name-field-page-product > .field__item img {
    max-width: 100%;
    max-height: 160px;
    width: auto; }
  .view-id-products .views-row:nth-last-child, .view-id-products > .field__item:nth-last-child, .field--name-field-page-product .views-row:nth-last-child, .field--name-field-page-product > .field__item:nth-last-child {
    margin-right: 0px; }
.view-id-products a, .field--name-field-page-product a {
  text-decoration: none;
  padding: 20px;
  display: block;
  height: 100%; }
  .view-id-products a article .visual, .field--name-field-page-product a article .visual {
    height: 110px;
    min-height: 110px;
    overflow: hidden; }
  .view-id-products a article .field--name-title, .field--name-field-page-product a article .field--name-title {
    font-size: 16px;
    color: #434242;
    margin-top: 10px;
    max-height: 72px;
    overflow: hidden; }
  .view-id-products a article .field--name-price, .view-id-products a article .field--name-body, .field--name-field-page-product a article .field--name-price, .field--name-field-page-product a article .field--name-body {
    font-weight: 300;
    color: #4D4C4C;
    font-size: 14px;
    margin-top: 5px; }
  .view-id-products a article .field--name-body, .field--name-field-page-product a article .field--name-body {
    margin-top: 10px; }

.field--name-field-news-products > .field__item {
  border: 1px solid #979797;
  border-radius: 6px;
  width: 224px;
  height: 300px;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  text-align: center; }
  .field--name-field-news-products > .field__item a {
    padding: 20px;
    display: block;
    height: 100%; }
  .field--name-field-news-products > .field__item img {
    max-width: 100%;
    max-height: 160px;
    width: auto; }
  .field--name-field-news-products > .field__item:nth-last-child {
    margin-right: 0px; }
.field--name-field-news-products a {
  text-decoration: none; }
  .field--name-field-news-products a article .visual {
    height: 110px;
    min-height: 110px;
    overflow: hidden; }
  .field--name-field-news-products a article .field--name-title {
    font-size: 16px;
    color: #434242;
    margin-top: 10px; }
  .field--name-field-news-products a article .field--name-price, .field--name-field-news-products a article .field--name-body {
    font-weight: 300;
    color: #4D4C4C;
    font-size: 14px; }
  .field--name-field-news-products a article .field--name-body {
    margin-top: 10px; }

.slick__slide {
  outline: none; }

.slick--field-product-visuals {
  position: relative; }
  .slick--field-product-visuals .slick-prev {
    display: none !important;
    position: absolute;
    left: 5px;
    top: 30%;
    border: none;
    background: none;
    font-size: 0;
    background: #FFF;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    outline: none;
    opacity: 0.6;
    border: 1px solid #742525; }
    .slick--field-product-visuals .slick-prev:before {
      display: block;
      content: "<";
      font-size: 40px;
      color: #742525;
      outline: none;
      font-weight: 600;
      position: relative;
      top: -6px;
      left: -2px; }
    .slick--field-product-visuals .slick-prev:hover {
      background: #B7B1B1; }
  .slick--field-product-visuals .slick-next {
    display: none !important;
    position: absolute;
    right: 5px;
    top: 30%;
    border: none;
    background: none;
    font-size: 0;
    background: #FFF;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    outline: none;
    border: 1px solid #742525;
    opacity: 0.6; }
    .slick--field-product-visuals .slick-next:before {
      display: block;
      content: ">";
      font-size: 40px;
      color: #742525;
      outline: none;
      font-weight: 600;
      position: relative;
      top: -6px;
      left: 2px; }
    .slick--field-product-visuals .slick-next:hover {
      background: #B7B1B1; }
  .slick--field-product-visuals:hover .slick-prev, .slick--field-product-visuals:hover .slick-next {
    display: block !important; }

.slick--optionset--detail-nav {
  margin-bottom: 30px; }
  .slick--optionset--detail-nav .slick__slide {
    width: 80px !important;
    padding: 10px 10px 10px 10px;
    outline: none; }
    .slick--optionset--detail-nav .slick__slide:hover {
      cursor: pointer; }

#block-views-block-references-block-1 .view-content, #block-dreamworks-views-block-references-block-1 .view-content {
  height: 450px;
  overflow: hidden; }
#block-views-block-references-block-1 .views_slideshow_cycle_teaser_section, #block-dreamworks-views-block-references-block-1 .views_slideshow_cycle_teaser_section {
  overflow: hidden; }
#block-views-block-references-block-1 .views_slideshow_slide, #block-dreamworks-views-block-references-block-1 .views_slideshow_slide {
  width: 100% !important;
  text-align: right; }
  #block-views-block-references-block-1 .views_slideshow_slide img, #block-dreamworks-views-block-references-block-1 .views_slideshow_slide img {
    height: 450px;
    text-align: right;
    width: auto;
    max-width: none; }
#block-views-block-references-block-1 .views-slideshow-controls-bottom, #block-dreamworks-views-block-references-block-1 .views-slideshow-controls-bottom {
  position: relative;
  z-index: 10000;
  top: -40px; }
#block-views-block-references-block-1 .views-field-title, #block-dreamworks-views-block-references-block-1 .views-field-title {
  position: absolute;
  bottom: 80px;
  right: 0px;
  color: #FFF;
  color: #FFF;
  font-style: italic;
  font-weight: 600;
  background-color: #222;
  padding: 10px 80px;
  opacity: 0.8; }
  #block-views-block-references-block-1 .views-field-title a, #block-dreamworks-views-block-references-block-1 .views-field-title a {
    color: #FFF;
    font-style: italic;
    font-weight: 600;
    text-decoration: none; }

#block-block-references h2, #block-dreamworks-block-references h2 {
  max-width: 78.125em;
  margin: 0 auto; }
#block-block-references > div, #block-dreamworks-block-references > div {
  max-width: 78.125em;
  margin: 0 auto; }

#block-ctacontact, #block-dreamworks-ctacontact, #block-dw-cta {
  max-width: 78.125em;
  margin: 0 auto; }

#block-usp, #block-content-usp, #block-dreamworks-usp, #block-dreamworks-content-usp {
  max-width: 78.125em;
  margin: 0 auto; }
  #block-usp .field--name-body ul, #block-content-usp .field--name-body ul, #block-dreamworks-usp .field--name-body ul, #block-dreamworks-content-usp .field--name-body ul {
    list-style-type: none; }
    #block-usp .field--name-body ul li, #block-content-usp .field--name-body ul li, #block-dreamworks-usp .field--name-body ul li, #block-dreamworks-content-usp .field--name-body ul li {
      min-width: 350px;
      width: 33%;
      color: #41413f;
      padding-left: 60px;
      background: url(../images/check.svg) no-repeat;
      display: inline-block; }
      #block-usp .field--name-body ul li strong, #block-content-usp .field--name-body ul li strong, #block-dreamworks-usp .field--name-body ul li strong, #block-dreamworks-content-usp .field--name-body ul li strong {
        font-weight: 600; }

#block-content-usp, #block-dreamworks-content-usp {
  margin: 60px 0 60px 0; }

#block-facebookfeed, #block-dreamworks-facebookfeed {
  float: right; }

#block-paymentmethods, #block-dreamworks-paymentmethods {
  margin-top: 40px; }

#block-contactbanner, #block-dreamworks-contactbanner {
  border-top: 1px solid #979797; }
  #block-contactbanner .field--name-body, #block-dreamworks-contactbanner .field--name-body {
    max-width: 78.125em;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 70% 30%;
    padding-top: 20px;
    padding-bottom: 20px; }
    #block-contactbanner .field--name-body ul, #block-dreamworks-contactbanner .field--name-body ul {
      padding: 0;
      display: table; }
      #block-contactbanner .field--name-body ul li, #block-dreamworks-contactbanner .field--name-body ul li {
        list-style: none;
        display: table-cell;
        color: #742525; }
        #block-contactbanner .field--name-body ul li ul li, #block-dreamworks-contactbanner .field--name-body ul li ul li {
          color: #979797; }
    #block-contactbanner .field--name-body .btn, #block-dreamworks-contactbanner .field--name-body .btn {
      background: #742525;
      border-radius: 8px;
      color: #fff;
      font-weight: 800;
      width: 250px;
      margin: 40px auto;
      padding: 25px;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center; }

.box {
  max-width: 78.125em;
  margin: 40px auto;
  overflow: hidden; }

.region-below-content {
  clear: both;
  margin-top: 40px; }

#block-booking, #block-cineappointmentblock, #block-dreamworks-booking, #block-dreamworks-cineappointmentblock {
  padding: 0;
  background-color: #F5F5F5;
  width: 600px;
  float: right;
  vertical-align: top; }
  #block-booking .datepicker-inline, #block-cineappointmentblock .datepicker-inline, #block-dreamworks-booking .datepicker-inline, #block-dreamworks-cineappointmentblock .datepicker-inline {
    text-align: center; }

#block-news-home, #block-dreamworks-news-home {
  max-width: 50%;
  display: inline-block; }
  #block-news-home .view-footer, #block-dreamworks-news-home .view-footer {
    max-width: 55%;
    padding-top: 30px;
    padding-left: 140px; }
  #block-news-home .view-content .views-row, #block-dreamworks-news-home .view-content .views-row {
    margin-bottom: 30px; }
    #block-news-home .view-content .views-row .node--type-news h3, #block-dreamworks-news-home .view-content .views-row .node--type-news h3 {
      padding-top: 10px; }
      #block-news-home .view-content .views-row .node--type-news h3 a, #block-dreamworks-news-home .view-content .views-row .node--type-news h3 a {
        text-decoration: none;
        font-weight: 800; }
    #block-news-home .view-content .views-row .node--type-news .node__submitted, #block-dreamworks-news-home .view-content .views-row .node--type-news .node__submitted {
      font-size: 12px;
      color: #B7B1B1; }
    #block-news-home .view-content .views-row .node--type-news .visual, #block-dreamworks-news-home .view-content .views-row .node--type-news .visual {
      display: inline-block;
      vertical-align: top;
      margin-right: 30px; }
    #block-news-home .view-content .views-row .node--type-news .info, #block-dreamworks-news-home .view-content .views-row .node--type-news .info {
      display: inline-block;
      vertical-align: top;
      max-width: 400px; }
      #block-news-home .view-content .views-row .node--type-news .info .field--name-body, #block-dreamworks-news-home .view-content .views-row .node--type-news .info .field--name-body {
        margin-top: 10px;
        max-height: 36px;
        overflow: hidden; }
      #block-news-home .view-content .views-row .node--type-news .info .field--name-body, #block-news-home .view-content .views-row .node--type-news .info .field--name-body *, #block-dreamworks-news-home .view-content .views-row .node--type-news .info .field--name-body, #block-dreamworks-news-home .view-content .views-row .node--type-news .info .field--name-body * {
        color: #742525 !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 18px !important;
        font-family: "Montserrat", sans-serif !important; }

#block-experiences, #block-dreamworks-experiences {
  margin: 50px 0; }
  #block-experiences .view-id-experiences, #block-dreamworks-experiences .view-id-experiences {
    background-color: #F5F5F5;
    border: 1px solid #DDD;
    padding: 20px;
    height: 240px; }
    #block-experiences .view-id-experiences .views-field-field-page-teaser, #block-dreamworks-experiences .view-id-experiences .views-field-field-page-teaser {
      float: left;
      margin-right: 20px; }
  #block-experiences a, #block-dreamworks-experiences a {
    text-decoration: none; }
  #block-experiences .views-field-title a, #block-dreamworks-experiences .views-field-title a {
    color: #742525;
    font-size: 21px;
    font-style: italic;
    margin: 0;
    text-decoration: none; }

.jcarousel-skin-default .jcarousel li {
  display: inline-block;
  max-height: 100px;
  margin-right: 30px;
  vertical-align: middle;
  float: none;
  height: auto; }

.jcarousel-skin-default .jcarousel-control-next:after {
  content: ">";
  visibility: visible;
  width: 50px;
  color: #CCC;
  font-weight: 300;
  right: 0px;
  position: absolute; }

.jcarousel-skin-default .jcarousel-control-prev:after {
  content: "<";
  visibility: visible;
  width: 50px;
  color: #CCC;
  right: 0px;
  font-weight: 300;
  position: absolute; }

.view-commerce-cart-form {
  border-radius: 6px;
  padding: 20px; }
  .view-commerce-cart-form table {
    width: 100%; }
  .view-commerce-cart-form th {
    background-color: #F5F5F5; }
  .view-commerce-cart-form input.delete-order-item {
    background: none;
    border: none;
    background: url("../images/delete.svg");
    background-size: 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 0; }
  .view-commerce-cart-form div.field--name-total-price {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #979797; }
  .view-commerce-cart-form #edit-submit, .view-commerce-cart-form #edit-checkout {
    background: #433B78;
    border-radius: 8px;
    border: none;
    color: #FFF;
    font-size: 14px;
    margin: 0 auto;
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: 400; }
  .view-commerce-cart-form #edit-checkout {
    padding: 10px 20px;
    background: #6DA751;
    margin-left: 30px;
    font-size: 16px; }
  .view-commerce-cart-form .order-total-line-label {
    padding-right: 30px; }
  .view-commerce-cart-form .order-total-line__total {
    padding: 5px 10px;
    font-weight: 600; }
  .view-commerce-cart-form th, .view-commerce-cart-form td {
    text-align: left;
    padding: 10px; }
    .view-commerce-cart-form th.views-field-unit-price__number, .view-commerce-cart-form th.views-field-total-price__number, .view-commerce-cart-form td.views-field-unit-price__number, .view-commerce-cart-form td.views-field-total-price__number {
      text-align: right; }
  .view-commerce-cart-form #edit-actions {
    text-align: right; }

.commerce-checkout-flow .layout-region-checkout-secondary {
  color: #000; }
  .commerce-checkout-flow .layout-region-checkout-secondary h3 {
    border-bottom: 1px solid #979797;
    padding: 11px 0; }
  .commerce-checkout-flow .layout-region-checkout-secondary h3, .commerce-checkout-flow .layout-region-checkout-secondary a {
    color: #000; }
  .commerce-checkout-flow .layout-region-checkout-secondary .checkout-pane-order-summary {
    padding: 20px;
    border-radius: 6px; }
    .commerce-checkout-flow .layout-region-checkout-secondary .checkout-pane-order-summary td:nth-child(1) {
      width: 50px; }
    .commerce-checkout-flow .layout-region-checkout-secondary .checkout-pane-order-summary tr {
      border-bottom: 1px solid #DDD; }
      .commerce-checkout-flow .layout-region-checkout-secondary .checkout-pane-order-summary tr td {
        padding: 20px 0; }
    .commerce-checkout-flow .layout-region-checkout-secondary .checkout-pane-order-summary .field--name-total-price {
      margin-top: 20px; }
  .commerce-checkout-flow .layout-region-checkout-secondary .order-total-line-label {
    margin-right: 20px; }
  .commerce-checkout-flow .layout-region-checkout-secondary .order-total-line {
    padding: 0; }
  .commerce-checkout-flow .layout-region-checkout-secondary .order-total-line__total {
    padding: 5px 0;
    font-weight: 600; }
.commerce-checkout-flow #edit-actions .form-submit {
  border-radius: 8px;
  border: none;
  color: #FFF;
  margin: 0 auto;
  display: inline-block;
  text-decoration: none;
  font-weight: 400;
  padding: 10px 20px;
  background: #6DA751;
  font-size: 16px; }
.commerce-checkout-flow .checkout-pane {
  border: none; }
  .commerce-checkout-flow .checkout-pane .form-submit {
    border-radius: 8px;
    border: none;
    color: #FFF;
    margin: 0 auto;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    padding: 5px 10px;
    background: #433B78;
    font-size: 14px; }
  .commerce-checkout-flow .checkout-pane [id^=edit-shipping-information-recalculate-shipping] {
    display: none; }
  .commerce-checkout-flow .checkout-pane legend {
    font-weight: 600; }
  .commerce-checkout-flow .checkout-pane .fieldset-wrapper {
    border-top: 1px solid #979797; }
    .commerce-checkout-flow .checkout-pane .fieldset-wrapper label {
      margin-right: 20px;
      width: 120px;
      display: inline-block; }
      .commerce-checkout-flow .checkout-pane .fieldset-wrapper label.option {
        width: auto; }
    .commerce-checkout-flow .checkout-pane .fieldset-wrapper .address-line2 {
      display: none; }
  .commerce-checkout-flow .checkout-pane [id^=edit-payment-information-payment-method] > .fieldset-wrapper {
    border: none; }
  .commerce-checkout-flow .checkout-pane [id^=edit-payment-information-payment-method] > legend {
    display: none; }

.block-views-blockreferences-block-3 .view-content, #block-views-block-references-block-2 .view-content, #block-dreamworks-views-block-references-block-2 .view-content {
  overflow: hidden;
  text-align: center; }
  .block-views-blockreferences-block-3 .view-content a, #block-views-block-references-block-2 .view-content a, #block-dreamworks-views-block-references-block-2 .view-content a {
    color: #fff;
    text-decoration: none; }
  .block-views-blockreferences-block-3 .view-content .node__content, #block-views-block-references-block-2 .view-content .node__content, #block-dreamworks-views-block-references-block-2 .view-content .node__content {
    background-color: #000;
    padding-bottom: 3px;
    height: 270px; }
    .block-views-blockreferences-block-3 .view-content .node__content a, #block-views-block-references-block-2 .view-content .node__content a, #block-dreamworks-views-block-references-block-2 .view-content .node__content a {
      color: #fff;
      text-decoration: none; }
    .block-views-blockreferences-block-3 .view-content .node__content span.field--name-title, #block-views-block-references-block-2 .view-content .node__content span.field--name-title, #block-dreamworks-views-block-references-block-2 .view-content .node__content span.field--name-title {
      padding: 0 10px; }
  .block-views-blockreferences-block-3 .view-content .views-row, #block-views-block-references-block-2 .view-content .views-row, #block-dreamworks-views-block-references-block-2 .view-content .views-row {
    width: 280px;
    display: inline-block;
    vertical-align: top;
    margin: 0px 10px 20px 10px; }
.block-views-blockreferences-block-3 h2, #block-views-block-references-block-2 h2, #block-dreamworks-views-block-references-block-2 h2 {
  color: #fff; }
.block-views-blockreferences-block-3 .view-footer, #block-views-block-references-block-2 .view-footer, #block-dreamworks-views-block-references-block-2 .view-footer {
  text-align: center; }
  .block-views-blockreferences-block-3 .view-footer a, #block-views-block-references-block-2 .view-footer a, #block-dreamworks-views-block-references-block-2 .view-footer a {
    color: #fff; }

#block-paymentmethods .field--name-body, #block-dreamworks-paymentmethods .field--name-body {
  height: 40px; }

.bef-exposed-form legend {
  display: none; }
.bef-exposed-form .form-type-radio {
  display: inline-block;
  border-radius: 6px;
  margin: 0px 10px 10px 0px;
  padding: 10px; }
  .bef-exposed-form .form-type-radio label:hover {
    cursor: pointer; }
  .bef-exposed-form .form-type-radio:nth-last-child {
    margin-right: 0px; }
.bef-exposed-form fieldset {
  float: none;
  width: 100%;
  text-align: center;
  display: block; }

#block-block-references .form-type-radio, #block-dreamworks-block-references .form-type-radio {
  color: #FFF; }

.block-views-blockreferences-block-3 {
  background-color: #742525;
  padding-top: 40px;
  padding-bottom: 20px; }

.field--type-webform .form-type-textfield label, .field--type-webform .form-type-email label, .field--type-webform .form-type-tel label {
  display: inline-block;
  width: 150px; }

#block-ctacontact, #block-dreamworks-ctacontact, #block-dw-cta {
  background-color: #222; }
  #block-ctacontact .clearfix:after, #block-dreamworks-ctacontact .clearfix:after, #block-dw-cta .clearfix:after {
    display: none;
    content: ""; }
  #block-ctacontact div.field, #block-dreamworks-ctacontact div.field, #block-dw-cta div.field {
    padding: 50px 100px;
    margin: 90px 0px; }
  #block-ctacontact h3, #block-ctacontact p, #block-ctacontact a, #block-dreamworks-ctacontact h3, #block-dreamworks-ctacontact p, #block-dreamworks-ctacontact a, #block-dw-cta h3, #block-dw-cta p, #block-dw-cta a {
    color: #fff; }
  #block-ctacontact h3, #block-ctacontact p, #block-dreamworks-ctacontact h3, #block-dreamworks-ctacontact p, #block-dw-cta h3, #block-dw-cta p {
    font-style: italic; }
  #block-ctacontact h3, #block-dreamworks-ctacontact h3, #block-dw-cta h3 {
    font-size: 25px; }
  #block-ctacontact p, #block-dreamworks-ctacontact p, #block-dw-cta p {
    font-size: 20px; }
  #block-ctacontact a.btn, #block-dreamworks-ctacontact a.btn, #block-dw-cta a.btn {
    background-color: #fff;
    color: #222;
    font-size: 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    padding: 10px 10px;
    margin: 30px 0;
    display: block;
    max-width: 250px;
    text-align: center; }

#block-testimonials, #block-dreamworks-testimonials {
  background: #742525;
  background-image: url("../images/movie.svg"), url("../images/movie3.svg");
  background-size: 60%, 50%;
  background-repeat: no-repeat;
  background-position-y: -300px, -260px;
  background-position-x: -50px, 950px; }

.block-views-blocktestimonials-block-1 {
  display: block;
  display: grid;
  margin: 50px 0px;
  padding-top: 50px;
  padding-bottom: 50px;
  justify-content: center; }
  .block-views-blocktestimonials-block-1 .item-list {
    margin-top: 20px; }
  .block-views-blocktestimonials-block-1 .title-content-container {
    max-height: 180px; }
  .block-views-blocktestimonials-block-1 .view-content {
    position: relative; }
  .block-views-blocktestimonials-block-1 h2,
  .block-views-blocktestimonials-block-1 p,
  .block-views-blocktestimonials-block-1 span {
    color: #fff; }
  .block-views-blocktestimonials-block-1 .field-content p {
    font-style: italic;
    font-weight: 500; }
  .block-views-blocktestimonials-block-1 .views-field-title span {
    font-weight: 200; }
  .block-views-blocktestimonials-block-1 #views_slideshow_controls_text_testimonials-block_1 span:nth-of-type(1) a {
    font-size: 0;
    outline: none; }
    .block-views-blocktestimonials-block-1 #views_slideshow_controls_text_testimonials-block_1 span:nth-of-type(1) a:before {
      content: "<";
      position: relative;
      left: -50px;
      visibility: visible;
      color: #FFF;
      font-size: 80px;
      outline: none; }
  .block-views-blocktestimonials-block-1 #views_slideshow_controls_text_testimonials-block_1 span:nth-of-type(2) a {
    display: none; }
  .block-views-blocktestimonials-block-1 #views_slideshow_controls_text_testimonials-block_1 span:nth-of-type(3) a {
    font-size: 0;
    outline: none; }
    .block-views-blocktestimonials-block-1 #views_slideshow_controls_text_testimonials-block_1 span:nth-of-type(3) a:before {
      content: ">";
      visibility: visible;
      position: relative;
      right: -50px;
      top: 0;
      color: #FFF;
      font-size: 80px;
      outline: none; }

.block-views-blockbrands-block-1 .views-row {
  width: 200px;
  float: left; }
.block-views-blockbrands-block-1 .jcarousel-wrapper.jcarousel-skin-default {
  margin: 10px 0px;
  box-shadow: 0 0 0px;
  margin-left: 50px; }
  .block-views-blockbrands-block-1 .jcarousel-wrapper.jcarousel-skin-default .jcarousel-control-prev,
  .block-views-blockbrands-block-1 .jcarousel-wrapper.jcarousel-skin-default .jcarousel-control-next {
    font-size: 50px;
    border: 0;
    text-shadow: 0;
    box-shadow: 0 0 0px;
    background: 0;
    text-shadow: 0 0 0px; }

.block-views-blocktestimonials-block-1 h2 {
  margin-left: 0; }

.views-slideshow-controls-bottom {
  width: 100%; }

.views_slideshow_controls_text_previous {
  position: absolute;
  left: -50px;
  top: 0; }

.views_slideshow_controls_text_next {
  position: absolute;
  right: -50px;
  top: 0; }

.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-3 {
  min-width: 550px; }

#block-experiences, #block-dreamworks-experiences {
  max-width: 550px; }
  #block-experiences .views-slideshow-controls-bottom, #block-dreamworks-experiences .views-slideshow-controls-bottom {
    display: block;
    position: relative; }

.designer-link {
  background: #32344f;
  border-radius: 20px;
  color: #FFF;
  height: 170px; }
  .designer-link .content {
    padding: 30px; }
    .designer-link .content a {
      color: #FFF;
      font-weight: 400; }
  .designer-link .image {
    float: left;
    margin-right: 20px; }
    .designer-link .image img {
      float: left;
      height: 170px;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px; }

.product-status-0 {
  border-top: 2px solid #FF0000; }

.layout-region-checkout-main {
  width: 65%; }

.layout-region-checkout-footer {
  width: 100%;
  text-align: right; }

.checkout-pane-payment-information {
  width: 50%;
  float: left; }

.layout-checkout-form .layout-region-checkout-main .col {
  width: 100%;
  border: none; }

.view-commerce-cart-form, .commerce-checkout-flow {
  background-color: #FFF;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-top: 20px;
  padding: 20px;
  color: #000; }
  .view-commerce-cart-form .view-content, .view-commerce-cart-form .layout-checkout-form, .commerce-checkout-flow .view-content, .commerce-checkout-flow .layout-checkout-form {
    max-width: 78.125em;
    margin: 0 auto; }
    .view-commerce-cart-form .view-content table, .view-commerce-cart-form .layout-checkout-form table, .commerce-checkout-flow .view-content table, .commerce-checkout-flow .layout-checkout-form table {
      width: 100%; }

.layout-checkout-form fieldset {
  margin: 0;
  border: none; }
  .layout-checkout-form fieldset legend {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    font-weight: bold;
    line-height: 1.2;
    font-size: 25px; }
.layout-checkout-form .checkout-pane-order-summary {
  padding: 20px;
  background-color: #F5F5F5;
  border-radius: 8px; }
  .layout-checkout-form .checkout-pane-order-summary tr {
    border-bottom: 1px solid #DDD; }
    .layout-checkout-form .checkout-pane-order-summary tr td {
      padding: 10px 0; }
    .layout-checkout-form .checkout-pane-order-summary tr td:first-child {
      width: 50px; }

@media (max-width: 1151px) {
  #block-ctacontact, #block-dreamworks-ctacontact {
    text-align: center; }
    #block-ctacontact a.btn, #block-dreamworks-ctacontact a.btn {
      float: none;
      top: 0;
      display: block;
      max-width: 250px;
      margin: 30px auto; }

  body.path-frontpage main .main-content .content-container #block-views-block-references-block-1, body.path-frontpage main .main-content .content-container #block-dreamworks-views-block-references-block-1 {
    width: 500px;
    max-width: 500px;
    height: 375px;
    overflow: hidden; }

  body.path-frontpage main .main-content .content-container #block-mainpagecontent, body.path-frontpage main .main-content .content-container #block-dreamworks-mainpagecontent {
    width: 500px;
    max-width: 500px; }

  body:not(.path-frontpage) .layout-content.main-content {
    padding: 0 5%; }

  header, .pre-footer-content {
    padding: 0 5%; }

  .below-content .block, .region-footer .block {
    padding: 0 5%; }

  #block-news-home, #block-dreamworks-news-home {
    max-width: 100%;
    float: none; }

  #block-news-home .view-content .views-row .node--type-news .info, #block-dreamworks-news-home .view-content .views-row .node--type-news .info {
    max-width: 750px; }

  #block-booking, #block-dreamworks-booking {
    float: none;
    margin: 50px auto; }

  #block-block-references, #block-testimonials, #block-dreamworks-block-references, #block-dreamworks-testimonials {
    padding: 40px 5%; }

  #block-ctacontact, #block-dreamworks-ctacontact {
    max-width: 90%; }
    #block-ctacontact div.field, #block-dreamworks-ctacontact div.field {
      padding: 20px 20px; }
    #block-ctacontact #block-ctacontact a, #block-ctacontact #block-dreamworks-ctacontact a, #block-dreamworks-ctacontact #block-ctacontact a, #block-dreamworks-ctacontact #block-dreamworks-ctacontact a {
      margin-left: 30px; }

  #block-usp .field--name-body ul li, #block-content-usp .field--name-body ul li, #block-dreamworks-usp .field--name-body ul li, #block-dreamworks-content-usp .field--name-body ul li {
    min-width: 250px;
    vertical-align: top; }

  article.product-detail .right {
    width: 450px; }
    article.product-detail .right .field--name-body {
      padding-right: 0; }

  #block-products-detail-listing, #block-dreamworks-products-detail-listing {
    width: 100%;
    clear: both; }

  #block-offer, #block-dreamworks-offer {
    position: static;
    width: 100%;
    padding: 0 5%;
    display: block;
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 30px;
    padding-bottom: 20px; } }
@media (max-width: 1000px) {
  body.path-frontpage main .main-content .content-container #block-views-block-references-block-1, body.path-frontpage main .main-content .content-container #block-dreamworks-views-block-references-block-1 {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 40px; }

  #views_slideshow_cycle_teaser_section_references-block_1 {
    margin: 0 auto; }

  body.path-frontpage main .main-content .content-container #block-mainpagecontent, body.path-frontpage main .main-content .content-container #block-dreamworks-mainpagecontent {
    max-width: 100%;
    width: 100%;
    padding: 0 5% 40px 5%; }

  #block-news-home .view-content .views-row .node--type-news .info, #block-dreamworks-news-home .view-content .views-row .node--type-news .info {
    max-width: 70%; }

  footer#footer .region-footer #block-footerlinks .field--name-body ul, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body ul {
    width: 50%; }

  article.product-detail .left-info, article.product-detail .right {
    width: 100%;
    display: block; }
  article.product-detail .right {
    margin-top: 40px; }
  article.product-detail #block-usp, article.product-detail #block-dreamworks-usp {
    display: none; }

  #block-facebookfeed, #block-dreamworks-facebookfeed {
    clear: both;
    float: none; } }
fieldset {
  border: none; }

#block-socialsharingblock, #block-dreamworks-socialsharingblock {
  margin-top: 40px;
  text-align: center; }
  #block-socialsharingblock h2:after, #block-dreamworks-socialsharingblock h2:after {
    display: none; }

.social-media-sharing {
  text-align: center; }

@media (max-width: 975px) {
  #block-contactbanner .field--name-body, #block-dreamworks-contactbanner .field--name-body {
    display: block; }
    #block-contactbanner .field--name-body ul, #block-dreamworks-contactbanner .field--name-body ul {
      width: 100%; }

  #block-usp .field--name-body ul li, #block-content-usp .field--name-body ul li, #block-dreamworks-usp .field--name-body ul li, #block-dreamworks-content-usp .field--name-body ul li {
    width: 45%;
    margin: 30px 0; }

  .node--type-page .left, .node--type-page .right {
    width: 100% !important; } }
a.construct {
  display: inline-block;
  padding: 10px;
  background-color: #333;
  border-radius: 10px;
  color: #FFF;
  text-decoration: none; }

.ui-dialog {
  border-radius: 10px;
  border-color: #000; }
  .ui-dialog .ui-dialog-titlebar {
    background: #FFF;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px; }
  .ui-dialog .ui-widget-header {
    border: none;
    background: #FFF; }

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
  background: #742525;
  opacity: 0.8;
  padding: 10px; }
  div#sliding-popup .eu-cookie-compliance-banner h2:after, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-banner h2:after, .eu-cookie-withdraw-tab .eu-cookie-compliance-banner h2:after {
    border: 2px solid #FFF; }
  div#sliding-popup .eu-cookie-compliance-banner .agree-button, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-banner .agree-button, .eu-cookie-withdraw-tab .eu-cookie-compliance-banner .agree-button {
    font-weight: 600;
    border: 1px solid #FFF;
    padding: 10px;
    border-radius: 4px; }
  div#sliding-popup .eu-cookie-compliance-banner .decline-button, div#sliding-popup .eu-cookie-withdraw-banner .eu-cookie-compliance-banner .decline-button, .eu-cookie-withdraw-tab .eu-cookie-compliance-banner .decline-button {
    border: none;
    background: none;
    color: #F5F5F5;
    font-weight: 300;
    box-shadow: none;
    text-shadow: none;
    font-size: 14px;
    position: relative;
    top: 2px; }

iframe {
  max-width: 100%; }

#block-designerbanner, #block-dreamworks-designerbanner {
  background: url("../images/bgdesigner.jpg") no-repeat;
  background-size: 100%;
  margin-bottom: 50px;
  border-radius: 15px;
  -moz-box-shadow: inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow: inset 0 0 10px #000000; }
  #block-designerbanner .content, #block-dreamworks-designerbanner .content {
    display: inline-block;
    width: 50%;
    padding: 60px 0 60px 60px;
    color: #FFF;
    font-size: 20px; }
    #block-designerbanner .content span.new, #block-dreamworks-designerbanner .content span.new {
      font-weight: 300; }
    #block-designerbanner .content h2, #block-dreamworks-designerbanner .content h2 {
      color: #FFF; }
      #block-designerbanner .content h2:after, #block-dreamworks-designerbanner .content h2:after {
        display: none; }
    #block-designerbanner .content a.btn, #block-dreamworks-designerbanner .content a.btn {
      border: 1px solid #FFF;
      text-decoration: none;
      color: #FFF;
      padding: 10px 20px;
      display: inline-block;
      margin-top: 40px; }
  #block-designerbanner .video, #block-dreamworks-designerbanner .video {
    float: right;
    margin-top: 30px;
    margin-right: 40px;
    background-color: #000;
    border-radius: 5px; }

#block-cineappointmentblock, #block-dreamworks-cineappointmentblock {
  color: #333;
  padding: 30px; }
  #block-cineappointmentblock fieldset legend, #block-dreamworks-cineappointmentblock fieldset legend {
    display: block;
    text-align: center;
    border-bottom: 1px solid #C8C8C8;
    padding: 20px;
    width: 100%;
    background-color: #742525;
    color: #FFF;
    font-weight: 600; }
  #block-cineappointmentblock fieldset #edit-calendars .form-item, #block-dreamworks-cineappointmentblock fieldset #edit-calendars .form-item {
    padding: 20px;
    border-bottom: 1px solid #C8C8C8;
    background-color: #FFF;
    margin: 0; }
  #block-cineappointmentblock .slots, #block-dreamworks-cineappointmentblock .slots {
    margin-top: 30px;
    text-align: center; }
    #block-cineappointmentblock .slots .form-type-radio, #block-dreamworks-cineappointmentblock .slots .form-type-radio {
      display: inline-block;
      margin: 6px;
      background-color: #FFF;
      border: 1px solid #C8C8C8C8;
      padding: 4px 10px; }
  #block-cineappointmentblock #edit-submit, #block-dreamworks-cineappointmentblock #edit-submit {
    margin: 0 auto;
    display: block;
    padding: 10px; }

.template-row {
  clear: both; }
  .template-row.col-2 .col {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    padding: 1%;
    min-width: 400px; }
  .template-row.col-3 .col {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    padding: 1.33%;
    min-width: 260px; }
  .template-row.col-4 .col {
    width: 23.8%;
    display: inline-block;
    vertical-align: top;
    padding: 1%;
    min-width: 190px; }
  .template-row .visual {
    margin-bottom: 10px;
    text-align: center; }
    .template-row .visual img {
      max-width: 100%;
      width: 100%;
      height: auto; }
  .template-row .info {
    text-align: left; }

.checkout-complete__payment-instructions {
  margin-top: 40px; }

.subscribe-hch .main-content {
  padding: 40px !important;
  border: 1px solid #DDD;
  border-radius: 20px;
  background-color: #F5F5F5; }
.subscribe-hch .select2-container--default .select2-selection--single {
  border-radius: 0px;
  border: 1px solid #858585; }
.subscribe-hch .select2-container {
  width: 300px !important; }
.subscribe-hch .field--type-webform .form-type-textfield label, .subscribe-hch .field--type-webform .form-type-email label, .subscribe-hch .field--type-webform .form-type-tel label, .subscribe-hch label {
  width: 200px;
  display: inline-block;
  vertical-align: middle; }
.subscribe-hch .field--type-webform .form-item-newsletter label, .subscribe-hch .field--type-webform .form-type-checkbox label {
  width: auto; }
.subscribe-hch .form-item input, .subscribe-hch .form-item select {
  padding: 10px; }
.subscribe-hch .form-item input.form-tel {
  padding-left: 40px; }
.subscribe-hch h1::after {
  display: none; }

@media (max-width: 1152px) {
  #block-designerbanner, #block-dreamworks-designerbanner {
    background-size: 150%;
    margin-left: 20px;
    margin-right: 20px; }
    #block-designerbanner .content, #block-dreamworks-designerbanner .content {
      width: 40%; }
    #block-designerbanner .video, #block-dreamworks-designerbanner .video {
      margin-top: 90px; } }
@media (max-width: 1010px) {
  #block-designerbanner, #block-dreamworks-designerbanner {
    background-size: 200%;
    text-align: center;
    overflow: hidden; }
    #block-designerbanner .content, #block-dreamworks-designerbanner .content {
      display: block;
      width: 100%;
      text-align: center;
      padding-left: 0px;
      padding-bottom: 0; }
    #block-designerbanner .video, #block-dreamworks-designerbanner .video {
      float: none;
      display: inline-block;
      margin: 20px 0; }
      #block-designerbanner .video video, #block-dreamworks-designerbanner .video video {
        max-width: 100%; } }
@media (max-width: 950px) {
  .block-views-blockproduct-categories-block-1 {
    text-align: center; }

  #block-productoverviewblock .tabs-wrapper, #block-dreamworks-productoverviewblock .tabs-wrapper {
    text-align: center;
    width: 100%; }

  #block-productoverviewblock .tabs-content-wrapper, #block-dreamworks-productoverviewblock .tabs-content-wrapper {
    float: none;
    width: 100%;
    text-align: center; }

  #block-productoverviewblock .product-tabs-contents > li, #block-dreamworks-productoverviewblock .product-tabs-contents > li {
    margin: 0; }

  #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li {
    display: inline-block;
    margin: 10px; }
    #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li .item-list, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li .item-list {
      margin: 0; } }
@media (max-width: 850px) {
  #block-designerbanner, #block-dreamworks-designerbanner {
    background-size: 500%; }

  .layout-region-checkout-main, .layout-region-checkout-footer, .layout-region-checkout-secondary {
    float: none;
    width: 100%; } }
@media (max-width: 700px) {
  .template-row.col-2 .col, .template-row.col-3 .col, .template-row.col-4 .col {
    display: block;
    padding: 0;
    width: 100%; }

  #block-experiences .view-id-experiences, #block-dreamworks-experiences .view-id-experiences {
    height: auto; }
    #block-experiences .view-id-experiences .views-field-field-page-teaser, #block-dreamworks-experiences .view-id-experiences .views-field-field-page-teaser {
      float: none;
      display: block; }

  #block-productoverviewblock .tabs-wrapper, #block-dreamworks-productoverviewblock .tabs-wrapper {
    text-align: center;
    width: 100%; }

  #block-productoverviewblock .tabs-content-wrapper, #block-dreamworks-productoverviewblock .tabs-content-wrapper {
    float: none;
    width: 100%; }

  #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li {
    display: block;
    margin: 20px auto; }
    #block-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li .item-list, #block-dreamworks-productoverviewblock .tabs-content-wrapper ul.product-tab-content > li .item-list {
      margin: 0; }

  .view-id-news.view-display-id-block_2 article {
    text-align: center; }

  #block-news-home .view-footer, #block-dreamworks-news-home .view-footer {
    max-width: 100%;
    text-align: center;
    padding: 0; }

  #block-news-home .view-content .views-row .node--type-news .visual, #block-dreamworks-news-home .view-content .views-row .node--type-news .visual {
    margin: 0; }

  #block-contactbanner .field--name-body ul li, #block-dreamworks-contactbanner .field--name-body ul li {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 20px; }

  #block-brands-overview, #block-dreamworks-brands-overview {
    overflow: hidden;
    margin-top: 30px; }

  .jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-3 {
    min-width: 0px;
    max-width: 100%; }

  .jcarousel-skin-default .jcarousel li {
    display: block; }

  .jcarousel-control-prev, .jcarousel-control-next {
    display: none; }

  .jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-3 {
    width: auto; }

  .block-views-blockbrands-block-1 .jcarousel-wrapper.jcarousel-skin-default {
    margin-left: 0; }

  .jcarousel-skin-default .jcarousel li {
    display: inline-block; }

  .views-slideshow-controls-bottom {
    display: none; }

  .view-product-categories.view-display-id-block_1 .views-row {
    display: block;
    margin: 20px auto; }

  #block-booking, #block-cineappointmentblock, #block-dreamworks-booking, #block-dreamworks-cineappointmentblock {
    width: 100%;
    overflow: hidden; }
    #block-booking .fieldset-wrapper, #block-cineappointmentblock .fieldset-wrapper, #block-dreamworks-booking .fieldset-wrapper, #block-dreamworks-cineappointmentblock .fieldset-wrapper {
      width: 100%; }

  .view-commerce-cart-form th {
    display: none; }

  .view-commerce-cart-form tbody tr {
    border-bottom: 1px solid #CCC; }

  .view-commerce-cart-form #edit-checkout {
    margin-top: 30px; }

  .view-commerce-cart-form td {
    display: block; }
    .view-commerce-cart-form td:nth-child(2) {
      display: none; }
    .view-commerce-cart-form td:nth-child(3), .view-commerce-cart-form td:nth-child(4), .view-commerce-cart-form td:nth-child(5) {
      display: inline-block; }

  article.node--type-news.node--view-mode-teaser .info, article.node--type-event.node--view-mode-teaser .info {
    max-width: 100%;
    overflow: hidden; }

  .pager__items {
    padding: 0; }
    .pager__items .pager__item {
      display: inline-block; }
    .pager__items li {
      margin: 5px; }

  article.product-detail .left-info, article.product-detail .right, #block-products-detail-listing {
    display: block;
    float: none; }

  #block-products-detail-listing, #block-dreamworks-products-detail-listing {
    margin: 0; }

  .view-id-products .views-row {
    display: block;
    margin: 20px auto; }

  article.product-detail .right {
    margin: 0; }

  article table {
    width: 100% !important;
    max-width: 100% !important; }
    article table td {
      width: 100%;
      display: block;
      margin-top: 20px; }

  .commerce-checkout-flow .checkout-pane .fieldset-wrapper label {
    display: block;
    width: auto; }

  body.path-producten.layout-sidebar-first .main-content .content-container, body.path-taxonomy.layout-sidebar-first .main-content .content-container {
    display: block;
    float: none;
    width: 100%; }

  body.path-producten.layout-sidebar-first .main-content aside.layout-sidebar-first, body.path-taxonomy.layout-sidebar-first .main-content aside.layout-sidebar-first {
    width: 100%;
    float: none;
    display: block;
    position: static;
    margin-top: 20px;
    text-align: center; }

  .fieldset-wrapper {
    width: 300px; }
    .fieldset-wrapper select {
      max-width: 300px;
      overflow: hidden; }

  .subscribe-hch .fieldset-wrapper {
    width: 230px;
    max-width: 100%; }
    .subscribe-hch .fieldset-wrapper select {
      max-width: 100%;
      overflow: hidden; }
  .subscribe-hch .field--type-webform .form-item-newsletter label, .subscribe-hch .field--type-webform .form-type-checkbox label {
    width: 200px; }

  a.link--previous {
    display: block;
    margin-top: 20px; } }
.nav-icon {
  display: none; }

#block-cinedream-branding, #block-dreamworks-branding {
  width: 300px;
  float: left;
  margin-top: 30px; }

.region-secondary-menu {
  overflow: hidden; }
  .region-secondary-menu #block-usermenu, .region-secondary-menu #block-dreamworks-usermenu {
    float: right; }
    .region-secondary-menu #block-usermenu ul, .region-secondary-menu #block-dreamworks-usermenu ul {
      margin-bottom: 0; }
      .region-secondary-menu #block-usermenu ul li, .region-secondary-menu #block-dreamworks-usermenu ul li {
        display: inline-block;
        padding-right: 10px;
        margin-right: 20px; }
        .region-secondary-menu #block-usermenu ul li a, .region-secondary-menu #block-dreamworks-usermenu ul li a {
          color: #FFF;
          text-decoration: none;
          font-weight: 300; }
  .region-secondary-menu #block-search, .region-secondary-menu #block-dreamworks-search {
    float: right;
    margin-left: 30px; }
    .region-secondary-menu #block-search form, .region-secondary-menu #block-dreamworks-search form {
      color: #000; }
      .region-secondary-menu #block-search form label, .region-secondary-menu #block-dreamworks-search form label {
        display: none; }
      .region-secondary-menu #block-search form .form-item-zoeken, .region-secondary-menu #block-search form .form-actions, .region-secondary-menu #block-dreamworks-search form .form-item-zoeken, .region-secondary-menu #block-dreamworks-search form .form-actions {
        display: inline-block; }
      .region-secondary-menu #block-search form .form-actions, .region-secondary-menu #block-dreamworks-search form .form-actions {
        display: none; }
      .region-secondary-menu #block-search form .form-item-zoeken input, .region-secondary-menu #block-dreamworks-search form .form-item-zoeken input {
        width: 130px;
        display: inline-block;
        background-color: #333;
        color: #F5F5F5;
        border: none;
        padding: 5px; }
        .region-secondary-menu #block-search form .form-item-zoeken input:focus, .region-secondary-menu #block-dreamworks-search form .form-item-zoeken input:focus {
          width: 300px;
          position: relative;
          left: 0;
          background-color: #FFF;
          color: #000; }
      .region-secondary-menu #block-search form .form-item-zoeken:before, .region-secondary-menu #block-dreamworks-search form .form-item-zoeken:before {
        background-image: url("../images/search-white.svg");
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position-y: 4px;
        display: inline-block;
        width: 20px;
        height: 20px;
        content: ""; }
  .region-secondary-menu #block-basket, .region-secondary-menu #block-dreamworks-basket {
    float: right;
    margin-top: 15px; }
    .region-secondary-menu #block-basket a, .region-secondary-menu #block-dreamworks-basket a {
      color: #FFF;
      text-decoration: none;
      font-weight: 300; }

nav#block-hoofdnavigatie, nav#block-dreamworks {
  float: right; }
  nav#block-hoofdnavigatie li, nav#block-dreamworks li {
    display: inline-block;
    padding-right: 20px;
    margin-right: 30px; }
    nav#block-hoofdnavigatie li:last-child, nav#block-dreamworks li:last-child {
      padding-right: 0;
      margin-right: 0; }
    nav#block-hoofdnavigatie li a, nav#block-hoofdnavigatie li a:hover, nav#block-hoofdnavigatie li a:active, nav#block-hoofdnavigatie li a:link, nav#block-dreamworks li a, nav#block-dreamworks li a:hover, nav#block-dreamworks li a:active, nav#block-dreamworks li a:link {
      color: #FFF;
      text-decoration: none;
      text-transform: uppercase; }
      nav#block-hoofdnavigatie li a:hover, nav#block-hoofdnavigatie li a:active, nav#block-hoofdnavigatie li a.is-active, nav#block-hoofdnavigatie li a:hover:hover, nav#block-hoofdnavigatie li a:hover:active, nav#block-hoofdnavigatie li a:hover.is-active, nav#block-hoofdnavigatie li a:active:hover, nav#block-hoofdnavigatie li a:active:active, nav#block-hoofdnavigatie li a:active.is-active, nav#block-hoofdnavigatie li a:link:hover, nav#block-hoofdnavigatie li a:link:active, nav#block-hoofdnavigatie li a:link.is-active, nav#block-dreamworks li a:hover, nav#block-dreamworks li a:active, nav#block-dreamworks li a.is-active, nav#block-dreamworks li a:hover:hover, nav#block-dreamworks li a:hover:active, nav#block-dreamworks li a:hover.is-active, nav#block-dreamworks li a:active:hover, nav#block-dreamworks li a:active:active, nav#block-dreamworks li a:active.is-active, nav#block-dreamworks li a:link:hover, nav#block-dreamworks li a:link:active, nav#block-dreamworks li a:link.is-active {
        font-weight: 600; }

nav #block-dreamworks {
  float: left;
  margin-top: 40px; }
  nav #block-dreamworks li a, nav #block-dreamworks li a:hover, nav #block-dreamworks li a:active, nav #block-dreamworks li a:link {
    color: #222; }

header {
  background-color: #000;
  height: 130px;
  color: #fff; }
  header .container {
    max-width: 78.125em;
    margin: 0 auto; }

@media (max-width: 1140px) {
  header .nav-icon {
    margin: 1em;
    width: 40px;
    position: absolute;
    top: 20px;
    right: 20px;
    display: block; }
  header .nav-icon:after,
  header .nav-icon:before,
  header .nav-icon div {
    background-color: #fff;
    border-radius: 3px;
    content: '';
    display: block;
    height: 5px;
    margin: 7px 0;
    transition: all .2s ease-in-out; }
  header .nav-icon.active:before {
    transform: translateY(12px) rotate(135deg); }
  header .nav-icon.active:after {
    transform: translateY(-12px) rotate(-135deg); }
  header .nav-icon.active div {
    transform: scale(0); }

  nav#block-hoofdnavigatie, nav#block-dreamworks {
    display: none; }

  nav#block-hoofdnavigatie.visible, nav#block-dreamworks.visible {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fff;
    top: 130px;
    bottom: 0;
    z-index: 2000;
    overflow: visible; }
    nav#block-hoofdnavigatie.visible > ul.menu, nav#block-dreamworks.visible > ul.menu {
      display: block;
      margin: 40px 0 0 0;
      padding: 0; }
      nav#block-hoofdnavigatie.visible > ul.menu li, nav#block-dreamworks.visible > ul.menu li {
        padding-top: 30px;
        display: block;
        text-align: center;
        margin: 0;
        padding: 0;
        float: none; }
        nav#block-hoofdnavigatie.visible > ul.menu li a, nav#block-hoofdnavigatie.visible > ul.menu li a:active, nav#block-hoofdnavigatie.visible > ul.menu li a:link, nav#block-hoofdnavigatie.visible > ul.menu li a:hover, nav#block-dreamworks.visible > ul.menu li a, nav#block-dreamworks.visible > ul.menu li a:active, nav#block-dreamworks.visible > ul.menu li a:link, nav#block-dreamworks.visible > ul.menu li a:hover {
          color: #222; }
      nav#block-hoofdnavigatie.visible > ul.menu > li, nav#block-dreamworks.visible > ul.menu > li {
        margin-top: 40px; }
      nav#block-hoofdnavigatie.visible > ul.menu > li.menu-item--expanded > ul.menu, nav#block-dreamworks.visible > ul.menu > li.menu-item--expanded > ul.menu {
        display: block;
        margin: 0;
        padding: 0; } }
@media (max-width: 1140px) {
  header .nav-icon {
    top: 10px; }
  header #block-cinedream-branding, header #block-dreamworks-branding {
    max-width: 170px; }
  header .region-secondary-menu {
    display: none; }
    header .region-secondary-menu.visible {
      display: block; }
    header .region-secondary-menu #block-search, header .region-secondary-menu #block-dreamworks-search {
      position: absolute;
      top: 70px;
      left: 0px;
      float: none; }
    header .region-secondary-menu #block-usermenu, header .region-secondary-menu #block-dreamworks-usermenu {
      float: none;
      position: absolute;
      top: 68px;
      right: 100px; }
    header .region-secondary-menu #block-basket, header .region-secondary-menu #block-dreamworks-basket {
      float: none;
      position: absolute;
      top: 68px;
      right: 30px; } }
@media (max-width: 400px) {
  #block-usermenu, #block-dreamworks-usermenu {
    display: none; } }
footer#footer {
  clear: both;
  margin: 60px 0 0 0;
  padding: 0; }
  footer#footer .region-footer #block-footerlinks, footer#footer .region-footer #block-dreamworks-footerlinks {
    padding: 30px 0;
    background: #742525 url("../images/movie2.svg") no-repeat;
    background-size: 40%;
    background-position-y: 10px;
    background-position-x: right;
    color: #fff; }
    footer#footer .region-footer #block-footerlinks .field--name-body, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body {
      max-width: 78.125em;
      margin: 0 auto; }
      footer#footer .region-footer #block-footerlinks .field--name-body ul, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body ul {
        padding-inline-start: 0;
        list-style-type: none;
        display: inline-block;
        vertical-align: top;
        width: 250px; }
        footer#footer .region-footer #block-footerlinks .field--name-body ul li, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body ul li {
          font-weight: 600; }
          footer#footer .region-footer #block-footerlinks .field--name-body ul li a, footer#footer .region-footer #block-footerlinks .field--name-body ul li a:hover, footer#footer .region-footer #block-footerlinks .field--name-body ul li a:active, footer#footer .region-footer #block-footerlinks .field--name-body ul li a:link, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body ul li a, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body ul li a:hover, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body ul li a:active, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body ul li a:link {
            text-decoration: none;
            color: #fff;
            font-weight: 400; }
          footer#footer .region-footer #block-footerlinks .field--name-body ul li ul, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body ul li ul {
            width: auto;
            display: block;
            padding-inline-start: 10px; }
            footer#footer .region-footer #block-footerlinks .field--name-body ul li ul li, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body ul li ul li {
              font-weight: 300; }
      footer#footer .region-footer #block-footerlinks .field--name-body p, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body p {
        display: none; }
  footer#footer .region-footer #block-copyright, footer#footer .region-footer #block-dreamworks-copyright {
    background-color: #222;
    color: #fff; }
    footer#footer .region-footer #block-copyright .field--name-body, footer#footer .region-footer #block-dreamworks-copyright .field--name-body {
      max-width: 78.125em;
      margin: 0 auto;
      padding: 10px 0; }
      footer#footer .region-footer #block-copyright .field--name-body p, footer#footer .region-footer #block-dreamworks-copyright .field--name-body p {
        font-size: 13px; }
      footer#footer .region-footer #block-copyright .field--name-body a, footer#footer .region-footer #block-copyright .field--name-body a:link, footer#footer .region-footer #block-copyright .field--name-body a:active, footer#footer .region-footer #block-copyright .field--name-body a:hover, footer#footer .region-footer #block-dreamworks-copyright .field--name-body a, footer#footer .region-footer #block-dreamworks-copyright .field--name-body a:link, footer#footer .region-footer #block-dreamworks-copyright .field--name-body a:active, footer#footer .region-footer #block-dreamworks-copyright .field--name-body a:hover {
        color: #FFF;
        font-weight: normal; }

#block-dreamworksfooter {
  text-align: center;
  padding: 40px;
  box-sizing: border-box;
  width: auto;
  background: #eceef2;
  margin-top: 15px; }
  #block-dreamworksfooter ul {
    list-style-type: none; }
    #block-dreamworksfooter ul li {
      display: inline-block;
      margin-right: 50px; }

@media (max-width: 1151px) {
  footer#footer .region-footer #block-footerlinks, footer#footer .region-footer #block-dreamworks-footerlinks {
    padding: 30px 5%; }

  footer#footer .region-footer #block-footerlinks .field--name-body ul, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body ul {
    width: 220px; } }
@media (max-width: 1000px) {
  footer#footer .region-footer #block-footerlinks .field--name-body ul, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body ul {
    width: 45%; }

  footer#footer .region-footer #block-footerlinks, footer#footer .region-footer #block-dreamworks-footerlinks {
    background-size: 150%;
    background-position-x: -100px; } }
@media (max-width: 400px) {
  footer#footer .region-footer #block-footerlinks .field--name-body ul, footer#footer .region-footer #block-dreamworks-footerlinks .field--name-body ul {
    width: 100%;
    text-align: center; } }
/**
 * @file
 * Print styling
 */
/**
 * By importing this CSS file as media "all", we allow this print file to be
 * aggregated with other stylesheets, for improved front-end performance.
 */
@media print {
  body {
    padding-top: 0 !important;
    color: #000; }

  /* Underline all links. */
  a,
  a:link,
  a:visited {
    text-decoration: underline !important;
    color: #000 !important; }

  main a[href]:after {
    content: " (" attr(href) ")" !important;
    color: #000 !important; }
  main a[href^="javascript:"]:after,
  main a[href^="#"]:after {
    content: ""; }
  main abbr[title]:after {
    content: " (" attr(title) ")"; }

  /* Turn off any background colors or images. */
  header,
  body,
  #main-content {
    color: #000;
    background-color: transparent !important;
    background-image: none !important; }

  /* Hide sidebars and nav elements. */
  .skip-link,
  #toolbar-administration,
  .toolbar,
  nav,
  footer,
  iframe,
  .trigger,
  .breadcrumb,
  .tabs,
  .pager,
  .feed-icons {
    display: none;
    visibility: hidden; } }
/*# sourceMappingURL=custom.css.map */