/*
Theme Name: contact
Theme URI: http://underscores.me/
Author: Cogdesign
Author URI: http://cogdesign.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Text Domain: contact
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

contact is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello/font/fontello.eot?98137354');
  src: url('fonts/fontello/font/fontello.eot?98137354#iefix') format('embedded-opentype'), url('fonts/fontello/font/fontello.woff2?98137354') format('woff2'), url('fonts/fontello/font/fontello.woff?98137354') format('woff'), url('fonts/fontello/font/fontello.ttf?98137354') format('truetype'), url('fonts/fontello/font/fontello.svg?98137354#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?98137354#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-asset-1:before {
  content: '\e800';
}
/* '' */
.icon-asset-3:before {
  content: '\e801';
}
/* '' */
.icon-asset-4:before {
  content: '\e802';
}
/* '' */
.icon-asset-5:before {
  content: '\e803';
}
/* '' */
.icon-asset-6:before {
  content: '\e804';
}
/* '' */
.icon-asset-7:before {
  content: '\e805';
}
/* '' */
.icon-asset-8:before {
  content: '\e806';
}
/* '' */
.icon-asset-9:before {
  content: '\e807';
}
/* '' */
.icon-asset-10:before {
  content: '\e808';
}
/* '' */
.icon-asset-11:before {
  content: '\e809';
}
/* '' */
.icon-asset-12:before {
  content: '\e80a';
}
/* '' */
.icon-asset-13:before {
  content: '\e80b';
}
/* '' */
.icon-asset-14:before {
  content: '\e80c';
}
/* '' */
.icon-asset-15:before {
  content: '\e80d';
}
/* '' */
.icon-asset-16:before {
  content: '\e80e';
}
/* '' */
.icon-asset-17:before {
  content: '\e80f';
}
/* '' */
.icon-asset-18:before {
  content: '\e810';
}
/* '' */
.icon-asset-19:before {
  content: '\e811';
}
/* '' */
.icon-asset-20:before {
  content: '\e812';
}
/* '' */
.icon-asset-21:before {
  content: '\e813';
}
/* '' */
.icon-asset-22:before {
  content: '\e814';
}
/* '' */
.icon-star:before {
  content: '\e817';
}
/* '' */
.icon-asset-2:before {
  content: '\e818';
}
/* '' */
.icon-asset-25:before {
  content: '\e819';
}
/* '' */
.icon-asset-23:before {
  content: '\e82c';
}
/* '' */
.icon-asset-24:before {
  content: '\e82d';
}
/* '' */
@font-face {
  font-family: 'Giorgio Sans Heavy Web';
  src: url('fonts/GiorgioSans-Heavy-Web.eot');
  src: url('fonts/GiorgioSans-Heavy-Web.eot?#iefix') format('embedded-opentype'), url('fonts/GiorgioSans-Heavy-Web.woff2') format('woff2'), url('fonts/GiorgioSans-Heavy-Web.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
.gs-heavy {
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Giorgio Sans Medium Web';
  src: url('fonts/GiorgioSans-Medium-Web.eot');
  src: url('fonts/GiorgioSans-Medium-Web.eot?#iefix') format('embedded-opentype'), url('fonts/GiorgioSans-Medium-Web.woff2') format('woff2'), url('fonts/GiorgioSans-Medium-Web.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
.gs-medium {
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
textarea,
input[type="text"],
input[type="button"],
input[type="search"],
input[type="submit"] {
  -webkit-appearance: none !important;
  border-radius: 0;
}
/*=======================
Grid system
=========================*/
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.visible {
  display: block;
}
.visible-md,
.visible-sm,
.visible-xs {
  display: none;
}
.hidden {
  display: none;
}
.hidden-md {
  display: block;
}
.hidden-sm {
  display: block;
}
.hidden-xs {
  display: block;
}
.mixin-col {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
/* --- Gridpak variables ---*/
.mixin-span_first {
  margin-left: 0;
}
/* 1. 12 Column Grid 0px - Infinity
-----------------------------------------------------------------------------

Column 1:    6.5%
Column 2:    15.0%
Column 3:    23.5%
Column 4:    32.0%
Column 5:    40.5%
Column 6:    49.0%
Column 7:    57.5%
Column 8:    66.0%
Column 9:    74.5%
Column 10:    83.0%
Column 11:    91.5%
Column 12:    100%

----------------------------------------------------------------------------- */
.row .col-1,
.row .col-2,
.row .col-3,
.row .col-4,
.row .col-5,
.row .col-6,
.row .col-7,
.row .col-8,
.row .col-9,
.row .col-10,
.row .col-11 {
  margin-left: 40px;
  min-height: 1px;
}
.row .col-1:first-child,
.row .col-2:first-child,
.row .col-3:first-child,
.row .col-4:first-child,
.row .col-5:first-child,
.row .col-6:first-child,
.row .col-7:first-child,
.row .col-8:first-child,
.row .col-9:first-child,
.row .col-10:first-child,
.row .col-11:first-child {
  margin-left: 0;
}
.row .col-1.half-margin,
.row .col-2.half-margin,
.row .col-3.half-margin,
.row .col-4.half-margin,
.row .col-5.half-margin,
.row .col-6.half-margin,
.row .col-7.half-margin,
.row .col-8.half-margin,
.row .col-9.half-margin,
.row .col-10.half-margin,
.row .col-11.half-margin {
  margin-left: 20px;
}
.col-1 {
  width: 64px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
}
.col-2 {
  width: 168px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
}
.col-3 {
  width: 272px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
}
.col-4 {
  width: 376px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
}
.col-5 {
  width: 480px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
}
.col-6 {
  width: 584px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
}
.col-7 {
  width: 688px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
}
.col-8 {
  width: 792px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
}
.col-9 {
  width: 896px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
}
.col-10 {
  width: 1000px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
}
.col-11 {
  width: 1104px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
}
.col-12 {
  margin-left: 0;
  width: 100%;
}
.row {
  float: left;
  width: 100%;
}
.col-centered {
  float: none !important;
  margin: 0 auto !important;
}
/*=======================
List elements
=========================*/
.grid-list {
  margin: 0;
  padding: 0;
}
.grid-list img {
  height: auto;
  max-width: 100%;
  display: block;
}
.grid-list li {
  display: inline-block;
  vertical-align: top;
  float: none !important;
  margin-bottom: 40px;
}
.grid-list.list-2 li {
  width: 49%;
  margin-left: 2%;
}
.grid-list.list-2 li:nth-child(2n+1) {
  margin-left: 0;
}
.grid-list#videos-repeater li:nth-child(2n+1) {
  margin-left: 2%;
}
.grid-list#videos-repeater li.full-width {
  margin-left: 0;
}
.grid-list#videos-repeater li:nth-child(2n) {
  margin-left: 0;
}
.grid-list.list-3 li {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  width: 376px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
}
.grid-list.list-3 li:nth-child(3n+1) {
  margin-left: 0;
}
@media all and (max-width: 1366px) {
  .visible-lg {
    display: block;
  }
  .visible,
  .visible-md,
  .visible-sm,
  .visible-xs {
    display: none;
  }
  .hidden {
    display: none;
  }
  .hidden-md {
    display: none;
  }
  .hidden-sm {
    display: block;
  }
  .hidden-xs {
    display: block;
  }
  .row .col-1,
  .row .col-2,
  .row .col-3,
  .row .col-4,
  .row .col-5,
  .row .col-6,
  .row .col-7,
  .row .col-8,
  .row .col-9,
  .row .col-10,
  .row .col-11 {
    margin-left: 2%;
  }
  .row .col-12-md {
    margin-left: 0;
  }
  .col-1 {
    width: 6.33333333%;
  }
  .col-2 {
    width: 14.66666667%;
  }
  .col-3 {
    width: 23%;
  }
  .col-4 {
    width: 31.33333333%;
  }
  .col-5 {
    width: 39.66666667%;
  }
  .col-6 {
    width: 48%;
  }
  .col-7 {
    width: 56.33333333%;
  }
  .col-8 {
    width: 64.66666667%;
  }
  .col-9 {
    width: 73%;
  }
  .col-10 {
    width: 81.33333333%;
  }
  .col-11 {
    width: 89.66666667%;
  }
  .col-12 {
    margin-left: 0;
    width: 100%;
  }
}
@media all and (max-width: 980px) {
  .visible-md {
    display: block;
  }
  .visible,
  .visible-sm,
  .visible-xs {
    display: none;
  }
  .hidden {
    display: none;
  }
  .hidden-md {
    display: none;
  }
  .hidden-sm {
    display: block;
  }
  .hidden-xs {
    display: block;
  }
  .row .col-12-md {
    margin-left: 0;
  }
  .col-1-md {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 64px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-2-md {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 168px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-3-md {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 272px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-4-md {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 376px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-5-md {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 480px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-6-md {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 584px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-7-md {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 688px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-8-md {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 792px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-9-md {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 896px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-10-md {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 1000px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-11-md {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 1104px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-12-md {
    margin-left: 0;
    width: 100%;
  }
  .grid-list {
    margin-left: 0;
    padding-left: 0;
  }
  .col-8.extended {
    width: 85.83333333%;
  }
}
@media all and (max-width: 768px) {
  .visible-sm {
    display: block;
  }
  .visible,
  .visible-md,
  .visible-xs {
    display: none;
  }
  .hidden {
    display: none;
  }
  .hidden-md {
    display: none;
  }
  .hidden-sm {
    display: none;
  }
  .hidden-xs {
    display: block;
  }
  .row .col-12-sm {
    margin-left: 0;
  }
  .col-1-sm {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 64px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-2-sm {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 168px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-3-sm {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 272px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-4-sm {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 376px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-5-sm {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 480px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-6-sm {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 584px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-7-sm {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 688px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-8-sm {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 792px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-9-sm {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 896px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-10-sm {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 1000px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-11-sm {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 1104px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .col-12-sm {
    margin-left: 0;
    width: 100%;
  }
  .grid-list.list-3 li,
  .grid-list.list-4 li {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    width: 584px;
    border-left-width: 0;
    padding: 0%;
    margin-left: 40px;
  }
  .grid-list.list-3 li:nth-child(3n+1),
  .grid-list.list-4 li:nth-child(3n+1) {
    margin-left: 3%;
  }
  .grid-list.list-3 li:nth-child(2n+1),
  .grid-list.list-4 li:nth-child(2n+1) {
    margin-left: 0%;
  }
  .col-11-md.extended {
    width: 85.83333333%;
  }
}
@media all and (max-width: 667px) {
  .visible-xs {
    display: block;
  }
  .visible,
  .visible-md,
  .visible-sm {
    display: none;
  }
  .hidden {
    display: none;
  }
  .hidden-md {
    display: none;
  }
  .hidden-sm {
    display: none;
  }
  .hidden-xs {
    display: none;
  }
  .col-1,
  .col-1-md,
  .col-1-sm,
  .col-2,
  .col-2-md,
  .col-2-sm,
  .col-3,
  .col-3-md,
  .col-3-sm,
  .col-4,
  .col-4-md,
  .col-4-sm,
  .col-5,
  .col-5-md,
  .col-5-sm,
  .col-6,
  .col-6-md,
  .col-6-sm,
  .col-7,
  .col-7-md,
  .col-7-sm,
  .col-8,
  .col-8-md,
  .col-8-sm,
  .col-9,
  .col-9-md,
  .col-9-sm,
  .col-10,
  .col-10-md,
  .col-10-sm,
  .col-11,
  .col-11-md,
  .col-11-sm,
  .col-12 {
    width: 100%;
    margin-left: 0 !important;
  }
  .grid-list li {
    margin-bottom: 25px;
  }
  .grid-list.list-3 li,
  .grid-list.list-4 li {
    width: 100%;
    margin-left: 0 !important;
    margin-left: 0;
  }
  .grid-list.list-3 li:nth-child(3n+1),
  .grid-list.list-4 li:nth-child(3n+1) {
    margin-left: 0%;
  }
  .grid-list.list-3 li:nth-child(2n+1),
  .grid-list.list-4 li:nth-child(2n+1) {
    margin-left: 0%;
  }
  .col-8.extended {
    width: 100%;
  }
  .col-6-xs {
    margin-left: 3%;
    width: 47%;
  }
}
.blue-bg {
  background: #0000ff;
}
.pink-bg {
  background: #FF00C3;
}
.pink-dark-bg {
  background: #d6006e;
}
.purple-bg {
  background: #be00ff;
}
.purple-dark-bg {
  background: #8b00ff;
}
.green-bg {
  background: #01ffbc;
}
.apple-bg {
  background: #9AFF4A;
}
.orange-bg {
  background: #ff7f2f;
}
.yellow-bg {
  background: #FFDC00;
}
.upp {
  text-transform: uppercase;
}
.show-mobile {
  display: none;
}
@media only screen and (max-width: 667px) {
  .show-mobile {
    display: block;
  }
}
body.template-colour-yellow .featured-header h1:after,
body.template-colour-yellow .featured-header .heading-tag {
  background-color: #FFDC00;
}
body.template-colour-yellow .detail-area,
body.template-colour-yellow .downloads:before,
body.template-colour-yellow .related-heading,
body.template-colour-yellow .detail-area:before,
body.template-colour-yellow .detail-area:after,
body.template-colour-yellow .further-text,
body.template-colour-yellow .rating,
body.template-colour-yellow .credits-section,
body.template-colour-yellow.single-project #slider-with-thumbnails-main {
  border-color: #FFDC00;
}
body.template-colour-orange-light .featured-header h1:after,
body.template-colour-orange-light .featured-header .heading-tag {
  background-color: #ffc1a9;
}
body.template-colour-orange-light .detail-area,
body.template-colour-orange-light .downloads:before,
body.template-colour-orange-light .related-heading,
body.template-colour-orange-light .detail-area:before,
body.template-colour-orange-light .detail-area:after,
body.template-colour-orange-light .further-text,
body.template-colour-orange-light .rating,
body.template-colour-orange-light .credits-section,
body.template-colour-orange-light.single-project #slider-with-thumbnails-main {
  border-color: #ffc1a9;
}
body.template-colour-orange .featured-header h1:after,
body.template-colour-orange .featured-header .heading-tag {
  background-color: #ff7f2f;
}
body.template-colour-orange .detail-area,
body.template-colour-orange .downloads:before,
body.template-colour-orange .related-heading,
body.template-colour-orange .detail-area:before,
body.template-colour-orange .detail-area:after,
body.template-colour-orange .further-text,
body.template-colour-orange .rating,
body.template-colour-orange .credits-section,
body.template-colour-orange.single-project #slider-with-thumbnails-main {
  border-color: #ff7f2f;
}
body.template-colour-pink .featured-header h1:after,
body.template-colour-pink .featured-header .heading-tag {
  background-color: #FF00C3;
}
body.template-colour-pink .detail-area,
body.template-colour-pink .downloads:before,
body.template-colour-pink .related-heading,
body.template-colour-pink .detail-area:before,
body.template-colour-pink .detail-area:after,
body.template-colour-pink .further-text,
body.template-colour-pink .rating,
body.template-colour-pink .credits-section,
body.template-colour-pink.single-project #slider-with-thumbnails-main {
  border-color: #FF00C3;
}
body.template-colour-pink-dark .featured-header h1:after,
body.template-colour-pink-dark .featured-header .heading-tag {
  background-color: #d6006e;
}
body.template-colour-pink-dark .detail-area,
body.template-colour-pink-dark .downloads:before,
body.template-colour-pink-dark .related-heading,
body.template-colour-pink-dark .detail-area:before,
body.template-colour-pink-dark .detail-area:after,
body.template-colour-pink-dark .further-text,
body.template-colour-pink-dark .rating,
body.template-colour-pink-dark .credits-section,
body.template-colour-pink-dark.single-project #slider-with-thumbnails-main {
  border-color: #d6006e;
}
body.template-colour-purple-dark .featured-header h1:after,
body.template-colour-purple-dark .featured-header .heading-tag {
  background-color: #8b00ff;
}
body.template-colour-purple-dark .detail-area,
body.template-colour-purple-dark .downloads:before,
body.template-colour-purple-dark .related-heading,
body.template-colour-purple-dark .detail-area:before,
body.template-colour-purple-dark .detail-area:after,
body.template-colour-purple-dark .further-text,
body.template-colour-purple-dark .rating,
body.template-colour-purple-dark .credits-section,
body.template-colour-purple-dark.single-project #slider-with-thumbnails-main {
  border-color: #8b00ff;
}
body.template-colour-purple-really-dark .featured-header h1:after,
body.template-colour-purple-really-dark .featured-header .heading-tag {
  background-color: #59008D;
}
body.template-colour-purple-really-dark .detail-area,
body.template-colour-purple-really-dark .downloads:before,
body.template-colour-purple-really-dark .related-heading,
body.template-colour-purple-really-dark .detail-area:before,
body.template-colour-purple-really-dark .detail-area:after,
body.template-colour-purple-really-dark .further-text,
body.template-colour-purple-really-dark .rating,
body.template-colour-purple-really-dark .credits-section,
body.template-colour-purple-really-dark.single-project #slider-with-thumbnails-main {
  border-color: #59008D;
}
body.template-colour-purple .featured-header h1:after,
body.template-colour-purple .featured-header .heading-tag {
  background-color: #be00ff;
}
body.template-colour-purple .detail-area,
body.template-colour-purple .downloads:before,
body.template-colour-purple .related-heading,
body.template-colour-purple .detail-area:before,
body.template-colour-purple .detail-area:after,
body.template-colour-purple .further-text,
body.template-colour-purple .rating,
body.template-colour-purple .credits-section,
body.template-colour-purple.single-project #slider-with-thumbnails-main {
  border-color: #be00ff;
}
body.template-colour-blue .featured-header h1:after,
body.template-colour-blue .featured-header .heading-tag {
  background-color: #0000ff;
}
body.template-colour-blue .detail-area,
body.template-colour-blue .downloads:before,
body.template-colour-blue .related-heading,
body.template-colour-blue .detail-area:before,
body.template-colour-blue .detail-area:after,
body.template-colour-blue .further-text,
body.template-colour-blue .rating,
body.template-colour-blue .credits-section,
body.template-colour-blue.single-project #slider-with-thumbnails-main {
  border-color: #0000ff;
}
body.template-colour-blue-light .featured-header h1:after,
body.template-colour-blue-light .featured-header .heading-tag {
  background-color: #00a0ff;
}
body.template-colour-blue-light .detail-area,
body.template-colour-blue-light .downloads:before,
body.template-colour-blue-light .related-heading,
body.template-colour-blue-light .detail-area:before,
body.template-colour-blue-light .detail-area:after,
body.template-colour-blue-light .further-text,
body.template-colour-blue-light .rating,
body.template-colour-blue-light .credits-section,
body.template-colour-blue-light.single-project #slider-with-thumbnails-main {
  border-color: #00a0ff;
}
body.template-colour-green .featured-header h1:after,
body.template-colour-green .featured-header .heading-tag {
  background-color: #01ffbc;
}
body.template-colour-green .detail-area,
body.template-colour-green .downloads:before,
body.template-colour-green .related-heading,
body.template-colour-green .detail-area:before,
body.template-colour-green .detail-area:after,
body.template-colour-green .further-text,
body.template-colour-green .rating,
body.template-colour-green .credits-section,
body.template-colour-green.single-project #slider-with-thumbnails-main {
  border-color: #01ffbc;
}
body.template-colour-apple .featured-header h1:after,
body.template-colour-apple .featured-header .heading-tag {
  background-color: #9AFF4A;
}
body.template-colour-apple .detail-area,
body.template-colour-apple .downloads:before,
body.template-colour-apple .related-heading,
body.template-colour-apple .detail-area:before,
body.template-colour-apple .detail-area:after,
body.template-colour-apple .further-text,
body.template-colour-apple .rating,
body.template-colour-apple .credits-section,
body.template-colour-apple.single-project #slider-with-thumbnails-main {
  border-color: #9AFF4A;
}
/********************
Divider
*******************/
@font-face {
  font-family: 'Giorgio Sans Heavy Web';
  src: url('fonts/GiorgioSans-Heavy-Web.eot');
  src: url('fonts/GiorgioSans-Heavy-Web.eot?#iefix') format('embedded-opentype'), url('fonts/GiorgioSans-Heavy-Web.woff2') format('woff2'), url('fonts/GiorgioSans-Heavy-Web.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
.gs-heavy {
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Giorgio Sans Medium Web';
  src: url('fonts/GiorgioSans-Medium-Web.eot');
  src: url('fonts/GiorgioSans-Medium-Web.eot?#iefix') format('embedded-opentype'), url('fonts/GiorgioSans-Medium-Web.woff2') format('woff2'), url('fonts/GiorgioSans-Medium-Web.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
.gs-medium {
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
.vertical-title {
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  font-size: 50px;
  text-transform: uppercase;
  position: absolute;
  z-index: 99;
  top: 55px;
  float: left;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.promo-box .date {
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-size: 24px;
  margin-bottom: 10px;
  text-transform: uppercase;
  min-height: 23px;
}
.promo-box img {
  max-width: 100%;
}
.promo-box-inner {
  position: relative;
}
.promo-box-inner .title {
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  font-size: 50px;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  top: 16px;
  padding: 0 25px;
}
@media only screen and (max-width: 480px) {
  .promo-box-inner .title {
    font-size: 40px;
    padding: 0 15px;
  }
}
.promo-box-inner .desc {
  position: absolute;
  bottom: 20px;
  padding: 0 25px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  z-index: 40;
}
@media only screen and (max-width: 480px) {
  .promo-box-inner .desc {
    padding: 0 15px;
  }
}
.promo-box-inner .gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,0.65+98 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.85) 100%, rgba(0, 0, 0, 0.1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.85) 100%, rgba(0, 0, 0, 0.1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.85) 100%, rgba(0, 0, 0, 0.1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 25;
  height: 150px;
}
#get-involved-title {
  right: -205px;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
#get-involved-title.active {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#whats-on-title {
  left: -257px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 130% 0;
  -moz-transform-origin: 130% 0;
  -ms-transform-origin: 130% 0;
  -o-transform-origin: 130% 0;
  transform-origin: 130% 0;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
#whats-on-title.active {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#divider-section {
  margin: 0 auto;
  width: 1248px;
  position: relative;
  padding-bottom: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1366px) {
  #divider-section {
    width: 1080px;
  }
}
@media only screen and (max-width: 1024px) {
  #divider-section {
    width: 924px;
  }
}
@media only screen and (max-width: 768px) {
  #divider-section {
    width: 96%;
    margin: 0 2%;
  }
  #divider-section:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    background: #c6c6c6;
    width: 1px;
  }
}
#divider-section ul {
  padding-top: 40px;
  display: flex;
}
.dragging-list-container {
  overflow: hidden;
  width: 1248px;
  position: relative;
}
@media only screen and (max-width: 1366px) {
  .dragging-list-container {
    width: 1080px;
  }
}
@media only screen and (max-width: 1024px) {
  .dragging-list-container {
    width: 924px;
    min-height: 745px;
  }
}
@media only screen and (max-width: 768px) {
  .dragging-list-container {
    width: 100%;
  }
}
.slider-heading-container {
  float: left;
  width: 1248px;
}
@media only screen and (max-width: 1366px) {
  .slider-heading-container {
    width: 1080px;
  }
}
@media only screen and (max-width: 1024px) {
  .slider-heading-container {
    width: 924px;
  }
}
@media only screen and (max-width: 768px) {
  .slider-heading-container {
    width: 100%;
  }
}
.slider-heading-container h2 {
  float: left;
  margin: 0 0 0 40px;
  font-size: 80px;
}
@media only screen and (max-width: 1366px) {
  .slider-heading-container h2 {
    margin: 0 0 0 35px;
  }
}
@media only screen and (max-width: 1024px) {
  .slider-heading-container h2 {
    margin: 8px 0 0 25px;
    font-size: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .slider-heading-container h2 {
    margin-left: 0px;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .slider-heading-container h2 {
    font-size: 30px;
    text-align: left;
  }
}
.slider-heading-container .btn {
  text-transform: uppercase;
  font-size: 24px;
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  float: right;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  margin-top: 15px;
  padding: 14px 35px 13px 35px;
}
@media only screen and (max-width: 768px) {
  .slider-heading-container .btn {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
}
#dragging-list-left {
  position: relative;
  top: 0;
  bottom: 0;
  background: #fff;
  overflow: hidden;
  left: -100%;
  width: 1248px;
  transform: translateX(584px);
}
@media only screen and (max-width: 1366px) {
  #dragging-list-left {
    width: 1080px;
    transform: translateX(505px);
  }
}
@media only screen and (max-width: 1024px) {
  #dragging-list-left {
    width: 924px;
    transform: translateX(437px);
  }
}
@media only screen and (max-width: 768px) {
  #dragging-list-left {
    left: 0;
    transform: translateX(0);
    width: 46%;
    position: static;
    float: left;
  }
}
#dragging-list-left .slider-heading-container {
  float: right;
}
#dragging-list-left .slider-heading-container h2 {
  transform: translateX(calc(1248px/2));
}
@media only screen and (max-width: 1366px) {
  #dragging-list-left .slider-heading-container h2 {
    transform: translateX(calc(1080px/2));
  }
}
@media only screen and (max-width: 1024px) {
  #dragging-list-left .slider-heading-container h2 {
    transform: translateX(calc(924px/2));
  }
}
@media only screen and (max-width: 768px) {
  #dragging-list-left .slider-heading-container h2 {
    transform: translateX(0);
  }
  #dragging-list-left .slider-heading-container h2 .btn {
    transform: translateX(0);
  }
}
#dragging-list-left ul {
  width: 100%;
}
#dragging-list-right {
  position: absolute;
  top: 0px;
  bottom: 0;
  background: #fff;
  overflow: hidden;
  right: -100%;
  width: 1248px;
  transform: translateX(-664px);
}
@media only screen and (max-width: 1366px) {
  #dragging-list-right {
    width: 1080px;
    transform: translateX(-575px);
  }
}
@media only screen and (max-width: 1024px) {
  #dragging-list-right {
    width: 924px;
    transform: translateX(-487px);
  }
}
@media only screen and (max-width: 768px) {
  #dragging-list-right {
    width: 46%;
    transform: translateX(0);
    right: 0;
    overflow: auto;
    position: static;
    float: right;
  }
}
#dragging-list-right ul {
  padding-top: 40px;
  width: 100%;
}
#dragging-list-right .slider-heading-container .btn {
  transform: translateX(calc(-1248px/2));
}
@media only screen and (max-width: 1366px) {
  #dragging-list-right .slider-heading-container .btn {
    transform: translateX(calc(-1080px/2));
  }
}
@media only screen and (max-width: 1024px) {
  #dragging-list-right .slider-heading-container .btn {
    transform: translateX(calc(-924px/2));
  }
}
@media only screen and (max-width: 768px) {
  #dragging-list-right .slider-heading-container .btn {
    transform: translateX(0);
    border-right: 2px solid #C6C6C6;
  }
}
.dragging-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 1248px;
  margin: 0 auto;
  height: 85px;
}
@media only screen and (max-width: 1366px) {
  .dragging-container {
    width: 1080px;
  }
}
@media only screen and (max-width: 1024px) {
  .dragging-container {
    width: 924px;
  }
}
@media only screen and (max-width: 768px) {
  .dragging-container {
    width: 100%;
    height: 40px;
  }
}
#drag {
  width: 58px;
  height: 58px;
  margin-left: calc(-58px/2);
  background-size: contain;
  position: absolute;
  z-index: 999;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  #drag {
    left: 50%;
  }
  #drag svg {
    display: none;
  }
  #drag .dragging-label {
    display: none;
  }
  #drag:before {
    height: 80px !important;
  }
  #drag:after {
    height: 1653px;
  }
}
#drag.color-left-arrow svg #Left_arrow .cls-3 {
  fill: #C6C6C6;
}
#drag.color-right-arrow svg #Right_arrow .cls-3 {
  fill: #C6C6C6;
}
#drag:before {
  content: '';
  width: 1px;
  position: absolute;
  left: 50%;
  background: #D4D4D4;
  bottom: 0;
  top: -20px;
  z-index: 999;
  height: 20px;
}
#drag:after {
  content: '';
  width: 1px;
  position: absolute;
  left: 50%;
  background: #D4D4D4;
  bottom: 0;
  top: 0;
  z-index: 999;
  height: 878px;
  top: 58px;
}
@media only screen and (max-width: 1366px) {
  #drag:after {
    height: 839px;
  }
}
@media only screen and (max-width: 1024px) {
  #drag:after {
    height: 788px;
  }
}
.container-wide {
  width: 1248px;
  margin: 0 auto;
}
@media only screen and (max-width: 1366px) {
  .container-wide {
    width: 1080px;
  }
}
@media only screen and (max-width: 1024px) {
  .container-wide {
    width: 924px;
  }
}
@media only screen and (max-width: 768px) {
  .container-wide {
    width: 608px;
  }
}
/*
New flex type list
 */
h4 {
  margin: 0;
}
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}
.wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-item {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
  width: 272px;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1366px) {
  .flex-item {
    width: 235px;
    margin-left: 35px;
  }
}
@media only screen and (max-width: 1024px) {
  .flex-item {
    width: 206px;
    margin-left: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .flex-item {
    width: 100%;
    margin-left: 0;
  }
  .flex-item img {
    min-width: 100%;
    height: auto;
  }
}
.flex-item .summary {
  font-family: 'Karla', sans-serif;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 3px;
}
.flex-item .summary p {
  margin: 0;
}
.list-content img {
  max-width: 100%;
  height: auto;
  display: block;
}
.list-content .btn {
  float: left;
  padding: 10px 25px 9px 25px;
  margin-top: 17px;
  max-width: 135px;
}
.list-content .btn.purple {
  padding: 10px 15px 9px 15px;
}
.list-content .btn.pink-dark {
  width: auto;
}
.list-content .date {
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-size: 24px;
  margin-bottom: 10px;
  min-height: 23px;
  text-transform: uppercase;
}
.list-content h4 {
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  font-size: 24px;
  text-transform: uppercase;
  margin-top: 5px;
}
/*
Flex reordering of the what's on list
*/
#dragging-list-right.col-visible-1 .slider-heading-container .btn,
#dragging-list-right.col-visible-0 .slider-heading-container .btn {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
#dragging-list-right .post-1 {
  order: 1;
}
#dragging-list-right .post-2 {
  order: 2;
}
#dragging-list-right .post-3 {
  order: 5;
}
#dragging-list-right .post-4 {
  order: 6;
}
#dragging-list-right .post-5 {
  order: 3;
}
#dragging-list-right .post-6 {
  order: 4;
}
#dragging-list-right .post-7 {
  order: 7;
}
#dragging-list-right .post-8 {
  order: 8;
}
#dragging-list-right.col-visible-3 .post-1 {
  order: 1;
}
#dragging-list-right.col-visible-3 .post-2 {
  order: 2;
}
#dragging-list-right.col-visible-3 .post-3 {
  order: 3;
}
#dragging-list-right.col-visible-3 .post-4 {
  order: 5;
}
#dragging-list-right.col-visible-3 .post-5 {
  order: 6;
}
#dragging-list-right.col-visible-3 .post-6 {
  order: 7;
}
#dragging-list-right.col-visible-3 .post-7 {
  order: 4;
}
#dragging-list-right.col-visible-3 .post-8 {
  order: 8;
}
#dragging-list-right.col-visible-4 .post-1 {
  order: 1;
}
#dragging-list-right.col-visible-4 .post-2 {
  order: 2;
}
#dragging-list-right.col-visible-4 .post-3 {
  order: 3;
}
#dragging-list-right.col-visible-4 .post-4 {
  order: 4;
}
#dragging-list-right.col-visible-4 .post-5 {
  order: 5;
}
#dragging-list-right.col-visible-4 .post-6 {
  order: 6;
}
#dragging-list-right.col-visible-4 .post-7 {
  order: 7;
}
#dragging-list-right.col-visible-4 .post-8 {
  order: 8;
}
@media only screen and (max-width: 768px) {
  #dragging-list-right .post-1 {
    order: 1;
  }
  #dragging-list-right .post-2 {
    order: 2;
  }
  #dragging-list-right .post-3 {
    order: 3;
  }
  #dragging-list-right .post-4 {
    order: 4;
  }
  #dragging-list-right .post-5,
  #dragging-list-right .post-6,
  #dragging-list-right .post-7,
  #dragging-list-right .post-8 {
    display: none;
  }
}
#dragging-list-left.col-visible-1 .slider-heading-container .btn {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
#dragging-list-left .post-1 {
  order: 3;
}
#dragging-list-left .post-2 {
  order: 4;
}
#dragging-list-left .post-5 {
  order: 1;
}
#dragging-list-left .post-6 {
  order: 2;
}
#dragging-list-left .post-3 {
  order: 7;
}
#dragging-list-left .post-4 {
  order: 8;
}
#dragging-list-left .post-7 {
  order: 5;
}
#dragging-list-left .post-8 {
  order: 6;
}
#dragging-list-left.col-visible-3.post-1 {
  order: 2;
}
#dragging-list-left.col-visible-3.post-2 {
  order: 3;
}
#dragging-list-left.col-visible-3 .post-3 {
  order: 4;
}
#dragging-list-left.col-visible-3 .post-4 {
  order: 6;
}
#dragging-list-left.col-visible-3 .post-5 {
  order: 7;
}
#dragging-list-left.col-visible-3 .post-6 {
  order: 8;
}
#dragging-list-left.col-visible-3 .post-7 {
  order: 1;
}
#dragging-list-left.col-visible-3 .post-8 {
  order: 5;
}
#dragging-list-left.col-visible-4 .post-1 {
  order: 1;
}
#dragging-list-left.col-visible-4 .post-2 {
  order: 2;
}
#dragging-list-left.col-visible-4 .post-3 {
  order: 3;
}
#dragging-list-left.col-visible-4 .post-4 {
  order: 4;
}
#dragging-list-left.col-visible-4 .post-5 {
  order: 5;
}
#dragging-list-left.col-visible-4 .post-6 {
  order: 6;
}
#dragging-list-left.col-visible-4 .post-7 {
  order: 7;
}
#dragging-list-left.col-visible-4 .post-8 {
  order: 8;
}
@media only screen and (max-width: 768px) {
  #dragging-list-left .post-1 {
    order: 1;
  }
  #dragging-list-left .post-2 {
    order: 2;
  }
  #dragging-list-left .post-3 {
    order: 3;
  }
  #dragging-list-left .post-4 {
    order: 4;
  }
  #dragging-list-left .post-5,
  #dragging-list-left .post-6,
  #dragging-list-left .post-7,
  #dragging-list-left .post-8 {
    display: none;
  }
}
/*
@media all and(max-width: 1366px) {
	@itemWidth: 235px;
	@buttonWidth: 52px;
	@margin: 35px;
	@containerWidth: 1080px;
	@dragContainerWidth: @containerWidth;

	//.slider-heading-container{
	//	width: @containerWidth;
	//}
	//
	//.flex-item{
	//	width: @itemWidth;
	//	margin-left: @margin;
	//}

	//@import "drag-slider-common.less";
}

@media all and(max-width: 1150px) {
	@margin: 30px;
	@containerWidth: 858 + @margin;
	@dragContainerWidth: @containerWidth;


	#divider-section,
	.dragging-list-container,
	.dragging-container{
		width: @containerWidth;
	}


	.flex-item{
		width: 192px;
		margin-left: @margin;
	}

	#divider-section{
		width: @containerWidth;
	}


	#dragging-list-left{
		width: @containerWidth;
		transform: translateX((@containerWidth/2) - @margin);
	}

	#dragging-list-right{
		width: @containerWidth;
		transform: translateX(-(@containerWidth/2) - @margin);
	}


	.dragging-container{
		width: @dragContainerWidth;
		height: @buttonWidth;
	}


	#drag{
		width: @buttonWidth;
		height: @buttonWidth;
		margin-left: -@buttonWidth/2;

		&:before{
			top: @buttonWidth;
		}
	}
}

@media all and(max-width: 980px) {
	@margin: 30px;
	@containerWidth: 858 + @margin;
	@dragContainerWidth: @containerWidth;


	#divider-section,
	.dragging-list-container,
	.dragging-container{
		width: @containerWidth;
	}


	.flex-item{
		width: 192px;
		margin-left: @margin;
	}

	#divider-section{
		width: @containerWidth;
	}


	#dragging-list-left{
		width: @containerWidth;
		transform: translateX((@containerWidth/2) - @margin);
	}

	#dragging-list-right{
		width: @containerWidth;
		transform: translateX(-(@containerWidth/2) - @margin);
	}


	.dragging-container{
		width: @dragContainerWidth;
		height: @buttonWidth;
	}


	#drag{
		width: @buttonWidth;
		height: @buttonWidth;
		margin-left: -@buttonWidth/2;

		&:before{
			top: @buttonWidth;
		}
	}
} */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  width: 50px;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  overflow: visible;
  margin: 16px 0 0 15px;
}
.hamburger:focus {
  outline: 0;
}
@media only screen and (max-width: 768px) {
  .hamburger {
    margin-top: 9px;
  }
}
@media only screen and (max-width: 667px) {
  .hamburger {
    margin-left: 0;
  }
}
.hamburger-box {
  width: 50px;
  height: 40px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 50px;
  height: 9px;
  background-color: #fff;
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -15px;
}
.hamburger-inner::after {
  bottom: -15px;
}
/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top: 15px;
  transition: opacity 0.15s 0.4s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: 30px;
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 15px, 0) rotate(135deg);
  transition-delay: 0.1s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -30px, 0) rotate(-270deg);
  transition-delay: 0.1s;
}
/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body {
  font-size: 16px;
  color: #000;
  font-family: 'Karla', sans-serif;
}
button:focus,
input:focus {
  outline: 0;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.uppercase {
  text-transform: uppercase;
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
a {
  text-decoration: none;
  color: inherit;
}
strong,
b {
  font-weight: 700;
}
::selection {
  background: #01ffbc;
  /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #01ffbc;
  /* Gecko Browsers */
}
.container {
  width: 1208px;
  margin: 0 auto;
}
@media only screen and (max-width: 1366px) {
  .container {
    width: 96%;
    margin: 0 2%;
  }
}
.clear {
  clear: both;
}
.featured-image img {
  height: auto;
  max-width: 100%;
}
.flex-container {
  display: flex;
}
.flex-valign-center {
  align-items: center;
}
h2 {
  text-transform: uppercase;
  font-size: 30px;
  margin: 0 0 15px 0;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
.btn {
  border: 1px solid #C6C6C6;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  padding: 17px 25px;
}
.btn.black {
  border-color: #000;
}
.btn.transparent {
  border-color: #fff;
  color: #000;
}
.btn.pink {
  border-color: #FF00C3;
  background: #FF00C3;
  color: #000;
}
.btn.pink-dark {
  border-color: #d6006e;
  background: #d6006e;
  color: #fff;
  width: 123px;
}
.btn.purple {
  border-color: #be00ff;
  background: #be00ff;
  color: #fff;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .btn {
    padding: 12px 20px;
  }
}
.featured-section {
  width: 100%;
  height: 568px;
  background: #0000ff;
  color: #fff;
}
.featured-section h2 {
  font-size: 80px;
  margin: 0;
  text-transform: uppercase;
}
.featured-section p {
  font-size: 24px;
  text-transform: uppercase;
}
.featured-section a {
  color: #fff;
}
/***********************
Custom selectbox
************************/
.selectboxit-container {
  position: relative;
  width: 270px;
  float: left;
  font-size: 24px;
  margin-left: 40px;
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@media only screen and (max-width: 1366px) {
  .selectboxit-container {
    width: 200px;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .selectboxit-container {
    font-size: 20px;
    width: auto;
  }
}
@media only screen and (max-width: 667px) {
  .selectboxit-container {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}
.selectboxit-arrow-container {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -16px;
  height: 33px;
  float: left;
}
@media only screen and (max-width: 768px) {
  .selectboxit-arrow-container {
    margin-top: -13px;
    right: 7px;
  }
}
.selectboxit-arrow {
  font-size: 15px;
  margin-left: 20px;
  color: #be00ff;
}
@media only screen and (max-width: 768px) {
  .selectboxit-arrow {
    font-size: 12px;
  }
}
.selectboxit-btn {
  position: relative;
  border: 2px solid #be00ff;
  text-transform: uppercase;
  width: 100%;
  display: inline-block;
  padding: 14px 15px 12px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectboxit-btn:focus {
  outline: 0;
}
.selectboxit-btn.selectboxit-open {
  background: #F0F0F0;
  border-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .selectboxit-btn {
    padding-right: 30px;
  }
}
.selectboxit-options {
  display: none;
  position: absolute;
  top: 51px;
  background: #F0F0F0;
  border: 2px solid #be00ff;
  border-top: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  z-index: 999;
  margin-top: -4px;
}
.selectboxit-options li {
  padding: 0px 70px 0px 15px;
  cursor: pointer;
}
.selectboxit-options a {
  border-top: 2px solid #be00ff;
  padding: 10px 0;
  display: inline-block;
  width: 100%;
}
.selectboxit-open .icon-asset-9:before {
  content: '\e806';
}
@media only screen and (max-width: 667px) {
  .selectboxit-default-icon {
    margin-top: 0;
    display: none;
  }
}
#date_filter {
  height: auto !important;
}
#date_filterSelectBoxItContainer {
  width: 334px;
  margin-bottom: 13px;
  margin-left: 0;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  #date_filterSelectBoxItContainer {
    width: 100%;
  }
}
@media only screen and (max-width: 667px) {
  #date_filterSelectBoxItContainer {
    width: 235px;
  }
  #date_filterSelectBoxItContainer .selectboxit-default-icon {
    margin-top: 0;
    display: none;
  }
  #date_filterSelectBoxItContainer.selectboxit-container {
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  #date_filterSelectBoxItContainer {
    width: 163px ;
  }
  #date_filterSelectBoxItContainer .selectboxit-arrow-container {
    width: 25px;
  }
}
#date_filterSelectBoxItContainer .selectboxit-btn {
  border: 0;
  padding: 0;
  font-size: 80px;
  line-height: 68px;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
#date_filterSelectBoxItContainer .selectboxit-btn.selectboxit-open {
  background: transparent;
}
@media only screen and (max-width: 992px) {
  #date_filterSelectBoxItContainer .selectboxit-btn {
    font-size: 50px;
    line-height: 1;
  }
}
@media only screen and (max-width: 480px) {
  #date_filterSelectBoxItContainer .selectboxit-btn {
    font-size: 40px;
  }
}
#date_filterSelectBoxItContainer .selectboxit-arrow-container {
  position: absolute;
  top: 0;
  float: right;
}
#date_filterSelectBoxItContainer #date_filterSelectBoxItText {
  position: relative;
}
#date_filterSelectBoxItContainer #date_filterSelectBoxItText:after {
  content: '';
  height: 9px;
  width: 100%;
  background: #FFDC00;
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 0;
}
@media only screen and (max-width: 667px) {
  #date_filterSelectBoxItContainer #date_filterSelectBoxItText:after {
    bottom: 11px;
    height: 5px;
  }
}
#date_filterSelectBoxItContainer #date_filterSelectBoxItOptions {
  position: static;
  border: 0;
  top: 0;
  background: transparent;
}
#date_filterSelectBoxItContainer #date_filterSelectBoxItOptions li {
  padding: 0;
}
#date_filterSelectBoxItContainer #date_filterSelectBoxItOptions a {
  border: 0;
  font-size: 80px;
  line-height: 68px;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  padding: 0;
}
@media only screen and (max-width: 992px) {
  #date_filterSelectBoxItContainer #date_filterSelectBoxItOptions a {
    font-size: 50px;
    line-height: 1;
  }
}
@media only screen and (max-width: 480px) {
  #date_filterSelectBoxItContainer #date_filterSelectBoxItOptions a {
    font-size: 40px;
    line-height: 1;
  }
}
/***********************
Jump to navigation
************************/
.jump-to {
  float: left;
  width: 100%;
}
.jump-to li {
  float: left;
  width: 100%;
  border-top: 4px solid #9AFF4A;
  border-bottom: 4px solid #9AFF4A;
  margin-top: -4px;
  position: relative;
  z-index: 1;
}
.jump-to li.parent {
  margin-bottom: 15px;
  border-color: #0000ff;
}
.jump-to li.active {
  border-color: #0000ff;
  z-index: 2;
}
/***********************
Sliders
************************/
.flexslider {
  position: relative;
}
.flexslider .flex-nav-prev {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -18px;
  font-size: 37px;
  color: #fff;
}
.flexslider .flex-nav-next {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -18px;
  font-size: 37px;
  color: #fff;
}
.default-slider {
  margin-bottom: 50px;
}
.default-slider .custom-flex-direction-nav.flex-direction-nav li {
  z-index: 9999;
}
.default-slider.purple-dark-bg p {
  color: #fff;
}
.default-slider.pink-dark-bg p {
  color: #fff;
}
.default-slider h3 {
  font-size: 50px;
  color: #fff;
  text-transform: uppercase;
  margin: 30px 0 20px 0;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@media only screen and (max-width: 667px) {
  .default-slider h3 {
    font-size: 30px;
    text-align: center;
  }
}
.default-slider p {
  font-size: 20px;
  font-weight: 700;
  margin-top: 0;
}
@media only screen and (max-width: 667px) {
  .default-slider p {
    font-size: 16px;
    text-align: left;
  }
}
.default-slider .btn {
  color: #fff;
  border-color: #fff;
  margin-top: 0;
  float: left;
}
@media only screen and (max-width: 667px) {
  .default-slider .btn {
    float: none;
    display: inline-block;
  }
}
.default-slider img {
  display: block;
  height: auto;
  max-width: 100%;
}
.default-slider .row {
  padding: 20px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1366px) {
  .default-slider .row {
    padding: 20px 8%;
  }
  .default-slider .row .col-6 {
    width: 48%;
    margin-left: 2%;
  }
}
@media only screen and (max-width: 768px) {
  .default-slider .row {
    padding: 16px 6%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .default-slider .row h3 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .default-slider .row .col-6 {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 667px) {
  .default-slider .row h3 {
    text-align: left;
  }
}
@media only screen and (max-width: 667px) {
  .default-slider .row {
    padding: 16px 0%;
  }
}
.default-slider .left-side {
  margin-left: 0;
}
@media only screen and (max-width: 667px) {
  .default-slider .left-side {
    text-align: center;
    float: right;
  }
}
.default-slider .right-side {
  float: right;
}
@media only screen and (max-width: 667px) {
  .default-slider .flex-nav-prev {
    left: 2%;
  }
  .default-slider .flex-nav-next {
    right: 2%;
  }
  .default-slider .flex-nav-prev,
  .default-slider .flex-nav-next {
    top: auto;
    bottom: 16px;
  }
}
.video-playing img {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.video-playing video {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.video-slide .responsive-video {
  display: none;
}
.video-slide img {
  display: block;
}
.video-slide.video-playing img {
  display: none;
}
#slider-with-thumbnails-main {
  margin-bottom: 30px;
}
#slider-with-thumbnails-main li {
  position: relative;
  overflow: hidden;
}
#slider-with-thumbnails-main img {
  position: relative;
  z-index: 20;
  display: block;
  max-width: 100%;
}
#slider-with-thumbnails-main .caption {
  font-size: 12px;
  float: right;
  margin: 10px 0 0 0;
}
#slider-with-thumbnails-main video {
  width: 1208px;
  height: 679px;
  position: absolute;
  object-fit: cover;
  object-position: center;
  z-index: 10;
}
#slider-with-thumbnails {
  margin-bottom: 65px;
}
#slider-with-thumbnails .slides li {
  cursor: pointer;
  position: relative;
  border-bottom: 9px solid #E8E8E8;
}
#slider-with-thumbnails .slides li:hover:after {
  width: 100%;
}
#slider-with-thumbnails .slides li:after {
  content: '';
  width: 0px;
  height: 9px;
  background: #0000ff;
  position: absolute;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#slider-with-thumbnails .slides li.flex-active-slide {
  border-color: #0000ff;
}
#slider-with-thumbnails .flex-direction-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 32px;
  margin-top: -8px;
}
#slider-with-thumbnails img {
  display: block;
  min-width: 100%;
  max-width: 100%;
}
/***********************
Header
************************/
.header-prompt {
  background: #d6006e;
  position: relative;
  height: 92px;
}
.header-prompt .mobile-prompt-text {
  display: none;
}
@media only screen and (max-width: 667px) {
  .header-prompt .mobile-prompt-text {
    display: block;
  }
  .header-prompt .mobile-prompt-text span,
  .header-prompt .mobile-prompt-text a {
    display: block;
    font-size: 22px;
    line-height: 20px;
    border: 0;
  }
}
.header-prompt .prompt-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .header-prompt .prompt-container {
    padding-left: 4%;
    justify-content: left;
  }
}
.header-prompt .contact-icon {
  font-size: 32px;
}
.header-prompt span {
  text-transform: uppercase;
  font-size: 60px;
  margin-right: 20px;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@media only screen and (max-width: 667px) {
  .header-prompt span {
    display: none;
  }
}
.header-prompt button {
  background: transparent;
  border: 0;
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 0;
  right: 20px;
  top: 0;
}
@media only screen and (max-width: 992px) {
  .header-prompt button {
    margin: 0;
    right: 4%;
    padding: 0;
  }
}
.header-prompt a {
  border: 2px solid #000;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.header-prompt a:hover {
  background: #000;
  color: #d6006e;
}
@media only screen and (max-width: 992px) {
  .header-prompt {
    height: 82px;
  }
  .header-prompt span {
    font-size: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .header-prompt {
    height: 60px;
  }
  .header-prompt span {
    font-size: 22px;
    line-height: 20px;
  }
  .header-prompt a {
    display: none;
  }
  .header-prompt .contact-icon {
    font-size: 21px;
    width: 33px;
  }
}
.menu-open #masthead.stuck {
  width: 100%;
}
@media only screen and (max-width: 667px) {
  .menu-open #masthead.stuck {
    width: 96%;
  }
}
.site-footer .bottom-paragraph {
  margin-bottom: 5px !important;
}
@media only screen and (max-width: 667px) {
  .site-footer .bottom-paragraph {
    line-height: 24px;
  }
}
.share-toggler {
  padding: 17px 20px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.share-toggler.active .sharing-buttons {
  height: 65px;
}
.sharing-buttons {
  height: 0;
  overflow: hidden;
  width: 100%;
  float: left;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.sharing-buttons a {
  display: block;
  border: 0 !important;
  margin: 5px 0;
}
.sharing-buttons i {
  font-size: 23px;
  margin: 5px 0;
}
.sharing-buttons i:before {
  margin: 0;
}
#masthead {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  color: #fff;
  left: 0;
  right: 0;
  z-index: 9999;
  height: 92px;
}
#masthead.stuck {
  top: 0px;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
}
#masthead.stuck .site-branding,
#masthead.stuck .header-right {
  display: none;
}
#masthead.stuck .hamburger.background--dark .hamburger-inner,
#masthead.stuck .hamburger.background--dark .hamburger-inner::before,
#masthead.stuck .hamburger.background--dark .hamburger-inner::after {
  background: #fff;
}
#masthead.stuck .hamburger.background--dark .menu-label {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #masthead {
    height: 82px;
  }
}
@media only screen and (max-width: 667px) {
  #masthead {
    height: 60px;
    padding: 0 2%;
  }
}
.site-branding {
  position: absolute;
  left: 50%;
  top: 22px;
  margin-left: -176px;
  font-size: 132px;
  width: 352px;
}
@media only screen and (max-width: 992px) {
  .site-branding {
    width: 290px;
  }
}
@media only screen and (max-width: 768px) {
  .site-branding {
    width: 170px;
    margin-left: -85px;
    font-size: 85px;
    top: -5px;
  }
}
@media only screen and (max-width: 667px) {
  .site-branding {
    width: 130px;
    margin-left: -65px;
    font-size: 36px;
    top: 5px;
  }
}
.site-branding svg {
  fill: #fff;
}
.site-branding.rotated-logo {
  position: absolute;
  top: 22px;
  left: 18px;
  margin-left: 0;
  z-index: 999;
}
.site-branding.rotated-logo svg {
  width: 131px;
}
@media only screen and (max-width: 667px) {
  .site-branding.rotated-logo {
    display: none !important;
  }
}
.dragging-label {
  position: absolute;
  top: 21px;
  right: -100px;
  width: 91px;
  color: #0000ff;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
#drag:hover .dragging-label {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.header-right {
  position: absolute;
  top: 0;
  right: 0px;
}
.header-right li {
  float: left;
  display: flex;
  height: 92px;
  align-items: center;
  padding: 0 18px;
}
.header-right li:last-child {
  padding-right: 20px;
}
@media only screen and (max-width: 768px) {
  .header-right li.donate,
  .header-right li.login {
    display: none;
  }
}
.header-right .donate {
  background: #d6006e;
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
}
.header-right .donate:hover {
  background: #FF00C3;
  color: #000;
}
.header-right .login:hover {
  -webkit-transition: color 300ms ease;
  -moz-transition: color 300ms ease;
  -o-transition: color 300ms ease;
  transition: color 300ms ease;
  color: #FF00C3;
}
.header-right a {
  position: relative;
}
.header-right .basket-menu-item span {
  position: absolute;
  right: -6px;
  top: -6px;
  color: #000;
  background: #FF00C3;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  width: 18px;
  text-align: center;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.header-right i {
  font-size: 30px;
}
.header-right .header-right-menu i {
  -webkit-transition: color 300ms ease;
  -moz-transition: color 300ms ease;
  -o-transition: color 300ms ease;
  transition: color 300ms ease;
}
.header-right .header-right-menu i:hover {
  color: #FF00C3;
}
.header-right .search-form {
  display: none;
}
@media only screen and (max-width: 768px) {
  .header-right li {
    height: 82px;
  }
}
@media only screen and (max-width: 667px) {
  .header-right li {
    height: 60px;
  }
}
.menu-open {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.menu-open #masthead {
  background: #70706f;
}
@media only screen and (max-width: 667px) {
  .menu-open #masthead {
    background: #1F1F1F;
  }
}
.menu-open #masthead.stuck .hamburger-inner,
.menu-open #masthead.stuck .hamburger-inner::before,
.menu-open #masthead.stuck .hamburger-inner::after {
  background: #fff;
}
.menu-open #masthead.stuck .header-right {
  display: block;
}
.menu-open .site-branding {
  display: none;
}
.menu-open .site-branding.rotated-logo {
  display: block;
}
.menu-open .header-right-menu {
  display: none;
}
.menu-open .search-form {
  display: block;
}
.menu-open .menu-label {
  display: none;
}
.header-right-menu-mobile {
  display: none;
}
@media only screen and (max-width: 667px) {
  .menu-open .header-right-menu-mobile {
    display: block;
    position: absolute;
    left: 60px;
    right: 60px;
    top: 20px;
    margin: 0 auto;
    text-align: center;
  }
  .menu-open .header-right-menu-mobile .donate,
  .menu-open .header-right-menu-mobile .login {
    display: inline;
    background: transparent;
    margin: 0 5px;
  }
}
.menu-label {
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-size: 24px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 667px) {
  .menu-label {
    display: none;
  }
}
#site-navigation {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 86px;
  border-top: 0;
  z-index: 9999999999;
  background: #70706f;
  color: #fff;
}
#site-navigation.active {
  position: fixed;
  display: block;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 92px);
}
@media only screen and (max-width: 667px) {
  #site-navigation.active {
    height: calc(100vh - 120px);
  }
}
#site-navigation.stuck.prompt-active {
  margin-top: 20px;
}
@media only screen and (max-width: 667px) {
  #site-navigation.stuck.prompt-active {
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  #site-navigation {
    margin-top: 82px;
  }
}
@media only screen and (max-width: 667px) {
  #site-navigation {
    background: #1F1F1F;
    margin-top: 59px;
    padding-top: 10px;
  }
}
.prompt-active-body .navigation-bg {
  top: 92px;
}
@media only screen and (max-width: 667px) {
  .prompt-active-body .navigation-bg {
    top: 60px;
  }
}
.navigation-bg {
  background: #70706f;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 10;
}
.navigation-bg.active {
  display: block;
}
@media only screen and (max-width: 667px) {
  .navigation-bg {
    background: #1F1F1F;
  }
}
#primary-menu {
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  font-size: 80px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 11px;
}
@media only screen and (max-width: 992px) {
  #primary-menu {
    font-size: 70px;
  }
}
@media only screen and (max-width: 667px) {
  #primary-menu {
    font-size: 26px;
  }
  #primary-menu li {
    margin-bottom: 10px;
  }
}
#primary-menu .current-menu-item:after {
  content: '';
  width: 100%;
  height: 9px;
  background: #be00ff;
  float: left;
  margin-top: -30px;
}
@media only screen and (max-width: 667px) {
  #primary-menu .current-menu-item:after {
    margin-top: -11px;
    height: 5px;
  }
}
#primary-menu li {
  margin-bottom: 10px;
}
#primary-menu li:after {
  content: '';
  width: 0;
  height: 9px;
  background: #be00ff;
  float: left;
  margin-top: -30px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media only screen and (max-width: 667px) {
  #primary-menu li:after {
    margin-top: -11px;
    height: 5px;
  }
}
#primary-menu li:hover:after {
  width: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
#secondary-menu {
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  font-size: 52px;
  line-height: 1.5;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 30px;
}
@media only screen and (max-width: 992px) {
  #secondary-menu {
    font-size: 52px;
  }
}
@media only screen and (max-width: 667px) {
  #secondary-menu {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.5px;
    margin-top: 0px;
  }
  #secondary-menu li {
    margin-bottom: 0px;
  }
}
#secondary-menu .current-menu-item:after {
  content: '';
  width: 100%;
  height: 9px;
  background: #be00ff;
  float: left;
  margin-top: -30px;
}
@media only screen and (max-width: 667px) {
  #secondary-menu .current-menu-item:after {
    margin-top: -11px;
    height: 5px;
  }
}
#secondary-menu li:after {
  content: '';
  width: 0;
  height: 9px;
  background: #be00ff;
  float: left;
  margin-top: -30px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media only screen and (max-width: 667px) {
  #secondary-menu li:after {
    margin-top: -30px;
    height: 5px;
  }
}
#secondary-menu li:hover:after {
  width: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.main-navigation-container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  min-height: calc(100% - 100px);
  overflow: hidden;
}
/*.main-navigation-container{
	position: relative;
	height: calc(~"100vh - 92px");
	overflow: auto;

	@media @phone-landscape{
		height: calc(~"100vh - 92px");
		overflow: auto;
	}
} */
.contact-information {
  position: absolute;
  top: 401px;
  right: 20px;
  min-width: 244px;
}
@media only screen and (max-width: 667px) {
  .contact-information {
    display: none;
  }
}
.contact-information i {
  font-size: 57px;
}
@media only screen and (max-width: 667px) {
  .contact-information i {
    font-size: 23px;
  }
}
.contact-information p {
  font-size: 20px;
}
@media only screen and (max-width: 667px) {
  .contact-information p {
    font-size: 16px;
  }
}
.contact-information-mobile {
  display: none;
}
@media only screen and (max-width: 667px) {
  .contact-information-mobile {
    display: block;
    text-align: center;
  }
}
.contact-information-mobile .box-office {
  color: #FFDC00;
}
.contact-information-mobile .box-office i {
  font-size: 24px;
  position: relative;
  top: 2px;
  left: -5px;
}
.contact-information-mobile .contact-p i {
  font-size: 22px;
  position: relative;
  left: -8px;
}
/***********************
Search form
************************/
.search-form.active input {
  width: calc(100vw - 250px);
}
@media only screen and (max-width: 667px) {
  .search-form.active input {
    width: calc(100vw - 60px);
  }
}
@media only screen and (max-width: 667px) {
  .search-form.active {
    width: 100%;
  }
}
@media only screen and (max-width: 667px) {
  .search-form {
    position: relative;
    z-index: 99;
  }
}
.search-form input {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  font-size: 50px;
  text-transform: uppercase;
  background: #be00ff;
  border: 0;
  color: #fff;
  width: 0;
  height: 92px;
  overflow: hidden;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@media only screen and (max-width: 1024px) {
  .search-form input {
    padding: 0;
  }
}
@media only screen and (max-width: 667px) {
  .search-form input {
    height: 60px;
    font-size: 26px;
  }
}
.search-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}
.search-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
.search-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
.search-form input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
.search-form button {
  border: 0;
  float: left;
  height: 92px;
  width: 80px;
  background: #be00ff;
}
@media only screen and (max-width: 667px) {
  .search-form button {
    height: 60px;
    width: 60px;
  }
}
.search-form button:focus {
  outline: 0;
}
.search-form button i {
  font-size: 36px;
}
/***********************
Content styling
************************/
#content {
  overflow-x: hidden;
}
.single-development .detail-area {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 9px solid #be00ff;
  margin-top: 0;
}
.single-development .detail-area:before,
.single-development .detail-area:after {
  display: none;
}
.detail-area {
  margin-top: 44px;
  border-left: 9px solid #be00ff;
  position: relative;
  display: inline-block;
  width: 100%;
}
.detail-area:before {
  content: '';
  border-top: 9px solid #be00ff;
  float: left;
  width: 75%;
}
@media only screen and (max-width: 1366px) {
  .detail-area:before {
    width: 70%;
  }
}
@media only screen and (max-width: 992px) {
  .detail-area:before {
    width: 56%;
  }
}
@media only screen and (max-width: 667px) {
  .detail-area:before {
    width: 100%;
  }
}
.detail-area:after {
  content: '';
  border-top: 9px solid #be00ff;
  float: left;
  width: 100%;
  position: absolute;
  bottom: -9px;
  left: -9px;
  right: 0;
  padding-right: calc(100vw - 1208px);
}
@media only screen and (max-width: 667px) {
  .detail-area:after {
    left: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 667px) {
  .detail-area {
    border: 0;
    margin: 25px 0;
  }
}
.detail-area ul {
  padding: 15px 20px;
  float: left;
  min-height: 100px;
}
@media only screen and (max-width: 1366px) {
  .detail-area ul {
    padding-right: 150px;
  }
}
@media only screen and (max-width: 667px) {
  .detail-area ul {
    padding: 15px 0;
  }
}
.detail-area li {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  line-height: 20px;
}
.detail-area li span {
  float: left;
  width: 120px;
}
.detail-area li div {
  float: left;
  font-weight: 700;
  width: 300px;
}
@media only screen and (max-width: 1366px) {
  .detail-area li div {
    width: 240px;
  }
}
@media only screen and (max-width: 992px) {
  .detail-area li div {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .detail-area li div {
    width: 200px;
  }
}
.detail-area li.detail-area-venues p {
  margin-bottom: 10px;
}
.detail-area .btn {
  position: absolute;
  right: 25px;
  background: #fff;
  border: 2px solid #C6C6C6;
}
@media only screen and (max-width: 667px) {
  .detail-area .btn {
    display: none;
  }
}
.detail-area p {
  margin: 0;
  font-size: 16px !important;
  line-height: 20px !important;
}
.detail-area a {
  border-bottom: 2px solid #FF00C3;
  word-wrap: break-word;
}
.dates {
  width: 100%;
  margin: 35px 0 50px 0;
}
@media only screen and (max-width: 667px) {
  .dates {
    margin-top: 0px;
  }
}
.dates td,
.dates th {
  padding: 16px 15px 16px 29px;
}
@media only screen and (max-width: 667px) {
  .dates td,
  .dates th {
    padding: 15px 2%;
  }
}
.dates tbody tr {
  font-weight: 700;
  background: #E8E8E8;
  border-bottom: 3px solid #fff;
}
.dates tbody tr.accessible {
  background: #fbe7dd;
}
.dates a {
  color: #fff;
  display: block;
  width: 100%;
  font-weight: 400;
  padding: 9px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.dates .book {
  background: #FF00C3;
  color: #000;
}
.dates .sold-out {
  background: #d6006e;
}
.dates .venue {
  font-weight: 400;
}
.dates td:last-child {
  width: 96px;
}
@media only screen and (max-width: 480px) {
  .dates td:last-child {
    width: auto;
  }
}
.single-development .dates td:last-child {
  width: 135px;
}
.accessible-performance {
  font-weight: 400;
}
.rating {
  border-left: 9px solid #be00ff;
  padding-left: 20px;
  margin-bottom: 20px;
}
.rating ul {
  float: left;
  width: 100%;
  margin-bottom: 4px;
  list-style-type: none !important;
  margin: 0 0 4px 0!important;
}
.rating li {
  float: left;
  font-size: 18px;
}
.rating p {
  margin: 0;
  font-weight: 700 !important;
}
.rating p:last-of-type {
  margin-bottom: 0;
}
.rating span {
  font-style: italic;
  margin-top: 4px;
  font-size: 18px;
  display: inline-block;
}
.banner {
  background: #ff7f2f;
  padding: 20px 15px;
  float: left;
  width: 1210px;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .banner {
    width: 985px;
  }
}
@media only screen and (max-width: 768px) {
  .banner {
    width: 736px;
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 667px) {
  .banner {
    width: 100%;
    text-align: center;
  }
}
.banner div {
  position: relative;
  float: left;
}
@media only screen and (max-width: 667px) {
  .banner div {
    display: inline-block;
    float: none;
  }
}
.banner span {
  position: relative;
  font-size: 80px;
  text-transform: uppercase;
  float: left;
  line-height: 56px;
  z-index: 20;
  color: #fff;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@media only screen and (max-width: 1024px) {
  .banner span {
    font-size: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .banner span {
    font-size: 45px;
  }
}
@media only screen and (max-width: 667px) {
  .banner span {
    font-size: 30px;
    line-height: 1;
  }
}
.banner hr {
  content: '';
  height: 9px;
  width: 100%;
  float: left;
  background: #FF00C3;
  position: absolute;
  bottom: 12px;
  margin: 0;
  border: 0;
}
@media only screen and (max-width: 667px) {
  .banner hr {
    bottom: 5px;
  }
}
.banner .btn {
  border-color: #fff;
  color: #fff;
  float: right;
}
@media only screen and (max-width: 667px) {
  .banner .btn {
    float: none;
  }
}
.single-exhibition .banner {
  background: #59008D;
}
.single-exhibition .downloads-list li:hover .icon-asset-12 {
  color: #59008D;
}
.single-exhibition .icons-container .icon-asset-9 {
  color: #59008D;
}
.featured-video-container {
  height: 85vh;
  overflow: hidden;
}
.ft-type-1 .featured-video-container {
  height: 65vh;
  max-height: 552px;
}
.ft-type-2 .featured-video-container {
  height: 85vh;
  max-height: 792px;
}
.featured-header {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
}
.featured-header video {
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.featured-header.ft-type-1 {
  height: 65vh;
  max-height: 552px;
}
@media only screen and (max-width: 667px) {
  .featured-header.ft-type-1 {
    max-height: 280px;
  }
}
.featured-header.ft-type-2 {
  height: 85vh;
  max-height: 792px;
}
@media only screen and (max-width: 1024px) {
  .featured-header.ft-type-2 {
    max-height: 540px;
  }
}
@media only screen and (max-width: 768px) {
  .featured-header.ft-type-2 {
    max-height: 769px;
  }
}
@media only screen and (max-width: 667px) {
  .featured-header.ft-type-2 {
    max-height: 300px;
  }
}
.featured-header .heading-container {
  position: absolute;
  bottom: -25px;
}
@media only screen and (max-width: 667px) {
  .featured-header .heading-container {
    bottom: 0;
    right: 0;
    left: 0;
    padding-left: 2%;
    padding-right: 2%;
  }
}
.featured-header .heading-tag {
  display: inline-block;
  margin: 0 -20px 5px -20px;
  padding: 0px 20px;
  font-size: 40px;
  line-height: 50px;
  text-transform: uppercase;
  background: #ff7f2f;
  color: #fff;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
.featured-header h1 {
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  font-size: 80px;
  text-transform: uppercase;
  margin: 0 -20px;
  padding: 5px 20px 0px 20px;
  max-width: 856px;
}
@media only screen and (max-width: 1366px) {
  .featured-header h1 {
    width: 100%;
    max-width: 700px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .featured-header h1 {
    width: 100%;
    max-width: 60% !important;
  }
}
@media only screen and (max-width: 667px) {
  .featured-header h1 {
    font-size: 40px;
    background: #fff;
    max-width: 100% !important;
  }
}
.featured-header h1 span {
  display: inline;
  background: #fff;
  white-space: pre-wrap;
  box-shadow: 20px 0 0 #fff, -20px 0 0 #fff;
}
.featured-header h1 span.credit {
  -webkit-box-shadow: 0 0 0px;
  -moz-box-shadow: 0 0 0px;
  box-shadow: 0 0 0px;
  font-size: 16px;
}
.featured-header h1:after {
  content: '';
  margin-top: 10px;
  height: 9px;
  width: 100%;
  float: left;
  background: #0000ff;
}
@media only screen and (max-width: 768px) {
  .featured-header h1:after {
    display: none;
  }
}
.credit {
  text-transform: uppercase;
}
.single-shows .featured-header h1,
.single-other-event .featured-header h1,
.single-festival .single-project .featured-header h1,
.single-development .featured-header h1 {
  max-width: 584px;
}
.no-results h1 {
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  font-size: 80px;
  text-transform: uppercase;
  margin: 0 -20px;
  padding: 35px 20px 50px 20px;
}
@media only screen and (max-width: 667px) {
  .no-results h1 {
    font-size: 40px;
  }
}
.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin-bottom: 30px;
}
.responsive-video.video-playing {
  padding-top: 25px;
}
.responsive-video.video-playing video {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.responsive-video video {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.play-video {
  border: 0;
  background: transparent;
  position: absolute;
  z-index: 30;
  top: 50%;
  right: 50%;
  margin-top: -41px;
  margin-right: -41px;
  padding: 0;
  font-size: 82px;
  cursor: pointer;
  color: #fff;
  -webkit-transition: color 300ms ease;
  -moz-transition: color 300ms ease;
  -o-transition: color 300ms ease;
  transition: color 300ms ease;
}
.play-video:focus {
  outline: 0;
}
.play-video:hover {
  color: #0000ff;
}
.play-video i:before {
  background: rgba(0, 0, 0, 0.5);
}
.responsive-video iframe,
.responsive-video video {
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-video img {
  max-width: 100%;
  height: auto;
}
.main-content ul {
  font-size: 18px;
  line-height: 24px;
  list-style-type: disc;
  margin: 30px 20px;
}
.entry-content .intro-content {
  margin: 40px 0 25px 0;
}
.entry-content .intro-content.has-credit {
  margin-top: 32px;
}
.entry-content .intro-content p {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 20px;
}
.entry-content h2 {
  border-top: 10px solid #0000ff;
  padding: 15px 0 0 0;
}
.entry-content h3 {
  border-top: 1px solid #0000ff;
  font-weight: 700;
}
.entry-content h4 {
  border-top: 10px solid #0000ff;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  padding: 10px 0 0 0;
  margin: 0 0 10px 0;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
.entry-content h5 {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  border-top: 2px solid #0000ff;
  margin: 8px 0 0 0;
  padding: 12px 0 0 0;
}
.entry-content h6 {
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
.entry-content a {
  border-bottom: 2px solid #FF00C3;
  -webkit-transition: border-color 300ms ease;
  -moz-transition: border-color 300ms ease;
  -o-transition: border-color 300ms ease;
  transition: border-color 300ms ease;
}
.entry-content a:hover {
  border-color: #8b00ff;
}
.entry-content a.btn {
  border-color: #C6C6C6;
  border-width: 1px;
  display: inline-block;
  margin: 5px 0 10px 0;
}
.entry-content a.btn:hover {
  border-color: #C6C6C6;
}
.entry-content p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 30px 0;
}
.entry-content .wp-caption img {
  display: block;
}
.entry-content .wp-caption .wp-caption-text {
  font-size: 12px;
  text-align: right;
}
.entry-content-listing {
  display: inline-block;
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0;
}
.entry-content-listing li {
  border-top: 2px solid #0000ff;
  font-size: 20px;
  line-height: 26px;
  float: left;
  width: 100%;
  padding: 13px 0 12px 0;
}
.entry-content-listing li span {
  width: 50%;
  float: left;
}
.further-text {
  border-top: 9px solid #ff7f2f;
  padding-top: 25px;
}
/***********************
Downloads
************************/
.downloads {
  background: #E8E8E8;
  padding: 20px;
  margin: 0 -20px 50px -20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.downloads p {
  font-size: 18px;
  line-height: 24px;
}
.downloads h3 {
  margin: 0;
}
.downloads-list {
  display: flex;
  flex-wrap: wrap;
}
.downloads-list li {
  width: 50%;
}
.downloads-list i {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.downloads-list a {
  display: flex;
  align-items: center;
}
.downloads-list span {
  border-bottom: 1px solid #C6C6C6;
  margin-left: 20px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.downloads-list span span {
  margin-left: 0;
  border: 0;
}
.downloads-list li:hover .icon-asset-12 {
  color: #0000ff;
}
.downloads-list li:hover span {
  border-color: #000;
}
.icons-container {
  float: left;
  position: relative;
}
.icons-container .icon-asset-9 {
  position: absolute;
  bottom: 28px;
  left: 14px;
  color: #0000ff;
  width: 35px;
  text-align: center;
}
.icons-container .icon-asset-12 {
  font-size: 85px;
  color: #C6C6C6;
}
/***********************
Bottom child page listing
************************/
.child-pages-columns li {
  position: relative;
  background: #000;
}
.child-pages-columns li img {
  min-width: 100%;
  zoom: 1;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.child-pages-columns li:hover img {
  zoom: 1;
  filter: alpha(opacity=70);
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.child-pages-columns h3 {
  font-size: 50px;
  color: #fff;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  left: 0;
  right: 0;
  margin: -24px 0 0 0;
  text-align: center;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@media only screen and (max-width: 1366px) {
  .child-pages-columns h3 {
    top: 0;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
}
@media only screen and (max-width: 667px) {
  .child-pages-columns h3 {
    font-size: 30px;
    margin-top: -15px;
  }
}
.child-pages-columns img {
  display: block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.child-pages-columns button {
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
}
/***********************
Sub page navigation
************************/
.sub-pages-container {
  right: calc(50vw - 604px);
}
@media only screen and (max-width: 1366px) {
  .sub-pages-container {
    right: calc(50vw - 46%);
  }
}
.sub-pages-container.sub-pages-mobile {
  display: none;
}
@media only screen and (max-width: 667px) {
  .sub-pages-container.sub-pages-mobile {
    display: block;
    position: static;
  }
}
@media only screen and (max-width: 1024px) {
  .sub-pages-container {
    right: 2%;
  }
}
@media only screen and (max-width: 667px) {
  .sub-pages-container {
    display: none;
  }
}
.sub-pages-mobile {
  margin-top: 15px;
}
.sub-pages-mobile button {
  background: #fff;
  text-align: left;
  position: relative;
  border: 2px solid #be00ff;
  width: 100%;
  display: inline-block;
  padding: 14px 15px 12px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
}
.sub-pages-mobile button.active i {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.sub-pages-mobile button i {
  color: #8b00ff;
  float: right;
  width: 35px;
  font-size: 16px;
}
.sub-pages-mobile .sub-pages {
  float: none;
  background: #fff;
  border: 2px solid #be00ff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: -2px 0 0 0;
  display: none;
}
.sub-pages-mobile .sub-pages.active {
  display: inline-block;
}
.sub-pages-mobile .sub-pages li {
  border: 0;
  border-top: 2px solid #be00ff;
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
  font-size: 20px;
  font-family: 'Karla';
  font-weight: 700;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sub-pages-mobile .sub-pages li:after {
  display: none;
}
.sub-pages-mobile .sub-pages li:first-child {
  font-size: 20px;
  font-family: 'Karla';
  font-weight: 700;
  border: 0;
  text-transform: none;
}
.sub-pages-mobile .sub-pages li a {
  padding: 0;
}
.sub-pages {
  float: left;
  width: 100%;
  margin-top: -9px;
  margin: -9px 0 40px 0;
  border-top: 9px solid #0000ff;
  position: relative;
}
.sub-pages .children {
  display: none;
}
.sub-pages li {
  float: left;
  font-size: 20px;
  width: 100%;
  border-bottom: 9px solid #01ffbc;
  position: relative;
  z-index: 1;
}
.sub-pages li:after {
  content: '';
  width: 0px;
  height: 9px;
  position: absolute;
  background: #0000ff;
  -webkit-transition: width 300ms ease;
  -moz-transition: width 300ms ease;
  -o-transition: width 300ms ease;
  transition: width 300ms ease;
}
.sub-pages li:hover:after {
  width: 100%;
}
.sub-pages li:first-child {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
.sub-pages li.current_page_item {
  border-color: #0000ff;
  z-index: 2;
}
.sub-pages li a {
  border: 0;
  display: block;
  padding: 7px 0;
}
.sub-pages .children li:first-child {
  font-size: 20px;
  font-family: 'Karla', sans-serif;
  font-weight: 400;
  text-transform: none;
}
/***********************
Filters
************************/
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
.ajax-filters {
  background: #C6C6C6;
  padding: 162px 0 0 0;
  -webkit-box-shadow: 0 -14px 15px 20px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 -14px 15px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 -14px 15px 20px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 768px) {
  .ajax-filters {
    padding: 120px 0 20px 0;
  }
}
@media only screen and (max-width: 667px) {
  .ajax-filters {
    padding-top: 75px;
  }
}
.ajax-filters h1 {
  margin: 0;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  font-size: 80px;
  line-height: 68px;
}
@media only screen and (max-width: 992px) {
  .ajax-filters h1 {
    font-size: 50px;
    line-height: 1;
    margin-top: 25px;
  }
}
@media only screen and (max-width: 667px) {
  .ajax-filters h1 {
    float: left;
    width: auto;
    margin-top: 0;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .ajax-filters h1 {
    font-size: 40px;
  }
}
.ajax-filters .search-form {
  width: 53px;
  float: right;
  margin-top: 10px;
  -webkit-transition: width 300ms ease;
  -moz-transition: width 300ms ease;
  -o-transition: width 300ms ease;
  transition: width 300ms ease;
}
.ajax-filters .search-form.active {
  width: 580px;
  background: #fff;
}
.ajax-filters .search-form.active input {
  width: 531px;
}
@media only screen and (max-width: 992px) {
  .ajax-filters .search-form.active input {
    width: 370px;
  }
}
@media only screen and (max-width: 992px) {
  .ajax-filters .search-form.active {
    width: 452px;
  }
}
@media only screen and (max-width: 667px) {
  .ajax-filters .search-form.active {
    width: 100%;
  }
}
.ajax-filters .search-form button {
  background: transparent;
  height: 53px;
  width: 53px;
  padding: 0;
  color: #be00ff;
}
.ajax-filters .search-form input[type="search"] {
  position: absolute;
  background: transparent;
  color: #000;
  height: 53px;
  font-size: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
.ajax-filters .search-form input[type="search"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
}
.ajax-filters .search-form input[type="search"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
.ajax-filters .search-form input[type="search"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}
.ajax-filters .search-form input[type="search"]:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
.ajax-filters .past_events {
  padding: 13px 10px;
  height: 53px;
  border: 2px solid #fff;
  float: left;
  text-transform: uppercase;
  font-size: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
.ajax-filters .past_events.active {
  border-color: #FF00C3;
  background: #FF00C3;
  color: #000;
}
@media only screen and (max-width: 992px) {
  .ajax-filters .past_events {
    font-size: 20px;
    padding: 10px;
    height: 49px;
  }
}
@media only screen and (max-width: 667px) {
  .ajax-filters .past_events {
    margin-bottom: 15px;
  }
}
.ajax-filters #past_events {
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
}
.ajax-filters .second-row-filters {
  margin-top: 10px;
  width: auto;
  float: right;
}
@media only screen and (max-width: 667px) {
  .ajax-filters .second-row-filters {
    float: left;
    width: 100%;
    margin-top: -50px;
  }
}
.selectboxit-arrow-container {
  width: 53px;
}
/***********************
Listing
************************/
.book-mobile {
  display: none;
}
@media only screen and (max-width: 667px) {
  .book-mobile {
    display: inline-block;
    width: 100%;
  }
  .book-mobile .btn {
    float: left;
    margin-left: 0 !important;
    margin-top: 10px !important;
  }
}
.listing {
  margin: 40px 0;
  padding: 0;
  list-style-type: none;
}
.listing img {
  max-width: 100%;
  height: auto;
}
.listing.news-listing {
  margin-top: 25px;
}
.listing.grid-list-4 li {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  width: 272px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-bottom: 40px;
}
.listing.grid-list-4 li:nth-child(4n+1) {
  margin-left: 0;
}
@media only screen and (max-width: 1366px) {
  .listing.grid-list-4 li {
    width: 23.5%;
    margin-left: 2%;
  }
  .listing.grid-list-4 li:nth-child(4n+1) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 667px) {
  .listing.grid-list-4 li {
    width: 49%;
    margin-left: 2%;
  }
  .listing.grid-list-4 li:nth-child(4n+1) {
    margin-left: 2%;
  }
  .listing.grid-list-4 li:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 480px) {
  .listing.grid-list-4 li {
    width: 100%;
    margin-left: 0%;
  }
  .listing.grid-list-4 li:nth-child(4n+1) {
    margin-left: 0%;
  }
}
.listing.grid-list-3 li {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  width: 376px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-bottom: 40px;
}
.listing.grid-list-3 li:nth-child(3n+1) {
  margin-left: 0;
}
@media only screen and (max-width: 1366px) {
  .listing.grid-list-3 li {
    width: 31.3333333%;
    margin-left: 2%;
  }
  .listing.grid-list-3 li:nth-child(3n+1) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 667px) {
  .listing.grid-list-3 li {
    margin-left: 0;
    width: 100%;
  }
}
.listing.grid-list-2 li {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  width: 584px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-bottom: 40px;
}
.listing.grid-list-2 li:nth-child(2n+1) {
  margin-left: 0;
}
@media only screen and (max-width: 1366px) {
  .listing.grid-list-2 li {
    width: 48%;
    margin-left: 2%;
  }
  .listing.grid-list-2 li:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 667px) {
  .listing.grid-list-2 li {
    width: 100%;
    margin-left: 0;
  }
}
.listing article {
  max-width: 583px;
  margin-bottom: 40px;
}
.listing .image-container-anchor {
  position: relative;
  display: block;
  overflow: visible;
  cursor: pointer;
}
.listing .image-container-anchor span.title {
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  font-size: 50px;
  font-weight: normal;
  margin: 7px 0 10px 0;
  text-transform: uppercase;
  padding-right: 92px;
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
}
.page-template-template-whatson .listing .image-container-anchor span.title {
  padding-right: 0;
}
@media only screen and (max-width: 667px) {
  .listing .image-container-anchor span.title {
    font-size: 30px;
  }
}
.listing .image-container-anchor .find-out-more {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
}
@media only screen and (max-width: 667px) {
  .listing .image-container-anchor .find-out-more {
    display: none;
  }
}
.listing h2 {
  font-size: 50px;
  margin: 7px 0 10px 0;
}
@media only screen and (max-width: 667px) {
  .listing h2 {
    font-size: 30px;
  }
}
.listing .date {
  text-transform: uppercase;
  font-size: 24px;
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
.listing .title-area {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 667px) {
  .listing .title-area {
    display: block;
  }
  .listing .title-area .btn {
    display: none;
  }
}
.listing .btn {
  padding: 10px 20px 9px 20px;
  margin: 16px 0 0 15px;
  text-align: center;
  border: 0;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex-shrink: 0;
}
.listing .btn.find-out-more {
  background: #be00ff;
}
.listing .btn.pink {
  color: #000;
}
.listing .summary {
  font-size: 18px;
  margin-top: 3px;
}
.listing .summary p {
  margin: 0;
}
@media only screen and (max-width: 667px) {
  .page-template-template-opportunities .listing .btn.find-out-more {
    display: inline-block;
    margin-left: 0;
  }
}
.related-listing .title-area {
  display: block;
}
.related-listing .btn {
  float: left;
  margin-left: 0;
  padding: 10px 15px 9px 15px;
  min-width: 96px;
}
.related-heading {
  border-top: 9px solid #ff7f2f;
  padding-top: 21px;
  float: left;
  width: 100%;
}
.related-heading.type-2 {
  padding-top: 15px;
}
.related-heading h2 {
  font-size: 50px;
  margin-bottom: 20px;
  float: left;
}
@media only screen and (max-width: 667px) {
  .related-heading h2 {
    font-size: 24px;
  }
}
.related-heading h3 {
  font-size: 30px;
  margin: 0 0 15px 0;
  text-transform: uppercase;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
.related-heading .btn {
  float: right;
  text-transform: uppercase;
  font-size: 24px;
  padding: 14px 37px 13px 37px;
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
/***********************
Homepage (front-page.php)
************************/
.hero-slideshow {
  position: relative;
}
.hero-slideshow li {
  position: relative;
}
.hero-slideshow .bg {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  height: 85vh;
  z-index: 20;
}
@media only screen and (max-width: 1024px) {
  .hero-slideshow .bg {
    max-height: 540px;
  }
}
@media only screen and (max-width: 768px) {
  .hero-slideshow .bg {
    max-height: 769px;
  }
}
@media only screen and (max-width: 667px) {
  .hero-slideshow .bg {
    max-height: 300px;
  }
}
.hero-slideshow .col-8 {
  position: relative;
}
.hero-slideshow h3 {
  position: absolute;
  bottom: 60px;
  font-size: 80px;
  line-height: 68px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  z-index: 30;
  left: 0;
  right: 0;
  margin: 0;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@media only screen and (max-width: 992px) {
  .hero-slideshow h3 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 480px) {
  .hero-slideshow h3 {
    font-size: 30px;
    line-height: 30px;
  }
}
.hero-slideshow .gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,0.65+98 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 100%, rgba(0, 0, 0, 0.95) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 100%, rgba(0, 0, 0, 0.95) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.65) 100%, rgba(0, 0, 0, 0.95) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 25;
  height: 250px;
}
.hero-slideshow .flex-control-nav {
  position: absolute;
  bottom: 12px;
  margin: 0;
  padding: 0;
  z-index: 100;
  text-align: center;
  left: 0;
  right: 0;
}
.hero-slideshow .flex-control-nav li {
  overflow: hidden;
  display: inline;
  margin: 0 6px;
}
.hero-slideshow .flex-control-nav li a {
  width: 104px;
  height: 12px;
  display: inline-block;
  background: #0000ff;
  text-indent: -99999px;
}
.hero-slideshow .flex-control-nav li a.flex-active {
  background: #fff;
}
@media only screen and (max-width: 480px) {
  .hero-slideshow .flex-control-nav li a {
    width: 52px;
    height: 6px;
  }
}
.hero-slideshow .flex-nav-prev,
.hero-slideshow .flex-nav-next {
  position: absolute;
  top: 50%;
  color: #fff;
  font-size: 40px;
  line-height: 1;
}
.hero-slideshow .flex-nav-prev a,
.hero-slideshow .flex-nav-next a {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  cursor: pointer;
  padding: 20px;
}
.hero-slideshow .flex-nav-prev {
  left: 0;
  margin-top: -18px;
}
.hero-slideshow .flex-nav-next {
  right: 0;
  margin-top: -18px;
}
@media (max-width: 767px) {
  .hero-slideshow .flex-nav-prev,
  .hero-slideshow .flex-nav-next {
    font-size: 24px;
    line-height: 30px;
  }
  .hero-slideshow .flex-nav-prev a,
  .hero-slideshow .flex-nav-next a {
    padding: 10px;
  }
}
.flex-disabled {
  display: none;
}
.home .quote-slider {
  margin: 0 !important;
}
.home .featured-header.ft-type-2 {
  height: auto;
  max-height: none;
}
@media only screen and (max-width: 1024px) {
  .home .featured-header.ft-type-2 {
    max-height: 540px;
  }
}
@media only screen and (max-width: 768px) {
  .home .featured-header.ft-type-2 {
    max-height: 769px;
  }
}
@media only screen and (max-width: 667px) {
  .home .featured-header.ft-type-2 {
    max-height: 300px;
  }
}
.flex-valign-middle-wrapper {
  display: flex;
  align-items: center;
  height: 552px;
}
@media only screen and (max-width: 667px) {
  .flex-valign-middle-wrapper {
    height: 300px;
  }
}
.cta {
  height: 552px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
}
@media only screen and (max-width: 667px) {
  .cta {
    height: 300px;
  }
}
.cta h2 {
  font-size: 80px;
  margin: 0;
  line-height: 68px;
}
@media only screen and (max-width: 992px) {
  .cta h2 {
    font-size: 60px;
    line-height: 58px;
  }
}
@media only screen and (max-width: 667px) {
  .cta h2 {
    font-size: 30px;
    line-height: 1;
  }
}
.cta .desc {
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 22px;
  margin-top: 4px;
}
.cta .btn {
  display: inline-block;
  color: #fff;
  margin-top: 35px;
}
/***********************
Single project ( single-project.php)
************************/
.single-project .listing {
  margin-bottom: 0;
}
.single-project #slider-with-thumbnails-main {
  border-top: 9px solid #ff7f2f;
  padding-top: 40px;
  display: inline-block;
  width: 100%;
}
.page-template-template-people .entry-content {
  min-height: 350px;
}
@media only screen and (max-width: 667px) {
  .page-template-template-people .entry-content {
    min-height: 0px;
  }
}
/***********************
Visit template (template-visit.php)
************************/
.page-template-template-visit .entry-content {
  margin-top: 45px;
}
.page-template-template-visit .entry-content p {
  margin-bottom: 20px;
  font-size: 20px;
}
/*
Hire template(template-hire.php)
 */
.page-template-template-hire .default-slider {
  background: #d6006e;
}
.home .default-slider {
  background: #d6006e;
  margin-bottom: 0;
}
.single-project .default-slider {
  background: #d6006e;
}
.single-project .quote-slider {
  margin-bottom: 0;
}
/***********************
Contact template (template-contact.php)
************************/
.page-template-template-contact-php .entry-content {
  margin-top: 45px;
}
.page-template-template-contact-php .intro-content {
  margin-top: 0;
}
#contact-signup {
  margin-bottom: 60px;
}
#contact-signup input {
  border: 2px solid #8b00ff;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
  padding: 16px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contact-signup input:focus {
  outline: 0;
}
#contact-signup button {
  font-size: 16px;
  text-align: center;
  padding: 16px 51px;
  border: 2px solid #8b00ff;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#contact-signup button:hover {
  background: #8b00ff;
  color: #fff;
}
#contact-signup ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
}
#contact-signup ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
#contact-signup :-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}
#contact-signup :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
/***********************
Support us template (template-support-us.php)
************************/
.page-template-template-support-us .quote-slider,
.page-template-template-people .quote-slider,
.home .quote-slider {
  margin-top: 40px;
}
.page-template-template-support-us .author,
.page-template-template-people .author,
.home .author {
  margin: 7px 0 3px 0;
}
.page-template-template-support-us .role,
.page-template-template-people .role,
.home .role {
  text-align: center;
}
.page-template-template-support-us .quote-slider .btn,
.page-template-template-people .quote-slider .btn,
.home .quote-slider .btn {
  margin: 0 auto;
  border-color: #fff;
  color: #fff;
}
.page-template-template-support-us .btn-container,
.page-template-template-people .btn-container,
.home .btn-container {
  display: flex;
  margin-top: 10px;
}
.avatar {
  border: 5px solid #fff;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  overflow: hidden;
  height: 262px;
}
@media only screen and (max-width: 768px) {
  .avatar {
    height: 174px;
  }
}
/*********************************************************************
People template (template-people.php)
**********************************************************************/
.people-listing-container {
  margin-top: 50px;
}
.people-listing-container div:focus {
  outline: 0;
}
.people-listing-container h4 {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  border-top: 10px solid #0000ff;
  padding: 15px 0 0 0;
  margin: 0 0 15px 0;
}
@media only screen and (max-width: 667px) {
  .people-listing-container .sidebar-heading {
    display: none;
  }
  .people-listing-container #people_categories {
    display: none;
    margin-bottom: 50px;
  }
}
.sidebar-heading {
  border-bottom: 10px solid #0000ff;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  margin: -27px 0 20px 0;
}
#people_categories li {
  padding: 7px 0;
  float: left;
  width: 100%;
  border-bottom: 10px solid #9AFF4A;
  font-size: 20px;
  line-height: 26px;
}
#people_categories li.active {
  font-weight: 700;
}
.people-listing {
  margin: 20px 0;
}
.people-listing h5 {
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-size: 24px;
  text-transform: uppercase;
  line-height: 30px;
  margin: 0;
}
.people-listing img {
  max-width: 100%;
  height: auto;
}
.people-listing li {
  display: inline-block;
  width: 31%;
  vertical-align: top;
  margin-left: 2%;
  margin-bottom: 40px;
  word-wrap: break-word;
}
.people-listing li:nth-child(3n+1) {
  margin-left: 0;
}
@media only screen and (max-width: 992px) {
  .people-listing li {
    width: 48%;
  }
  .people-listing li:nth-child(3n+1) {
    margin-left: 2%;
  }
  .people-listing li:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 480px) {
  .people-listing li {
    width: 100%;
    margin-left: 0;
  }
  .people-listing li:nth-child(3n+1) {
    margin-left: 0%;
  }
}
.people-listing .role {
  text-align: left;
  margin: 1px 0;
}
.people-listing a {
  border-bottom: 2px solid #FF00C3;
}
.people-listing .tel {
  margin-top: 3px;
}
/*********************************************************************
Our supporters template (template-our-supporters.php)
**********************************************************************/
.listing.logos-listing li {
  height: 168px;
  margin-bottom: 40px;
}
.position-logo {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.position-logo img {
  max-width: 100%;
  max-height: 100%;
}
.partners-listing {
  margin-top: 9px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}
.partners-listing li {
  margin-bottom: 17px !important;
}
/***********************
Get involved
************************/
.filters-container {
  display: block;
  float: left;
  width: 100%;
  background: #E8E8E8;
  border-top: 2px solid #be00ff;
  border-bottom: 2px solid #be00ff;
  margin-top: -2px;
}
@media only screen and (max-width: 667px) {
  .filters-container {
    margin-left: 2%;
    width: 96%;
    border: 2px solid #be00ff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.filters-container .listing {
  margin-bottom: 0;
}
#filter-project-category label {
  cursor: pointer;
}
#filter-project-category input {
  display: none;
  width: 0;
  height: 0;
}
@media only screen and (max-width: 667px) {
  #filter-project-category {
    margin-top: 10px;
  }
}
.filter-buttons-container {
  float: left;
  width: 100%;
  position: relative;
  z-index: 20;
}
@media only screen and (max-width: 667px) {
  .filter-buttons-container {
    display: flex;
    flex-wrap: wrap;
  }
}
.filter-buttons-container #category_dropdown {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  width: 272px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
  margin: 0 0 20px 0;
  border: 2px solid #be00ff;
  background: #E8E8E8;
  text-align: left;
  text-transform: uppercase;
  padding: 14px 15px 12px 15px;
  font-size: 24px;
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@media only screen and (max-width: 667px) {
  .filter-buttons-container #category_dropdown {
    order: 3;
    width: 100%;
    margin-top: 10px !important;
    font-size: 20px;
  }
}
.filter-buttons-container #category_dropdown i {
  float: right;
  font-size: 15px;
  margin: 3px 0 0 20px;
  color: #be00ff;
  width: 35px;
}
.filter-buttons-container #category_dropdown.active {
  margin: 0;
  border-bottom: 0;
  padding-bottom: 34px;
}
@media only screen and (max-width: 667px) {
  .filter-buttons-container #category_dropdown.active {
    padding-bottom: 14px;
  }
}
.filter-buttons-container .selectboxit-container {
  background: #E8E8E8;
}
/***********************
Credits & partners
************************/
.credit-text {
  margin: 40px 0 0px 0px;
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-size: 24px;
  text-transform: uppercase;
}
@media only screen and (max-width: 667px) {
  .credit-text {
    margin-top: 25px;
  }
}
.credits-section {
  float: left;
  width: 100%;
  border-top: 9px solid #ff7f2f;
  padding-top: 15px;
}
@media only screen and (max-width: 667px) {
  .credits-section {
    margin-bottom: 35px;
  }
}
.credits-section h4 {
  text-transform: uppercase;
  font-size: 24px;
  background: #fff;
  position: relative;
  z-index: 20;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
.credits-listing {
  float: left;
  width: 100%;
  margin: -5px 0 0 0;
  padding: 0;
  position: relative;
  z-index: 10;
}
.credits-listing .logo {
  height: 168px;
  line-height: 163px;
  text-align: center;
  margin-top: 30px;
}
.credits-listing .logo.none {
  width: 168px;
}
.credits-listing .logo img {
  display: inline-block;
  vertical-align: middle;
}
.credits-listing .none {
  background: #FFDC00;
  margin-left: auto;
  margin-right: auto;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.credits-listing .none i {
  font-size: 42px;
  color: #be00ff;
}
.credits-listing .none i:before {
  width: 85px;
}
.credits-listing h5,
.credits-listing .link {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Karla';
  margin: 15px 0 0 0;
}
.credits-listing .link {
  display: inline-block;
  margin-top: 10px;
  border-bottom: 2px solid #FF00C3;
}
.grid-list-6 li {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  width: 168px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
}
.grid-list-6 li:nth-child(6n+1) {
  margin-left: 0;
}
.grid-list-6 li:before {
  content: '';
  width: 100%;
  height: 2px;
  background: #be00ff;
  position: absolute;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 667px) {
  .grid-list-6 li {
    margin: 0 0 15px 0;
    width: 100%;
  }
}
.grid-list-4 li {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  width: 272px;
  border-left-width: 0;
  padding: 0%;
  margin-left: 40px;
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
}
.grid-list-4 li:nth-child(4n+1) {
  margin-left: 0;
}
.grid-list-4 li h2 {
  font-size: 24px;
}
/***********************
Quotes
************************/
.quote-slider {
  margin-bottom: 60px;
  background: #ff7f2f;
  padding: 32px 0;
  position: relative;
}
.quote-slider li {
  position: relative;
}
.quote-slider .flex-direction-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 32px;
  margin-top: -19px;
}
@media only screen and (max-width: 992px) {
  .quote-slider .flex-direction-nav {
    top: auto;
    margin-top: 0;
    bottom: 38px;
  }
}
.quote-slider .flex-direction-nav .flex-nav-prev {
  margin-left: 35px;
  float: left;
}
.quote-slider .flex-direction-nav .flex-nav-next {
  margin-right: 35px;
  float: right;
}
.quote-slider .author {
  text-align: center;
  font-weight: 700;
}
.quote-image {
  background-color: #ff7f2f;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-size: contain;
  background-position: center top;
}
.quote-image img {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.other-quote-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 356px;
}
.other-quote-container img {
  max-width: 100%;
}
@media only screen and (max-width: 1366px) {
  .other-quote-container {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .other-quote-container {
    height: auto;
  }
}
@media only screen and (max-width: 992px) {
  .other-quote-container {
    display: flex;
    flex-wrap: wrap;
    padding: 0 80px;
  }
}
@media only screen and (max-width: 667px) {
  .other-quote-container {
    padding: 0 4%;
  }
}
.other-quote-container .left-side {
  margin-right: 40px;
  text-align: center;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .other-quote-container .left-side {
    order: 2;
    width: 100%;
    margin-right: 0;
  }
}
.other-quote-container .left-side .author {
  margin-bottom: 15px;
}
.other-quote-container .left-side .btn {
  display: inline-block;
  border: 2px solid #fff;
  color: #fff;
}
.other-quote-container .right-side {
  width: 100%;
  margin: 0;
}
.other-quote-container blockquote {
  margin: 0 0 15px 0;
  position: relative;
  text-transform: uppercase;
  font-size: 50px;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  color: #000;
}
@media only screen and (max-width: 992px) {
  .other-quote-container blockquote {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 667px) {
  .other-quote-container blockquote {
    font-size: 30px;
  }
}
.other-quote-container blockquote span {
  color: #fff;
  -webkit-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -o-transform: rotate(-35deg);
  transform: rotate(-35deg);
  font-size: 70px;
  line-height: 30px;
  position: relative;
  top: 14px;
}
.other-quote-container blockquote img {
  width: 60px;
  height: 43px;
}
@media only screen and (max-width: 667px) {
  .other-quote-container blockquote img {
    height: 26px;
    width: 35px;
  }
}
.other-quote-container blockquote img:last-child {
  bottom: 0;
  right: 0;
}
.handwritten-quote .role {
  text-align: center;
}
/*
Template our supporters(template-our-supporters.php)
 */
.page-template-template-our-supporters .col-9.first {
  min-height: 300px;
}
@media only screen and (max-width: 667px) {
  .page-template-template-our-supporters .col-9.first {
    min-height: 0px;
  }
}
/***********************
Single Festival (single-festival.php)
************************/
.single-festival .downloads,
.single-exhibition .downloads {
  position: relative;
  margin: 90px 0 50px 0;
  left: 25px;
  float: left;
}
@media only screen and (max-width: 667px) {
  .single-festival .downloads,
  .single-exhibition .downloads {
    margin-top: 25px;
  }
}
.single-festival .downloads:before,
.single-exhibition .downloads:before {
  content: '';
  border-left: 9px solid #ff7f2f;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -25px;
}
.single-festival .downloads h2,
.single-exhibition .downloads h2 {
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
.single-festival .downloads-list li,
.single-exhibition .downloads-list li {
  width: 100%;
}
/***********************
Google maps
************************/
.acf-map {
  height: 175px;
  margin-bottom: 20px;
}
.acf-map-container {
  position: relative;
}
.link-to-google-map {
  position: absolute;
  bottom: 0;
  background: #fff;
  border: 1px solid #000 !important;
  bottom: 7px;
  left: 6px;
  padding: 14px 20px;
}
/***********************
Footer
************************/
.site-footer {
  position: relative;
  z-index: 9;
  float: left;
  width: 100%;
  height: auto;
  padding: 30px 0 10px 0;
  background: #E8E8E8;
}
@media only screen and (max-width: 768px) {
  .site-footer {
    padding-top: 10px;
  }
}
.site-footer h3 {
  margin: 0 0 15px 0;
  text-transform: uppercase;
  font-size: 50px;
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@media only screen and (max-width: 768px) {
  .site-footer h3 {
    font-size: 24px;
    border-top: 2px solid #000;
    padding-top: 5px;
    margin-top: 20px;
  }
}
.site-footer p {
  margin-top: 0;
  line-height: 18px;
}
@media only screen and (max-width: 768px) {
  .site-footer .keep-in-contact-column p {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .site-footer .contact-column p {
    margin-bottom: 0;
  }
}
.menu-footer-menu-container {
  margin-top: 8px;
  display: inline-block;
  width: 100%;
}
.menu-footer-menu-container li {
  margin-bottom: 5px;
}
.menu-footer-menu-container a {
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid #C6C6C6;
  -webkit-transition: border-color 300ms ease;
  -moz-transition: border-color 300ms ease;
  -o-transition: border-color 300ms ease;
  transition: border-color 300ms ease;
}
.menu-footer-menu-container a:hover {
  border-color: #000;
}
.box-office p {
  line-height: 23px;
  margin-bottom: 0;
}
.box-office .menu-footer-menu-container {
  display: block;
}
@media only screen and (max-width: 768px) {
  .box-office .menu-footer-menu-container {
    display: none;
  }
}
#mobile-footer-menu {
  display: none;
}
@media only screen and (max-width: 768px) {
  #mobile-footer-menu {
    display: block;
    border-top: 2px solid #000;
    padding-top: 15px;
    margin-top: 10px;
  }
}
.social {
  margin: 10px 0 14px 0;
  display: inline-block;
  width: 100%;
}
.social li {
  float: left;
  margin-right: 5px;
}
.social li i {
  color: #8b00ff;
  font-size: 55px;
  -webkit-transition: color 300ms ease;
  -moz-transition: color 300ms ease;
  -o-transition: color 300ms ease;
  transition: color 300ms ease;
}
@media only screen and (max-width: 992px) {
  .social li i {
    font-size: 52px;
  }
}
.social li i:hover {
  color: #0000ff;
}
.first-row-footer {
  border-bottom: 2px solid #8b00ff;
  padding-bottom: 37px;
}
@media only screen and (max-width: 768px) {
  .first-row-footer {
    border-color: #000;
    padding-bottom: 15px;
  }
}
.second-row-footer {
  padding-top: 35px;
}
@media only screen and (max-width: 768px) {
  .second-row-footer {
    padding-top: 15px;
  }
  .second-row-footer .col-4 {
    width: 100%;
    border-top: 2px solid #000;
    padding-top: 15px;
    margin-left: 0;
  }
  .second-row-footer .col-8 {
    width: 100%;
  }
}
.second-row-footer .col-4 p {
  line-height: 24px;
}
.partners {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .partners li {
    margin-bottom: 15px;
  }
}
.work-with-us {
  border-bottom: 1px solid #8b00ff;
}
.work-with-us:hover {
  border-color: #000;
}
.default-hide {
  display: none;
}
.default-hide.active {
  display: block;
}
#mailchimp {
  display: inline-block;
  margin: 16px 0 0 0;
  width: 100%;
}
#mailchimp.focus input[type="email"],
#mailchimp.focus input[type="text"] {
  width: 100%;
}
#mailchimp.focus input[type="submit"] {
  background: #8b00ff;
  width: 100%;
  color: #fff;
}
#mailchimp input[type="email"],
#mailchimp input[type="text"] {
  border: 2px solid #8b00ff;
  background: #fff;
  height: 53px;
  padding: 0 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  float: left;
}
@media only screen and (max-width: 1366px) {
  #mailchimp input[type="email"],
  #mailchimp input[type="text"] {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #mailchimp input[type="email"],
  #mailchimp input[type="text"] {
    height: 39px;
  }
}
#mailchimp input[type="email"]::-webkit-input-placeholder,
#mailchimp input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #70706f;
}
#mailchimp input[type="email"]::-moz-placeholder,
#mailchimp input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #70706f;
}
#mailchimp input[type="email"]:-ms-input-placeholder,
#mailchimp input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #70706f;
}
#mailchimp input[type="email"]:-moz-placeholder,
#mailchimp input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #70706f;
}
#mailchimp input[type="email"]:focus,
#mailchimp input[type="text"]:focus {
  outline: 0;
}
#mailchimp input[type="submit"] {
  border: 2px solid #8b00ff;
  background: transparent;
  float: right;
  padding: 15px 50px;
  margin-left: 20px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#mailchimp input[type="submit"]:hover {
  background: #8b00ff;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #mailchimp input[type="submit"] {
    float: left;
    margin-left: 0;
    padding: 8px 35px;
  }
}
.shop-page {
  padding-top: 0px;
}
.spektrix-frame {
  margin-bottom: 30px;
}
.spektrix-page {
  padding-top: 92px;
  position: relative;
}
.spektrix-page:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 320px;
  background: #0000ff;
}
.spektrix-page .container {
  position: relative;
  z-index: 1;
}
.spektrix-page .entry-content {
  margin-top: 80px;
}
.spektrix-page h1.page-title {
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  color: #fff;
  letter-spacing: 2px;
  font-size: 90px;
  line-height: 124px;
  text-align: center;
  text-transform: uppercase;
  text-align: left;
  padding: 30px 0;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .spektrix-page h1.page-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 667px) {
  .spektrix-page h1.page-title {
    font-size: 40px;
  }
}
.selectboxit-inner-text {
  position: relative;
  z-index: 20;
}
.signup-message {
  display: inline-block;
  margin-top: 15px;
}
/*
Search.php
 */
.search-results .page-header,
.search-no-results .page-header {
  background: #be00ff;
  height: 320px;
  display: inline-block;
  width: 100%;
}
.search-results .search-form,
.search-no-results .search-form {
  margin-top: 180px;
}
.search-results .search-form.active input,
.search-no-results .search-form.active input {
  width: 50%;
}
.search-results .search-form button,
.search-no-results .search-form button {
  color: #fff;
  width: 45px;
  margin: 0 15px 0 0;
  padding: 0;
}
.results-count {
  color: #fff;
  margin-top: 18px;
}
.wp-pagenavi {
  margin: 0 auto 50px auto;
  display: table;
}
.wp-pagenavi a,
.wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #BFBFBF;
  padding: 16px 0px;
  width: 51px;
  margin: 0 3px;
  display: inline-block;
  text-align: center;
}
.wp-pagenavi span.current-page {
  color: #FF00C3;
}
@media only screen and (max-width: 768px) {
  .page-template-template-spektrix .col-8.page-header,
  .page-template-template-spektrix .col-8.main-content {
    width: 100%;
    margin-left: 0;
  }
}
.home-section h1.home-title {
  font-family: 'Giorgio Sans Heavy Web';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  font-size: 80px;
  line-height: 1;
  color: #000;
  text-transform: uppercase;
  text-align: left;
  margin: 36px 0 7px;
}
.home-section .text-wrap {
  border-left: 10px solid #0000ff;
  padding: 40px 20px;
  position: relative;
  margin: 25px 0 65px;
  font-size: 18px;
  line-height: 20px;
}
.home-section .text-wrap:before,
.home-section .text-wrap:after {
  content: '';
  display: block;
  height: 10px;
  background: #0000ff;
  width: 200%;
  position: absolute;
  bottom: 0;
  left: -10px;
}
.home-section .text-wrap:before {
  bottom: 0;
  top: 0;
  left: -10px;
  width: 386px;
}
.home-section .text-wrap.with-cta-btn:after {
  width: 100%;
}
.home-section .text-wrap p {
  margin: 0;
}
.home-section .text-wrap p + p {
  margin-top: 1em;
}
.home-section .text-wrap .text {
  margin-top: 1em;
}
.home-section .text-wrap .featured-text {
  font-family: 'Karla';
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  margin-top: -3px;
}
.home-section .image-container img {
  display: block;
  width: 100%;
  height: auto;
}
.home-section .dflex {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  overflow: hidden;
  float: none;
}
.home-section .with-cta-btn .dflex {
  padding-bottom: 15px;
}
.home-section .col-8 {
  margin-left: 20px;
}
.home-section .btn-cta {
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0;
  bottom: -21px;
  background: white;
  text-transform: uppercase;
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.02em;
  font-size: 24px;
  line-height: 1;
}
.home-section .btn-cta:before {
  content: '';
  display: block;
  position: absolute;
  left: -11px;
  width: 10px;
  height: 100%;
  background: white;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .home-section .col-10.col-centered {
    margin: 0 20px !important;
    width: calc(100% - 40px);
  }
  .home-section h1.home-title {
    font-size: 60px;
  }
  .home-section .text-wrap:before {
    width: 290px;
  }
}
@media only screen and (max-width: 667px) {
  .home-section .col-10.col-centered {
    margin: 0 0px !important;
    width: calc(100% - 0px);
  }
  .home-section h1.home-title {
    font-size: 30px;
    margin: 20px 0 10px;
  }
  .home-section .text-wrap {
    border-left: 6px solid #0000ff;
    padding: 18px 10px 25px;
    margin: 10px 0 35px;
    font-size: 16px;
    line-height: 18px;
  }
  .home-section .text-wrap:before,
  .home-section .text-wrap:after {
    height: 6px;
    width: 100%;
    left: -6px;
  }
  .home-section .text-wrap:before {
    bottom: 0;
    top: 0;
    width: 145px;
  }
  .home-section .text-wrap .dflex {
    display: block;
  }
  .home-section .text-wrap .image-container {
    margin-bottom: 15px;
  }
}
.home-section--membership .home-title {
  display: inline-block;
  position: relative;
  z-index: 100;
}
.home-section--membership .home-title:after {
  background: white;
  content: '';
  width: 755px;
  height: 100%;
  position: absolute;
  left: 100%;
  top: 50px;
}
@media only screen and (max-width: 1366px) {
  .home-section--membership .home-title:after {
    width: calc(96vw - 301px - 153px - 15px);
  }
}
.home-section--membership .text-wrap {
  padding-top: 35px;
  border-color: #8b00ff;
  border-right: 10px solid #8b00ff;
  border: 10px solid #8b00ff;
}
.home-section--membership .text-wrap:before {
  display: none;
}
.home-section--membership .text-wrap:after {
  display: none;
}
.home-section--membership .btn-cta {
  right: auto;
  left: 20px;
  bottom: -32px;
}
.home-section--membership .btn-cta:before {
  right: 100%;
  margin-right: 1px;
  left: auto;
  width: 20px;
}
.home-section--membership .btn-cta:after {
  content: '';
  display: block;
  position: absolute;
  right: -11px;
  width: 10px;
  height: 100%;
  background: white;
  top: 0;
}
.home-section--membership .text ul {
  list-style: disc outside;
  padding-left: 1em;
  margin: 0.5em 0;
}
@media only screen and (max-width: 667px) {
  .home-section--membership .text-wrap {
    border-width: 6px;
    border-left: none;
    padding: 18px 10px 25px;
  }
  .home-section--membership .image-container {
    margin-top: 25px;
  }
  .home-section--membership .with-cta-btn .dflex {
    padding-bottom: 0px;
  }
  .home-section--membership .home-title {
    position: relative;
    top: 37px;
    margin-top: 0 !important;
    background: white;
    padding-right: 20px;
    padding-left: 10px;
  }
  .home-section--membership .home-title:after {
    content: none;
  }
  .home-section--membership .btn-cta {
    left: 10px;
  }
  .home-section--membership .featured-text {
    margin-top: 10px !important;
  }
}
.skip-to-content-link {
  position: absolute;
  width: 0;
  overflow: hidden;
}
.dates .event-type {
  text-transform: uppercase;
  color: #0000ff;
  letter-spacing: 0.03em;
  font-size: 18px;
  line-height: 26px;
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  margin: 3px 0 0;
}
.dates .book {
  white-space: nowrap;
}
.listing .listing-item .event-type {
  text-transform: uppercase;
  color: #0000ff;
  letter-spacing: 0.03em;
  font-size: 18px;
  line-height: 26px;
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  margin: 1px 0 10px;
}
.flex-item .event-type {
  text-transform: uppercase;
  color: #0000ff;
  letter-spacing: 0.03em;
  font-size: 18px;
  line-height: 26px;
  font-family: 'Giorgio Sans Medium Web';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  margin: 11px 0 -3px;
}
.rc-robot {
  overflow: hidden;
  height: auto;
  width: 100%;
  margin-bottom: 10px;
}