@charset "UTF-8";
/* gems and variables */
@import url("https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.cdnfonts.com/css/facile-sans");
/* New colors */
/* Layout colors */
/* Elements color */
/* Foundation elements */
/* We use these to set padding and hover factor */
/* These style the titles */
/* Want to control border size, here ya go! */
/* Control the color of the background and some size options */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  font-size: 100%;
}

body {
  background: #040707;
  color: #fff;
  padding: 0;
  margin: 0;
  font-family: "Familjen Grotesk", "TrebuchetMS", "Trebuchet MS", "Arial", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
}

a:focus {
  outline: none;
}

img,
object,
embed {
  max-width: 100%;
  height: auto;
}

object,
embed {
  height: 100%;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.hide {
  display: none;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
}

img {
  display: inline-block;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1400px;
  *zoom: 1;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row .column,
.row .columns {
  position: relative;
  padding-left: 0.625em;
  padding-right: 0.625em;
  width: 100%;
  float: left;
}
.row.collapse .column,
.row.collapse .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left;
}
.row .row {
  width: auto;
  margin-left: -0.625em;
  margin-right: -0.625em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1;
}
.row .row:before, .row .row:after {
  content: " ";
  display: table;
}
.row .row:after {
  clear: both;
}
.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table;
}
.row .row.collapse:after {
  clear: both;
}

@media only screen {
  .row .column,
  .row .columns {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    float: left;
  }
  .row .small-1 {
    position: relative;
    width: 8.3333333333%;
  }
  .row .small-2 {
    position: relative;
    width: 16.6666666667%;
  }
  .row .small-3 {
    position: relative;
    width: 25%;
  }
  .row .small-4 {
    position: relative;
    width: 33.3333333333%;
  }
  .row .small-5 {
    position: relative;
    width: 41.6666666667%;
  }
  .row .small-6 {
    position: relative;
    width: 50%;
  }
  .row .small-7 {
    position: relative;
    width: 58.3333333333%;
  }
  .row .small-8 {
    position: relative;
    width: 66.6666666667%;
  }
  .row .small-9 {
    position: relative;
    width: 75%;
  }
  .row .small-10 {
    position: relative;
    width: 83.3333333333%;
  }
  .row .small-11 {
    position: relative;
    width: 91.6666666667%;
  }
  .row .small-12 {
    position: relative;
    width: 100%;
  }
  .row .small-offset-1 {
    position: relative;
    margin-left: 8.3333333333%;
  }
  .row .small-offset-2 {
    position: relative;
    margin-left: 16.6666666667%;
  }
  .row .small-offset-3 {
    position: relative;
    margin-left: 25%;
  }
  .row .small-offset-4 {
    position: relative;
    margin-left: 33.3333333333%;
  }
  .row .small-offset-5 {
    position: relative;
    margin-left: 41.6666666667%;
  }
  .row .small-offset-6 {
    position: relative;
    margin-left: 50%;
  }
  .row .small-offset-7 {
    position: relative;
    margin-left: 58.3333333333%;
  }
  .row .small-offset-8 {
    position: relative;
    margin-left: 66.6666666667%;
  }
  .row .small-offset-9 {
    position: relative;
    margin-left: 75%;
  }
  .row .small-offset-10 {
    position: relative;
    margin-left: 83.3333333333%;
  }
  [class*=column] + [class*=column]:last-child {
    float: right;
  }
  [class*=column] + [class*=column].end {
    float: left;
  }
  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
}
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
  .row .large-1 {
    position: relative;
    width: 8.3333333333%;
  }
  .row .large-2 {
    position: relative;
    width: 16.6666666667%;
  }
  .row .large-3 {
    position: relative;
    width: 25%;
  }
  .row .large-4 {
    position: relative;
    width: 33.3333333333%;
  }
  .row .large-5 {
    position: relative;
    width: 41.6666666667%;
  }
  .row .large-6 {
    position: relative;
    width: 50%;
  }
  .row .large-7 {
    position: relative;
    width: 58.3333333333%;
  }
  .row .large-8 {
    position: relative;
    width: 66.6666666667%;
  }
  .row .large-9 {
    position: relative;
    width: 75%;
  }
  .row .large-10 {
    position: relative;
    width: 83.3333333333%;
  }
  .row .large-11 {
    position: relative;
    width: 91.6666666667%;
  }
  .row .large-12 {
    position: relative;
    width: 100%;
  }
  .row .large-offset-1 {
    position: relative;
    margin-left: 8.3333333333%;
  }
  .row .large-offset-2 {
    position: relative;
    margin-left: 16.6666666667%;
  }
  .row .large-offset-3 {
    position: relative;
    margin-left: 25%;
  }
  .row .large-offset-4 {
    position: relative;
    margin-left: 33.3333333333%;
  }
  .row .large-offset-5 {
    position: relative;
    margin-left: 41.6666666667%;
  }
  .row .large-offset-6 {
    position: relative;
    margin-left: 50%;
  }
  .row .large-offset-7 {
    position: relative;
    margin-left: 58.3333333333%;
  }
  .row .large-offset-8 {
    position: relative;
    margin-left: 66.6666666667%;
  }
  .row .large-offset-9 {
    position: relative;
    margin-left: 75%;
  }
  .row .large-offset-10 {
    position: relative;
    margin-left: 83.3333333333%;
  }
  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto;
  }
  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto;
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto;
  }
  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto;
  }
  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto;
  }
  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto;
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto;
  }
  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto;
  }
  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto;
  }
  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto;
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto;
  }
  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto;
  }
  .small-push-2 {
    left: inherit;
  }
  .small-pull-2 {
    right: inherit;
  }
  .small-push-3 {
    left: inherit;
  }
  .small-pull-3 {
    right: inherit;
  }
  .small-push-4 {
    left: inherit;
  }
  .small-pull-4 {
    right: inherit;
  }
  .small-push-5 {
    left: inherit;
  }
  .small-pull-5 {
    right: inherit;
  }
  .small-push-6 {
    left: inherit;
  }
  .small-pull-6 {
    right: inherit;
  }
  .small-push-7 {
    left: inherit;
  }
  .small-pull-7 {
    right: inherit;
  }
  .small-push-8 {
    left: inherit;
  }
  .small-pull-8 {
    right: inherit;
  }
  .small-push-9 {
    left: inherit;
  }
  .small-pull-9 {
    right: inherit;
  }
  .small-push-10 {
    left: inherit;
  }
  .small-pull-10 {
    right: inherit;
  }
  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
}
/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit !important;
}

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
  display: none !important;
}

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit !important;
}

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
  display: none !important;
}

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
  display: table;
}

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
  display: table-header-group !important;
}

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
  display: table-row-group !important;
}

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
  display: table-row !important;
}

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
  display: table-cell !important;
}

/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 768px) {
  .show-for-medium,
  .show-for-medium-up {
    display: inherit !important;
  }
  .show-for-small {
    display: none !important;
  }
  .hide-for-small {
    display: inherit !important;
  }
  .hide-for-medium,
  .hide-for-medium-up {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
    display: table;
  }
  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
    display: table-header-group !important;
  }
  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
    display: table-row-group !important;
  }
  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
    display: table-row !important;
  }
  td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
  th.show-for-medium,
  th.show-for-medium-up,
  th.hide-for-small {
    display: table-cell !important;
  }
}
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 1024px) {
  .show-for-large,
  .show-for-large-up {
    display: inherit !important;
  }
  .show-for-medium,
  .show-for-medium-down {
    display: none !important;
  }
  .hide-for-medium,
  .hide-for-medium-down {
    display: inherit !important;
  }
  .hide-for-large,
  .hide-for-large-up {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
    display: table;
  }
  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
    display: table-header-group !important;
  }
  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
    display: table-row-group !important;
  }
  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
    display: table-row !important;
  }
  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
  th.show-for-large,
  th.show-for-large-up,
  th.hide-for-medium,
  th.hide-for-medium-down {
    display: table-cell !important;
  }
}
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 1200px) {
  .show-for-xlarge {
    display: inherit !important;
  }
  .show-for-large,
  .show-for-large-down {
    display: none !important;
  }
  .hide-for-large,
  .hide-for-large-down {
    display: inherit !important;
  }
  .hide-for-xlarge {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
    display: table;
  }
  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
    display: table-header-group !important;
  }
  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
    display: table-row-group !important;
  }
  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
    display: table-row !important;
  }
  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
  th.show-for-xlarge,
  th.hide-for-large,
  th.hide-for-large-down {
    display: table-cell !important;
  }
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table;
}

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important;
}

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table;
  }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important;
  }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important;
  }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important;
  }
  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important;
  }
}
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important;
  }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table;
  }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important;
  }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important;
  }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important;
  }
  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important;
  }
}
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

/* Specific visilbity for tables */
table.hide-for-touch {
  display: table;
}

.touch table.show-for-touch {
  display: table;
}

thead.hide-for-touch {
  display: table-header-group !important;
}

.touch thead.show-for-touch {
  display: table-header-group !important;
}

tbody.hide-for-touch {
  display: table-row-group !important;
}

.touch tbody.show-for-touch {
  display: table-row-group !important;
}

tr.hide-for-touch {
  display: table-row !important;
}

.touch tr.show-for-touch {
  display: table-row !important;
}

td.hide-for-touch {
  display: table-cell !important;
}

.touch td.show-for-touch {
  display: table-cell !important;
}

th.hide-for-touch {
  display: table-cell !important;
}

.touch th.show-for-touch {
  display: table-cell !important;
}

p.lead {
  font-size: 1.25em;
  line-height: 1.6;
}

.subheader {
  line-height: 1.4;
  color: white;
  font-weight: normal;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr;
}

/* Default Link Styles */
a {
  color: rgb(245, 158, 46);
  text-decoration: none;
  line-height: inherit;
}
a:hover, a:focus {
  color: #fff;
}
a img {
  border: none;
}

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 0.7142857143em;
  text-rendering: optimizeLegibility;
}
p aside {
  font-size: 1em;
  line-height: 1.35;
  font-style: italic;
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Arial", sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #fff;
  text-rendering: optimizeLegibility;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  line-height: 1.1857142857em;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 70%;
  color: white;
  line-height: 0;
}

h1 {
  font-size: 0.4857142857em;
}

h2 {
  font-size: 0.4857142857em;
}

h3 {
  font-size: 0.7428571429em;
}

h4 {
  font-size: 0.7428571429em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 1em;
}

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.4285714286em 0 1.3571428571em;
  height: 0;
}

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 70%;
  line-height: inherit;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: rgb(151.8223140496, 35.5619834711, 13.6776859504);
}

/* Lists */
ul,
ol,
dl {
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 0.7142857143em;
  list-style-position: outside;
  font-family: inherit;
}

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.4285714286em;
  margin-bottom: 0;
  font-size: 1em; /* Override nested font-size change */
}
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit;
}
ul.square {
  list-style-type: square;
}
ul.circle {
  list-style-type: circle;
}
ul.disc {
  list-style-type: disc;
}
ul.no-bullet {
  list-style: none;
}

/* Ordered Lists */
ol li ul,
ol li ol {
  margin-left: 1.4285714286em;
  margin-bottom: 0;
}

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold;
}
dl dd {
  margin-bottom: 0.8571428571em;
}

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #fff;
  border-bottom: 1px dotted #ddd;
  cursor: help;
}

abbr {
  text-transform: none;
}

/* Blockquotes */
blockquote {
  margin: 0 0 0.7142857143em;
  padding: 0.6428571429em 1.4285714286em 0 1.3571428571em;
  border-left: 1px solid #ddd;
}
blockquote cite {
  display: block;
  font-size: 0.9285714286em;
  color: white;
}
blockquote cite:before {
  content: "— ";
}
blockquote cite a,
blockquote cite a:visited {
  color: white;
}

blockquote,
blockquote p {
  line-height: 1.4;
  color: white;
}

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.4285714286em 0;
  border: 1px solid #ddd;
  padding: 0.7142857143em 0.8571428571em;
}
.vcard li {
  margin: 0;
  display: block;
}
.vcard .fn {
  font-weight: bold;
  font-size: 1.0714285714em;
}

.vevent .summary {
  font-weight: bold;
}
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0714285714em;
}

@media only screen and (min-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
  }
  h1 {
    font-size: 1.2em;
  }
  h2 {
    font-size: 1.2em;
  }
  h3 {
    font-size: 1.1em;
  }
  h4 {
    font-size: 1.1em;
  }
}
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group; /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .hide-on-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  .show-for-print {
    display: inherit !important;
  }
}
button, .button {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: inherit;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1.4285714286em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.8571428571em;
  padding-right: 1.7142857143em;
  padding-bottom: 0.9285714286em;
  padding-left: 1.7142857143em;
  font-size: 1.1428571429em;
  background-color: #fff;
  border-color: rgb(229.5, 229.5, 229.5);
}
button:hover, button:focus, .button:hover, .button:focus {
  background-color: rgb(229.5, 229.5, 229.5);
}
button.secondary, .button.secondary {
  background-color: rgb(245, 158, 46);
  border-color: rgb(229.0410958904, 133.698630137, 10.9589041096);
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  background-color: rgb(229.0410958904, 133.698630137, 10.9589041096);
}
button.success, .button.success {
  background-color: #99cc99;
  border-color: #77bb77;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  background-color: #77bb77;
}
button.alert, .button.alert {
  background-color: #de3414;
  border-color: rgb(175.2148760331, 41.041322314, 15.7851239669);
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  background-color: rgb(175.2148760331, 41.041322314, 15.7851239669);
}
button.large, .button.large {
  padding-top: 1.1428571429em;
  padding-right: 2.2857142857em;
  padding-bottom: 1.2142857143em;
  padding-left: 2.2857142857em;
  font-size: 1.4285714286em;
}
button.small, .button.small {
  padding-top: 0.6428571429em;
  padding-right: 1.2857142857em;
  padding-bottom: 0.7142857143em;
  padding-left: 1.2857142857em;
  font-size: 0.9285714286em;
}
button.tiny, .button.tiny {
  padding-top: 0.5714285714em;
  padding-right: 1.1428571429em;
  padding-bottom: 0.6428571429em;
  padding-left: 1.1428571429em;
  font-size: 0.7857142857em;
}
button.expand, .button.expand {
  padding-top: false;
  padding-right: 0px;
  padding-bottom: false0.0714285714em;
  padding-left: 0px;
  width: 100%;
}
button.left-align, .button.left-align {
  text-align: left;
  text-indent: 0.8571428571em;
}
button.right-align, .button.right-align {
  text-align: right;
  padding-right: 0.8571428571em;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
  background-color: #fff;
  border-color: rgb(229.5, 229.5, 229.5);
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: rgb(229.5, 229.5, 229.5);
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #fff;
}
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
  background-color: rgb(245, 158, 46);
  border-color: rgb(229.0410958904, 133.698630137, 10.9589041096);
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: rgb(229.0410958904, 133.698630137, 10.9589041096);
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: rgb(245, 158, 46);
}
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
  background-color: #99cc99;
  border-color: #77bb77;
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #77bb77;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #99cc99;
}
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
  background-color: #de3414;
  border-color: rgb(175.2148760331, 41.041322314, 15.7851239669);
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: rgb(175.2148760331, 41.041322314, 15.7851239669);
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #de3414;
}

input.button,
button.button {
  padding-top: 0.9285714286em;
  padding-bottom: 0.8571428571em;
}
input.button.tiny,
button.button.tiny {
  padding-top: 0.6428571429em;
  padding-bottom: 0.5714285714em;
}
input.button.small,
button.button.small {
  padding-top: 0.7142857143em;
  padding-bottom: 0.6428571429em;
}
input.button.large,
button.button.large {
  padding-top: 1.1785714286em;
  padding-bottom: 1.1785714286em;
}

@media only screen {
  .button {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
  }
  .button:active {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  }
  .button.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .button.round {
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .button {
    display: inline-block;
  }
}
/* Standard Forms */
form {
  margin: 0 0 16px;
}

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -8px;
}
form .row .row .column,
form .row .row .columns {
  padding: 0 8px;
}
form .row .row.collapse {
  margin: 0;
}
form .row .row.collapse .column,
form .row .row.collapse .columns {
  padding: 0;
}
form .row input.column,
form .row input.columns {
  padding-left: 8px;
}

/* Label Styles */
label {
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: 400;
  margin-bottom: 0.2142857143em;
}
label.right {
  float: none;
  text-align: right;
}
label.inline {
  margin: 0 0 16px 0;
  padding: 10px 0;
}

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 16px;
  height: 39px;
  line-height: 39px;
}

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.4285714286em;
}

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.4285714286em;
}

.prefix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.postfix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.prefix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

.postfix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
}

/* Separate prefix and postfix styles when on span so buttons keep their own */
span.prefix {
  background: rgb(242.25, 242.25, 242.25);
  border-color: rgb(216.75, 216.75, 216.75);
  border-right: none;
  color: #333;
}
span.prefix.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

span.postfix {
  background: rgb(242.25, 242.25, 242.25);
  border-color: #cccccc;
  border-left: none;
  color: #333;
}
span.postfix.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* We use this to get basic styling on all basic form elements */
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
textarea {
  background-color: #fff;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #040707;
  display: block;
  font-size: 1em;
  margin: 0 0 20px 0;
  padding: 8px;
  height: 36px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
textarea:focus {
  background: rgb(249.9, 249.9, 249.9);
  border-color: #999999;
  outline: none;
}
input[type=text][disabled],
input[type=password][disabled],
input[type=date][disabled],
input[type=datetime][disabled],
input[type=datetime-local][disabled],
input[type=month][disabled],
input[type=week][disabled],
input[type=email][disabled],
input[type=number][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=time][disabled],
input[type=url][disabled],
textarea[disabled] {
  background-color: #ddd;
}

/* We add basic fieldset styling */
fieldset {
  border: solid 1px #ddd;
  padding: 1.4285714286em;
  margin: 1.2857142857em 0;
}
fieldset legend {
  font-weight: bold;
  background: #fff;
  padding: 0 0.2142857143em;
  margin: 0;
  margin-left: -0.2142857143em;
}

/* Error Handling */
.error input,
input.error,
.error textarea,
textarea.error {
  border-color: #de3414;
  background-color: rgba(222, 52, 20, 0.1);
}
.error input:focus,
input.error:focus,
.error textarea:focus,
textarea.error:focus {
  background: rgb(249.9, 249.9, 249.9);
  border-color: #999999;
}

.error label,
label.error {
  color: #de3414;
}

.error small,
small.error {
  display: block;
  padding: 0.4285714286em 0.2857142857em;
  margin-top: -21px;
  margin-bottom: 16px;
  font-size: 0.8571428571em;
  font-weight: bold;
  background: #de3414;
  color: #fff;
}

/* Custom Checkbox and Radio Inputs */
form.custom .custom {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  border: solid 1px #ccc;
  background: #fff;
}
form.custom .custom.radio {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}
form.custom .custom.checkbox:before {
  content: "";
  display: block;
  line-height: 0.8;
  height: 14px;
  width: 14px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #fff;
}
form.custom .custom.radio.checked:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  background: #fff;
  position: relative;
  top: 3px;
  left: 3px;
}
form.custom .custom.checkbox.checked:before {
  content: "×";
  color: #fff;
}

/* Custom Select Options and Dropdowns */
form.custom {
  /* Custom input, disabled */
}
form.custom .custom.dropdown {
  display: block;
  position: relative;
  top: 0;
  height: 37px;
  margin-bottom: 1.4285714286em;
  margin-top: 0px;
  padding: 0px;
  width: 100%;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 1em;
  vertical-align: top;
}
form.custom .custom.dropdown ul {
  overflow-y: auto;
  max-height: 200px;
}
form.custom .custom.dropdown .current {
  cursor: default;
  white-space: nowrap;
  line-height: 36px;
  color: #040707;
  text-decoration: none;
  overflow: hidden;
  display: block;
  margin-left: 8px;
  margin-right: 37px;
}
form.custom .custom.dropdown .selector {
  cursor: default;
  position: absolute;
  width: 40px;
  height: 37px;
  display: block;
  right: 0;
  top: 0;
}
form.custom .custom.dropdown .selector:after {
  content: "";
  display: block;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: #aaa transparent transparent transparent;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -3px;
}
form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: #222 transparent transparent transparent;
}
form.custom .custom.dropdown .disabled {
  color: #888;
}
form.custom .custom.dropdown .disabled:hover {
  background: transparent;
  color: #888;
}
form.custom .custom.dropdown .disabled:hover:after {
  display: none;
}
form.custom .custom.dropdown.open ul {
  display: block;
  z-index: 10;
  min-width: 100%;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
form.custom .custom.dropdown.small {
  max-width: 134px;
}
form.custom .custom.dropdown.medium {
  max-width: 254px;
}
form.custom .custom.dropdown.large {
  max-width: 434px;
}
form.custom .custom.dropdown.expand {
  width: 100% !important;
}
form.custom .custom.dropdown.open.small ul {
  min-width: 134px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
form.custom .custom.dropdown.open.medium ul {
  min-width: 254px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
form.custom .custom.dropdown.open.large ul {
  min-width: 434px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
form.custom .custom.dropdown ul {
  position: absolute;
  width: auto;
  display: none;
  margin: 0;
  left: -1px;
  top: auto;
  -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0;
  background: #fff;
  border: solid 1px #cccccc;
  font-size: 14px;
}
form.custom .custom.dropdown ul li {
  color: #555;
  font-size: 1em;
  cursor: default;
  padding-top: 0.2857142857em;
  padding-bottom: 0.2857142857em;
  padding-left: 0.4285714286em;
  padding-right: 2.7142857143em;
  min-height: 1.7142857143em;
  line-height: 1.7142857143em;
  margin: 0;
  white-space: nowrap;
  list-style: none;
}
form.custom .custom.dropdown ul li.selected {
  background: #eeeeee;
  color: #000;
}
form.custom .custom.dropdown ul li:hover {
  background-color: rgb(227.8, 227.8, 227.8);
  color: #000;
}
form.custom .custom.dropdown ul li.selected:hover {
  background: #eeeeee;
  cursor: default;
  color: #000;
}
form.custom .custom.dropdown ul.show {
  display: block;
}
form.custom .custom.disabled {
  background-color: #ddd;
}

/* Button Groups */
.button-group {
  list-style: none;
  margin: 0;
  *zoom: 1;
}
.button-group:before, .button-group:after {
  content: " ";
  display: table;
}
.button-group:after {
  clear: both;
}
.button-group > * {
  margin: 0 0 0 -1px;
  float: left;
}
.button-group > *:first-child {
  margin-left: 0;
}
.button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.button-group.even-2 li {
  width: 50%;
}
.button-group.even-2 li .button {
  width: 100%;
}
.button-group.even-3 li {
  width: 33.3333333333%;
}
.button-group.even-3 li .button {
  width: 100%;
}
.button-group.even-4 li {
  width: 25%;
}
.button-group.even-4 li .button {
  width: 100%;
}
.button-group.even-5 li {
  width: 20%;
}
.button-group.even-5 li .button {
  width: 100%;
}
.button-group.even-6 li {
  width: 16.6666666667%;
}
.button-group.even-6 li .button {
  width: 100%;
}
.button-group.even-7 li {
  width: 14.2857142857%;
}
.button-group.even-7 li .button {
  width: 100%;
}
.button-group.even-8 li {
  width: 12.5%;
}
.button-group.even-8 li .button {
  width: 100%;
}

.button-bar {
  *zoom: 1;
}
.button-bar:before, .button-bar:after {
  content: " ";
  display: table;
}
.button-bar:after {
  clear: both;
}
.button-bar .button-group {
  float: left;
  margin-right: 0.7142857143em;
}
.button-bar .button-group div {
  overflow: hidden;
}

/* Dropdown Button */
.dropdown.button {
  position: relative;
  padding-right: 3.6428571429em;
}
.dropdown.button:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  top: 50%;
}
.dropdown.button:before {
  border-width: 0.6428571429em;
  right: 1.7142857143em;
  margin-top: -0.2857142857em;
}
.dropdown.button:before {
  border-color: #000000 transparent transparent transparent;
}
.dropdown.button.tiny {
  padding-right: 2.8571428571em;
}
.dropdown.button.tiny:before {
  border-width: 0.5714285714em;
  right: 1.1428571429em;
  margin-top: -0.2142857143em;
}
.dropdown.button.tiny:before {
  border-color: #000000 transparent transparent transparent;
}
.dropdown.button.small {
  padding-right: 3.2142857143em;
}
.dropdown.button.small:before {
  border-width: 0.6428571429em;
  right: 1.2857142857em;
  margin-top: -0.25em;
}
.dropdown.button.small:before {
  border-color: #000000 transparent transparent transparent;
}
.dropdown.button.large {
  padding-right: 4.5714285714em;
}
.dropdown.button.large:before {
  border-width: 0.7142857143em;
  right: 2em;
  margin-top: -0.3571428571em;
}
.dropdown.button.large:before {
  border-color: #000000 transparent transparent transparent;
}
.dropdown.button.secondary:before {
  border-color: #333 transparent transparent transparent;
}

/* Split Buttons */
.split.button {
  position: relative;
  padding-right: 5.4857142857em;
}
.split.button span {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: solid 1px;
}
.split.button span:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  left: 50%;
}
.split.button span:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.split.button span {
  border-left-color: rgb(216.75, 216.75, 216.75);
}
.split.button span {
  width: 3.4285714286em;
}
.split.button span:before {
  border-width: 0.6428571429em;
  top: 1.2857142857em;
  margin-left: -0.6428571429em;
}
.split.button span:before {
  border-color: #fff transparent transparent transparent;
}
.split.button.secondary span {
  border-left-color: rgb(204.7054794521, 119.4931506849, 9.7945205479);
}
.split.button.secondary span:before {
  border-color: #fff transparent transparent transparent;
}
.split.button.alert span {
  border-left-color: rgb(151.8223140496, 35.5619834711, 13.6776859504);
}
.split.button.success span {
  border-left-color: rgb(102, 178.5, 102);
}
.split.button.tiny {
  padding-right: 5.1428571429em;
}
.split.button.tiny span {
  width: 3.7142857143em;
}
.split.button.tiny span:before {
  border-width: 0.5714285714em;
  top: 1.1428571429em;
  margin-left: -0.3571428571em;
}
.split.button.small {
  padding-right: 4.5em;
}
.split.button.small span {
  width: 3.2142857143em;
}
.split.button.small span:before {
  border-width: 0.6428571429em;
  top: 0.9642857143em;
  margin-left: -0.6428571429em;
}
.split.button.large {
  padding-right: 6.8571428571em;
}
.split.button.large span {
  width: 4.2857142857em;
}
.split.button.large span:before {
  border-width: 0.7142857143em;
  top: 1.5em;
  margin-left: -0.6428571429em;
}
.split.button.secondary span:before {
  border-color: #333 transparent transparent transparent;
}
.split.button.radius span {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.split.button.round span {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
}

/* Flex Video */
.flex-video {
  position: relative;
  padding-top: 1.7857142857em;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1.1428571429em;
  overflow: hidden;
}
.flex-video.widescreen {
  padding-bottom: 57.25%;
}
.flex-video.vimeo {
  padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Sections */
.section-container, .section-container.auto {
  width: 100%;
  display: block;
  margin-bottom: 1.4285714286em;
  border: 0px solid #ccc;
  border-top: none;
}
.section-container section,
.section-container .section, .section-container.auto section,
.section-container.auto .section {
  border-top: 0px solid #ccc;
  position: relative;
}
.section-container section .title,
.section-container .section .title, .section-container.auto section .title,
.section-container.auto .section .title {
  top: 0;
  cursor: pointer;
  width: 100%;
  margin: 0;
  background-color: #040707;
}
.section-container section .title a,
.section-container .section .title a, .section-container.auto section .title a,
.section-container.auto .section .title a {
  padding: 20px;
  display: inline-block;
  color: #fff;
  font-size: 1em;
  white-space: nowrap;
  width: 100%;
}
.section-container section .title:hover,
.section-container .section .title:hover, .section-container.auto section .title:hover,
.section-container.auto .section .title:hover {
  background-color: black;
}
.section-container section .content,
.section-container .section .content, .section-container.auto section .content,
.section-container.auto .section .content {
  display: none;
  padding: 20px;
  background-color: #040707;
}
.section-container section .content > *:last-child,
.section-container .section .content > *:last-child, .section-container.auto section .content > *:last-child,
.section-container.auto .section .content > *:last-child {
  margin-bottom: 0;
}
.section-container section .content > *:first-child,
.section-container .section .content > *:first-child, .section-container.auto section .content > *:first-child,
.section-container.auto .section .content > *:first-child {
  padding-top: 0;
}
.section-container section .content > *:last-child,
.section-container .section .content > *:last-child, .section-container.auto section .content > *:last-child,
.section-container.auto .section .content > *:last-child {
  padding-bottom: 0;
}
.section-container section.active .content,
.section-container .section.active .content, .section-container.auto section.active .content,
.section-container.auto .section.active .content {
  display: block;
}
.section-container section.active .title,
.section-container .section.active .title, .section-container.auto section.active .title,
.section-container.auto .section.active .title {
  background: rgb(245, 158, 46);
}

.section-container.tabs {
  border: 0;
  position: relative;
}
.section-container.tabs section,
.section-container.tabs .section {
  padding-top: 0;
  border: 0;
  position: static;
}
.section-container.tabs section .title,
.section-container.tabs .section .title {
  width: auto;
  border: 0px solid #ccc;
  border-right: 0;
  border-bottom: 0;
  position: absolute;
  z-index: 1;
}
.section-container.tabs section .title a,
.section-container.tabs .section .title a {
  width: 100%;
}
.section-container.tabs section:last-child .title,
.section-container.tabs .section:last-child .title {
  border-right: 0px solid #ccc;
}
.section-container.tabs section .content,
.section-container.tabs .section .content {
  border: 0px solid #ccc;
  position: absolute;
  z-index: 10;
  top: -1px;
}
.section-container.tabs section.active .title,
.section-container.tabs .section.active .title {
  background-color: rgb(245, 158, 46);
  z-index: 11;
  border-bottom: 0;
}
.section-container.tabs section.active .content,
.section-container.tabs .section.active .content {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .section-container.auto {
    border: 0;
    position: relative;
  }
  .section-container.auto section,
  .section-container.auto .section {
    padding-top: 0;
    border: 0;
    position: static;
  }
  .section-container.auto section .title,
  .section-container.auto .section .title {
    width: auto;
    border: 0px solid #ccc;
    border-right: 0;
    border-bottom: 0;
    position: absolute;
    z-index: 1;
  }
  .section-container.auto section .title a,
  .section-container.auto .section .title a {
    width: 100%;
  }
  .section-container.auto section:last-child .title,
  .section-container.auto .section:last-child .title {
    border-right: 0px solid #ccc;
  }
  .section-container.auto section .content,
  .section-container.auto .section .content {
    border: 0px solid #ccc;
    position: absolute;
    z-index: 10;
    top: -1px;
  }
  .section-container.auto section.active .title,
  .section-container.auto .section.active .title {
    background-color: rgb(245, 158, 46);
    z-index: 11;
    border-bottom: 0;
  }
  .section-container.auto section.active .content,
  .section-container.auto .section.active .content {
    position: relative;
  }
  .section-container.accordion .section {
    padding-top: 0 !important;
  }
  .section-container.vertical-nav {
    border: 0px solid #ccc;
    border-top: none;
  }
  .section-container.vertical-nav section,
  .section-container.vertical-nav .section {
    padding-top: 0 !important;
  }
  .section-container.vertical-nav section .title a,
  .section-container.vertical-nav .section .title a {
    display: block;
    width: 100%;
  }
  .section-container.vertical-nav section .content,
  .section-container.vertical-nav .section .content {
    display: none;
  }
  .section-container.vertical-nav section.active .content,
  .section-container.vertical-nav .section.active .content {
    display: block;
    position: absolute;
    left: 100%;
    top: -1px;
    z-index: 999;
    min-width: 14.2857142857em;
    border: 0px solid #ccc;
  }
  .section-container.horizontal-nav {
    position: relative;
    background: #040707;
    border: 0px solid #ccc;
  }
  .section-container.horizontal-nav section,
  .section-container.horizontal-nav .section {
    padding-top: 0;
    border: 0;
    position: static;
  }
  .section-container.horizontal-nav section .title,
  .section-container.horizontal-nav .section .title {
    width: auto;
    border: 0px solid #ccc;
    border-left: 0;
    top: -1px;
    position: absolute;
    z-index: 1;
  }
  .section-container.horizontal-nav section .title a,
  .section-container.horizontal-nav .section .title a {
    width: 100%;
  }
  .section-container.horizontal-nav section .content,
  .section-container.horizontal-nav .section .content {
    display: none;
  }
  .section-container.horizontal-nav section.active .content,
  .section-container.horizontal-nav .section.active .content {
    display: block;
    position: absolute;
    z-index: 999;
    left: 0;
    top: -2px;
    min-width: 14.2857142857em;
    border: 0px solid #ccc;
  }
}
/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #111;
}

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99;
}

.top-bar {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  position: relative;
  background: #111;
  margin-bottom: 2.1428571429em;
}
.top-bar ul {
  margin-bottom: 0;
  list-style: none;
}
.top-bar .row {
  max-width: none;
}
.top-bar form,
.top-bar input {
  margin-bottom: 0;
}
.top-bar input {
  height: 2.45em;
}
.top-bar .button {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 0;
}
.top-bar .title-area {
  position: relative;
}
.top-bar .name {
  height: 45px;
  margin: 0;
  font-size: 14px;
}
.top-bar .name h1 {
  line-height: 45px;
  font-size: 1.2142857143em;
  margin: 0;
}
.top-bar .name h1 a {
  font-weight: bold;
  color: #fff;
  width: 50%;
  display: block;
  padding: 0 15px;
}
.top-bar .toggle-topbar {
  position: absolute;
  right: 0;
  top: 0;
}
.top-bar .toggle-topbar a {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.9285714286em;
  font-weight: bold;
  position: relative;
  display: block;
  padding: 0 15px;
  height: 45px;
  line-height: 45px;
}
.top-bar .toggle-topbar.menu-icon {
  right: 15px;
  top: 50%;
  margin-top: -16px;
  padding-left: 40px;
}
.top-bar .toggle-topbar.menu-icon a {
  text-indent: -48px;
  width: 34px;
  height: 34px;
  line-height: 33px;
  padding: 0;
  color: #fff;
}
.top-bar .toggle-topbar.menu-icon a span {
  position: absolute;
  right: 0;
  display: block;
  width: 16px;
  height: 0;
  -webkit-box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
  box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
}
.top-bar.expanded {
  height: auto;
  background: transparent;
}
.top-bar.expanded .title-area {
  background: #111;
}
.top-bar.expanded .toggle-topbar a {
  color: #888;
}
.top-bar.expanded .toggle-topbar a span {
  -webkit-box-shadow: 0 10px 0 1px #888, 0 16px 0 1px #888, 0 22px 0 1px #888;
  box-shadow: 0 10px 0 1px #888, 0 16px 0 1px #888, 0 22px 0 1px #888;
}

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  -webkit-transition: left 300ms ease-out;
  -moz-transition: left 300ms ease-out;
  transition: left 300ms ease-out;
}
.top-bar-section ul {
  width: 100%;
  height: auto;
  display: block;
  background: #333;
  font-size: 14px;
  margin: 0;
}
.top-bar-section .divider {
  border-bottom: solid 1px rgb(76.5, 76.5, 76.5);
  border-top: solid 1px rgb(25.5, 25.5, 25.5);
  clear: both;
  height: 1px;
  width: 100%;
}
.top-bar-section ul li > a {
  display: block;
  width: 100%;
  color: #fff;
  padding: 12px 0 12px 0;
  padding-left: 15px;
  font-size: 0.9285714286em;
  font-weight: bold;
  background: #333;
}
.top-bar-section ul li > a:hover {
  background: rgb(43.35, 43.35, 43.35);
}
.top-bar-section ul li > a.button {
  background: #fff;
  font-size: 0.9285714286em;
}
.top-bar-section ul li > a.button:hover {
  background: rgb(229.5, 229.5, 229.5);
}
.top-bar-section ul li > a.button.secondary {
  background: rgb(245, 158, 46);
}
.top-bar-section ul li > a.button.secondary:hover {
  background: rgb(229.0410958904, 133.698630137, 10.9589041096);
}
.top-bar-section ul li > a.button.success {
  background: #99cc99;
}
.top-bar-section ul li > a.button.success:hover {
  background: #77bb77;
}
.top-bar-section ul li > a.button.alert {
  background: #de3414;
}
.top-bar-section ul li > a.button.alert:hover {
  background: rgb(175.2148760331, 41.041322314, 15.7851239669);
}
.top-bar-section ul li.active a {
  background: rgb(43.35, 43.35, 43.35);
}
.top-bar-section .has-form {
  padding: 15px;
}
.top-bar-section .has-dropdown {
  position: relative;
}
.top-bar-section .has-dropdown > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
  margin-right: 15px;
  margin-top: -4.5px;
  position: absolute;
  top: 50%;
  right: 0;
}
.top-bar-section .has-dropdown.moved {
  position: static;
}
.top-bar-section .has-dropdown.moved > .dropdown {
  visibility: visible;
}
.top-bar-section .dropdown {
  position: absolute;
  left: 100%;
  top: 0;
  visibility: hidden;
  z-index: 99;
}
.top-bar-section .dropdown li {
  width: 100%;
}
.top-bar-section .dropdown li a {
  font-weight: normal;
  padding: 8px 15px;
}
.top-bar-section .dropdown li.title h5 {
  margin-bottom: 0;
}
.top-bar-section .dropdown li.title h5 a {
  color: #fff;
  line-height: 22.5px;
  display: block;
}
.top-bar-section .dropdown label {
  padding: 8px 15px 2px;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #555;
  font-weight: bold;
  font-size: 0.7142857143em;
}

.top-bar-js-breakpoint {
  width: 67.1428571429em !important;
  visibility: hidden;
}

.js-generated {
  display: block;
}

@media only screen and (min-width: 67.1428571429em ) {
  .top-bar {
    background: #111;
    *zoom: 1;
    overflow: visible;
  }
  .top-bar:before, .top-bar:after {
    content: " ";
    display: table;
  }
  .top-bar:after {
    clear: both;
  }
  .top-bar .toggle-topbar {
    display: none;
  }
  .top-bar .title-area {
    float: left;
  }
  .top-bar .name h1 a {
    width: auto;
  }
  .top-bar input,
  .top-bar .button {
    line-height: 2em;
    font-size: 1em;
    height: 2em;
    padding: 0 10px;
    position: relative;
    top: 8px;
  }
  .top-bar.expanded {
    background: #111;
  }
  .contain-to-grid .top-bar {
    max-width: 1400px;
    margin: 0 auto;
  }
  .top-bar-section {
    -webkit-transition: none 0 0;
    -moz-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important;
  }
  .top-bar-section ul {
    width: auto;
    height: auto !important;
    display: inline;
  }
  .top-bar-section ul li {
    float: left;
  }
  .top-bar-section ul li .js-generated {
    display: none;
  }
  .top-bar-section li a:not(.button) {
    padding: 0 15px;
    line-height: 45px;
    background: #111;
  }
  .top-bar-section li a:not(.button):hover {
    background: black;
  }
  .top-bar-section .has-dropdown > a {
    padding-right: 35px !important;
  }
  .top-bar-section .has-dropdown > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
    margin-top: -2.5px;
  }
  .top-bar-section .has-dropdown.moved {
    position: relative;
  }
  .top-bar-section .has-dropdown.moved > .dropdown {
    visibility: hidden;
  }
  .top-bar-section .has-dropdown:hover > .dropdown, .top-bar-section .has-dropdown:active > .dropdown {
    visibility: visible;
  }
  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    border: none;
    content: "»";
    margin-top: -7px;
    right: 5px;
  }
  .top-bar-section .dropdown {
    left: 0;
    top: auto;
    background: transparent;
    min-width: 100%;
  }
  .top-bar-section .dropdown li a {
    color: #fff;
    line-height: 1;
    white-space: nowrap;
    padding: 7px 15px;
    background: rgb(29.75, 29.75, 29.75);
  }
  .top-bar-section .dropdown li label {
    white-space: nowrap;
    background: rgb(29.75, 29.75, 29.75);
  }
  .top-bar-section .dropdown li .dropdown {
    left: 100%;
    top: 0;
  }
  .top-bar-section > ul > .divider {
    border-bottom: none;
    border-top: none;
    border-right: solid 1px rgb(42.5, 42.5, 42.5);
    border-left: solid 1px black;
    clear: none;
    height: 45px;
    width: 0px;
  }
  .top-bar-section .has-form {
    background: #111;
    padding: 0 15px;
    height: 45px;
  }
  .top-bar-section ul.right li .dropdown {
    left: auto;
    right: 0;
  }
  .top-bar-section ul.right li .dropdown li .dropdown {
    right: 100%;
  }
}
.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: #f5f5f5;
}
.orbit-container .orbit-slides-container {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.orbit-container .orbit-slides-container img {
  display: block;
}
.orbit-container .orbit-slides-container > * {
  position: relative;
  float: left;
  height: 100%;
}
.orbit-container .orbit-slides-container > * .orbit-caption {
  position: absolute;
  bottom: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  width: 100%;
  padding: 10px 14px;
  font-size: 1em;
}
.orbit-container .orbit-slides-container > * .orbit-caption * {
  color: #fff;
}
.orbit-container .orbit-slide-number {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
}
.orbit-container .orbit-slide-number span {
  font-weight: 700;
}
.orbit-container .orbit-timer {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 6px;
  width: 100px;
}
.orbit-container .orbit-timer .orbit-progress {
  height: 100%;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
  display: block;
  width: 0%;
}
.orbit-container .orbit-timer > span {
  display: none;
  position: absolute;
  top: 10px;
  right: 0px;
  width: 11px;
  height: 14px;
  border: solid 4px #000;
  border-top: none;
  border-bottom: none;
}
.orbit-container .orbit-timer.paused > span {
  right: -6px;
  top: 9px;
  width: 11px;
  height: 14px;
  border: solid 8px;
  border-color: transparent transparent transparent #000;
}
.orbit-container:hover .orbit-timer > span {
  display: block;
}
.orbit-container .orbit-prev,
.orbit-container .orbit-next {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
  width: 50px;
  height: 60px;
  line-height: 50px;
  color: white;
  text-indent: -9999px !important;
}
.orbit-container .orbit-prev > span,
.orbit-container .orbit-next > span {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  display: block;
  width: 0;
  height: 0;
  border: solid 16px;
}
.orbit-container .orbit-prev {
  left: 0;
}
.orbit-container .orbit-prev > span {
  border-color: transparent #fff transparent transparent;
}
.orbit-container .orbit-prev:hover > span {
  border-color: transparent #ccc transparent transparent;
}
.orbit-container .orbit-next {
  right: 0;
}
.orbit-container .orbit-next > span {
  border-color: transparent transparent transparent #fff;
  left: 50%;
  margin-left: -8px;
}
.orbit-container .orbit-next:hover > span {
  border-color: transparent transparent transparent #ccc;
}

.orbit-bullets {
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  top: 10px;
}
.orbit-bullets li {
  display: block;
  width: 18px;
  height: 18px;
  background: #fff;
  float: left;
  margin-right: 6px;
  border: solid 2px #000;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}
.orbit-bullets li.active {
  background: #000;
}
.orbit-bullets li:last-child {
  margin-right: 0;
}

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
  display: none;
}
.touch .orbit-bullets {
  display: none;
}

@media only screen and (min-width: 768px) {
  .touch .orbit-container .orbit-prev,
  .touch .orbit-container .orbit-next {
    display: inherit;
  }
  .touch .orbit-bullets {
    display: block;
  }
}
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000000;
  background: rgba(0, 0, 0, 0.65);
  z-index: 98;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  height: auto;
  background-color: #fff;
  margin-left: -45%;
  width: 90%;
  background-color: #181818;
  padding: 0px;
  border: solid 1px #aaaaaa;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(120, 120, 120, 0.1);
  box-shadow: 2px 2px 5px 0px rgba(120, 120, 120, 0.1);
  top: 50px;
}
.reveal-modal .column,
.reveal-modal .columns {
  min-width: 0;
}
.reveal-modal > :first-child {
  margin-top: 0;
}
.reveal-modal > :last-child {
  margin-bottom: 0;
}
.reveal-modal .close-reveal-modal {
  font-size: 2em;
  line-height: 1;
  position: absolute;
  top: 0.1428571429em;
  right: 0.5714285714em;
  color: #de3414;
  font-weight: bold;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .reveal-modal {
    padding: 2.1428571429em;
    top: 7.1428571429em;
  }
  .reveal-modal.small {
    margin-left: -15%;
    width: 30%;
  }
  .reveal-modal.medium {
    margin-left: -20%;
    width: 40%;
  }
  .reveal-modal.large {
    margin-left: -30%;
    width: 60%;
  }
  .reveal-modal.xlarge {
    margin-left: -35%;
    width: 70%;
  }
  .reveal-modal.expand {
    margin-left: -47.5%;
    width: 95%;
  }
}
@media print {
  div:not(.reveal-modal) {
    display: none;
  }
}
/* Foundation Joyride */
.joyride-list {
  display: none;
}

/* Default styles for the container */
.joyride-tip-guide {
  display: none;
  position: absolute;
  background: rgb(0, 0, 0);
  color: #fff;
  z-index: 101;
  top: 0;
  left: 2.5%;
  font-family: inherit;
  font-weight: normal;
  width: 95%;
}

.lt-ie9 .joyride-tip-guide {
  max-width: 800px;
  left: 50%;
  margin-left: -400px;
}

.joyride-content-wrapper {
  width: 100%;
  padding: 1.2857142857em 1.4285714286em 1.7142857143em;
}
.joyride-content-wrapper .button {
  margin-bottom: 0 !important;
}

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: solid 14px;
}
.joyride-tip-guide .joyride-nub.top {
  border-color: rgb(0, 0, 0);
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: -28px;
  bottom: none;
}
.joyride-tip-guide .joyride-nub.bottom {
  border-color: rgb(0, 0, 0) !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  bottom: -28px;
  bottom: none;
}
.joyride-tip-guide .joyride-nub.right {
  right: -28px;
}
.joyride-tip-guide .joyride-nub.left {
  left: -28px;
}

/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: #fff;
}

.joyride-tip-guide p {
  margin: 0 0 1.2857142857em 0;
  font-size: 1em;
  line-height: 1.3;
}

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #555;
  position: absolute;
  right: 1.2142857143em;
  bottom: 1.1428571429em;
}

.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666;
}

.joyride-close-tip {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #777 !important;
  text-decoration: none;
  font-size: 30px;
  font-weight: normal;
  line-height: 0.5 !important;
}
.joyride-close-tip:hover, .joyride-close-tip:focus {
  color: #eee !important;
}

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer;
}

/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
  .joyride-tip-guide {
    width: 300px;
    left: 0;
  }
  .joyride-tip-guide .joyride-nub.bottom {
    border-color: rgb(0, 0, 0) !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -28px;
    bottom: none;
  }
  .joyride-tip-guide .joyride-nub.right {
    border-color: rgb(0, 0, 0) !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    top: 22px;
    bottom: none;
    left: auto;
    right: -28px;
  }
  .joyride-tip-guide .joyride-nub.left {
    border-color: rgb(0, 0, 0) !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    top: 22px;
    left: -28px;
    right: auto;
    bottom: none;
  }
}
/* Clearing Styles */
[data-clearing] {
  *zoom: 1;
  margin-bottom: 0;
}
[data-clearing]:before, [data-clearing]:after {
  content: " ";
  display: table;
}
[data-clearing]:after {
  clear: both;
}

.clearing-blackout {
  background: #111;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998;
}
.clearing-blackout .clearing-close {
  display: block;
}

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0;
}

.visible-img {
  height: 95%;
  position: relative;
}
.visible-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50%;
  max-height: 100%;
  max-width: 100%;
}

.clearing-caption {
  color: #fff;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #111;
  width: 100%;
  padding: 10px 30px;
  position: absolute;
  left: 0;
}

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 40px;
  line-height: 1;
  color: #fff;
  display: none;
}
.clearing-close:hover, .clearing-close:focus {
  color: #ccc;
}

.clearing-assembled .clearing-container {
  height: 100%;
}
.clearing-assembled .clearing-container .carousel > ul {
  display: none;
}

@media only screen and (min-width: 768px) {
  .clearing-main-left,
  .clearing-main-right {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0;
  }
  .clearing-main-left > span,
  .clearing-main-right > span {
    position: absolute;
    top: 50%;
    display: block;
    width: 0;
    height: 0;
    border: solid 16px;
  }
  .clearing-main-left {
    left: 0;
  }
  .clearing-main-left > span {
    left: 5px;
    border-color: transparent #fff transparent transparent;
  }
  .clearing-main-right {
    right: 0;
  }
  .clearing-main-right > span {
    border-color: transparent transparent transparent #fff;
  }
  .clearing-main-left.disabled,
  .clearing-main-right.disabled {
    opacity: 0.5;
  }
  .clearing-feature ~ li {
    display: none;
  }
  .clearing-assembled .clearing-container .carousel {
    background: #111;
    height: 150px;
    margin-top: 5px;
  }
  .clearing-assembled .clearing-container .carousel > ul {
    display: block;
    z-index: 999;
    width: 200%;
    height: 100%;
    margin-left: 0;
    position: relative;
    left: 0;
  }
  .clearing-assembled .clearing-container .carousel > ul li {
    display: block;
    width: 175px;
    height: inherit;
    padding: 0;
    float: left;
    overflow: hidden;
    margin-right: 1px;
    position: relative;
    cursor: pointer;
    opacity: 0.4;
  }
  .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
    min-height: 100%;
    height: 100%;
    max-width: none;
  }
  .clearing-assembled .clearing-container .carousel > ul li a.th {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
  }
  .clearing-assembled .clearing-container .carousel > ul li img {
    cursor: pointer !important;
    min-width: 100% !important;
  }
  .clearing-assembled .clearing-container .carousel > ul li.visible {
    opacity: 1;
  }
  .clearing-assembled .clearing-container .visible-img {
    background: #111;
    overflow: hidden;
    height: 75%;
  }
  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0;
  }
}
/* Foundation Alerts */
.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.4285714286em;
  position: relative;
  padding: 0.7857142857em 1.5em 0.8571428571em 0.7857142857em;
  font-size: 1em;
  background-color: #fff;
  border-color: rgb(229.5, 229.5, 229.5);
  color: #000000;
}
.alert-box .close {
  font-size: 1.5714285714em;
  padding: 5px 4px 4px;
  line-height: 0;
  position: absolute;
  top: 0.5em;
  right: 0.3571428571em;
  color: #fff;
  opacity: 0.7;
}
.alert-box .close:hover, .alert-box .close:focus {
  opacity: 0.5;
}
.alert-box.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.alert-box.round {
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.alert-box.success {
  background-color: #99cc99;
  border-color: #77bb77;
  color: #fff;
}
.alert-box.alert {
  background-color: #de3414;
  border-color: rgb(175.2148760331, 41.041322314, 15.7851239669);
  color: #fff;
}
.alert-box.secondary {
  background-color: rgb(245, 158, 46);
  border-color: rgb(229.0410958904, 133.698630137, 10.9589041096);
  color: #fff;
}

/* Breadcrumbs */
.breadcrumbs {
  display: block;
  padding: 0.4285714286em 1em 0.6428571429em;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 0;
  background-color: transparent;
  border-color: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.breadcrumbs li {
  margin: 0;
  padding: 0 0.7142857143em 0 0;
  float: left;
}
.breadcrumbs li:hover a, .breadcrumbs li:focus a {
  text-decoration: underline;
}
.breadcrumbs li a,
.breadcrumbs li span {
  font-size: 0.7857142857em;
  padding-left: 0.7142857143em;
  text-transform: uppercase;
  color: #fff;
}
.breadcrumbs li.current a {
  cursor: default;
  color: rgb(245, 158, 46);
}
.breadcrumbs li.current:hover a, .breadcrumbs li.current:focus a {
  text-decoration: none;
}
.breadcrumbs li.unavailable a {
  color: #999;
}
.breadcrumbs li.unavailable:hover a,
.breadcrumbs li.unavailable a:focus {
  text-decoration: none;
  color: #999;
  cursor: default;
}
.breadcrumbs li:before {
  content: "/";
  color: #fff;
  position: relative;
  top: 1px;
}
.breadcrumbs li:first-child a, .breadcrumbs li:first-child span {
  padding-left: 0;
}
.breadcrumbs li:first-child:before {
  content: " ";
}

/* Keystroke Characters */
.keystroke,
kbd {
  background-color: rgb(237.15, 237.15, 237.15);
  border-color: rgb(219.3, 219.3, 219.3);
  color: #222;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: 1.0714285714em;
  padding: 0.1428571429em 0.2857142857em 0em;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* Labels */
.label {
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  padding: 0.1428571429em 0.7142857143em 0.2142857143em;
  font-size: 0.8571428571em;
  background-color: #fff;
  color: #333;
}
.label.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.label.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}
.label.alert {
  background-color: #de3414;
  color: #fff;
}
.label.success {
  background-color: #99cc99;
  color: #333;
}
.label.secondary {
  background-color: rgb(245, 158, 46);
  color: #fff;
}

/* Inline Lists */
.inline-list {
  margin: 0 0 1.2142857143em -1.5714285714em;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.inline-list > li {
  list-style: none;
  float: left;
  margin-left: 1.5714285714em;
  display: block;
}
.inline-list > li > * {
  display: block;
}

/* Pagination */
.pagination {
  display: block;
  height: 1.7142857143em;
  margin-left: -0.3571428571em;
}
.pagination li {
  display: block;
  float: left;
  height: 1.7142857143em;
  color: rgb(216.75, 216.75, 216.75);
  font-size: 1em;
  margin-left: 0.1428571429em;
}
.pagination li a {
  display: block;
  padding: 0.1428571429em 0.5714285714em 0.1428571429em;
  color: #fff;
}
.pagination li:hover a,
.pagination li a:focus {
  background: #000000;
}
.pagination li.unavailable a {
  cursor: default;
  color: rgb(191.25, 191.25, 191.25);
}
.pagination li.unavailable:hover a, .pagination li.unavailable a:focus {
  background: transparent;
}
.pagination li.current a {
  background: #fff;
  color: #000000;
  font-weight: bold;
  cursor: default;
}
.pagination li.current a:hover, .pagination li.current a:focus {
  background: #fff;
}

.pagination-centered {
  text-align: center;
}
.pagination-centered ul > li {
  float: none;
  display: inline-block;
}

/* Progress Bar */
.progress {
  background-color: transparent;
  height: 1.7857142857em;
  border: 1px solid #cccccc;
  padding: 0.1428571429em;
  margin-bottom: 0.7142857143em;
}
.progress .meter {
  background: #fff;
  height: 100%;
  display: block;
}
.progress.secondary .meter {
  background: rgb(245, 158, 46);
  height: 100%;
  display: block;
}
.progress.success .meter {
  background: #99cc99;
  height: 100%;
  display: block;
}
.progress.alert .meter {
  background: #de3414;
  height: 100%;
  display: block;
}
.progress.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.progress.radius .meter {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.progress.round {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}
.progress.round .meter {
  -webkit-border-radius: 999px;
  border-radius: 999px;
}

/* Side Nav */
.side-nav {
  display: block;
  margin: 0;
  padding: 1em 0;
  list-style-type: none;
  list-style-position: inside;
}
.side-nav li {
  margin: 0 0 0.5em 0;
  font-size: 1em;
}
.side-nav li a {
  display: block;
  color: #fff;
}
.side-nav li.active a {
  color: rgb(76.5, 76.5, 76.5);
  font-weight: bold;
}
.side-nav li.divider {
  border-top: 1px solid;
  height: 0;
  padding: 0;
  list-style: none;
  border-top-color: rgb(229.5, 229.5, 229.5);
}

/* Side Nav */
.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.2857142857em 0 1.2857142857em;
  padding-top: 0.2857142857em;
  margin-right: 0;
  margin-left: -0.6428571429em;
}
.sub-nav dt,
.sub-nav dd {
  float: left;
  display: inline;
  margin-left: 0.6428571429em;
  margin-bottom: 0.7142857143em;
  font-weight: normal;
  font-size: 1em;
}
.sub-nav dt a,
.sub-nav dd a {
  color: #999;
  text-decoration: none;
}
.sub-nav dt.active a,
.sub-nav dd.active a {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  font-weight: bold;
  background: #fff;
  padding: 0.2142857143em 0.6428571429em;
  cursor: default;
  color: #fff;
}

/* Foundation Switches */
@media only screen {
  div.switch {
    position: relative;
    width: 100%;
    padding: 0;
    display: block;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.4285714286em;
    -webkit-animation: webkitSiblingBugfix infinite 1s;
    height: 36px;
    background: #fff;
    border-color: #cccccc;
  }
  div.switch label {
    position: relative;
    left: 0;
    z-index: 2;
    float: left;
    width: 50%;
    height: 100%;
    margin: 0;
    text-align: right;
    font-weight: bold;
    text-align: left;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
  }
  div.switch input {
    position: absolute;
    z-index: 3;
    opacity: 0;
    width: 100%;
    height: 100%;
  }
  div.switch input:hover, div.switch input:focus {
    cursor: pointer;
  }
  div.switch > span {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    display: block;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
  }
  div.switch input:not(:checked) + label {
    opacity: 0;
  }
  div.switch input:checked {
    display: none !important;
  }
  div.switch input {
    left: 0;
    display: block !important;
  }
  div.switch input:first-of-type + label,
  div.switch input:first-of-type + span + label {
    left: -50%;
  }
  div.switch input:first-of-type:checked + label,
  div.switch input:first-of-type:checked + span + label {
    left: 0%;
  }
  div.switch input:last-of-type + label,
  div.switch input:last-of-type + span + label {
    right: -50%;
    left: auto;
    text-align: right;
  }
  div.switch input:last-of-type:checked + label,
  div.switch input:last-of-type:checked + span + label {
    right: 0%;
    left: auto;
  }
  div.switch span.custom {
    display: none !important;
  }
  div.switch label {
    padding: 0 0.4285714286em;
    line-height: 2.3em;
    font-size: 1em;
  }
  div.switch input:first-of-type:checked ~ span {
    left: 100%;
    margin-left: -2.5em;
  }
  div.switch > span {
    width: 2.5714285714em;
    height: 2.5714285714em;
  }
  div.switch > span {
    border-color: rgb(178.5, 178.5, 178.5);
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, rgb(242.25, 242.25, 242.25) 100%);
    background: -webkit-linear-gradient(top, #fff 0%, rgb(242.25, 242.25, 242.25) 100%);
    background: linear-gradient(to bottom, #fff 0%, rgb(242.25, 242.25, 242.25) 100%);
    -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px white, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px #f5f5f5;
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px white, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px #f5f5f5;
  }
  div.switch:hover > span, div.switch:focus > span {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, rgb(229.5, 229.5, 229.5) 100%);
    background: -webkit-linear-gradient(top, #fff 0%, rgb(229.5, 229.5, 229.5) 100%);
    background: linear-gradient(to bottom, #fff 0%, rgb(229.5, 229.5, 229.5) 100%);
  }
  div.switch:active {
    background: transparent;
  }
  div.switch.large {
    height: 44px;
  }
  div.switch.large label {
    padding: 0 0.4285714286em;
    line-height: 2.3em;
    font-size: 1.2142857143em;
  }
  div.switch.large input:first-of-type:checked ~ span {
    left: 100%;
    margin-left: -3.0714285714em;
  }
  div.switch.large > span {
    width: 3.1428571429em;
    height: 3.1428571429em;
  }
  div.switch.small {
    height: 28px;
  }
  div.switch.small label {
    padding: 0 0.4285714286em;
    line-height: 2.1em;
    font-size: 0.8571428571em;
  }
  div.switch.small input:first-of-type:checked ~ span {
    left: 100%;
    margin-left: -1.9285714286em;
  }
  div.switch.small > span {
    width: 2em;
    height: 2em;
  }
  div.switch.tiny {
    height: 22px;
  }
  div.switch.tiny label {
    padding: 0 0.4285714286em;
    line-height: 1.9em;
    font-size: 0.7857142857em;
  }
  div.switch.tiny input:first-of-type:checked ~ span {
    left: 100%;
    margin-left: -1.5em;
  }
  div.switch.tiny > span {
    width: 1.5714285714em;
    height: 1.5714285714em;
  }
  div.switch.radius {
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  div.switch.radius > span {
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  div.switch.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
  }
  div.switch.round > span {
    -webkit-border-radius: 999px;
    border-radius: 999px;
  }
  div.switch.round label {
    padding: 0 0.6428571429em;
  }
  @-webkit-keyframes webkitSiblingBugfix {
    from {
      position: relative;
    }
    to {
      position: relative;
    }
  }
}
[data-magellan-expedition] {
  background: #fff;
  z-index: 997;
  min-width: 100%;
  padding: 10px;
}
[data-magellan-expedition] .sub-nav {
  margin-bottom: 0;
}
[data-magellan-expedition] .sub-nav dd {
  margin-bottom: 0;
}

/* Tables */
table {
  background: #040707;
  margin-bottom: 1.4285714286em;
  border: solid 1px #000000;
}
table thead,
table tfoot {
  background: #181818;
  font-weight: bold;
}
table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
  padding: 0.5714285714em 0.7142857143em 0.7142857143em;
  font-size: 1em;
  color: #fff;
  text-align: left;
}
table tr th,
table tr td {
  padding: 1.0714285714em 0.7142857143em;
  font-size: 1em;
  color: #e2e2e2;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #323232;
}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
  display: table-cell;
  line-height: 1.2857142857em;
}

/* Image Thumbnails */
.th {
  display: inline-block;
  border: solid 4px #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.th:hover, .th:focus {
  -webkit-box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.5);
}
.th.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

@media only screen and (max-width: 767px) {
  .f-dropdown {
    max-width: 100%;
    left: 0;
  }
}
/* Foundation Dropdowns */
.f-dropdown {
  position: absolute;
  left: -9999px;
  top: -9999px;
  list-style: none;
  width: 100%;
  max-height: none;
  height: auto;
  background: black;
  border: solid 0px #fff;
  font-size: 14px;
  z-index: 99;
  margin-top: 2px;
  max-width: 200px;
}
.f-dropdown *:first-child {
  margin-top: 0;
}
.f-dropdown *:last-child {
  margin-bottom: 0;
}
.f-dropdown:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 0px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: 0px;
  left: 10px;
  z-index: 99;
}
.f-dropdown:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 1px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -2px;
  left: 9px;
  z-index: 98;
}
.f-dropdown.right:before {
  left: auto;
  right: 10px;
}
.f-dropdown.right:after {
  left: auto;
  right: 9px;
}
.f-dropdown li {
  font-size: 1em;
  cursor: pointer;
  padding: 0.3571428571em 0.7142857143em;
  line-height: 1.2857142857em;
  margin: 0;
}
.f-dropdown li:hover, .f-dropdown li:focus {
  background: transparent;
}
.f-dropdown li a {
  color: #555;
}
.f-dropdown.content {
  position: absolute;
  left: -9999px;
  top: -9999px;
  list-style: none;
  padding: 0.7142857143em;
  width: 100%;
  height: auto;
  max-height: none;
  background: black;
  border: solid 0px #fff;
  font-size: 14px;
  z-index: 99;
  max-width: 200px;
}
.f-dropdown.content *:first-child {
  margin-top: 0;
}
.f-dropdown.content *:last-child {
  margin-bottom: 0;
}
.f-dropdown.tiny {
  max-width: 200px;
}
.f-dropdown.small {
  max-width: 300px;
}
.f-dropdown.medium {
  max-width: 500px;
}
.f-dropdown.large {
  max-width: 800px;
}

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000000;
  background: rgba(0, 0, 0, 0.65);
  z-index: 98;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  height: auto;
  background-color: #fff;
  margin-left: -45%;
  width: 90%;
  background-color: #181818;
  padding: 0px;
  border: solid 1px #aaaaaa;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(120, 120, 120, 0.1);
  box-shadow: 2px 2px 5px 0px rgba(120, 120, 120, 0.1);
  top: 50px;
}
.reveal-modal .column,
.reveal-modal .columns {
  min-width: 0;
}
.reveal-modal > :first-child {
  margin-top: 0;
}
.reveal-modal > :last-child {
  margin-bottom: 0;
}
.reveal-modal .close-reveal-modal {
  font-size: 2em;
  line-height: 1;
  position: absolute;
  top: 0.1428571429em;
  right: 0.5714285714em;
  color: #de3414;
  font-weight: bold;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .reveal-modal {
    padding: 2.1428571429em;
    top: 7.1428571429em;
  }
  .reveal-modal.small {
    margin-left: -15%;
    width: 30%;
  }
  .reveal-modal.medium {
    margin-left: -20%;
    width: 40%;
  }
  .reveal-modal.large {
    margin-left: -30%;
    width: 60%;
  }
  .reveal-modal.xlarge {
    margin-left: -35%;
    width: 70%;
  }
  .reveal-modal.expand {
    margin-left: -47.5%;
    width: 95%;
  }
}
@media print {
  div:not(.reveal-modal) {
    display: none;
  }
}
/* vendors */
/*
 * CKEditor 5 (v27.1.0) content styles.
 * Generated on Wed, 21 Apr 2021 07:00:21 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/content-styles.html
 */
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
  background-color: hsl(60, 97%, 73%);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
  background-color: hsl(120, 93%, 68%);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
  background-color: hsl(345, 96%, 73%);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
  background-color: hsl(201, 97%, 72%);
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
  color: hsl(0, 85%, 49%);
  background-color: transparent;
}

/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
  color: hsl(112, 100%, 27%);
  background-color: transparent;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
  font-size: 0.7em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
  font-size: 0.85em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
  font-size: 1.4em;
}

/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
  font-size: 2em;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
  float: right;
  margin-left: 1.5em;
  max-width: 50%;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
  float: left;
  margin-right: 1.5em;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}

/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
  float: right;
  margin-left: 1.5em;
}

/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
  padding: 1em;
  color: hsl(0, 0%, 20.8%);
  background: hsla(0, 0%, 78%, 0.3);
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  text-align: left;
  direction: ltr;
  tab-size: 4;
  white-space: pre-wrap;
  font-style: normal;
  min-width: 200px;
}

/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
  background: unset;
  padding: 0;
  border-radius: 0;
}

/* ckeditor5-html-embed/theme/htmlembed.css */
.ck-content .raw-html-embed {
  margin: 1em auto;
  min-width: 15em;
  font-style: normal;
}

/* ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
  margin: 15px 0;
  height: 4px;
  background: hsl(0, 0%, 87%);
  border: 0;
}

/* ckeditor5-image/theme/imagecaption.css */
.ck-content .image > figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  color: hsl(0, 0%, 20%);
  background-color: hsl(0, 0%, 97%);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
  width: 100%;
}

/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized > figcaption {
  display: block;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 1em auto;
}

/* ckeditor5-image/theme/image.css */
.ck-content .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 50px;
}

/* ckeditor5-language/theme/language.css */
.ck-content span[lang] {
  font-style: italic;
}

/* ckeditor5-basic-styles/theme/code.css */
.ck-content code {
  background-color: hsla(0, 0%, 78%, 0.3);
  padding: 0.15em;
  border-radius: 2px;
}

/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: solid 5px hsl(0, 0%, 80%);
}

/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir=rtl] blockquote {
  border-left: 0;
  border-right: solid 5px hsl(0, 0%, 80%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table {
  margin: 1em auto;
  display: table;
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  border: 1px double hsl(0, 0%, 70%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
  min-width: 2em;
  padding: 0.4em;
  border: 1px solid hsl(0, 0%, 75%);
}

/* ckeditor5-table/theme/table.css */
.ck-content .table table th {
  font-weight: bold;
  background: hsla(0, 0%, 0%, 0.05);
}

/* ckeditor5-table/theme/table.css */
.ck-content[dir=rtl] .table th {
  text-align: right;
}

/* ckeditor5-table/theme/table.css */
.ck-content[dir=ltr] .table th {
  text-align: left;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
  position: relative;
  clear: both;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
  content: "";
  position: absolute;
  border-bottom: 2px dashed hsl(0, 0%, 77%);
  width: 100%;
}

/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
  position: relative;
  z-index: 1;
  padding: 0.3em 0.6em;
  display: block;
  text-transform: uppercase;
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  font-size: 0.75em;
  font-weight: bold;
  color: hsl(0, 0%, 20%);
  background: hsl(0, 0%, 100%);
  box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
  clear: both;
  margin: 1em 0;
  display: block;
  min-width: 15em;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
  list-style: none;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
  margin-bottom: 5px;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
  margin-top: 5px;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  left: 5.3333333333px;
  top: 3.0188679245px;
  width: 3.0188679245px;
  height: 6.1538461538px;
  border-style: solid;
  border-color: transparent;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}

/* ckeditor5-mention/theme/mention.css */
.ck-content .mention {
  background: hsla(341, 100%, 30%, 0.1);
  color: hsl(341, 100%, 30%);
}

@media print {
  /* ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break {
    padding: 0;
  }
  /* ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break::after {
    display: none;
  }
}
/* Slider */
/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 65px;
  padding: 10px 5px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  border: none;
  outline: none;
  background: rgba(0, 0, 0, 0.2);
  font-size: 40px;
  line-height: 1;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 10;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.3);
  color: rgba(0, 0, 0, 0.6);
  opacity: 1;
}

.slick-prev.slick-disabled, .slick-next.slick-disabled {
  opacity: 0.25;
}

.slick-prev {
  left: -10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

[dir=rtl] .slick-prev {
  right: -10px;
  left: auto;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.slick-next {
  right: -10px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 40px;
}

.slick-dots {
  position: absolute;
  bottom: -40px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 2px solid #fff;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  opacity: 0;
}
.slick-dots li.slick-active button {
  border-color: #F49127;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #F49127;
}

h1 {
  font-size: 1.3rem;
}

h2 {
  font-size: 1.2rem;
}

h3 {
  font-size: 1.1rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 1rem;
}

form.custom .custom.checked {
  background-color: rgb(245, 158, 46);
  border-color: rgb(245, 158, 46);
}
form.custom .custom.checked else {
  background-color: #99cc99;
  border-color: #99cc99;
}

form.custom .custom.checkbox.checked:before {
  font-size: 18px;
}

form.custom .custom.dropdown .current {
  min-height: 36px;
}

a.inverted-link {
  color: rgb(245, 158, 46);
}
a.inverted-link:hover {
  color: #fff;
  text-decoration: underline;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .row .medium-12 {
    position: relative;
    width: 100%;
  }
}
table thead tr th a, table thead tr td a, table tfoot tr th a, table tfoot tr td a {
  color: #fff;
}
table thead tr th a:hover, table thead tr td a:hover, table tfoot tr th a:hover, table tfoot tr td a:hover {
  text-decoration: underline;
}

.button {
  border-radius: 3px;
  box-shadow: none;
}

.section-container section .title, .section-container .section .title, .section-container.auto section .title, .section-container.auto .section .title, .section-container.tabs section .title, .section-container.tabs .section .title {
  font-weight: bold;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.section-container section .title a, .section-container .section .title a, .section-container.auto section .title a, .section-container.auto .section .title a, .section-container.tabs section .title a, .section-container.tabs .section .title a {
  padding: 6px 20px;
}
.section-container section .title img, .section-container .section .title img, .section-container.auto section .title img, .section-container.auto .section .title img, .section-container.tabs section .title img, .section-container.tabs .section .title img {
  max-height: 25px;
  float: right;
  background-color: #fff;
  padding: 2px 5px;
  border-radius: 3px;
}
.section-container section .content, .section-container .section .content, .section-container.auto section .content, .section-container.auto .section .content, .section-container.tabs section .content, .section-container.tabs .section .content {
  border-top: 2px solid rgb(245, 158, 46);
}
.section-container section.active .title a, .section-container .section.active .title a, .section-container.auto section.active .title a, .section-container.auto .section.active .title a, .section-container.tabs section.active .title a, .section-container.tabs .section.active .title a {
  color: #000000;
}

.section-container.spaced {
  border: none;
  margin-bottom: 0;
}
.section-container.spaced section, .section-container.spaced .section {
  margin-bottom: 10px;
  border-radius: 3px;
}
.section-container.spaced section .content, .section-container.spaced .section .content {
  border-color: #000000;
}
.section-container.spaced section:last-child, .section-container.spaced .section:last-child {
  margin-bottom: 0;
}
.section-container.spaced section .title, .section-container.spaced .section .title {
  font-weight: bold;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #000000;
}
.section-container.spaced section .title:hover, .section-container.spaced .section .title:hover {
  background-color: #323232;
}
.section-container.spaced section .title a, .section-container.spaced .section .title a {
  padding: 12px 20px;
}
.section-container.spaced section.active .title, .section-container.spaced .section.active .title {
  background-color: #fff;
}

.section-container .section .content--with-sidebar {
  padding: 0;
}

.content-item {
  padding: 20px;
  flex: 1;
}

.content-sidebar-wrapper {
  display: flex;
}

.content-sidebar {
  list-style-type: none;
  padding: 0;
  border-right: 1px solid #000000;
  margin-bottom: 0;
  flex-shrink: 0;
  flex-basis: 24%;
  max-height: 500px;
  overflow-y: auto;
}
.content-sidebar li .badge {
  float: right;
}
.content-sidebar li .price {
  float: right;
  margin-left: 20px;
  font-size: 0.9rem;
}
.content-sidebar li a {
  min-width: 240px;
  color: #fff;
  padding: 10px 20px;
  display: block;
}
.content-sidebar li a.active {
  background-color: #fff;
  color: #000000;
}
.content-sidebar li a:hover {
  background-color: rgb(245, 158, 46);
  color: #000000;
}

.f-dropdown {
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  max-height: 300px;
  overflow-y: auto;
}
.f-dropdown li a {
  border-radius: 3px;
  display: block;
  color: #fff;
  line-height: 1.7em;
  padding: 0 0.5em;
}
.f-dropdown li a svg {
  margin-right: 5px;
}
.f-dropdown li a:before {
  font-size: 0.8em;
  bottom: 2px;
  margin-right: 4px;
}
.f-dropdown li a.current {
  background-color: #fff;
  color: #000000;
}
.f-dropdown li a:hover {
  color: #000000;
  background-color: rgb(245, 158, 46);
}

#films-first-letter li {
  display: inline-block;
  width: 44px;
  text-align: center;
}
#films-first-letter li a {
  display: inline-block;
}

#Cardinal-CCA-IFrame {
  height: 80vh;
  width: 90vw;
  max-width: 800px;
}

#Cardinal-ModalContent.size-02 {
  height: 80vh !important;
  width: 90vw !important;
  max-width: 800px;
}

html, body {
  height: 100%;
}

@media only screen and (min-width: 768px) {
  .row {
    width: 768px;
  }
}
@media only screen and (min-width: 1024px) {
  .row {
    width: 1024px;
  }
}
@media only screen and (min-width: 1200px) {
  .row {
    width: 1200px;
  }
}

.odd {
  background-color: #000000;
}

.even {
  background-color: #181818;
}

#gotop {
  display: none;
}

body.pages-index #main {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 1024px) {
  #gotop {
    display: block;
    position: fixed;
    bottom: 0;
    right: 1em;
    padding: 0.7em;
    z-index: 5;
    border-top-radius: 5px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 0.8em;
  }
}
.clear {
  clear: both;
}

h1 .icon-play, h2 .icon-play, h3 .icon-play, h4 .icon-play, h5 .icon-play, h6 .icon-play {
  color: rgb(245, 158, 46);
}

h5 {
  font-size: 1.1rem;
}
@media only screen and (min-width: 1024px) {
  h5 {
    font-size: 1.2rem;
  }
}

.underlined {
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

#footer-1 {
  background-color: #040707;
  border-top: 2px solid #000000;
  padding: 0 0.625em;
}
#footer-1 #pre_footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#footer-1 .menu-section {
  margin-right: 10px;
  min-width: 145px;
}
#footer-1 .menu-section:last-child {
  margin-right: 0;
}
#footer-1 .title {
  margin-left: 0;
  margin-right: 0;
}
#footer-1 ul {
  list-style-type: none;
}
#footer-1 ul ul {
  list-style-type: none;
}

#footer {
  border-top: solid 1px #e2e2e2;
  padding-top: 0.8em;
  background-color: #040707;
  min-height: 200px;
}
#footer > .row {
  min-height: 185px;
}
#footer .left-footer {
  display: flex;
  flex-direction: column;
  min-height: inherit;
}
#footer .left-footer .btns {
  justify-content: space-between;
}
#footer .logos-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#footer .logos-wrapper .logo {
  flex-grow: 1;
}
#footer .logos-wrapper .logo img {
  max-height: 50px;
}
#footer .networks {
  flex-grow: 1;
}
#footer .networks .title {
  display: none;
}
#footer .networks ul {
  margin-bottom: 0;
}
#footer .links-wrapper .columns {
  position: relative;
  width: 50%;
}
#footer .links-wrapper .columns h3 {
  text-transform: uppercase;
  font-weight: 500;
  color: rgb(245, 158, 46);
  font-size: 0.9rem;
}
@media only screen and (min-width: 768px) {
  #footer .links-wrapper .columns {
    position: relative;
    width: 33.3333333333%;
  }
}

#footer.cinemutins ul.links {
  padding: 0;
}
#footer.cinemutins li {
  list-style-type: none;
}
#footer.cinemutins li a {
  color: #e2e2e2;
}
#footer.cinemutins li a:hover {
  color: rgb(245, 158, 46);
}

#bottom {
  background-color: #040707;
  border-top: 1px solid #040707;
  color: #e2e2e2;
  font-size: 0.8rem;
  min-height: 55px;
}
#bottom .row {
  padding: 1rem 0 1rem 0;
}
#bottom:before {
  content: "";
  margin: 0 auto;
  width: 20%;
  height: 1px;
  background-color: #e2e2e2;
  display: block;
}
#bottom .columns {
  line-height: 1.2rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #bottom .columns {
    justify-content: space-between;
    display: flex;
    text-align: left;
  }
}
#bottom a {
  color: #e2e2e2;
}
#bottom a:hover {
  color: #fff;
}

.action-open-url,
.action-load-modal,
.action-open-modal {
  cursor: pointer;
}

section {
  display: block;
}

.wrapper {
  position: relative;
}
.wrapper:after {
  content: "";
  display: block;
  clear: both;
}

.breadcrumbs {
  display: none;
  margin-bottom: 0;
  font-size: 14px;
}
@media only screen and (min-width: 1024px) {
  .breadcrumbs {
    display: block !important;
  }
}

.alphabetic_index {
  margin-bottom: 0.7em;
  display: block;
  width: 100% !important;
}
.alphabetic_index a {
  display: inline-block;
  float: left;
  color: #fff;
  width: 20px;
  font-size: 1em;
  text-align: center;
  border-radius: 3px;
  padding: 3px 5px;
  margin: 0 3px;
}
.alphabetic_index a.current {
  background-color: #fff;
  color: #000000;
  z-index: 1;
}
.alphabetic_index a:hover {
  background-color: rgb(245, 158, 46);
  color: #000000;
  z-index: 2;
}

.center {
  text-align: center;
}

.important {
  color: rgb(245, 158, 46) !important;
}

.payment-secure {
  margin: 10px auto 5px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  background-color: #fff;
  color: #000000;
  padding: 5px;
  width: 250px;
  border-radius: 3px;
}
.payment-secure p {
  margin: 0;
}
.payment-secure img {
  margin-top: 2px;
  max-height: 15px;
}
.payment-secure svg {
  margin: 2px 10px;
}

.space-before {
  margin-top: 1em;
}

p.centered {
  display: block;
  text-align: center;
}

.no-padding {
  padding: 0 !important;
}

h1 {
  font-size: 1.2rem;
  position: relative;
  display: inline-block;
  margin: 1.2rem 0;
  color: rgb(245, 158, 46);
  text-transform: uppercase;
}

.thin-title {
  font-weight: 300;
  text-transform: uppercase;
}

.huge-title {
  margin: 4rem 0;
  padding: 0 20px;
  font-size: 2rem;
  text-align: center;
  line-height: 2rem;
}
.huge-title small {
  font-size: 1rem;
  font-weight: normal;
}

.text--tertiary, .film--with-cover #summary h2, .film--with-cover #summary h3 {
  color: #f4d4a1;
}
.text--primary {
  color: #fff;
}
.text--secondary {
  color: rgb(245, 158, 46);
}
.text--secondary-light {
  color: #f4d4a1;
}
.text--info {
  color: #a5c7f3;
}

a.text--info:hover {
  color: #c4daf8;
}

.circle-divider {
  background-color: #f4d4a1;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  display: inline-block;
  margin: 0 10px;
}

#header-wrapper {
  color: #8258fa;
}
#header-wrapper .right-menu {
  justify-content: flex-end;
}
#header-wrapper .left-menu, #header-wrapper .right-menu {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  #header-wrapper .left-menu, #header-wrapper .right-menu {
    flex-basis: 35%;
  }
}
#header-wrapper .left-menu .btn:not(.prefix), #header-wrapper .left-menu .btn-icon:not(.prefix), #header-wrapper .right-menu .btn:not(.prefix), #header-wrapper .right-menu .btn-icon:not(.prefix) {
  margin-left: 20px;
}
#header-wrapper .left-menu > div, #header-wrapper .right-menu > div {
  flex-shrink: 0;
}
#header-wrapper .left-menu > div:last-child, #header-wrapper .right-menu > div:last-child {
  margin-right: 0;
}
#header-wrapper .left-menu .header-tickets, #header-wrapper .left-menu .shopping-cart, #header-wrapper .right-menu .header-tickets, #header-wrapper .right-menu .shopping-cart {
  white-space: nowrap;
  display: flex;
  align-items: center;
}
#header-wrapper .left-menu .header-tickets .badge, #header-wrapper .left-menu .shopping-cart .badge, #header-wrapper .right-menu .header-tickets .badge, #header-wrapper .right-menu .shopping-cart .badge {
  margin-left: 7px;
}
#header-wrapper .left-menu .header-tickets .badge:before, #header-wrapper .left-menu .shopping-cart .badge:before, #header-wrapper .right-menu .header-tickets .badge:before, #header-wrapper .right-menu .shopping-cart .badge:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: -6px;
  top: 7px;
  border-top: 4px solid transparent;
  border-right: 6px solid #fff;
  border-bottom: 3px solid transparent;
}
#header-wrapper .left-menu .header-tickets .badge img, #header-wrapper .left-menu .shopping-cart .badge img, #header-wrapper .right-menu .header-tickets .badge img, #header-wrapper .right-menu .shopping-cart .badge img {
  width: 15px;
}
#header-wrapper .btn {
  text-transform: uppercase;
  font-size: 0.8rem;
}
#header-wrapper .btn-icon {
  font-size: 1.6rem;
  padding: 0;
}
#header-wrapper .shopping-cart {
  font-size: 1.4rem;
}
#header-wrapper .icon-reorder {
  cursor: pointer;
  position: relative;
  top: 3px;
  left: 5px;
}
@media only screen and (min-width: 768px) {
  #header-wrapper .icon-reorder {
    top: 8px;
  }
}
#header-wrapper .search-field {
  font-size: 0.9em;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 65px;
  height: 100vh;
  background-color: #181818;
  margin-bottom: 0;
}
#header-wrapper .search-field form {
  margin: 0;
}
#header-wrapper .search-field input::-webkit-input-placeholder {
  color: #fff;
}
#header-wrapper .search-field input:-moz-placeholder {
  color: #fff;
}
#header-wrapper .search-field input::-moz-placeholder {
  color: #fff;
}
#header-wrapper .search-field input:-ms-input-placeholder {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  #header-wrapper .search-field {
    position: static;
    display: inline-block;
    width: 160px;
    height: auto;
    background-color: transparent;
  }
}
@media only screen and (min-width: 1024px) {
  #header-wrapper .search-field {
    width: 210px;
  }
  #header-wrapper .search-field input::-webkit-input-placeholder {
    color: #e2e2e2;
  }
  #header-wrapper .search-field input:-moz-placeholder {
    color: #e2e2e2;
  }
  #header-wrapper .search-field input::-moz-placeholder {
    color: #e2e2e2;
  }
  #header-wrapper .search-field input:-ms-input-placeholder {
    color: #e2e2e2;
  }
}
@media only screen and (min-width: 1260px) {
  #header-wrapper .search-field {
    width: 280px;
  }
}

#header {
  height: 68px;
  background-color: #040707;
  box-shadow: 0px 2px 9px 2px rgba(0, 0, 0, 0.35);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

#header-fixed {
  position: fixed;
  top: 0;
  z-index: 50;
  width: 100%;
}

.logo-wrapper .logo {
  display: block;
}
.logo-wrapper .logo img {
  max-width: 180px;
  max-height: 35px;
}
@media only screen and (min-width: 768px) {
  .logo-wrapper .logo img {
    max-height: 55px;
    max-width: 250px;
  }
}
.logo-wrapper .logo:hover {
  text-decoration: none;
}

#header {
  box-shadow: 0px -2px 8px 2px rgba(255, 255, 255, 0.35);
}

.logo-wrapper .logo-text {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .logo-wrapper .logo-text {
    display: inline-block;
    margin-left: 5px;
    text-transform: uppercase;
    font-size: 0.78rem;
  }
}

.view-options {
  display: flex;
  margin: 20px 0;
}
.view-options a {
  padding: 6px 9px 4px;
  font-size: 16px;
  position: relative;
  font-weight: normal;
}
.view-options .vod-switch {
  background-color: rgb(245, 158, 46);
  color: #000000;
  margin-right: 12px;
  height: 26px;
}
.view-options .vod-switch:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  right: -13px;
  top: 0;
  border-style: solid;
  border-width: 0 0 26px 14px;
  border-color: transparent transparent transparent rgb(245, 158, 46);
}
.view-options .vod-switch.inactive {
  background-color: #000000;
  color: #e2e2e2;
}
.view-options .vod-switch.inactive:after {
  border-color: transparent transparent transparent #000000;
}
.view-options .vod-switch.inactive:before {
  border-color: transparent #000000 transparent transparent;
}
.view-options .vod-switch.inactive:hover {
  background-color: rgb(245, 158, 46);
  color: #000000;
}
.view-options .vod-switch.inactive:hover:before {
  border-color: transparent rgb(245, 158, 46) transparent transparent;
}
.view-options .vod-switch.inactive:hover:after {
  border-color: transparent transparent transparent rgb(245, 158, 46);
}
.view-options .dvd-switch {
  background-color: #fff;
  color: #000000;
  height: 26px;
}
.view-options .dvd-switch:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: -13px;
  top: 0;
  border-style: solid;
  border-width: 26px 14px 0 0;
  border-color: transparent #fff transparent transparent;
}
.view-options .dvd-switch.inactive {
  background-color: #000000;
  color: #e2e2e2;
}
.view-options .dvd-switch.inactive:after {
  border-color: transparent transparent transparent #000000;
}
.view-options .dvd-switch.inactive:before {
  border-color: transparent #000000 transparent transparent;
}
.view-options .dvd-switch.inactive:hover {
  background-color: #fff;
  color: #000000;
}
.view-options .dvd-switch.inactive:hover:before {
  border-color: transparent #fff transparent transparent;
}
.view-options .dvd-switch.inactive:hover:after {
  border-color: transparent transparent transparent #fff;
}

@media only screen and (min-width: 768px) {
  .view-options {
    margin: 0 20px;
  }
  #header {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .view-options {
    margin: 0 40px;
  }
}
#page-content {
  min-height: calc(100% - 200px - 55px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#page-content .ck-content {
  margin: 20px 0;
}

#main {
  padding: 68px 0 0;
  line-height: 1.3rem;
  position: relative;
  background-color: #040707;
}
#main .categories {
  font-size: 14px;
}
#main .categories .sub-category {
  display: inline-block;
  margin-right: 1em;
}
#main .categories a {
  color: #fff;
}
#main .categories a svg {
  color: rgb(245, 158, 46);
}
#main .categories a:hover {
  color: rgb(245, 158, 46);
}
#main .film.theme article .categories {
  color: #fff;
}

.menu-section a {
  display: block;
  color: #e2e2e2;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
.menu-section a:active {
  background-color: transparent;
}
.menu-section a:hover {
  color: #fff;
}
.menu-section .toggle-list > * {
  padding: 10px 15px;
  cursor: pointer;
  font-size: 0.75rem;
}
.menu-section .title {
  text-transform: uppercase;
  font-weight: bold;
  margin: 10px 0 5px;
  padding: 5px 0 8px;
  color: rgb(245, 158, 46);
  font-size: 1.4rem;
}
.menu-section .title a {
  color: rgb(245, 158, 46);
  font-size: 1.4rem;
}
.menu-section .title svg {
  font-size: 1.2rem;
}
.menu-section.networks .title {
  text-transform: none;
  border-bottom: none;
  border-top: 1px solid #e2e2e2;
  padding-top: 10px;
  font-size: 0.8rem;
}
.menu-section.networks ul {
  list-style-type: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
  line-height: 1;
}
.menu-section.networks li {
  margin-left: 5px;
}
.menu-section.networks a {
  font-size: 2rem;
}
.menu-section.networks .icon-facebook {
  color: #0F8FF2;
}
.menu-section.networks .icon-twitter {
  color: #4FAAF0;
}
.menu-section.networks .icon-instagram {
  color: rgb(245, 158, 46);
}
.menu-section.networks .icon-dailymotion {
  color: #0066cc;
}
.menu-section.networks img {
  max-height: 29px;
  border-radius: 3px;
  display: block;
}
.menu-section.networks svg {
  border-radius: 3px;
  transition: 0.35s;
}
.menu-section.networks svg:hover {
  color: #fff;
}
.menu-section.networks svg {
  transition: 0.35s;
}
.menu-section.networks svg:hover {
  color: #fff;
}
.menu-section .home svg {
  color: #fff;
}
.menu-section .user {
  border-color: rgb(245, 158, 46);
}
.menu-section .user svg {
  color: rgb(245, 158, 46);
}
.menu-section .user a span {
  color: rgb(245, 158, 46);
}

#mobile-menu {
  position: fixed;
  padding-top: 68px;
  padding-bottom: 20px;
  height: 100vh;
  display: block;
  float: left;
  background-color: #181818;
  transition: width 0.25s ease-out;
  width: 0;
  z-index: 11;
  overflow: hidden;
  direction: rtl;
  box-shadow: -2px 0px 10px 0px rgba(0, 0, 0, 0.4) inset;
}
#mobile-menu #mobile-menu-sections {
  min-width: 210px;
  width: 100%;
  padding: 0 20px 0 20px;
  direction: ltr;
}
@media only screen and (min-width: 768px) {
  #mobile-menu #mobile-menu-sections {
    width: 210px;
    padding: 0 15px 0 10px;
  }
}
#mobile-menu ul.mobile-list {
  list-style-type: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#mobile-menu ul.mobile-list li {
  margin-top: 0.4rem;
}
#mobile-menu ul.mobile-list li.theme {
  font-weight: bold;
  margin-top: 0.6rem;
}
#mobile-menu ul.mobile-list li.theme:first-child {
  margin-top: 0;
}
#mobile-menu ul.mobile-list li.category {
  padding-left: 10px;
}
#mobile-menu .title {
  margin-top: 20px;
}
#mobile-menu .home {
  margin-top: 10px;
}
#mobile-menu .networks {
  text-align: center;
}
#mobile-menu .networks .mobile-list {
  max-width: 120px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
#mobile-menu .networks .mobile-list li {
  margin: 5px;
}

#main, #footer-1, #footer, #bottom {
  transition: margin-left 0.25s ease-out;
}
#main > .row, #footer-1 > .row, #footer > .row, #bottom > .row {
  transition: width 0.25s ease-out;
}

body.menu-open #mobile-menu {
  overflow: auto;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  body.menu-open #mobile-menu {
    width: 230px;
  }
}
body.menu-open #main, body.menu-open #footer-1, body.menu-open #footer, body.menu-open #bottom {
  margin-left: 0;
  width: 0;
}
@media only screen and (min-width: 768px) {
  body.menu-open #main, body.menu-open #footer-1, body.menu-open #footer, body.menu-open #bottom {
    margin-left: 230px;
    width: auto;
  }
}
@media only screen and (min-width: 1470px) {
  body.menu-open #main, body.menu-open #footer-1, body.menu-open #footer, body.menu-open #bottom {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  body.menu-open #main > .row, body.menu-open #footer-1 > .row, body.menu-open #footer > .row, body.menu-open #bottom > .row {
    width: 538px;
  }
}
@media only screen and (min-width: 1024px) {
  body.menu-open #main > .row, body.menu-open #footer-1 > .row, body.menu-open #footer > .row, body.menu-open #bottom > .row {
    width: 794px;
  }
}
@media only screen and (min-width: 1200px) {
  body.menu-open #main > .row, body.menu-open #footer-1 > .row, body.menu-open #footer > .row, body.menu-open #bottom > .row {
    width: 970px;
  }
}
@media only screen and (min-width: 1470px) {
  body.menu-open #main > .row, body.menu-open #footer-1 > .row, body.menu-open #footer > .row, body.menu-open #bottom > .row {
    width: 1200px;
  }
}

.frame-small {
  min-height: 105px;
  color: #fff;
  position: relative;
  display: flex;
  padding: 5px 0;
  justify-content: center;
  margin: 1rem 40px;
}
@media only screen and (min-width: 768px) {
  .frame-small {
    height: 85px;
  }
}
.frame-small .borders {
  position: absolute;
  width: 100%;
}
.frame-small .borders.left {
  left: -20px;
  top: -15px;
}
.frame-small .borders.right {
  right: -20px;
  bottom: -10px;
}
.frame-small .offers {
  font-size: 1.1rem;
  font-weight: bold;
  padding-left: 20px;
}
.frame-small .offers .important {
  display: inline-block;
  margin-top: 13px;
}
.frame-small .offers .dot {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: rgb(245, 158, 46);
}
.frame-small .frame-small__inner {
  margin: 10px auto 0;
  display: block;
  position: relative;
  color: #e2e2e2;
  letter-spacing: 1px;
  display: inline-block;
  line-height: 2rem;
}
.frame-small .frame-small__inner:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: -20px;
  top: -10px;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent transparent rgb(245, 158, 46);
}
.frame-small .frame-small__inner:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  right: -20px;
  bottom: 0px;
  border-style: solid;
  border-width: 20px 20px 0px 0;
  border-color: transparent rgb(245, 158, 46) transparent transparent;
}
.frame-small .frame-small__inner .catch {
  color: rgb(245, 158, 46);
  text-transform: uppercase;
  font-size: 1rem;
}
@media only screen and (min-width: 768px) {
  .frame-small .frame-small__inner .catch {
    letter-spacing: 2px;
    font-size: 1.4rem;
  }
}
.frame-small .frame-small__inner .btn {
  text-transform: uppercase;
  display: inline-block;
  margin-top: 10px;
  padding: 5px 10px;
}

.frame-big {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 85px;
  margin-bottom: 30px;
  font-weight: bold;
}
.frame-big__left, .frame-big__right {
  height: 85px;
  position: relative;
  display: none;
}
@media only screen and (min-width: 412px) {
  .frame-big__left, .frame-big__right {
    display: inline-block;
  }
}
@media only screen and (min-width: 1024px) {
  .frame-big__left, .frame-big__right {
    flex-basis: 25%;
  }
}
.frame-big__left {
  margin-right: 42px;
  background: rgb(245, 158, 46);
  background: linear-gradient(90deg, rgb(249.6575342466, 203.1780821918, 143.3424657534) 0%, rgb(245, 158, 46) 100%);
}
.frame-big__right {
  background: #fff;
  background: linear-gradient(90deg, #fff 0%, white 100%);
  margin-left: 42px;
}
.frame-big__left::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  right: -42px;
  top: 0;
  border-style: solid;
  border-width: 0 0 85px 42px;
  border-color: transparent transparent transparent rgb(245, 158, 46);
}
.frame-big__right::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: -42px;
  top: 0px;
  border-style: solid;
  border-width: 85px 42px 0 0;
  border-color: transparent #fff transparent transparent;
}
.frame-big__inner {
  flex: 1;
}
.frame-big__inner h2 {
  color: rgb(245, 158, 46);
  margin: 0;
}
.frame-big__inner p {
  text-align: right;
  margin: 20px 20px 0 0;
  font-weight: 500;
}
.frame-big__inner .badge {
  margin-right: 0;
  font-size: 0.9rem;
}
.frame-big__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 20px;
}

.alert-box {
  word-break: break-word;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.6);
  color: rgb(229.5, 229.5, 229.5);
}
.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6 {
  color: inherit;
}
.alert-box a:not(.btn, .close) {
  color: #e2e2e2;
  text-decoration: underline;
}
.alert-box a:not(.btn, .close):hover {
  color: #fff;
}
.alert-box svg {
  font-size: 1.2rem;
}
.alert-box.error, .alert-box.success, .alert-box.warn, .alert-box.info {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.4285714286em;
  position: relative;
  padding: 0.7857142857em 1.5em 0.8571428571em 0.7857142857em;
  font-size: 1em;
}
.alert-box.error .close, .alert-box.success .close, .alert-box.warn .close, .alert-box.info .close {
  font-size: 1.5714285714em;
  padding: 5px 4px 4px;
  line-height: 0;
  position: absolute;
  top: 0.5em;
  right: 0.3571428571em;
  color: #fff;
  opacity: 0.7;
}
.alert-box.error .close:hover, .alert-box.error .close:focus, .alert-box.success .close:hover, .alert-box.success .close:focus, .alert-box.warn .close:hover, .alert-box.warn .close:focus, .alert-box.info .close:hover, .alert-box.info .close:focus {
  opacity: 0.5;
}
.alert-box.error {
  background-color: rgba(222, 52, 20, 0.2);
  border-color: rgba(222, 52, 20, 0.6);
  color: rgb(245.4958677686, 164.7107438017, 149.5041322314);
}
.alert-box.success {
  background-color: rgba(153, 204, 153, 0.2);
  border-color: rgba(153, 204, 153, 0.6);
  color: #bbddbb;
}
.alert-box.info {
  background-color: rgba(165, 199, 243, 0.2);
  border-color: rgba(165, 199, 243, 0.6);
  color: #d2e3f9;
}
.alert-box.info a {
  color: #d2e3f9;
}
.alert-box.info a:hover {
  color: #fff;
}
.alert-box.warn {
  background-color: rgba(245, 158, 46, 0.2);
  border-color: rgba(245, 158, 46, 0.6);
  color: rgb(249.6575342466, 203.1780821918, 143.3424657534);
}
.alert-box.warn a {
  color: rgb(249.6575342466, 203.1780821918, 143.3424657534);
}
.alert-box :last-child {
  margin-bottom: 0;
}

.row .columns.alert-container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  /* background-color: black; */
  border-radius: 5px;
  margin-top: 20px;
  padding: 20px;
}

.support {
  font-size: 1.1rem;
  border-radius: 3px;
  margin-top: 20px;
  text-align: center;
}
.support h1, .support h2, .support h3, .support h4, .support h5, .support h6 {
  letter-spacing: 2px;
}

.badges {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem 0;
}
.badges a.badge:hover {
  color: #fff;
  text-decoration: underline;
}
.badges .badge {
  margin-right: 9px;
}

.badge {
  background-color: #fff;
  color: #000000;
  border-radius: 3px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  position: relative;
  padding: 4px 7px;
}
.badge img {
  max-height: 12px;
  position: relative;
  top: 2px;
}
.badge.error, .badge.alert, .badge.payment_error {
  background-color: #de3414;
  color: #fff;
}
.badge.success, .badge.active, .badge.shipped, .badge.completed {
  background-color: #99cc99;
}
.badge.info, .badge.pending {
  background-color: #a5c7f3;
  color: #fff;
}
.badge.warn, .badge.past_due {
  background-color: rgb(245, 158, 46);
  color: #000000;
}
.badge.vod {
  background: rgb(245, 158, 46);
  color: #000000;
  margin-right: 8px;
}
.badge.dvd {
  background: #fff;
  color: #000000;
  margin-right: 8px;
}
.badge.svod {
  background: #de3414;
  color: #fff;
  margin-right: 8px;
}
.badge.none {
  background: #de3414;
  color: #fff;
  margin-right: 8px;
}
.badge.black {
  color: #fff;
  background: #000000;
}
.badge.canceled {
  background-color: #aaaaaa;
}

#braintree-wrapper legend {
  background: none;
}
#braintree-wrapper .braintree-heading {
  color: #fff;
}

#cart #braintree-payment-form {
  margin: 20px auto;
  background-color: #fff;
  padding: 20px;
  border-radius: 3px;
  color: #000000;
  max-width: 520px;
  width: 100%;
}
#cart #braintree-payment-form #cc-expiration {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  #cart #braintree-payment-form #cc-expiration {
    margin-bottom: 0;
  }
}
#cart #braintree-payment-form .row {
  margin-bottom: 20px;
}
#cart #braintree-payment-form label {
  color: #000000;
}
#cart #braintree-payment-form a {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}
#cart #braintree-payment-form .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.8rem;
  color: #dc3545;
}
#cart #braintree-payment-form .form-control {
  height: 35px;
  border: 1px solid #cccccc;
  border-radius: 3px;
}
#cart #braintree-payment-form .form-control.is-invalid ~ .invalid-feedback {
  display: block;
}
#cart #braintree-payment-form .btn {
  margin: 0 auto;
  display: block;
  background-color: #fff;
  color: #000000;
  padding: 10px 0;
  border-radius: 3px;
  border-color: #e2e2e2;
  width: 280px;
  transition: 0.3s;
}
#cart #braintree-payment-form .btn:hover {
  background-color: #000000;
  color: #fff;
}

/* Braintree Hosted Fields styling classes */
.braintree-hosted-fields-focused {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.braintree-hosted-fields-focused.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.button {
  outline: 0;
}
.button.secondary {
  color: #000000;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 36px;
  box-sizing: border-box;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  color: #000000;
  background-color: rgb(234.6, 234.6, 234.6);
  font-size: 0.9rem;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  border: solid 0.0625rem #000000;
  border-radius: 3px;
  transition: all 0.4s;
}
.btn svg {
  margin-right: 5px;
  font-size: 1.125rem;
}
.btn img {
  margin-right: 5px;
  height: 18px;
}
.btn.icon {
  padding: 0.2rem 0.6rem;
  font-size: 1.2rem;
  height: 36px;
  width: 36px;
}
.btn.icon svg {
  margin-right: 0;
}
.btn.primary, .btn.dvd-button {
  color: #000000;
  border-color: #fff;
  background-color: #fff;
}
.btn.primary:hover, .btn.dvd-button:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.btn.revert {
  color: #e2e2e2;
  border-color: #e2e2e2;
  background-image: none;
  background-color: transparent;
}
.btn.secondary, .btn.vod-button {
  color: #000000;
  border-color: rgb(245, 158, 46);
  background-color: rgb(245, 158, 46);
}
.btn.secondary:hover, .btn.vod-button:hover {
  background-color: rgb(229.0410958904, 133.698630137, 10.9589041096);
}
.btn.tertiary {
  color: #000000;
  border-color: #f4d4a1;
  background-color: #f4d4a1;
}
.btn.tertiary:hover {
  background-color: rgb(235.9857142857, 180.6714285714, 92.5142857143);
}
.btn.tertiary-revert {
  color: #f4d4a1;
  border-color: #f4d4a1;
  background-image: none;
  background-color: transparent;
}
.btn.alert, .btn.svod-button {
  color: #fff;
  border-color: #de3414;
  background-color: #de3414;
}
.btn.alert:hover, .btn.svod-button:hover {
  background-color: rgb(175.2148760331, 41.041322314, 15.7851239669);
  color: #fff;
}
.btn.vod-button-1 {
  background-color: rgb(248.4931506849, 191.8835616438, 119.0068493151);
  border-color: rgb(248.4931506849, 191.8835616438, 119.0068493151);
  color: black;
}
.btn.vod-button-2 {
  background-color: rgb(251.9863013699, 225.7671232877, 192.0136986301);
  border-color: rgb(251.9863013699, 225.7671232877, 192.0136986301);
  color: black;
}
.btn.vod-button-3 {
  background-color: white;
  border-color: white;
  color: black;
}
.btn.vod-button-4 {
  background-color: white;
  border-color: white;
  color: black;
}
.btn.success {
  color: #000000;
  border-color: #99cc99;
  background-color: #99cc99;
}
.btn.success:hover {
  background-color: #77bb77;
  color: #000000;
}
.btn.info, .btn.gift-button {
  color: #000000;
  border-color: #a5c7f3;
  background-color: #a5c7f3;
}
.btn.info:hover, .btn.gift-button:hover {
  background-color: rgb(97.5, 157, 234);
  color: #000000;
}
.btn:hover, .btn:active, .btn:focus {
  background-image: none;
  border-color: #000000;
  color: #000000;
  background-color: #e2e2e2;
  outline: 0;
  text-decoration: none;
}
.btn.full-width {
  width: 100%;
}
.btn.prefix {
  border: none;
  flex-shrink: 0;
  border-radius: 0 4px 4px 0;
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
}
.btn.prefix svg {
  font-size: 1rem;
  margin-right: 0;
}
.btn.wishlist-btn {
  background: none;
  color: crimson;
  vertical-align: middle;
  padding-left: 5px;
}
.btn.wishlist-btn svg {
  font-size: 1.5rem;
}
.btn:disabled {
  opacity: 0.5;
  cursor: default;
}

.btn-small {
  font-size: 0.8rem;
  line-height: 0.8rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  border-radius: 3px;
  height: 28px;
}
.btn-small svg {
  font-size: 1rem;
}

.btn-with-padding {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  height: auto;
}

.btn-large {
  line-height: 1.2em;
  padding: 0.8em 1.1em;
  border-radius: 5px;
}

.btn-wide {
  width: 100%;
}

.login-btn {
  margin: 7px auto 7px;
}

.add-to-cart-wrapper {
  padding: 1em;
  margin-bottom: 1em;
  border: solid 1px tint(#000000, 5%);
  border-radius: 3px;
  background-color: #040707;
  box-shadow: black 1px 1px 1px inset, tint(black, 35%) 1px 1px 1px;
}
.add-to-cart-wrapper .payment-btn, .add-to-cart-wrapper .gift-btn {
  display: block;
}

.payment-btn, .gift-btn {
  width: 100%;
  margin: 20px auto 7px;
  padding: 0.5em 0.7em;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  color: #fff;
}
.payment-btn svg, .payment-btn a, .gift-btn svg, .gift-btn a {
  color: #fff;
  margin-right: 10px;
}
.payment-btn:hover, .payment-btn:focus, .gift-btn:hover, .gift-btn:focus {
  background-color: #fff;
  box-shadow: rgb(140.25, 140.25, 140.25) 2px 2px 5px inset;
  outline: 0;
}

.payment-btn {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  border-color: tint(rgb(245, 158, 46), 35%);
  background-color: rgb(245, 158, 46);
  box-shadow: tint(rgb(245, 158, 46), 25%) 0 2px 6px inset, black 0 3px 3px;
  color: #000000;
}
.payment-btn:hover, .payment-btn:focus {
  color: rgb(245, 158, 46);
  border-color: rgb(245, 158, 46);
  outline: 0;
}
.payment-btn:hover svg, .payment-btn:hover a, .payment-btn:focus svg, .payment-btn:focus a {
  color: rgb(245, 158, 46);
}

.btn-right {
  margin-left: auto;
}

.gift-btn {
  font-size: 14px;
  line-height: 19px;
  border-color: tint(#fff, 35%);
  background-color: #fff;
  box-shadow: tint(#fff, 25%) 0 2px 6px inset, black 0 3px 3px;
}
.gift-btn:hover, .gift-btn:focus {
  color: #fff;
  border-color: #fff;
  outline: 0;
}
.gift-btn:hover svg, .gift-btn:focus svg {
  color: #fff;
}

/* See if it duplicates .btn.icon, find a way to merge these classes */
.btn-icon {
  display: inline-block;
  font-size: 1.3rem;
  padding: 0.3rem 0.6rem;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  transition: all 0.4s;
}
@media screen and (min-width: 768px) {
  .btn-icon.bigger {
    font-size: 1.8rem;
  }
}
.btn-icon.secondary {
  color: rgb(245, 158, 46);
}
.btn-icon.secondary:hover {
  color: rgb(229.0410958904, 133.698630137, 10.9589041096);
}
.btn-icon.revert {
  color: #e2e2e2;
}
.btn-icon:hover {
  color: rgb(242.25, 242.25, 242.25);
}

.prepaid-button {
  padding: 10px !important;
}

.btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.btns.btns--center {
  justify-content: center;
}
.btns.btns--margin {
  margin: 20px 0;
}
.btns .btn:first-child {
  margin-left: 0;
}
.btns .btn:last-child {
  margin-right: 0;
}

.picon--forbidden {
  display: inline-block;
  vertical-align: middle;
  width: 1.4rem;
  height: 1.4rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='crimson' d='M0 4c0-5 8-5 8 0S0 9 0 4m2-1v2h4V3'/%3E%3C/svg%3E");
  background-color: white;
  background-size: contain;
  border-radius: 50%;
  border: 2px solid crimson;
}

/* Skeleton */
.counter {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  display: flex;
  justify-content: center;
}
.counter .minus {
  font-size: 30px;
  margin: 0 15px;
  line-height: 44px;
}
@media only screen and (min-width: 1024px) {
  .counter .minus {
    font-size: 50px;
    line-height: 82px;
  }
}

ul.flip {
  position: relative;
  margin: 5px;
  width: 30px;
  height: 45px;
  font-size: 40px;
  line-height: 44px;
  font-weight: bold;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
  list-style-type: none;
}
@media only screen and (min-width: 1024px) {
  ul.flip {
    width: 50px;
    height: 80px;
    font-size: 70px;
    line-height: 82px;
  }
}

ul.flip li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

ul.flip li:first-child {
  z-index: 2;
}

ul.flip li a {
  display: block;
  height: 100%;
  perspective: 100px;
}
@media only screen and (min-width: 1024px) {
  ul.flip li a {
    perspective: 200px;
  }
}

ul.flip li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  overflow: hidden;
}

ul.flip li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

ul.flip li a div.up {
  transform-origin: 50% 100%;
  top: 0;
}

ul.flip li a div.up:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.4);
  top: 22px;
}
@media only screen and (min-width: 1024px) {
  ul.flip li a div.up:after {
    top: 38px;
  }
}

ul.flip li a div.down {
  transform-origin: 50% 0%;
  bottom: 0;
}

ul.flip li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
}

ul.flip li a div.up div.inn {
  top: 0;
}

ul.flip li a div.down div.inn {
  bottom: 0;
}

/* PLAY */
.counter.play ul li.before {
  z-index: 3;
}

.counter.play ul li.active {
  animation: asd 0.5s 0.5s linear both;
  z-index: 2;
}

@keyframes asd {
  0% {
    z-index: 2;
  }
  5% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
.counter.play ul li.active .down {
  z-index: 2;
  animation: turn 0.5s 0.5s linear both;
}

@keyframes turn {
  0% {
    transform: rotateX(90deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
.counter.play ul li.before .up {
  z-index: 2;
  animation: turn2 0.5s linear both;
}

@keyframes turn2 {
  0% {
    transform: rotateX(0deg);
  }
  100% {
    transform: rotateX(-90deg);
  }
}
/* SHADOW */
.counter.play ul li.before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgb(0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgb(0, 0, 0)));
  background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgb(0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgb(0, 0, 0) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgb(0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgb(0, 0, 0) 100%);
  animation: show 0.5s linear both;
}

.counter.play ul li.active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgb(0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgb(0, 0, 0)));
  background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgb(0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgb(0, 0, 0) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgb(0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgb(0, 0, 0) 100%);
  animation: hide 0.5s 0.3s linear both;
}

/*DOWN*/
.counter.play ul li.before .down .shadow {
  background: -moz-linear-gradient(top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear-gradient(top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  animation: show 0.5s linear both;
}

.counter.play ul li.active .down .shadow {
  background: -moz-linear-gradient(top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear-gradient(top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
  animation: hide 0.5s 0.3s linear both;
}

@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.film-availabilities {
  display: flex;
  font-size: 11px;
  line-height: 15px;
  margin-bottom: 20px;
}
.film-availabilities.svod-vod-wrapper .badge.svod {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  z-index: 1;
}
.film-availabilities.svod-vod-wrapper .badge.vod {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.film-availabilities.svod-vod-wrapper .svod:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  right: -8px;
  top: 0;
  border-style: solid;
  border-width: 0 0 20px 8px;
  border-color: transparent transparent transparent #de3414;
  z-index: 1;
}
.film-availabilities.svod-vod-wrapper .vod:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: -8px;
  top: 0px;
  border-style: solid;
  border-width: 20px 8px 0 0;
  border-color: transparent rgb(245, 158, 46) transparent transparent;
}
.film-availabilities.vod-dvd-wrapper .badge.vod, .film-availabilities.svod-vod-dvd-wrapper .badge.vod {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  z-index: 1;
}
.film-availabilities.vod-dvd-wrapper .badge.dvd, .film-availabilities.svod-vod-dvd-wrapper .badge.dvd {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.film-availabilities.vod-dvd-wrapper .vod:after, .film-availabilities.svod-vod-dvd-wrapper .vod:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  right: -8px;
  top: 0;
  border-style: solid;
  border-width: 0 0 20px 8px;
  border-color: transparent transparent transparent rgb(245, 158, 46);
  z-index: 1;
}
.film-availabilities.vod-dvd-wrapper .dvd:before, .film-availabilities.svod-vod-dvd-wrapper .dvd:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: -8px;
  top: 0px;
  border-style: solid;
  border-width: 20px 8px 0 0;
  border-color: transparent #fff transparent transparent;
}
.film-availabilities.svod-vod-dvd-wrapper .badge.svod {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  z-index: 2;
}
.film-availabilities.svod-vod-dvd-wrapper .badge.vod {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.film-availabilities.svod-vod-dvd-wrapper .svod:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  right: -8px;
  top: 0;
  border-style: solid;
  border-width: 0 0 20px 8px;
  border-color: transparent transparent transparent #de3414;
  z-index: 2;
}
.film-availabilities.svod-vod-dvd-wrapper .vod:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: -8px;
  top: 0px;
  border-style: solid;
  border-width: 20px 8px 0 0;
  border-color: transparent rgb(245, 158, 46) transparent transparent;
}

.films-carousel-wrapper {
  padding: 0.5rem 0 30px;
}
.films-carousel-wrapper .slick-next {
  right: -20px;
}
.films-carousel-wrapper .slick-prev {
  left: -20px;
}
.films-carousel-wrapper [dir=rtl] .slick-next {
  left: -20px;
}
.films-carousel-wrapper [dir=rtl] .slick-prev {
  right: -20px;
}
.films-carousel-wrapper .slick-carousel {
  margin-left: 20px;
  margin-right: 20px;
}
.films-carousel-wrapper h1, .films-carousel-wrapper h2 {
  margin-left: 20px;
  color: #e2e2e2;
}
.films-carousel-wrapper .dynamic-title {
  padding: 0 20px;
  display: flex;
  align-items: center;
}
.films-carousel-wrapper .dynamic-title .show__all {
  margin-left: auto;
}
.films-carousel-wrapper .dynamic-title .dynamic-title__genre {
  flex: 1;
}
.films-carousel-wrapper .dynamic-title .dynamic-title__genre:hover h2 {
  color: #fff;
}
.films-carousel-wrapper .dynamic-title h2 {
  width: fit-content;
  margin-left: 0;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.films-carousel-wrapper .dynamic-title h2:after {
  left: 0;
  max-width: 100%;
  width: 100%;
}
.films-carousel-wrapper .dynamic-title h2:before {
  display: none;
}
.films-carousel-wrapper .dynamic-title svg {
  height: 30px;
  margin-right: 20px;
}
.films-carousel-wrapper .dynamic-title__all {
  color: #fff;
  text-align: right;
  display: inline;
}

.films-carousel--featured:after {
  content: "";
  margin: 70px auto 0;
  width: 15%;
  height: 1px;
  border-top: 2px solid #f4d4a1;
  display: block;
}

.slick-slide__element {
  display: none;
}

.slick-slide .slick-slide__element {
  display: inline-block;
  width: 100%;
}
.slick-slide .slick-slide__element .picture-wrapper {
  min-height: 250px;
}

.films-carousel-wrapper .slick-slide, .films-grid .slick-slide {
  padding: 40px 20px;
  min-height: 260px;
  transition: transform 0.3s ease-in-out;
}
.films-carousel-wrapper .slick-slide:hover, .films-grid .slick-slide:hover {
  transform: scale(1.1);
}
.films-carousel-wrapper .slick-slide a, .films-grid .slick-slide a {
  display: block;
}
.films-carousel-wrapper .slick-slide .picture-wrapper, .films-grid .slick-slide .picture-wrapper {
  position: relative;
  background-color: #000000;
}
.films-carousel-wrapper .slick-slide .picture-wrapper img, .films-grid .slick-slide .picture-wrapper img {
  width: 100%;
  border-radius: 3px;
}
.films-carousel-wrapper .slick-slide h3, .films-grid .slick-slide h3 {
  font-size: 1rem;
  margin: 0.5rem 0 0.3rem;
  color: rgb(245, 158, 46);
  text-align: center;
}
.films-carousel-wrapper .slick-slide .summary-wrapper, .films-grid .slick-slide .summary-wrapper {
  display: none;
  font-size: 1rem;
  line-height: 1.3em;
  z-index: 3;
}
.films-carousel-wrapper .slick-slide .summary-wrapper :last-child, .films-grid .slick-slide .summary-wrapper :last-child {
  margin-bottom: 0;
}
.films-carousel-wrapper .slick-slide .picture-wrapper__mask, .films-grid .slick-slide .picture-wrapper__mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
}
.films-carousel-wrapper .slick-slide .film__restricted, .films-grid .slick-slide .film__restricted {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 4;
  font-size: 18px;
  line-height: 18px;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 50%;
  color: #de3414;
}
.films-carousel-wrapper .slick-slide .actions, .films-grid .slick-slide .actions {
  display: none;
  z-index: 3;
}
.films-carousel-wrapper .slick-slide small, .films-grid .slick-slide small {
  font-size: 0.9rem;
  color: #e2e2e2;
  line-height: 0.9rem;
}
.films-carousel-wrapper .slick-slide small.author, .films-grid .slick-slide small.author {
  display: block;
}
.films-carousel-wrapper .slick-slide small.author b, .films-grid .slick-slide small.author b {
  color: rgb(245, 158, 46);
}
.films-carousel-wrapper .slick-slide:hover, .films-grid .slick-slide:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.films-carousel-wrapper .slick-slide:hover .picture-wrapper__mask, .films-grid .slick-slide:hover .picture-wrapper__mask {
  display: block;
  opacity: 1;
}
.films-carousel-wrapper .slick-slide:hover .summary-wrapper, .films-grid .slick-slide:hover .summary-wrapper {
  display: block;
  color: #fff;
  position: absolute;
  bottom: 45px;
  padding: 10px;
  width: 100%;
  overflow: hidden;
  height: 100%;
  text-overflow: ellipsis;
  align-items: flex-end;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6; /* Change the number to the number of lines you want to show */
  max-height: 9em;
}
.films-carousel-wrapper .slick-slide:hover .actions, .films-grid .slick-slide:hover .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  padding: 10px;
  height: 45px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.films-carousel-wrapper .slick-slide:hover .actions a,
.films-carousel-wrapper .slick-slide:hover .actions span, .films-grid .slick-slide:hover .actions a,
.films-grid .slick-slide:hover .actions span {
  background-color: transparent;
  text-align: center;
  font-size: 1.5rem;
  margin: 0 10px;
}
.films-carousel-wrapper .slick-slide:hover .actions a:hover,
.films-carousel-wrapper .slick-slide:hover .actions span:hover, .films-grid .slick-slide:hover .actions a:hover,
.films-grid .slick-slide:hover .actions span:hover {
  color: #fff;
}
.films-carousel-wrapper .slick-slide:hover .actions .wishlist-btn, .films-grid .slick-slide:hover .actions .wishlist-btn {
  font-size: 1.6rem;
}
.films-carousel-wrapper .slick-slide:hover .actions .wishlist-btn.btn svg, .films-grid .slick-slide:hover .actions .wishlist-btn.btn svg {
  font-size: inherit;
}
.films-carousel-wrapper .slick-slide .film-availabilities, .films-grid .slick-slide .film-availabilities {
  position: absolute;
  top: 1px;
  right: 0;
  -webkit-box-shadow: -10px 10px 15px -5px rgba(0, 0, 0, 0.53);
  -moz-box-shadow: -10px 10px 15px -5px rgba(0, 0, 0, 0.53);
  box-shadow: -10px 10px 15px -5px rgba(0, 0, 0, 0.53);
}

#flash-messages {
  position: fixed;
  right: 20px;
  top: 88px;
  z-index: 5;
}

#admin-main-content .flash-message {
  background: white;
}

.flash-message {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  position: relative;
  display: flex;
  border-radius: 3px;
  border-right: 4px solid #fff;
  min-width: 150px;
  max-width: 300px;
  margin-bottom: 10px;
  padding: 13px 30px 16px 20px;
  background-color: #323232;
}
.flash-message__icon {
  margin-right: 10px;
  font-size: 1.2rem;
}
.flash-message__icon svg {
  display: none;
}
.flash-message__text p {
  margin: 0;
  line-height: 1.1rem;
  font-size: rem-calc(14px);
}
.flash-message__text h3 {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 0;
  border-left: none;
}
.flash-message--success, .flash-message--notice {
  border-color: #99cc99;
}
.flash-message--success .icon--success, .flash-message--success h3, .flash-message--notice .icon--success, .flash-message--notice h3 {
  color: #99cc99;
  display: inline-block;
}
.flash-message--error, .flash-message--alert {
  border-color: #de3414;
}
.flash-message--error .icon--error, .flash-message--error h3, .flash-message--alert .icon--error, .flash-message--alert h3 {
  color: #de3414;
  display: inline-block;
}
.flash-message--warning {
  border-color: rgb(245, 158, 46);
}
.flash-message--warning .icon--warning, .flash-message--warning h3 {
  color: rgb(245, 158, 46);
  display: inline-block;
}
.flash-message--info {
  border-color: #a5c7f3;
}
.flash-message--info .icon--info, .flash-message--info h3 {
  color: #a5c7f3;
  display: inline-block;
}
.flash-message__close {
  border: none;
  background: none;
  margin-left: 20px;
  font-size: 1.4rem;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
}
.flash-message__close:hover {
  color: #aaaaaa;
}

label {
  display: block;
}
label.inline {
  display: inline-block;
}

select {
  margin-bottom: 20px;
  padding: 5px 2px;
  height: 36px;
  border-radius: 3px;
}

input, textarea {
  border-radius: 3px;
}
input.with-prefix, textarea.with-prefix {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus {
  box-shadow: #fff 0 0 5px inset;
  border-color: #fff !important;
  outline: 0;
}

.fields {
  display: flex;
}
.fields input {
  margin-right: 20px;
}
.fields input:last-child {
  margin-right: 0;
}

.field_with_errors label {
  font-weight: bold;
  color: #de3414;
}
.field_with_errors input {
  border-color: #de3414;
  border-width: 3px;
}

.radio-buttons label {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  margin: 5px 0;
  cursor: pointer;
  transition: 0.3s;
}
.radio-buttons label:first-child {
  margin-top: 0;
}
.radio-buttons label:last-child {
  margin-bottom: 0;
}
.radio-buttons label:hover, .radio-buttons label:focus-within {
  background: rgba(245, 245, 245, 0.6);
}
.radio-buttons input {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  z-index: -1;
}
.radio-buttons .rad-design {
  width: 13px;
  height: 13px;
  border-radius: 100px;
  background: linear-gradient(to right bottom, #a5c7f3, #000000);
  position: relative;
}
.radio-buttons .rad-design::before {
  content: "";
  display: inline-block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: #e2e2e2;
  transform: scale(1.1);
  transition: 0.3s;
}
.radio-buttons input:checked + .rad-design::before {
  transform: scale(0);
}
.radio-buttons .rad-text {
  margin-left: 10px;
  transition: 0.3s;
  color: #666666;
}
.radio-buttons input:checked ~ .rad-text {
  color: #000000;
}

.errorExplanation {
  background-color: rgba(222, 52, 20, 0.7);
  padding: 10px 20px;
  margin-bottom: 20px;
  border-radius: 3px;
}
.errorExplanation ul {
  padding-left: 20px;
}

form .actions {
  margin-top: 20px;
}

.discount-form {
  display: flex;
  justify-content: flex-end;
  padding: 0 20px;
  align-items: center;
}
.discount-form label {
  padding: 5px;
  margin: 0;
}
.discount-form #discount_code {
  flex-grow: 1;
  margin-right: 5px;
  max-width: 250px;
  margin: 0 10px;
}
.discount-form button[type=submit] {
  margin: 0;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.icon--loader {
  animation: spin 1.5s linear infinite;
}

.loader p {
  display: inline-block;
}
.loader.black .lds-roller div:after {
  background: #000000;
}
.loader.white .lds-roller div:after {
  background: #fff;
}
.loader .lds-roller {
  top: 4px;
  margin-right: 5px;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 7px 7px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin: -1px 0 0 -1px;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.menu-button {
  position: relative;
  display: block;
  width: 30px;
  margin: 0 auto;
  border: none;
  cursor: pointer;
  color: inherit;
  font-size: 0;
  transition: 0.35s;
}
.menu-button:before, .menu-button:after {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 15px;
  background: #f4d4a1;
  content: "";
  transition: transform 0.35s;
}
.menu-button:before {
  transform: translate(-50%, -14px);
}
.menu-button:after {
  transform: translate(-50%, 14px);
}

#toggle-menu-mobile {
  float: left;
  width: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.menu-button {
  height: 30px;
  border-radius: 3px;
  border-top: 4px solid #f4d4a1;
}
.menu-button span.menu-text {
  position: absolute;
  font-weight: bold;
  color: rgb(245, 158, 46);
  font-size: 0.7rem;
  bottom: 0;
  transition: 0.35s;
}
.menu-button:before, .menu-button:after {
  top: 30%;
  transform: translate(-50%, -50%);
}

.menu-button.opened {
  border-color: transparent;
}
.menu-button.opened span.menu-text {
  color: transparent;
}
.menu-button.opened:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.menu-button.opened:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.reveal-modal {
  border-radius: 3px;
}
@media only screen and (min-width: 768px) {
  .reveal-modal {
    padding: 0;
  }
}
.reveal-modal .modal-title {
  background-color: #323232;
  padding: 10px 40px 10px 20px;
  box-shadow: 0px 2px 9px 2px rgba(0, 0, 0, 0.35);
  font-weight: normal;
  margin-top: 0;
}
.reveal-modal .modal-content {
  padding: 20px;
}
.reveal-modal .modal-content video {
  margin: auto;
  display: block;
  max-width: 100%;
}
.reveal-modal .close-reveal-modal {
  transition: color 0.4s;
}
.reveal-modal .close-reveal-modal:hover {
  color: #fff;
}
.reveal-modal .row {
  max-width: 100%;
}
.reveal-modal .row .row {
  max-width: none;
}

#video-modal #player-wrapper {
  text-align: center;
  min-height: 305px;
  max-height: 55vh;
}
#video-modal #player-wrapper video {
  max-height: 55vh;
}

#modal {
  max-width: 50%;
  margin: auto;
  width: 50%;
  left: 75%;
  margin-left: -50%;
}

.offer-explanation label {
  color: rgb(245, 158, 46);
}

.news-nav {
  margin: 20px;
}
.news-nav .news-thumbnail {
  height: 120px;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  margin: 10px;
  transition: all 0.2s ease-in-out;
  position: relative;
  opacity: 0.8;
  cursor: pointer;
}
.news-nav:hover .news-thumbnail {
  opacity: 0.6;
}
.news-nav .news-nav-item:hover .news-thumbnail {
  opacity: 1;
  box-shadow: 0px 0px 3px 4px inset rgba(0, 0, 0, 0.8);
}
.news-nav .slick-prev {
  left: -20px;
}
.news-nav .slick-next {
  right: -20px;
}

.news-carousel {
  overflow: hidden;
  min-height: 350px;
}
.news-carousel.slick-dotted.slick-slider {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .news-carousel {
    min-height: 600px;
  }
}
.news-carousel.slick-initialized {
  overflow: visible;
}
.news-carousel .slick-dots {
  bottom: 20px;
}
.news-carousel .slick-dots li {
  box-shadow: 2px 2px 5px 0px rgba(120, 120, 120, 0.1);
}
.news-carousel .news__image-container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  justify-content: flex-end;
  height: 350px;
  position: relative;
  display: flex !important;
  flex-direction: column;
}
.news-carousel .news__image-container:hover {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .news-carousel .news__image-container {
    height: 600px;
    flex-direction: row;
    justify-content: space-between;
  }
}
.news-carousel .news__image-container .toggle-button {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  width: 38px;
  height: 38px;
  line-height: 20px;
  text-align: center;
  bottom: 10px;
  left: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.6rem;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) {
  .news-carousel .news__image-container .toggle-button {
    bottom: initial;
    left: initial;
    top: 40px;
    right: 40px;
  }
}
.news-carousel .news__image-container .toggle-button .icon-pause, .news-carousel .news__image-container .toggle-button .icon-volume-up {
  display: none;
}
.news-carousel .news__image-container .toggle-sound-button {
  bottom: 10px;
  left: 70px;
}
@media only screen and (min-width: 768px) {
  .news-carousel .news__image-container .toggle-sound-button {
    bottom: initial;
    left: initial;
    top: 100px;
  }
}
.news-carousel .news__image-container video {
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 350px;
}
@media only screen and (min-width: 768px) {
  .news-carousel .news__image-container video {
    height: 600px;
  }
}
.news-carousel .news__image-container .news-text {
  align-self: start;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 5px;
  position: relative;
  z-index: 2;
  left: -250px;
  opacity: 0;
  max-width: calc(100% - 40px);
  margin-bottom: 20px;
  padding: 0.5rem;
}
.news-carousel .news__image-container .news-text h2, .news-carousel .news__image-container .news-text p {
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
  /* other tests */
}
@media only screen and (min-width: 768px) {
  .news-carousel .news__image-container .news-text {
    max-width: 450px;
    align-self: flex-end;
    margin-bottom: 60px;
    padding: 1rem;
  }
}
.news-carousel .news__image-container .news-category {
  box-shadow: 2px 2px 5px 0px rgba(120, 120, 120, 0.1);
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  padding: 5px 25px 5px 25px;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  font-size: 0.95rem;
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 10px;
  margin-top: 0;
}
.news-carousel .news__image-container .news-title {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  margin-bottom: 10px;
  max-width: 350px;
  text-transform: uppercase;
  font-size: 1rem;
}
@media only screen and (min-width: 768px) {
  .news-carousel .news__image-container .news-title {
    letter-spacing: 0.1rem;
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}
.news-carousel .news__image-container .news-content {
  margin-bottom: 0;
}
.news-carousel .news__image-container .news-button {
  align-self: flex-end;
  z-index: 2;
}
.news-carousel .news__image-container .news-button .btn {
  text-decoration: none;
  border: none;
  text-transform: uppercase;
  padding: 0.5rem 1.3rem;
  margin-right: 20px;
  margin-bottom: 15px;
  display: block;
}
@media only screen and (min-width: 768px) {
  .news-carousel .news__image-container .news-button .btn {
    margin-right: 40px;
    margin-bottom: 30px;
  }
}
.news-carousel .slick-active .news__image-container .news-text {
  animation: 0.5s linear slidein;
  left: 20px;
  opacity: 1;
}

.news__container {
  display: flex;
  flex-wrap: wrap;
  /* Header */
  /* Body */
}
.news__container .news__header {
  flex-basis: 100%;
  height: 45px;
  border-bottom: 2px dotted transparent;
  display: flex;
  align-items: center;
  padding-right: 20px;
}
.news__container .news__icon {
  width: 45px;
  padding: 5px;
  border-bottom: 2px dotted #000000;
  border-right: 2px dotted transparent;
  flex-shrink: 0;
}
.news__container .news__icon img {
  animation: rotateImage 2s ease-in-out;
}
.news__container .news__top-title {
  flex: 1;
  margin: 0 0 0 20px;
  font-size: 0.9rem;
}
.news__container .news__top-subtitle {
  color: #000000;
  padding: 2px 10px;
  font-family: "Facile Sans", "Arial", sans-serif;
  font-size: 0.8rem;
}
.news__container .news__top-title, .news__container .news__top-subtitle {
  text-transform: uppercase;
  font-weight: 500;
}
.news__container .news__vertical-text {
  writing-mode: sideways-lr; /* or vertical-lr for left-to-right */
  /* Optional styles for appearance */
  height: auto;
  white-space: nowrap; /* prevents wrapping */
  font-size: 1.3rem;
  font-weight: 600;
  width: 45px;
  padding: 20px 10px;
  text-transform: uppercase;
  border-right: 2px dotted #000000;
}
.news__container .news__image-container {
  flex: 1;
}

.news--with-borders {
  border: 3px solid transparent;
}

@keyframes slidein {
  from {
    left: -250px;
    opacity: 0;
  }
  to {
    left: 20px;
    opacity: 1;
  }
}
@keyframes rotateImage {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 768px) {
  .news__container .news__header {
    padding-right: 40px;
  }
  .news__container .news__top-title {
    margin: 0 0 0 40px;
    font-size: 1.5rem;
  }
  .news__container .news__top-subtitle {
    font-size: 1.3rem;
  }
}
.new_newsletter_subscription {
  display: flex;
  margin: 0 0 1rem;
  align-items: center;
}
.new_newsletter_subscription label {
  margin: 0 1rem 0 0;
  color: #e2e2e2;
}
.new_newsletter_subscription input {
  background-color: #e2e2e2;
  color: #000000;
  font-weight: bold;
}
.new_newsletter_subscription input::placeholder {
  color: #181818;
  font-weight: bold;
  font-size: 14px;
}

#newsletter-form--frontpage input, #newsletter-form--page input {
  background-color: #000000;
  border-color: rgb(245, 158, 46);
  color: rgb(245, 158, 46);
}
#newsletter-form--frontpage input::placeholder, #newsletter-form--page input::placeholder {
  color: rgba(245, 158, 46, 0.6);
}
#newsletter-form--frontpage input:focus, #newsletter-form--page input:focus {
  border-color: #f4d4a1 !important;
  box-shadow: #f4d4a1 0 0 5px -2px inset;
}
#newsletter-form--frontpage .btn, #newsletter-form--page .btn {
  background-color: rgb(245, 158, 46);
  color: #000000;
}

#newsletter-form--frontpage {
  margin-bottom: 0;
}

#newsletter-form--page {
  margin-bottom: 20px;
}

.cover-carousel-container {
  position: relative;
  overflow: hidden;
  max-height: calc(100vh - 100px);
}

.cover-carousel {
  position: relative;
  max-height: calc(100vh - 100px);
}
.cover-carousel.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.cover-carousel.slick-initialized {
  overflow: visible;
}
.cover-carousel .slick-dots {
  bottom: 20px;
}
.cover-carousel .slick-dots li {
  box-shadow: 2px 2px 5px 0px rgba(120, 120, 120, 0.1);
}
.cover-carousel .cover-wrapper {
  justify-content: center;
  position: relative;
  display: flex;
  flex-direction: column;
}
.cover-carousel .cover-wrapper img {
  width: 100%;
}
.cover-carousel .slick-prev {
  left: 0px;
}
.cover-carousel .slick-next {
  right: 0px;
}
.cover-carousel .cover-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  pointer-events: none;
}

.cover-shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5vh;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #040707 100%);
  pointer-events: none;
}

.pagination-wrapper {
  clear: both;
  margin: 1em 0;
  padding: 0.7em 0;
  border-radius: 3px;
}
.no-cssgradients .pagination-wrapper {
  background-color: #424242;
}
.pagination-wrapper .pagination-info {
  padding: 3px 5px;
  margin-bottom: 20px;
  border-radius: 3px;
}
.pagination-wrapper .pagination {
  margin: 0;
}
.pagination-wrapper li a {
  border-radius: 3px;
}
.pagination-wrapper li a:hover {
  color: #000000;
  background-color: rgb(245, 158, 46);
}

.ressource-row {
  position: relative;
  padding: 10px;
  -webkit-transform: translateZ(0);
}
.ressource-row .categories-duration {
  color: tint(#e2e2e2, 35%);
}
.ressource-row.active, .ressource-row:hover {
  box-shadow: rgba(255, 255, 255, 0.2) 0 0 15px inset;
}
.ressource-row .button {
  margin-right: 5px;
}
.ressource-row .thumbnail {
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .ressource-row .thumbnail {
    max-width: 250px;
  }
}
.ressource-row .thumbnail a {
  display: block;
  position: relative;
}
.ressource-row .thumbnail img {
  border: solid 1px #000;
}
.ressource-row section {
  padding-bottom: 1em;
}
.ressource-row header {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.ressource-row header p {
  font-size: 14px;
}
.ressource-row header p .smaller {
  font-size: 12px;
}
.ressource-row header .link {
  margin-bottom: 0.6em;
}
.ressource-row header h3 a {
  color: rgb(245, 158, 46);
}
.ressource-row:hover header h3 a {
  color: #fff;
  text-decoration: none;
}
.ressource-row .link .btn {
  margin-right: 1em;
}
.ressource-row article {
  font-size: 14px;
  text-align: center;
}
.ressource-row article p {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 0.5em 0;
}
@media only screen and (min-width: 768px) {
  .ressource-row .thumbnail {
    display: inline-block;
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 33.3333333333%;
    float: left;
    padding-top: 0.5em;
  }
  .ressource-row header, .ressource-row article {
    text-align: left;
  }
  .ressource-row section {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 66.6666666667%;
    float: left;
  }
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
}

body ::-webkit-scrollbar-thumb {
  border-radius: 50px;
}

::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

::-webkit-scrollbar-thumb:active {
  background: #000000;
}

::-webkit-scrollbar-track {
  background: #000000;
  border: 0px none #ffffff;
  border-radius: 50px;
}

::-webkit-scrollbar-track:hover {
  background: #666666;
}

::-webkit-scrollbar-track:active {
  background: #333333;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
textarea:focus {
  box-shadow: #fff 0 0 5px -2px inset;
  border-color: #fff !important;
}

.search-form {
  position: relative;
}

.search-field .search-field-wrapper {
  display: flex;
  margin: 20px 0;
}
@media only screen and (min-width: 768px) {
  .search-field .search-field-wrapper {
    margin: 0 20px;
  }
}
.search-field .search-field-input,
.search-field .search-button {
  margin: 0;
  font-size: inherit;
}
.search-field input[type=text],
.search-field input[type=search] {
  padding-left: 12px;
  border-color: rgba(245, 245, 245, 0.6);
  background-color: #000000;
  color: #fff;
}
.search-field input[type=text],
.search-field input[type=search],
.search-field button {
  padding-top: 0;
  padding-bottom: 0;
}
.search-field input[type=text],
.search-field input[type=search] {
  height: 36px;
}
.search-field .search-button {
  background-color: #fff;
  color: #000000;
  text-align: center;
}
.search-field .search-button svg {
  transform: rotate(90deg);
}
.search-field .search-button:hover, .search-field .search-button:focus {
  color: #000000;
  background-color: #e2e2e2;
  outline: 0;
}
.no-box-shadow .search-field .search-button:hover, .no-box-shadow .search-field .search-button:focus {
  outline: 1;
}

.search-options {
  box-shadow: 2px 2px 5px 0px rgba(120, 120, 120, 0.1);
  position: absolute;
  display: none;
  border-radius: 3px;
  background: #fff;
  width: 280px;
  z-index: 2;
  top: 36px;
  left: 20px;
}
@media only screen and (min-width: 768px) {
  .search-options {
    left: 10px;
  }
}
.search-options label {
  color: #000000;
  margin: 2px 0;
}
.search-options table {
  border: none;
  width: 90%;
  margin-bottom: 3px;
  background-color: transparent;
}
.search-options table tr {
  line-height: 0.9px;
}
.search-options table tr td {
  padding: 0px;
}
.search-options table tr td .hide-search-column {
  width: 10px;
}
.search-options table tr:nth-of-type(odd) {
  background-color: transparent;
}
.search-options table tr:nth-of-type(even) {
  background-color: transparent;
}
.search-options p {
  padding: 3px 15px;
  margin-bottom: 0;
  background: #fff;
  color: #000000;
}
.search-options .hide-search-button {
  position: absolute;
  top: 0;
  right: 0px;
  width: 25px;
  padding: 4px;
  background: none;
  border: none;
  margin: 0;
}

#stripe-payment-element {
  margin-bottom: 20px;
}

/* Buttons and links */
#stripe-submit {
  margin: 0 auto 20px;
}
#stripe-submit .loader {
  margin-right: 10px;
}
#stripe-submit .loader .lds-roller {
  width: 18px;
  height: 18px;
}

/* Payment status page */
#stripe-payment-status {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 30px;
  margin: 0 auto;
  padding: 30px;
  width: 40vw;
  min-width: 300px;
  min-height: 380px;
  border-radius: 3px;
  opacity: 0;
  animation: fadeInAnimation 1s ease forwards;
}

#stripe-status-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

#stripe-details-table {
  overflow-x: auto;
  width: 100%;
}
#stripe-details-table table {
  width: 100%;
  font-size: 0.9rem;
  border-collapse: collapse;
}
#stripe-details-table table tbody tr:first-child td {
  border-top: 1px solid #aaaaaa; /* Top border */
  padding-top: 10px;
}
#stripe-details-table table tbody tr:last-child td {
  border-bottom: 1px solid #aaaaaa; /* Bottom border */
}
#stripe-details-table td {
  padding-bottom: 10px;
}
#stripe-details-table .stripe-table-content {
  text-align: right;
  color: #e2e2e2;
}
#stripe-details-table .stripe-table-label {
  font-weight: 600;
  color: #c0c0c0;
}

@keyframes fadeInAnimation {
  to {
    opacity: 1;
  }
}
.upgrade-browser {
  background-color: red;
  color: #fff;
}
.upgrade-browser .alert-box, .upgrade-browser p, .upgrade-browser {
  margin-bottom: 0 !important;
}
.upgrade-browser a {
  color: #fff;
  text-decoration: underline;
}

.hidden {
  display: none !important;
}

.invisible {
  height: 0 !important;
  width: 0 !important;
  visibility: 0 !important;
}

.hide-mobile {
  display: none !important;
}

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

.hide-medium {
  display: none !important;
}

.zoom-mouse {
  cursor: zoom-in;
}

@media only screen and (min-width: 768px) {
  .hide-mobile {
    display: inline-block !important;
  }
  .visible-mobile {
    display: none !important;
  }
}
@media only screen and (min-width: 1024px) {
  .visible-small {
    display: none !important;
  }
  .hide-small {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 1200px) {
  .visible-medium {
    display: none !important;
  }
  .hide-medium {
    display: inline-block !important;
  }
}
.share-link {
  display: inline-flex;
  width: 70%;
}
.share-link input,
.share-link button,
.share-link span {
  display: inline-block;
  font-size: small;
  height: 2rem;
}
.share-link span {
  width: 100%;
  text-align: right;
  padding: 5px 10px;
}

.badge.success, .badge.active, .badge.shipped, .badge.completed {
  background-color: rgb(245, 158, 46);
}

.ressource-row.author header {
  padding-top: 1em;
}
.ressource-row.author article .categories {
  color: #fff;
}
.ressource-row.author article .categories a:hover {
  color: rgb(245, 158, 46);
}
@media only screen and (min-width: 768px) {
  .ressource-row.author .thumbnail {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 16.6666666667%;
    float: left;
  }
  .ressource-row.author section {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 83.3333333333%;
    float: left;
  }
}

#author {
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #2d2d2d;
  background-color: rgba(80, 80, 80, 0.4);
}
#author .thumbnail {
  text-align: center;
}
#author .biography {
  padding: 20px;
  color: #fff;
}

.tickets-index .tickets-list, .tickets-index .vods-list, .vods-index .tickets-list, .vods-index .vods-list {
  max-height: 75vh;
  overflow-y: auto;
}
.tickets-index .row, .vods-index .row {
  margin-bottom: 20px;
}
.tickets-index .badge, .vods-index .badge {
  margin-top: 5px;
}

.tickets-boards {
  margin-bottom: 10px;
  line-height: 1.5em;
}
.tickets-boards b {
  color: #fff;
  font-weight: bold;
}
.tickets-boards .label {
  background-color: rgb(245, 158, 46);
}
.tickets-boards a.vod-link {
  display: flex;
  color: #fff;
  font-weight: bold;
}
.tickets-boards a.vod-link:hover {
  text-decoration: underline;
}
.tickets-boards a.vod-link * {
  align-self: center;
}
.tickets-boards a.vod-link img {
  max-height: 25px;
  margin-right: 5px;
}

.row.login-form {
  margin-top: 50px;
}
.row.login-form .create-account {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  margin: 4.5rem auto;
}

.account-info-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.account-info {
  display: flex;
  align-items: flex-start;
  margin: 0.7142857143em 0;
  flex-basis: 100%;
}
.account-info p {
  flex-basis: 200px;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .account-info {
    flex-basis: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .account-info-wrapper {
    max-width: 60%;
  }
}
#customer-account .section-container {
  margin-top: 20px;
}

.downloads-list .type {
  width: 10%;
  display: inline-block;
}
.downloads-list .btn {
  margin: 0.5rem;
}

.devices .device .description {
  width: 70%;
  display: inline-block;
}
.devices .device .actions {
  display: inline-block;
}

#wrapper-ressources .right-filters {
  float: none;
}
@media only screen and (min-width: 768px) {
  #wrapper-ressources .right-filters {
    float: right;
  }
}
#wrapper-ressources .row {
  padding: 10px 10px 15px;
}
#wrapper-ressources .slick-slide {
  display: block;
  position: relative;
  padding-left: 0.625em;
  padding-right: 0.625em;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  #wrapper-ressources .slick-slide {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 25%;
    float: left;
  }
}
@media only screen and (min-width: 1024px) {
  #wrapper-ressources .slick-slide {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 25%;
    float: left;
  }
}

.films-list {
  display: none;
}

#menus-wrapper .items-in-list.small {
  margin: 0 -1em;
  padding: 7px 0;
}
#menus-wrapper .items-in-list.small .thumbnail {
  display: inline-block;
  position: relative;
  width: 25%;
  padding-left: 0;
  padding-right: 0;
  padding-left: 0;
  padding-right: 0;
  float: left;
  padding-top: 4px;
}
#menus-wrapper .items-in-list.small .thumbnail img {
  width: 100%;
}
#menus-wrapper .items-in-list.small .thumbnail .film-description {
  display: none;
}
#menus-wrapper .items-in-list.small header, #menus-wrapper .items-in-list.small article {
  text-align: left;
}
#menus-wrapper .items-in-list.small section {
  position: relative;
  padding-left: 0.625em;
  padding-right: 0.625em;
  width: 75%;
  float: left;
}

.display-list .films-list {
  display: block;
}
.display-list .films-grid {
  display: none;
}

.popup {
  border: 1px solid #101010;
}

.cover-with-left-time {
  position: relative; /* Establishes a positioning context for absolute positioning */
  display: inline-block; /* Ensure the div is inline to fit closely around the link */
}
.cover-with-left-time img {
  height: 250px;
}
.cover-with-left-time a {
  display: block; /* Makes the link fill its container, useful for positioning */
}
.cover-with-left-time .left-time {
  vertical-align: middle;
  position: absolute;
  bottom: 10px; /* Adjust this value to position the span vertically */
  left: 10px; /* Adjust this value to position the span horizontally */
  background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent background for readability */
  color: white; /* Text color */
  padding: 5px 10px; /* Padding around the text */
  border-radius: 4px; /* Rounded corners */
  font-size: 14px; /* Font size */
  pointer-events: none; /* Ensure clicks go through to the link below */
}
.cover-with-left-time .game-icons--sands-of-time {
  vertical-align: bottom;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M115.063 21.97v9.343c0 101.953 38.158 189.648 96.343 222.093v6.094c-58.186 32.445-96.344 120.14-96.344 222.094v9.344H401.81v-9.344c0-102.552-38.804-190.274-97.53-222.188V253.5c58.722-31.917 97.53-119.64 97.53-222.188V21.97H115.06zM134 40.655h248.875c-2.477 96.445-42.742 175.523-91.938 198.906l-5.343 2.532v28.751l5.344 2.53c49.193 23.383 89.456 102.438 91.937 198.876H134c2.456-95.898 42.125-175.078 90.875-198.938l5.25-2.562v-28.594l-5.25-2.562c-48.748-23.86-88.42-103.04-90.875-198.938zm213.656 86.125c-57.607 27.81-124.526 27.84-177.562 4.095C184.748 181.78 213.91 218.012 248.22 224a12.18 12.18 0 0 0-2.47 7.344c0 6.76 5.488 12.25 12.25 12.25s12.25-5.49 12.25-12.25c0-2.72-.907-5.218-2.406-7.25c35.426-5.88 65.488-44.07 79.812-97.313zM258 258.626c-6.762 0-12.25 5.488-12.25 12.25s5.488 12.25 12.25 12.25s12.25-5.488 12.25-12.25s-5.488-12.25-12.25-12.25m0 39.28c-6.762 0-12.25 5.49-12.25 12.25c0 6.763 5.488 12.25 12.25 12.25s12.25-5.487 12.25-12.25c0-6.76-5.488-12.25-12.25-12.25m0 39.533c-6.762 0-12.25 5.488-12.25 12.25c0 6.76 5.488 12.25 12.25 12.25s12.25-5.49 12.25-12.25c0-6.762-5.488-12.25-12.25-12.25m.125 39.906c-23.21.28-46.19 25.77-75.813 75.656h153c-30.523-51.003-53.977-75.936-77.187-75.656'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

#film-show-wrapper {
  padding-top: 20px;
  padding-bottom: 1.5em;
}
#film-show-wrapper .pre-orderable {
  font-weight: 600;
}
#film-show-wrapper .film-show__availabilities {
  margin: 20px 0;
  justify-content: flex-start;
}
#film-show-wrapper .film-show__availabilities .badge {
  margin-left: 10px;
  margin-right: 0;
}
#film-show-wrapper .film-title,
#film-show-wrapper .film-subtitle,
#film-show-wrapper #summary {
  text-align: justify;
}
#film-show-wrapper .film-title p,
#film-show-wrapper .film-subtitle p,
#film-show-wrapper #summary p {
  margin-top: 1rem;
  font-weight: normal;
  line-height: 1.5em;
  text-rendering: geometricPrecision;
  letter-spacing: 0.04em;
}
#film-show-wrapper .film-title {
  color: rgb(245, 158, 46);
  font-size: 24px;
}
#film-show-wrapper .film-title small {
  color: #999;
}
#film-show-wrapper .film-subtitle {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}
#film-show-wrapper .keywords {
  margin: 20px 0;
  font-size: 0.95rem;
}
#film-show-wrapper .keywords a {
  color: #e2e2e2;
}
#film-show-wrapper .keywords a:hover {
  color: #fff;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  #film-show-wrapper .film-title,
  #film-show-wrapper .film-subtitle,
  #film-show-wrapper #summary {
    text-align: left;
  }
  #film-show-wrapper .column.description {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 50%;
    right: 50%;
    left: auto;
    float: left;
  }
  #film-show-wrapper .column.video {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    width: 50%;
    left: 50%;
    right: auto;
    float: left;
  }
}
#film-show-wrapper #summary {
  font-size: 14px;
}
#film-show-wrapper #languages {
  font-size: 14px;
  line-height: 18px;
  margin: 0.5em 0 0.8em 0;
}
#film-show-wrapper #director {
  font-size: 14px;
  line-height: 18px;
  margin: 0.2em 0 1.2em 0;
}
#film-show-wrapper #copyright {
  font-size: 13px;
  line-height: 18px;
}
#film-show-wrapper #player-wrapper {
  padding-top: 1em;
  display: block;
  width: auto;
}
#film-show-wrapper #player-wrapper video {
  width: 355px;
  height: 267px;
}
@media only screen and (min-width: 1024px) {
  #film-show-wrapper #player-wrapper video {
    width: 450px;
    height: 338px;
  }
}
#film-show-wrapper #jwplayer-wrapper {
  margin: 0 auto;
}
#film-show-wrapper #jwplayer-wrapper .jw-icon-rewind {
  display: none;
}

section.module_price {
  margin-bottom: 15px;
}
section.module_price .module_price_wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  section.module_price .module_price_wrapper {
    flex-wrap: wrap;
    flex-direction: row;
  }
  section.module_price .module_price_wrapper .title-price {
    min-width: 150px;
  }
}
section.module_price .module_price_wrapper form {
  margin-bottom: 0;
}
section.module_price .module_price_wrapper > * {
  align-self: center;
}
section.module_price .title,
section.module_price .price,
section.module_price .pict,
section.module_price .pict img,
section.module_price .action,
section.module_price .stockout {
  display: inline-block;
}
section.module_price .title-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.module_price .title-price, section.module_price .pict, section.module_price .price {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  section.module_price .title-price, section.module_price .pict, section.module_price .price {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) {
  section.module_price .action {
    margin: 0;
    width: 200px;
    text-align: center;
  }
}
section.module_price .stockout {
  padding-top: 10px;
}
section.module_price .title {
  font-size: 1rem;
  text-align: center;
  margin-right: 5px;
}
section.module_price .price {
  color: rgb(245, 158, 46);
  text-align: right;
  font-size: 1.1rem;
}
section.module_price .pict {
  font-size: 3rem;
  color: #a5c7f3;
  transition: all 0.2s;
}
section.module_price .pict img {
  font-size: 0.9rem;
}
section.module_price .pict:hover {
  color: rgb(245, 158, 46);
}
section.module_price .price-info {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-align: center;
}
section.module_price .price-info a {
  text-decoration: underline;
}
section.module_price .price-info ~ .price-info {
  margin-top: 0;
}

#related {
  position: relative;
}
@media only screen and (min-width: 1024px) {
  #related .column {
    width: 50%;
  }
  #related .column .summary {
    height: 57px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
#related a.prev,
#related a.next {
  position: relative;
  display: block;
  font-size: 3em;
  width: 49%;
  color: #fff;
  margin-top: -60px;
}
#related a.prev:hover,
#related a.next:hover {
  color: #fff;
}
#related a.prev {
  float: left;
}
#related a.next {
  float: right;
  text-align: right;
}
@media only screen and (min-width: 1024px) {
  #related a.prev,
  #related a.next {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  #related a.prev,
  #related a.next {
    display: block;
    position: absolute;
    margin-top: 50px;
    width: 20px;
  }
  #related a.prev {
    left: -20px;
  }
  #related a.next {
    right: -20px;
  }
}
.cssgradients #related .film.even,
.cssgradients #related .film.odd {
  background-image: none;
  background-color: transparent;
}

.wrapper-social-buttons {
  padding-top: 15px;
}
@media only screen and (min-width: 1024px) {
  .wrapper-social-buttons {
    padding-left: 25px;
    padding-right: 26px;
  }
}
.wrapper-social-buttons .social-button {
  display: inline;
  float: left;
  width: auto;
}

span.extra_infos {
  display: block;
  padding-bottom: 10px;
}

#summary-shortener {
  overflow: hidden;
}

#summary-shortener.shorten {
  height: 300px;
}

#summary-shortener.expended {
  height: auto;
}

#summary-expender,
#summary-expender-off {
  background-color: #323232;
  width: 50%;
  text-align: center;
  padding: 5px 0;
  border-top: 1px solid #000000;
  border-radius: 3px;
  margin: 1rem auto;
}
#summary-expender p,
#summary-expender-off p {
  cursor: pointer;
  margin: 0;
}
#summary-expender p:hover,
#summary-expender-off p:hover {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  #summary-expender,
  #summary-expender-off {
    width: 25%;
  }
}
.film--with-cover .film__header {
  position: relative;
}
.film--with-cover .film__header-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 5vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.film--with-cover .film__title {
  margin-bottom: 20px;
  max-width: 1200px;
}
.film--with-cover .film__title h1 {
  padding: 0 20px;
  margin-bottom: 10px;
  font-size: 1.4rem;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.film--with-cover .film__title h1, .film--with-cover .film__title h2 {
  text-align: center;
}
.film--with-cover .film__subtitle {
  margin-bottom: 0;
}
.film--with-cover .film__btns .wishlist-btn {
  font-size: 2.2rem;
}
.film--with-cover .film__btns .btn {
  padding: 11px 10px;
  width: 42px;
  height: 42px;
}
.film--with-cover .film__btns .btn svg {
  margin-right: 0;
}
.film--with-cover .film__content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
.film--with-cover .film__info {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}
.film--with-cover .film__details, .film--with-cover .film__author {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.film--with-cover .film__details {
  justify-content: flex-end;
}
.film--with-cover .film__description {
  font-size: 1.2rem;
}
.film--with-cover .film__description h2 {
  font-size: 1.5rem;
  margin: 40px 0 20px;
}
.film--with-cover .film__description h3 {
  font-size: 1.3rem;
  margin: 30px 0 10px;
}
.film--with-cover .film__keywords {
  margin-top: 30px;
  margin-bottom: 20px;
  border-top: 1px dashed #f4d4a1;
  padding-top: 30px;
}
.film--with-cover .film__producer {
  margin-bottom: 30px;
  border-bottom: 1px dashed #f4d4a1;
  padding-bottom: 30px;
}
.film--with-cover .film__producer .film__details {
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .film--with-cover .film__header-content {
    padding-bottom: 10vh;
    top: 0;
  }
  .film--with-cover .film__title {
    margin-bottom: 30px;
  }
  .film--with-cover .film__title h1 {
    font-size: 2.8rem;
  }
  .film--with-cover .film__btns .wishlist-btn {
    font-size: 3rem;
  }
  .film--with-cover .film__btns .btn {
    padding: 11px 10px;
    width: auto;
    height: auto;
  }
  .film--with-cover .film__btns .btn svg {
    margin-right: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .film--with-cover .film__header-content {
    padding-bottom: 15vh;
  }
  .film--with-cover .film__title {
    margin-bottom: 40px;
  }
  .film--with-cover .film__title h1 {
    font-size: 3.5rem;
  }
}
.no_route {
  text-align: center;
  padding: 1.5em 4em;
  margin: 0 auto 0 auto;
}
.no_route h1 {
  margin-bottom: 35px;
}
.no_route p {
  font-size: 1.2em;
  line-height: 1.5em;
}
@media only screen and (min-width: 768px) {
  .no_route {
    padding-top: 2em;
    width: 90%;
  }
}
@media only screen and (min-width: 1200px) {
  .no_route {
    padding-top: 3em;
    width: 80%;
  }
}

.order__info {
  padding: 1rem;
}
.order__info .row {
  margin-top: 0.5rem;
}
.order__info .btn {
  margin-top: 0.5rem;
}

#film-show-wrapper.vod_order {
  padding-top: 2em;
}
#film-show-wrapper.vod_order #summary {
  font-size: 1.2em;
}
#film-show-wrapper.vod_order #summary a {
  font-size: 0.8em;
}

#film-show-wrapper input.vod-quantity, #cart input.vod-quantity {
  max-width: 20%;
  width: 20%;
  display: inline-block;
  margin: 0;
  text-align: center;
}
#film-show-wrapper input.vod-quantity.in-shopping-cart, #cart input.vod-quantity.in-shopping-cart {
  max-width: 50%;
  width: 50%;
}

.pending_order {
  text-align: center;
  padding: 1.5em 4em;
  margin: 0 auto 0 auto;
}
.pending_order h1 {
  font-size: 2.2em;
  margin-bottom: 35px;
}
.pending_order p {
  font-size: 1.5em;
  line-height: 1.5em;
}
.pending_order p.wait {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .pending_order {
    padding-top: 2em;
    width: 90%;
  }
}
@media only screen and (min-width: 1200px) {
  .pending_order {
    padding-top: 3em;
    width: 80%;
  }
}

.producer-info {
  background-color: #040707;
  padding: 20px;
  margin-bottom: 20px;
}
.producer-info ul {
  padding-left: 20px;
}
.producer-info strong {
  display: inline-block;
  width: 30%;
  min-width: 125px;
}

#update-data .edit_producer textarea {
  height: auto;
}

#cart {
  margin-bottom: 20px;
}
#cart #sidebar {
  position: sticky;
  top: 88px;
}
#cart #sidebar .btn {
  width: 100%;
}
#cart #sidebar .btn svg {
  font-size: 1rem;
}

.line-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  box-shadow: 2px 2px 5px 0px rgba(120, 120, 120, 0.1);
  background-color: #000000;
  padding: 20px;
  margin-bottom: 1rem;
  position: relative;
}
.line-box .thumbnail {
  flex-basis: 15%;
  min-height: 20px;
  flex-shrink: 0;
}
.line-box .item-description {
  flex-basis: 45%;
  flex-shrink: 0;
}
.line-box .offer_vod_to svg {
  font-size: 1.3rem;
  color: rgb(245, 158, 46);
  margin-right: 5px;
}
.line-box h3 {
  font-size: 1rem;
  font-weight: normal;
}
.line-box h3 a {
  color: rgb(245, 158, 46);
}
.line-box h3 a:hover {
  text-decoration: underline;
}
.line-box .badge {
  position: absolute;
  z-index: 1;
  top: -5px;
  left: -5px;
}
.line-box .qty-price {
  text-align: center;
}

.cart-total-box {
  padding: 2rem;
  margin-bottom: 2rem;
  background-color: #000000;
  box-shadow: 2px 2px 5px 0px rgba(120, 120, 120, 0.1);
}
.cart-total-box .title-currency {
  margin-bottom: 0.5rem;
}
.cart-total-box .title-currency.small {
  font-size: 0.9rem;
}
.cart-total-box .currency {
  float: right;
}

.subscription-item .thumbnail {
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
}

.plus-less-remove {
  min-width: 130px;
  flex-shrink: 0;
  text-align: right;
  flex-basis: 100%;
  /*
    @media only screen and (min-width: 768px) {
      flex-basis: auto;
    }
  */
}
.plus-less-remove a {
  height: 27px;
  margin-left: 0.5em;
}

#total {
  color: rgb(245, 158, 46);
}

body.static-page #main ul {
  padding-left: 1rem;
}
body.static-page #main ul li {
  line-height: 1.5rem;
}
body.static-page #main h2 {
  color: rgb(245, 158, 46);
  font-size: 1.1rem;
}
body.static-page #main section {
  margin: 2rem 0;
}
body.static-page #main .text {
  max-width: 790px;
  margin: 1rem 0;
}
@media only screen and (min-width: 1024px) {
  body.static-page #main .text p {
    margin-right: 2rem;
  }
}
body.static-page #main img {
  max-height: 150px;
  display: block;
  max-width: 250px;
  height: auto;
}
body.static-page #main img.wider {
  max-height: none;
}
body.static-page #main .images {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  body.static-page #main .images {
    flex-direction: row;
  }
}
body.static-page #main .images img {
  margin: 1rem;
}
body.static-page #main iframe {
  margin: 1rem 0;
  max-width: 100%;
}
body.static-page #main .flex-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  body.static-page #main .flex-wrapper {
    flex-direction: row;
  }
}
body.static-page #main .flex-wrapper .images {
  flex-direction: column;
}
body.static-page #main ul.static-films-list a {
  font-weight: bold;
}
body.static-page #main ul.static-films-list li {
  margin-bottom: 0.5rem;
}
body.static-page #main ul.static-films-list small {
  font-size: 0.8rem;
}
body.static-page #main p {
  text-align: justify;
}

/* Cinemutins project */
.subscriptions-wrapper {
  display: flex-block;
  flex-wrap: wrap;
  justify-content: center;
}

.subscription-frame {
  border: 1px solid rgb(245, 158, 46);
  padding: 1rem;
  margin: 1rem;
  text-align: center;
}
.subscription-frame h2 {
  display: block;
  color: rgb(245, 158, 46);
}

.unlimited-subscription-frame {
  padding: 1rem;
  margin: 1rem;
  text-align: center;
  margin: 0 auto;
}

.subscription-wrapper {
  border: 1px dotted rgb(245, 158, 46);
  display: inline-block;
  flex-direction: column;
  border-radius: 3px;
  background-color: #000000;
  padding: 1rem;
  text-align: center;
  align-items: center;
  margin: 0 1rem 1rem 0;
  min-width: 200px;
  flex-basis: 300px;
  vertical-align: bottom;
}
.subscription-wrapper .subscription-name {
  font-size: 1.4rem;
  font-variant: small-caps;
  color: #fff;
}
.subscription-wrapper .subscription-price {
  font-weight: bold;
  font-size: 1.2rem;
  color: rgb(245, 158, 46);
  margin-bottom: 1rem;
}

.subscription-gift svg {
  color: rgb(245, 158, 46);
  transition: color 0.4s;
  font-size: 4rem;
}
.subscription-gift:hover svg {
  color: rgb(229.0410958904, 133.698630137, 10.9589041096);
}

.subscriptions-help {
  margin: 40px 0 0 0;
  padding: 40px;
  background-color: #323232;
}
.subscriptions-help h1 {
  margin-top: 0;
}

.ticket-order {
  padding: 7px;
  border-radius: 3px;
  background-color: rgba(102, 102, 102, 0.3);
}

.line-box + .tickets-boards {
  margin-top: 25px;
}

.genre-image {
  background-size: cover;
  background-position: center;
  width: 110vw;
  margin-left: -10vw;
  height: 100vh;
  max-height: 50vh;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
}
.genre-image h1 {
  font-size: 3em;
  vertical-align: middle;
  margin: 20vh 10vw;
  text-align: center;
  padding: 0;
  line-height: 1em;
  display: inline-block;
}

.theme-desc {
  margin-left: 20px;
}

.front-page__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
  gap: 20px;
}
.front-page__header .front-page__title {
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  min-width: 300px;
}
.front-page__header .front-page__title h2 {
  margin: 0;
  text-transform: uppercase;
  color: inherit;
  font-weight: 400;
  font-size: inherit;
}
.front-page__header .front-page__title .front-page__icon {
  margin-right: 20px;
  font-size: 1.5rem;
}
.front-page__header .front-page__button {
  width: 100%;
}
.front-page__header .front-page__button .btn {
  width: 100%;
}
.front-page__header .front-page__form {
  width: 100%;
  min-width: 280px;
}
.front-page__header .front-page__form form {
  margin: 0 auto;
}

@media screen and (min-width: 412px) {
  .front-page__header {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .front-page__header .front-page__title {
    flex: 1;
    font-size: 1.3rem;
  }
  .front-page__header .front-page__title .front-page__icon {
    margin-right: 20px;
    font-size: 2rem;
  }
  .front-page__header .front-page__button {
    width: auto;
  }
  .front-page__header .front-page__button .btn {
    width: auto;
  }
  .front-page__header .front-page__form {
    width: auto;
    flex: 1;
  }
  .front-page__header .front-page__form form {
    margin: 0;
    max-width: 320px;
  }
}
@media screen and (min-width: 1024px) {
  .front-page__header .front-page__form form {
    margin: 0 0 0 auto;
  }
}
h1 {
  font-family: "Facile Sans", "Arial", sans-serif;
}