/**************************************
 Define all font famiily and variations
 **************************************/
/*********************
 Foundation small
 *********************/
@media only screen and (min-width: 0em) {
  /*********************
   GENERAL STYLES
   *********************/
  /* Default paragraph styles */
  /*********************
   LINK STYLES
   *********************/
  /******************************************************************
   H1, H2, H3, H4, H5 STYLES
   ******************************************************************/
  /**************************
   FIELD AND FORM STYLING
   **************************/
  /*********************
   HEADER STYLES
   *********************/
  /* userbar user login */
  /********************
   SLIDER
   *******************/
  /********************
   SIDEMENUS
   ********************/
  /* TYPE1 - BG: mainCLr2 */
  /*TYPE 2 - BG: MainClr 1*/
  /*********************
   TYPOGRAPHY
   *********************/
  /*********************
   CONTENT
   *********************/
  /*********************
   SIDEBAR
   *********************/
  /* 
   .newsletterSubscribe {
   float: left;
   width: 100%;
   background: url(../images/newsletterSubscribe.png) no-repeat #1BA748;
   background-position: 10px 12px;
   padding: 20px 20px 20px 58px;
   margin: 10px 0 20px 0;
   color: #fff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
   }
   .newsletterSubscribe:hover {
   float: left;
   width: 100%;
   background: url(../images/newsletterSubscribe.png) no-repeat #179340;
   background-position: 10px 12px;
   padding: 20px 20px 20px 58px;
   margin: 10px 0 20px 0;
   color: #fff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
   } */
  /*******************
   BUTTONS
   *******************/
  /*********************
   THEMES
   *********************/
  /* 
   .themeActions a {
   float: left;
   padding: 5px 15px;
   border-radius: 5px;
   background: #e3e3e3;
   color: #242424;
   font: normal 700 10px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
   margin-right: 10px;
   margin-bottom: 10px;
   margin-top: 3px;
   } 
   */
  /*********************
   EVENTS
   *********************/
  /*********************
   CUSTOM CONTENT
   *********************/
  /************************
   buyer account mittkonto
   *************************/
  /************************
   tipfriend tipsa en vän
   *************************/
  /************************
   buyer login  buyer_login
   *************************/
  /********************
   TABLES
   ********************/
  /* kassan */
  /*********************
   Orderinfo
   *********************/
  /*********************
   Nyheter News
   *********************/
  /*****************
   Medarbetare Staff
   ******************/
  /*********************
   eventsearch
   *********************/
  /*********************
   FOOTER STYLES
   *********************/
  /* FOOTER MENU */
  /***********************
   site page Order
   ***********************/
  html, body {
    padding: 0;
    margin: 0;
  }
  body {
    background: url('../images/patternDots@2x.png');
    background-size: 400px 400px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #242424;
    font: normal 300 14px "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
  }
  p, a, ul, ol {
    font-size: 14px;
    line-height: 1.2;
  }
  p {
    font: normal 300 14px "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.2;
    font-size: 14px;
    text-rendering: optimizeLegibility;
    margin-bottom: 10px;
  }
  p.lead {
    font-size: 14px;
    line-height: 1.2;
  }
  p aside {
    font-size: 14px;
    line-height: 1.2;
    font: normal 300 14px "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  p.bold {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .left {
    float: left;
  }
  .right {
    float: right;
  }
  .rel {
    position: relative;
  }
  .m0 {
    margin: 0;
  }
  .mb0 {
    margin-bottom: 0;
  }
  .mb {
    margin-bottom: 20px;
  }
  .mb30 {
    margin-bottom: 30px;
  }
  .mb40 {
    margin-bottom: 40px;
  }
  .mb50 {
    margin-bottom: 50px;
  }
  .mb-large {
    margin-bottom: 60px;
  }
  .mt {
    margin-top: 20px;
  }
  .mt-large {
    margin-top: 60px;
  }
  .mtb {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mt40 {
    margin-top: 40px;
  }
  .mt50 {
    margin-top: 50px;
  }
  .mt0 {
    margin-top: 0;
  }
  .padded {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .padded-md {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .padded-sm {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padded-nt {
    padding-top: 0px;
    padding-bottom: 50px;
  }
  .pdb0, .padded.pdb0, .padded.pdb0.bt {
    padding-bottom: 0;
  }
  .pdb10, .pdb10.padded.bt {
    padding-bottom: 10px;
  }
  .pdb30, .padded.pdb30.bt {
    padding-bottom: 30px;
  }
  .pdb40 {
    padding-bottom: 40px;
  }
  .dropshadow {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  }
  .no-rel {
    position: static;
  }
  .ta-l {
    text-align: left;
    display: block;
  }
  .ta-c {
    text-align: center;
    display: block;
  }
  .ta-r {
    text-align: right;
    display: block;
  }
  ol {
    list-style: decimal;
  }
  .cover {
    background-size: cover;
  }
  .upper {
    text-transform: uppercase;
  }
  .static {
    position: static;
  }
  .dib {
    display: inline-block;
  }
  .inner {
    padding: 60px;
  }
  .inner-sm {
    padding: 10px;
  }
  .paragraph {
    margin-bottom: 20px;
  }
  .mainClr1 {
    color: #354557;
  }
  .mainClr2 {
    color: #f16d67;
  }
  .pagetype_themeCategories .paragraph {
    margin-bottom: 0;
  }
  .bt {
    height: 100%;
    width: 100%;
    display: block;
    background: url('/images/dot-slice@2x.png');
    background-repeat: repeat-x;
    background-size: 6px 2px;
    background-position: top left;
    padding-top: 22px;
  }
  .padded.bt {
    padding: 56px 0 50px 0;
  }
  .padded.bb {
    padding: 50px 0 56px 0;
  }
  .bb {
    height: 100%;
    width: 100%;
    display: block;
    background: url('/images/dot-slice@2x.png');
    background-repeat: repeat-x;
    background-position: bottom left;
    background-size: 6px 2px;
    padding-bottom: 22px;
  }
  .bt-sol {
    border-top: solid 8px #242424;
    padding-top: 20px;
  }
  .read-more {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    background: #fff;
    color: #242424;
    padding: 5px 10px;
    margin: 20px auto;
    display: inline-block;
    border-radius: 4px;
  }
  .read-more:hover {
    cursor: pointer;
  }
  .read-more:after {
    content: "\f105";
    font-family: 'fontAwesome';
    padding-left: 10px;
  }
  .read-more.cancel:before {
    font-family: "fontAwesome";
    content: "\f00d";
    padding-right: 6px;
  }
  .read-more.cancel:after {
    content: "";
    padding-left: 0px;
  }
  .ribbontext-inner-medium {
    padding: 0;
  }
  .ribbontext-inner .eventTickets input[type="number"] {
    width: 100%;
  }
  a.readmore, a.file {
    display: inline-block;
    color: #242424;
    text-decoration: none;
    margin: 0 10px 10px 0;
  }
  a.readmore span, a.file span {
    padding-right: 6px;
    color: #f16d67;
  }
  a.readmore:hover, a.file:hover {
    color: #f16d67;
  }
  iframe {
    max-width: 100%;
  }
  a {
    color: #242424;
    /* on hover */
    /* on click */
    /* mobile tap color */
  }
  a:hover, a:focus {
    color: #242424;
  }
  a:link {
    /*
     this highlights links on iPhones/iPads.
     so it basically works like the :hover selector
     for mobile devices.
     */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  }
  a:focus {
    outline: none;
    text-decoration: none;
  }
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    margin: 0;
    /* removing text decoration from all headline links */
  }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none;
  }
  h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover {
    text-decoration: underline;
  }
  h1, .h1 {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 45px;
    margin-bottom: 15px;
  }
  h2, .h2 {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    margin-bottom: 15px;
  }
  h3, .h3 {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin: 0;
    margin-bottom: 10px;
  }
  h4, .h4 {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
  }
  h5, .h5 {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
  }
  h6, .h6 {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
  }
  input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0;
    background-color: #e3e3e3;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 0;
    box-shadow: none;
    color: #242424;
    display: block;
    font-size: 14px;
    margin: 0 0 10px 0;
    height: 40px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: none;
  }
  textarea {
    height: 150px;
  }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    box-shadow: none;
    border-color: #e3e3e3;
  }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background: #e3e3e3;
    border-color: #e3e3e3;
    outline: none;
  }
  input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
    background-color: #ddd;
    cursor: default;
  }
  input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
    background-color: #ddd;
    cursor: default;
  }
  select {
    -moz-apperance: none;
    -webkit-appearance: none;
    appearance: none;
  }
  select:focus, button:focus, input[type="submit"]:focus {
    outline: 0;
  }
  button.search_button, .search_button {
    width: auto;
    border: none;
    color: #242424;
    padding: 5px 0 5px 20px;
  }
  button.search_button:after, .search_button:after {
    content: "\f002";
    font-family: "fontAwesome";
    padding-left: 30px;
    padding-right: 10px;
  }
  .button span.fa {
    padding-left: 10px;
  }
  .selectWrapper {
    position: relative;
  }
  .selectWrapper select {
    margin-bottom: 0;
  }
  .selectWrapper:before {
    content: "\f13a";
    font-family: "FontAwesome";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }
  .column-inner.separator {
    padding-top: 0;
    padding-bottom: 0;
  }
  .column-inner.separator .bb {
    padding-bottom: 40px;
  }
  .column-inner.separator .bt {
    padding-bottom: 40px;
  }
  .logoText, .logoText a {
    color: #f16d67;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 0;
    height: 50px;
  }
  .userbar_full {
    background-color: #fff;
    color: #242424;
    width: 100%;
    padding: 10px 0;
  }
  .userbar_full .logo {
    height: 50px;
  }
  .login-details {
    float: right;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0px 0;
    padding-top: 20px;
  }
  .login-details li {
    list-style: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
  .login-details li a {
    font-size: 16px;
    margin-right: 20px;
  }
  .login-details li:last-child a {
    margin-right: 0;
  }
  .login-details li i {
    padding-left: 5px;
  }
  .fullwidth_slider {
    height: 400px;
  }
  .fullwidth_slider .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
  }
  .fullwidth_slider .overlay .caption {
    color: #fff;
    text-align: center;
  }
  #slider1_container {
    position: relative;
    margin: 0 auto;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 400px;
    overflow: hidden;
  }
  #slider1_container > div {
    height: 100%;
  }
  #slider1_container > div > div {
    height: 100%;
  }
  #slider1_container > div .jssorb21 {
    height: 20px !important;
    bottom: 25px;
  }
  .flexslider {
    margin: 0 0 0 0;
    border: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    height: 330px;
  }
  .slides {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .slides li {
    height: 100%;
    background-size: cover;
  }
  .slides .caption {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -27px;
    margin-bottom: 0;
  }
  .flex-control-nav.flex-control-paging {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
    z-index: 11;
  }
  .flex-control-nav.flex-control-paging li a {
    background: transparent;
    box-shadow: none;
    border: 3px solid #fff;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 10px;
    color: #fff;
    position: relative;
  }
  .flex-control-nav.flex-control-paging li a:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin: 0 auto;
    background: transparent;
    position: absolute;
    top: 3px;
    left: 3px;
  }
  .flex-control-nav.flex-control-paging li a:hover:after {
    background: #fff;
  }
  .flex-control-nav.flex-control-paging li a.flex-active:after {
    content: "";
    background: #fff;
  }
  .header_full {
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 10px 0;
  }
  .show-for-small.header_full {
    background: #354557;
    color: #fff;
  }
  .show-for-small.header_full li a {
    color: #fff;
  }
  .show-for-small .sm-simple li {
    display: block;
    width: 100%;
    float: none;
    text-align: left;
    color: #fff;
  }
  .show-for-small .sm-simple li:after {
    content: "";
  }
  .show-for-small .sm-simple li ul {
    position: static;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
  }
  .show-for-small .sm-simple li a {
    color: #fff;
  }
  .show-for-small .sm-simple li a.active .sub-arrow, .show-for-small .sm-simple li a.highlighted .sub-arrow {
    color: #354557;
    position: relative;
  }
  .show-for-small .sm-simple li a.active .sub-arrow:before, .show-for-small .sm-simple li a.highlighted .sub-arrow:before {
    content: "-";
    position: absolute;
    text-align: center;
    color: #fff;
  }
  .sm-simple, .sm-simple ul {
    background: inherit;
  }
  .sm-simple a {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 10px 20px 10px 20px;
  }
  .sm-simple a:hover, .sm-simple a:focus, .sm-simple a.active, .sm-simple a.highlighted {
    background: inherit;
  }
  .menu_full_even {
    background: #354557;
    width: 100%;
    margin: 0;
    padding: 8px 0;
  }
  .menu_full_even .sm-simple {
    background: #354557;
  }
  .menu_full_even .sm-simple, .menu_full_even .sm-simple ul {
    background: #354557;
  }
  .menu_full_even .sm-simple a:hover, .menu_full_even .sm-simple a:focus, .menu_full_even .sm-simple a.active, .menu_full_even .sm-simple a.highlighted {
    background: #354557;
    color: #fff;
  }
  .menu_full_even .sm-simple a:hover > ul, .menu_full_even .sm-simple a:focus > ul, .menu_full_even .sm-simple a.active > ul, .menu_full_even .sm-simple a.highlighted > ul {
    background: #3f5267;
  }
  .menu_full_even .sm-simple a .sub-arrow {
    margin-left: 0;
    padding-right: 10px;
  }
  .menu_full_even .sm-simple > li > ul {
    background: #3b4d61;
    margin-top: 8px !important;
  }
  .menu_full_even .sm-simple > li > ul * {
    background: inherit;
  }
  .menu_full_even .sm-simple > li > ul > li > ul {
    background: #41546a;
  }
  .menu_full_even .sm-simple > li > ul > li > ul * {
    background: inherit;
  }
  .menu_full_even .sm-simple > li > ul > li > ul > li > ul {
    background: #465c74;
  }
  .menu_full_even .sm-simple > li > ul > li > ul > li > ul * {
    background: inherit;
  }
  .menu_full_even .sm-simple > li > ul > li > ul > li > ul > li > ul {
    background: #4c637d;
  }
  .menu_full_even .sm-simple > li > ul > li > ul > li > ul > li > ul * {
    background: inherit;
  }
  .menu_full_even .sm-simple a .sub-arrow {
    margin-left: 0;
    padding-right: 10px;
  }
  .menu_full_odd {
    background: #f16d67;
    width: 100%;
    margin: 0;
    padding: 8px 0;
  }
  .menu_full_odd .sm-simple {
    background: #f16d67;
  }
  .menu_full_odd .sm-simple, .menu_full_odd .sm-simple ul {
    background: #f16d67;
  }
  .menu_full_odd .sm-simple a:hover {
    background: #f16d67;
    color: #fff;
  }
  .menu_full_odd .sm-simple > li > ul {
    background: #f27a75;
    margin-top: 8px !important;
  }
  .menu_full_odd .sm-simple > li > ul * {
    background: inherit;
  }
  .menu_full_odd .sm-simple > li > ul > li > ul {
    background: #f48883;
  }
  .menu_full_odd .sm-simple > li > ul > li > ul * {
    background: inherit;
  }
  .menu_full_odd .sm-simple > li > ul > li > ul > li > ul {
    background: #f59591;
  }
  .menu_full_odd .sm-simple > li > ul > li > ul > li > ul * {
    background: inherit;
  }
  .menu_full_odd .sm-simple > li > ul > li > ul > li > ul > li > ul {
    background: #f6a39f;
  }
  .menu_full_odd .sm-simple > li > ul > li > ul > li > ul > li > ul * {
    background: inherit;
  }
  .menu_full_odd .sm-simple a .sub-arrow {
    margin-left: 0;
    padding-right: 10px;
  }
  div[class^='menu_full_'] {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  div[class^='menu_full_'] li {
    border: 0;
  }
  div[class^='menu_full_'] .sm-simple li > a {
    padding-left: 10px;
  }
  div[class^='menu_full_'] .sm-simple a:focus, div[class^='menu_full_'] .sm-simple a.active, div[class^='menu_full_'] .sm-simple a.highlighted {
    color: #fff;
  }
  div[class^='menu_full_'] .sm-simple a:focus:hover, div[class^='menu_full_'] .sm-simple a.active:hover, div[class^='menu_full_'] .sm-simple a.highlighted:hover {
    color: #fff;
  }
  div[class^='menu_full_'] [id^="main-menu"] > li:first-child > a {
    padding-left: 0;
  }
  div[class^='menu_full_'] [id^="main-menu"] > li:first-child > a .sub-arrow {
    float: right;
  }
  div[class^='menu_full_'] li a {
    color: #fff;
  }
  div[class^='menu_full_'] .sm-simple ul a span.sub-arrow, div[class^='menu_full_'] .sm-simple-vertical a span.sub-arrow {
    right: 0;
  }
  [id^="main-menu"] > li:after {
    content: "|";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
  }
  [id^="main-menu"] > li:last-child:after {
    content: "";
  }
  .rightmenu:nth-child(even), .rightmenu:nth-child(odd) {
    margin-bottom: 15px;
  }
  .rightmenu:nth-child(odd) .menuNameBox {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #f16d67;
    padding: 10px 20px 10px 20px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 18px;
  }
  .rightmenu:nth-child(odd) .sm-simple, .rightmenu:nth-child(odd) .sm-simple ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  .rightmenu:nth-child(odd) .sm-simple li a.has-submenu .sub-arrow {
    position: absolute;
    right: 0;
  }
  .rightmenu:nth-child(odd) .sm-simple li a.has-submenu.active .sub-arrow, .rightmenu:nth-child(odd) .sm-simple li a.has-submenu.highlighted .sub-arrow {
    color: transparent;
  }
  .rightmenu:nth-child(odd) .sm-simple li a.has-submenu.active .sub-arrow:before, .rightmenu:nth-child(odd) .sm-simple li a.has-submenu.highlighted .sub-arrow:before {
    content: "\2013";
    color: #fff;
    background: inherit;
    width: 100%;
    text-indent: 0;
    display: block;
    position: absolute;
    top: 0;
  }
  .rightmenu:nth-child(odd) .sm-vertical-right li a {
    background: #f16d67;
    color: #fff;
  }
  .rightmenu:nth-child(odd) .sm-simple.sm-vertical-right {
    background: #f16d67;
  }
  .rightmenu:nth-child(odd) .sm-simple.sm-vertical-right, .rightmenu:nth-child(odd) .sm-simple.sm-vertical-right ul {
    background: #f16d67;
  }
  .rightmenu:nth-child(odd) .sm-simple.sm-vertical-right a:hover {
    background: #f16d67;
    color: #fff;
  }
  .rightmenu:nth-child(odd) .sm-simple.sm-vertical-right > li > ul {
    background: #f27a75;
    margin-top: 0;
  }
  .rightmenu:nth-child(odd) .sm-simple.sm-vertical-right > li > ul * {
    background: inherit;
  }
  .rightmenu:nth-child(odd) .sm-simple.sm-vertical-right > li > ul > li > ul {
    background: #f48883;
  }
  .rightmenu:nth-child(odd) .sm-simple.sm-vertical-right > li > ul > li > ul * {
    background: inherit;
  }
  .rightmenu:nth-child(odd) .sm-simple.sm-vertical-right > li > ul > li > ul > li > ul {
    background: #f59591;
  }
  .rightmenu:nth-child(odd) .sm-simple.sm-vertical-right > li > ul > li > ul > li > ul * {
    background: inherit;
  }
  .rightmenu:nth-child(odd) .sm-simple.sm-vertical-right > li > ul > li > ul > li > ul > li > ul {
    background: #f6a39f;
  }
  .rightmenu:nth-child(odd) .sm-simple.sm-vertical-right > li > ul > li > ul > li > ul > li > ul * {
    background: inherit;
  }
  .rightmenu:nth-child(even) .menuNameBox {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #354557;
    padding: 10px 20px 10px 20px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 18px;
  }
  .rightmenu:nth-child(even) .sm-simple, .rightmenu:nth-child(even) .sm-simple ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  .rightmenu:nth-child(even) .sm-vertical-right li a {
    background: #354557;
    color: #fff;
  }
  .rightmenu:nth-child(even) .sm-simple li a.has-submenu .sub-arrow {
    position: absolute;
    right: 0;
  }
  .rightmenu:nth-child(even) .sm-simple li a.has-submenu.active .sub-arrow, .rightmenu:nth-child(even) .sm-simple li a.has-submenu.highlighted .sub-arrow {
    color: transparent;
    text-indent: -99999999999px;
  }
  .rightmenu:nth-child(even) .sm-simple li a.has-submenu.active .sub-arrow:before, .rightmenu:nth-child(even) .sm-simple li a.has-submenu.highlighted .sub-arrow:before {
    content: "\2013";
    color: #fff;
    background: inherit;
    width: 100%;
    text-indent: 0;
    display: block;
    position: absolute;
    top: 0;
  }
  .rightmenu:nth-child(even) .sm-simple.sm-vertical-right {
    background: #354557;
  }
  .rightmenu:nth-child(even) .sm-simple.sm-vertical-right, .rightmenu:nth-child(even) .sm-simple.sm-vertical-right ul {
    background: #354557;
  }
  .rightmenu:nth-child(even) .sm-simple.sm-vertical-right a:hover {
    background: #354557;
    color: #fff;
  }
  .rightmenu:nth-child(even) .sm-simple.sm-vertical-right > li > ul {
    background: #3b4d61;
    margin-top: 0;
    margin-bottom: 0;
  }
  .rightmenu:nth-child(even) .sm-simple.sm-vertical-right > li > ul * {
    background: inherit;
  }
  .rightmenu:nth-child(even) .sm-simple.sm-vertical-right > li > ul > li > ul {
    background: #41546a;
  }
  .rightmenu:nth-child(even) .sm-simple.sm-vertical-right > li > ul > li > ul * {
    background: inherit;
  }
  .rightmenu:nth-child(even) .sm-simple.sm-vertical-right > li > ul > li > ul > li > ul {
    background: #465c74;
  }
  .rightmenu:nth-child(even) .sm-simple.sm-vertical-right > li > ul > li > ul > li > ul * {
    background: inherit;
  }
  .rightmenu:nth-child(even) .sm-simple.sm-vertical-right > li > ul > li > ul > li > ul > li > ul {
    background: #4c637d;
  }
  .rightmenu:nth-child(even) .sm-simple.sm-vertical-right > li > ul > li > ul > li > ul > li > ul * {
    background: inherit;
  }
  input[type="text"], select, button {
    background: #e3e3e3;
    border: 0;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #242424;
    height: 40px;
    margin-bottom: 10px;
  }
  textarea {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  [class^="questionLabel"] {
    margin-top: 20px;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  input[type="checkbox"] + label, input[type="radio"] + label {
    margin-left: 0;
  }
  .formRadioboxBox, .formCheckboxBox {
    margin-bottom: 20px;
    margin-top: 10px;
    /* COMMON RADIO AND CHECKBOX STYLES  */
    /* CUSTOM RADIO AND CHECKBOX STYLES */
  }
  .formRadioboxBox input[type="radio"], .formCheckboxBox input[type="radio"], .formRadioboxBox input[type="checkbox"], .formCheckboxBox input[type="checkbox"] {
    /* Hide original inputs */
    visibility: hidden;
    position: absolute;
  }
  .formRadioboxBox input[type="radio"] + label:before, .formCheckboxBox input[type="radio"] + label:before, .formRadioboxBox input[type="checkbox"] + label:before, .formCheckboxBox input[type="checkbox"] + label:before {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    content: " ";
    display: inline-block;
    vertical-align: top;
    border: 0;
    background: #e3e3e3;
    position: relative;
    top: 2px;
  }
  .formRadioboxBox input[type="radio"]:checked + label:before, .formCheckboxBox input[type="radio"]:checked + label:before, .formRadioboxBox input[type="checkbox"]:checked + label:before, .formCheckboxBox input[type="checkbox"]:checked + label:before {
    background: #f16d67;
    font-family: 'fontAwesome';
    color: #fff;
  }
  .formRadioboxBox input[type="checkbox"]:checked + label:before, .formCheckboxBox input[type="checkbox"]:checked + label:before {
    content: "\f00c";
  }
  .formRadioboxBox input[type="radio"]:checked + label:before, .formCheckboxBox input[type="radio"]:checked + label:before {
    content: " ";
    text-align: center;
    background-image: url('/images/white-dot@2x.png');
    background-repeat: no-repeat;
    background-size: 4px 4px;
    background-position: center center;
  }
  .formRadioboxBox input[type="checkbox"] + label:before, .formCheckboxBox input[type="checkbox"] + label:before {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
  }
  .formRadioboxBox input[type="radio"] + label:before, .formCheckboxBox input[type="radio"] + label:before {
    border-radius: 50%;
    line-height: 16px;
    font-size: 16px;
  }
  .selectWrapper {
    margin-bottom: 10px;
  }
  .puffContent .selectWrapper {
    margin-bottom: 0;
  }
  ::-webkit-input-placeholder {
    color: #242424;
  }
  :-moz-placeholder {
    color: #242424;
  }
  ::-moz-placeholder {
    color: #242424;
  }
  :-ms-input-placeholder {
    color: #242424;
  }
  .content_full {
    width: 100%;
    min-height: 100px;
    padding: 10px 0 20px 0;
  }
  .searchbar_full {
    width: 100%;
    margin: 0;
    padding: 20px 0;
  }
  .searchbar_full input[type="text"], .searchbar_full .selectWrapper {
    width: 100%;
    float: left;
  }
  .searchbar_full input[type="text"], .searchbar_full select, .searchbar_full button {
    margin-bottom: 0;
    background: #e3e3e3;
    border: 0;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #242424;
    height: 40px;
  }
  .searchbar_full button {
    height: 40px;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
  }
  .searchbar_full .searchbarContent {
    display: block;
    background: #fff;
    padding: 0.9375rem 0;
    padding-top: 0;
  }
  .searchbar_full .searchbarContent h3 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 17px;
  }
  .searchbar_full .searchbarContent .selectWrapper {
    margin-bottom: 0;
  }
  .column-inner, .column-inner + [class*="column"]:last-child {
    background: #fff;
    padding: 40px 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    float: none;
  }
  .siteFormQuestionsBox {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .siteFormQuestionsBox .selectWrapper {
    margin-bottom: 20px;
  }
  .siteFormQuestionsBox .button_save {
    float: right;
  }
  .puffRight, .puffLeft {
    margin: 0 0 15px 0;
    clear: both;
    background-color: #fff;
  }
  .puffRight h3, .puffLeft h3 {
    color: #fff;
    margin: 0 0 0 0;
    background: #242424;
    padding: 10px;
    font-size: 16px;
  }
  .puffLeft img, .puffRight img {
    margin: 0 0 0 0;
  }
  .puffRight .read-more, .puffLeft .read-more {
    margin-bottom: 0;
    padding-left: 0;
  }
  .puffContent {
    background: #fff;
    padding: 20px;
  }
  .puffContent .organizerLabel {
    font: italic 400 14px "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .puffContent .organizerLabel span {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .puffContent .read-more {
    margin: 0;
    color: #f16d67;
  }
  .puffContent .read-more:hover:after {
    color: #f16d67;
  }
  .puffContent .btnHolder {
    margin-top: 0;
    float: none;
    max-width: none;
  }
  .mapBox .read-more {
    margin: 0;
    color: #f16d67;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .mapBox .read-more:hover:after {
    color: #f16d67;
  }
  .puffContent.orderValid {
    padding-top: 0;
  }
  .puffContent.orderValid #orderValidTo {
    margin: 10px 0;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    text-align: left;
    /*  
     .button {
     vertical-align: bottom;
     }
     .read-more.cancel {
     height: 40px;
     line-height: 40px;
     vertical-align: bottom;
     } */
  }
  .puffContent.orderValid .orderValidToButtonBox {
    /* height: 40px;
     line-height: 40px;
     vertical-align: bottom; */
  }
  .puffContent.orderValid .orderValidToButtonBox .read-more.cancel {
    padding: 5px 10px 5px 0px;
    float: none;
  }
  .puffContent.orderValid .orderValidToButtonBox .read-more {
    padding: 5px 10px;
  }
  .puffContent.orderValid .orderValidToButtonBox .read-more.cart {
    background: #000;
    color: #fff;
  }
  .puffContent.orderValid .orderValidToButtonBox .read-more.cart:hover:after {
    color: #fff;
  }
  .puffContent.orderValid .orderValidToButtonBox .button {
    /* float: right; 
     vertical-align: bottom;
     margin-bottom: 0; */
  }
  .read-more.news {
    float: right;
  }
  .puffContentSearch {
    padding: 15px;
  }
  .puffContentSearch .selectWrapper {
    width: calc(100% - 50px - 15px);
    float: left;
  }
  .puffContentSearch .selectWrapper select {
    margin-bottom: 0;
  }
  .puffContentSearch .selectWrapper select:hover {
    cursor: pointer;
    background: #e3e3e3;
    opcaity: 1;
  }
  .puffContentSearch input[type="submit"].fa {
    background: #e3e3e3;
    color: #242424;
    border: 0;
    width: 50px;
    height: 40px;
    font-family: "fontAwesome";
    font-size: 16px;
    float: right;
    appearance: none;
    cursor: pointer;
  }
  .pagetype_news .read-more.news span, .puffContent .read-more.news span {
    padding-right: 6px;
  }
  .themeListButton_READMORE {
    float: left;
  }
  .themeListButton_BUY {
    float: right;
  }
  .puff .read-more:first-of-type {
    float: left;
  }
  .puff .read-more:last-of-type {
    float: right;
  }
  .newsletterSubscribeBox .newsletterSubscribe, .themeLeadBox .newsletterSubscribe, .newsletterSubscribeBox .themeLead, .themeLeadBox .themeLead {
    border-radius: 0;
    background: #354557;
    color: #fff;
    width: 100%;
    padding: 15px;
    padding-left: 60px;
    margin-top: 0;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1;
    text-align: left;
    position: relative;
  }
  .newsletterSubscribeBox .newsletterSubscribe:hover, .themeLeadBox .newsletterSubscribe:hover, .newsletterSubscribeBox .themeLead:hover, .themeLeadBox .themeLead:hover {
    background: #2f3d4d;
    transition: all 300ms ease-in-out;
  }
  .newsletterSubscribeBox .newsletterSubscribe:hover:before, .themeLeadBox .newsletterSubscribe:hover:before, .newsletterSubscribeBox .themeLead:hover:before, .themeLeadBox .themeLead:hover:before {
    background: #242424;
  }
  .newsletterSubscribeBox .newsletterSubscribe:before, .themeLeadBox .newsletterSubscribe:before, .newsletterSubscribeBox .themeLead:before, .themeLeadBox .themeLead:before {
    height: 100%;
    content: "\f003";
    font-family: "fontAwesome";
    padding: 15px;
    line-height: 18px;
    vertical-align: middle;
    background: #242424;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 300ms ease-in-out;
  }
  .newsletterSubscribeBox .newsletterSubscribe:after, .themeLeadBox .newsletterSubscribe:after, .newsletterSubscribeBox .themeLead:after, .themeLeadBox .themeLead:after {
    position: absolute;
    right: 15px;
  }
  .themeLeadBox .themeLead:before {
    height: 100%;
    content: "\f271";
    font-family: "fontAwesome";
    padding: 15px;
    line-height: 18px;
    vertical-align: middle;
    background: #242424;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 300ms ease-in-out;
  }
  input[type="submit"], button, .button {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
  }
  .button.full {
    width: 100%;
    text-align: center;
  }
  .button, input[type="submit"], input[type="button"] {
    border-radius: 0;
    cursor: pointer;
    background: #354557;
    color: #fff;
    padding: 0 15px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
  }
  .button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:focus, input[type="submit"]:focus, input[type="button"]:focus {
    background: #2f3d4d;
  }
  input[type="submit"].vendorEventListInfoButton {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
  }
  .button.fa, input[type="submit"].fa, input[type="button"].fa {
    font-family: 'fontAwesome', "proxima-nova-n7", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .row .custom-row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 75rem;
  }
  .pagetype_themes .row .custom-row, .pagetype_themeCategories .row .custom-row {
    margin-left: calc(-0.9375rem/2);
    margin-right: calc(-0.9375rem/2);
  }
  .custom-row .columns {
    position: relative;
    padding-left: calc(0.9375rem/2);
    padding-right: calc(0.9375rem/2);
    float: left;
  }
  .custom-row .mb {
    margin-bottom: 0.9375rem;
  }
  .small-collapse {
    padding-left: 0;
    padding-right: 0;
  }
  .themepuff_caption {
    width: 100%;
    max-width: 100%;
    height: auto;
    background-size: cover;
    position: relative;
  }
  .themepuff_caption .read-more {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    background: #fff;
    color: #242424;
    padding: 5px 10px;
    margin: 20px auto;
    margin-bottom: 0;
    display: inline-block;
    border-radius: 4px;
  }
  .themepuff_caption .read-more:after {
    content: "\f105";
    font-family: 'fontAwesome';
    padding-left: 10px;
  }
  .themepuff_caption .read-more.cancel:after {
    content: "";
    padding-left: 0;
  }
  .themepuff_caption .themepuff_desc {
    display: block;
    height: 48px;
    overflow: hidden;
    font: normal 400 14px "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.2;
  }
  .read-more.file:after {
    display: none;
  }
  .themepuff_caption:hover .first-caption {
    opacity: 0;
    transition: 300ms all ease-in-out;
    z-index: 0;
  }
  .themepuff_caption:hover .themepuff_text {
    opacity: 1;
    transition: 300ms all ease-in-out;
    z-index: 2;
  }
  .first-caption {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 6px 7px;
    text-align: center;
    transition: 300ms all ease-in-out;
  }
  .first-caption h3 {
    color: #fff;
  }
  .first-caption .themepuff_organizer {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .themepuff_caption .inner {
    padding: 10px;
    border: 2px solid #fff;
    width: 100%;
    height: 100%;
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
  }
  .themepuff_caption .inner .caption {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    padding: 15px;
  }
  .themepuff_text {
    opacity: 0;
    transition: 300ms all ease-in-out;
    color: #fff;
    background: rgba(240, 184, 92, 0.9);
    padding: 6px 7px;
    text-align: center;
    transition: 1000ms all ease-in-out;
    position: relative;
    height: 100%;
  }
  .themepuff_text h3 {
    color: #242424;
    margin-bottom: 0;
  }
  .themepuff_text .themepuff_organizer {
    color: #242424;
    display: block;
    margin-bottom: 20px;
  }
  .themepuff_text .inner {
    padding-top: 20px;
    border: 2px solid #fff;
    border-radius: 20px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    border: 2px solid #fff;
    border-radius: 20px;
    margin-top: -2px;
    margin-bottom: -2px;
    margin-left: -2px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .themepuff_text .nested-b {
    border: 2px solid #fff;
    width: 100%;
    height: 100%;
  }
  .themeHeaderBox {
    width: 100%;
    height: auto;
    background-color: #f0b85c;
  }
  .themeHeaderName {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
  }
  .themeBlurbHeaderBox {
    width: 100%;
    height: 35px;
    background-color: #f0b85c;
    position: relative;
  }
  .themeBlurbHeaderBox:after {
    content: "";
    width: 50%;
    height: 10px;
  }
  .themeInfoBox {
    background-color: #fff;
    padding: 40px;
  }
  .themeActions {
    display: inline-block;
    border: 1px solid #e5e5e5;
    background: #fff;
    margin: 0 0 15px 0;
    padding: 15px 15px 15px 15px;
    width: 100%;
  }
  .themeActions .fb_iframe_widget {
    padding-top: 5px;
    float: left;
    margin-bottom: 0px;
    margin-right: 10px;
  }
  .themeActions a {
    float: left;
    padding: 5px 10px;
    border-radius: 5px;
    background: #e3e3e3;
    color: #242424;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-top: 2px;
  }
  .themeActions a:hover {
    background: #d6d6d6;
  }
  .themeActions a:last-child {
    margin-right: 0;
  }
  .themeActions a.tipFriend:before {
    content: "\f075";
    font-family: "fontAwesome";
    padding-right: 6px;
  }
  .themeActions a.printTheme:before {
    content: "\f02f";
    font-family: "fontAwesome";
    padding-right: 6px;
  }
  .frontpageThemeHeader, .frontpageEventHeader {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    width: 100%;
    padding-bottom: 11px;
    border-bottom: 0px dotted #888;
    background: url('/images/dot-slice@2x.png');
    background-repeat: repeat-x;
    background-size: 6px 2px;
    background-position: bottom left;
    margin-bottom: 15px;
  }
  .frontpageThemeHeader {
    color: #242424;
  }
  .frontpageEventHeader {
    color: #242424;
  }
  .orderWrapper, .eventWrapper {
    background: #fff;
  }
  .orderWrapper .column-inner {
    box-shadow: none;
  }
  h3.ticketHeader {
    background: #242424;
    color: #fff;
    padding: 15px 20px;
    margin: 0;
    margin-bottom: 35px;
  }
  #headline_basicdata h3, #headline_logindata h3 {
    margin-bottom: 15px;
  }
  .ticketCodeBox {
    text-align: center;
    padding-bottom: 35px;
  }
  .ticketCodeBox input {
    width: auto;
    display: inline-block;
    margin-right: 10px;
  }
  .ticketCodeBox input[type="submit"] {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    color: #fff;
    height: 40px;
    background: #354557;
    padding: 0 15px;
    vertical-align: top;
    font-size: 16px;
  }
  .ticketCodeBox input[type="submit"]:hover {
    background: #2f3d4d;
  }
  .pagetype_event .ticketNbrBox input[type="number"] {
    height: 30px;
    padding: 0 8px;
  }
  .availableTickettype .selectWrapper select {
    height: 30px;
    padding: 0 8px;
  }
  .horsep {
    background: #00ada5;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
  }
  .event {
    border: 2px solid #fff;
  }
  .event-inner {
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 15px;
    margin-left: -2px;
    margin-top: -2px;
    margin-bottom: -2px;
    margin-right: -2px;
    border-color: transparent;
    transition: 300ms all ease-in-out;
  }
  .event-inner .mobile-fr .read-more {
    margin: 0;
  }
  .horsep:hover .event-inner {
    border-color: #fff;
    transition: 300ms all ease-in-out;
  }
  .event span.date.day {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 35px;
    line-height: 1;
  }
  .event span.date.day i {
    padding-left: 5px;
  }
  .event span.month, .event span.year {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
  }
  .event span.time {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
  }
  .cal_sep {
    float: left;
  }
  .cal_sep .inner {
    border-right: 1px solid #fff;
    padding: 0;
    padding-right: 10px;
    margin-right: 10px;
  }
  .cal_sep .inner span {
    line-height: 1;
  }
  .cal_sep .eventEnd p {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .cal_sep .eventEnd span {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
  }
  .cal_sep:after {
    content: "";
    display: block;
    width: 30px;
    background: #fff;
    height: 4px;
    margin: 15px 0 10px 0;
  }
  .location_sep {
    padding-left: 25px;
    margin-bottom: 25px;
    padding-top: 2px;
    position: relative;
    float: left;
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .location_sep .cityAddress {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
  }
  .location_sep .cityAddress strong {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
  }
  .location_sep .address {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
  }
  .location_sep .address strong {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .location_sep:before {
    content: "\f041";
    font-family: "fontAwesome";
    position: absolute;
    left: 5px;
    top: 0;
    font-size: 18px;
    font-style: normal;
  }
  .cal_sep, .location_sep {
    max-width: 50%;
  }
  .titleHolder {
    max-width: 100%;
    float: none;
  }
  .titleHolder p {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .btnHolder {
    max-width: 100%;
    float: right;
    margin-top: 0px;
    float: none;
  }
  .btnHolder > div {
    display: block;
    text-align: right;
  }
  .btnHolder a, .btnHolder button {
    background: #fff;
    padding: 5px 10px;
    display: inline-block;
    margin: 0;
  }
  .btnHolder button {
    display: block;
    margin-bottom: 10px;
    cursor: default;
  }
  .btnHolder button:active, .btnHolder button:focus {
    background: #fff;
    outline: 0;
    border: 0;
  }
  .eventLink, button.eventLink {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    display: inline-block;
    height: auto;
    border-radius: 5px;
    background: #fff;
    padding: 5px 10px;
  }
  .eventLink.green {
    color: #00ad7d;
  }
  .eventLink.yellow {
    color: #e9a63f;
  }
  .eventLink.red {
    color: #ec502d;
  }
  .availableTickettypesBox {
    margin-bottom: 40px;
  }
  .tickettypePriceBox h2 span {
    display: block;
  }
  .ticket-sep {
    border-bottom: 8px solid #242424;
  }
  .ribbonRow {
    background: transparent;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0 0px 40px 0;
  }
  .ribbonRow .ribbonHolder {
    padding-top: 56px;
  }
  .ribbonRow .eventTickets {
    max-width: 35%;
    width: auto;
    text-align: right;
    float: right;
  }
  .ribbonRow input[type="number"], .ribbonRow select, .ribbonRow .selectWrapper {
    display: block;
    width: 80px;
  }
  .ribbonRow .selectWrapper {
    float: right;
  }
  .ribbonRow .eventLink.green, .ribbonRow .eventLink.yellow, .ribbonRow .eventLink.red {
    background: #242424;
    color: #fff;
    margin-bottom: 10px;
  }
  .ribbonRow h2 {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
  }
  .ribbonRow h2 span {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .ribbonRow h2 span:before {
    content: "(";
    display: inline-block;
  }
  .ribbonRow h2 span:after {
    content: ")";
    display: inline-block;
  }
  .ribbonRow .eventLink {
    float: none;
  }
  .ribbonRow .textHolder {
    max-width: 65%;
    width: auto;
    float: left;
  }
  .tableRowPayment .columns {
    margin-bottom: 20px;
  }
  .sm-simple a span.sub-arrow {
    position: static;
  }
  .productInfoHolder {
    max-width: 60%;
    width: auto;
    float: left;
  }
  .productInfoHolder h2 {
    font-size: 20px;
    margin-top: 0;
  }
  .productStats {
    max-width: 40%;
    float: right;
    width: auto;
    text-align: right;
  }
  .productStats h2 {
    font-size: 20px;
    line-height: 0.6;
  }
  .productStats h2 span {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .productStats h2 span:before {
    content: "(";
    display: inline-block;
  }
  .productStats h2 span:after {
    content: ")";
    display: inline-block;
  }
  .productStats .productPrice {
    margin-bottom: 20px;
  }
  .productStats .productPrice span {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    margin-top: 3px;
  }
  .productStats .productStatusBox {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 5px;
  }
  .productStats .productNbrBox {
    width: 80px;
    display: inline-block;
  }
  .productStats .productNbrBox input[type="number"] {
    padding: 0 8px;
    height: 30px;
  }
  .ribbonHolder {
    padding-top: 56px;
  }
  .ribbonBox {
    min-width: 150px;
    height: 36px;
    display: inline-block;
    width: auto;
    color: #fff;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-right: 28px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
  }
  .ribbonBox:hover:before {
    border-color: #f06059;
    border-right-color: transparent;
  }
  .ribbonBox:hover .ribbonName {
    background: #f06059;
    color: #fff;
  }
  .ribbonBox:hover .ribbonName a {
    color: #fff;
  }
  .ribbonBox .ribbonName {
    position: relative;
    display: inline-block;
    line-height: 36px;
    background: #f16d67;
    vertical-align: top;
    height: 36px;
    width: 100%;
    padding-left: 10px;
    overflow: hidden;
    color: #fff;
  }
  .ribbonBox .ribbonName a {
    color: #fff;
  }
  .ribbonBox:before {
    content: "";
    display: inline-block;
    width: auto;
    height: 36px;
    border: 18px solid #f16d67;
    border-left: 10px;
    padding-left: 10px;
    position: absolute;
    right: 0;
    border-right-color: transparent;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
  }
  .ribbonBox.dark .ribbonName {
    background: #242424;
    color: #fff;
  }
  .ribbonBox.dark:before {
    border-color: #242424;
    border-right-color: transparent;
  }
  .ribbonBox.dark:hover:before {
    border-color: #1c1c1c;
    border-right-color: transparent;
  }
  .ribbonBox.dark:hover .ribbonName {
    background: #1c1c1c;
  }
  .discountBasicInfoBox {
    padding: 40px 0;
  }
  .discountBasicInfoBox p {
    text-align: left;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .pagetype_event #buyerOrderBox {
    padding-bottom: 42px;
  }
  .participantQuestionsBox input, .participantQuestionsBox .selectWrapper, #buyerOrderBox input, #buyerOrderBox .selectWrapper {
    margin-bottom: 10px;
  }
  .form_column.small-6 {
    float: left;
  }
  .form_column.small-6:nth-child(even) {
    padding-right: 0px;
    width: 100%;
  }
  .form_column.small-6:nth-child(odd) {
    padding-left: 0px;
    width: 100%;
  }
  .eventSubmitBox {
    text-align: center;
    margin-top: 50px;
    padding-bottom: 50px;
    color: #242424;
  }
  .eventSubmitBox input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: #fff;
    height: 40px;
    background: #354557;
    padding: 0 15px;
    vertical-align: top;
    font-family: "fontAwesome", "proxima-nova-n7", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
  }
  .eventSubmitBox input[type="submit"]:hover {
    cursor: pointer;
    background: #2f3d4d;
  }
  .orderApproveConditionsBox {
    text-align: center;
  }
  [id^="siteForm"] input {
    margin-bottom: 10px;
  }
  .pageHeader_standalone {
    background: #242424;
    height: 54px;
    border-bottom: 4px #65e5b3 solid;
    display: block;
    text-align: center;
    position: relative;
  }
  .pageHeader_standalone:after {
    content: "\f1ae";
    font-family: "FontAwesome";
    position: absolute;
    bottom: -62px;
    font-size: 30px;
    color: #65e5b3;
  }
  .messageBox {
    border: 0;
    background: transparent;
    text-align: center;
  }
  .messageBox p {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .pageHeader {
    background: #242424;
  }
  .pageHeader h1, .pageHeader h2, .pageHeader h3 {
    margin: 0;
    color: #fff;
    background: #242424;
    padding: 15px 20px;
    margin: 0;
    font-size: 20px;
  }
  .pageHeader h1 span, .pageHeader h2 span, .pageHeader h3 span {
    display: block;
    margin-top: 10px;
    float: none;
  }
  h1.pageHeader, h2.pageHeader, h3.pageHeader {
    margin: 0;
    color: #fff;
    background: #242424;
    padding: 15px 20px;
    margin: 0;
    font-size: 20px;
  }
  h1.pageHeader span, h2.pageHeader span, h3.pageHeader span {
    display: block;
    margin-top: 10px;
    float: none;
  }
  .pagetype_buyer_account [id^="headline_"], .pagetype_buyer_register [id^="headline_"] {
    margin-bottom: 30px;
  }
  .pagetype_buyer_account #doBuyerSave, .pagetype_buyer_register #doBuyerSave {
    float: right;
  }
  .pagetype_buyer_account #doBuyerSave {
    float: none;
  }
  .pagetype_tipfriend .themeLinkBox a, .pagetype_contactvendor .themeLinkBox a, .pagetype_themelead .themeLinkBox a {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #f0b85c;
    margin-bottom: 10px;
    display: inline-block;
  }
  .pagetype_tipfriend input[type="submit"], .pagetype_contactvendor input[type="submit"], .pagetype_themelead input[type="submit"] {
    float: right;
  }
  .pagetype_buyer_login input {
    margin-bottom: 10px;
  }
  .pagetype_buyer_login input[type="submit"] {
    float: right;
  }
  .pagetype_buyer_login .puffContent input {
    margin-bottom: 0;
  }
  .pagetype_buyer_login .register_link {
    padding-right: 5px;
  }
  .pagetype_buyer_login .register_link:hover {
    color: #f16d67;
  }
  .show-for-small.tableLabel {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .myOrders .vendorTableHeaderRow {
    background: #354557;
    color: #fff;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 0px;
  }
  .myOrders .vendorTableHeaderRow .columns {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .myOrders .vendorTableRowEven, .myOrders .vendorTableRowOdd {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-bottom: 5px;
    margin-bottom: 0;
  }
  .myOrders .defaultTableRowFirst.vendorTableRowEven, .myOrders .defaultTableRowFirst.vendorTableRowOdd {
    padding-top: 10px;
  }
  .myOrders .vendorTableFooterRow {
    margin-top: 5px;
    border-top: 2px #f16d67 solid;
    padding-top: 5px;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .myOrders .tableLabel {
    display: inline-block !important;
    padding-right: 5px;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .myOrders p {
    margin-bottom: 0;
  }
  .myOrders .ta-r {
    text-align: left;
  }
  .myOrders .orderInfoIconDiv {
    float: right;
  }
  .checkoutSubmitHolder {
    padding-top: 40px;
    margin-bottom: 40px;
    border-top: 2px dotted #888;
  }
  .checkoutSubmitHolder input[type="submit"]:after {
    content: "\f05d";
    font-family: "fontAwesome";
  }
  .formRadioboxBox .infoLabel {
    font: italic 400 14px "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #888;
  }
  .formRadioboxBox input[type="radio"] + label {
    margin-right: 5px;
  }
  .orderRowsBox {
    margin-bottom: 20px;
  }
  .orderRowsBox input[type="submit"], .orderRowsBox .button, .orderRowsBox button {
    height: auto;
    padding: 7px 14px;
    font-size: 14px;
    line-height: 1;
  }
  .orderRowsBox .tableRowHeader, .orderRowsBox .thHead {
    background: #354557;
    color: #fff;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .orderRowsBox .thHead {
    padding: 10px 8px;
  }
  .orderRowsBox .tdBody {
    padding: 0px 8px;
    line-height: 28px;
    vertical-align: middle;
    background: #f8f8f8;
    height: auto;
    margin: 0 0 2px 0;
  }
  .orderRowsBox .tableRowDesc {
    color: #f16d67;
  }
  .orderRowsBox .tableRowSummary:last-child {
    font-weight: bold;
  }
  .orderRowsBox .tableRowOperator .ticketAmount, .orderRowsBox .tableRowOperator .button_change {
    height: 29px;
    vertical-align: middle;
  }
  .orderRowsBox .tableRow {
    background: #e3e3e3;
    margin-bottom: 4px;
    margin-left: 0;
    margin-right: 0;
  }
  .orderRowsBox .tableRowHeader {
    margin-bottom: 8px;
  }
  .orderRowsBox .tableRowSummary {
    background: transparent;
    margin-bottom: 0;
  }
  .orderRowsBox .tableRowSummary .tdBody {
    line-height: 1.2;
  }
  .orderRowsBox .summaryHolder {
    border-top: 3px #f16d67 solid;
    margin-top: 30px;
    padding-top: 20px;
  }
  .orderRowsBox .summaryHolder .tdBody {
    background: transparent;
    padding-top: 0;
    padding-bottom: 4px;
  }
  .orderRowsBox .tdBody {
    background: transparent;
    margin-bottom: 0;
  }
  .orderRowsBox .ticketAmount {
    padding: 2px 8px;
    background: #fff;
    text-align: center;
    display: inline-block;
  }
  .orderRowsBox input[type="submit"].button_change {
    padding: 2px 8px;
    font-size: 13px;
  }
  .pagetype_order .orderRowsBox .tableRow {
    background: transparent;
    border-bottom: 2px solid #242424;
    padding-bottom: 4px;
  }
  .pagetype_order .orderRowsBox .tableRow.tableRowSummary {
    border-bottom: 0px solid #242424;
  }
  .pagetype_order .orderRowsBox .tableRow.tableRowSummary .tdBody {
    padding: 0;
  }
  .pagetype_order .orderRowsBox .tableRow.tableRowSummary .summary-label {
    font: normal 400 14px "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .pagetype_order .orderRowsBox .tdBody {
    padding: 5px 0;
    background: transparent;
    height: auto;
    margin: 0 0 0 0;
  }
  .pagetype_order .orderRowsBox .tableRowText .tdBody {
    padding: 8px 0;
  }
  .pagetype_order .orderRowsBox .summaryHolder {
    border-top: none;
    margin-top: 20px;
    padding-top: 0px;
  }
  .pagetype_order_cart .toOrderCheckoutBox {
    border-top: #888 dotted 2px;
    padding-top: 40px;
    padding-bottom: 20px;
    text-align: center;
  }
  .pagetype_order_checkout #optionsDeliveryPaymentBox {
    margin: 40px 0;
    padding-bottom: 40px;
    border-bottom: dotted 2px #888;
  }
  .pagetype_order_checkout .formRadioboxBox {
    margin: 0;
  }
  .pagetype_order_checkout #approve_conditions_label {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  #paymentFormInfo .mainClienttypeLabel {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    color: #e3e3e3;
    font-size: 24px;
  }
  #paymentFormInfo .activeMainClienttype {
    color: #f16d67;
  }
  #paymentFormInfo .activeMainClienttype:before {
    content: "\f105";
    display: inline-block;
    font-family: 'fontAwesome';
    padding-right: 10px;
  }
  .pagetype_order_checkout #buyerOrderBox > .toggle {
    min-width: 1px;
    min-height: 1px;
  }
  .pagetype_order .orderRowsBox {
    margin-top: 30px;
  }
  .pagetype_order .orderRowsBox .tableRow {
    background: transparent;
  }
  .paymenttypeBox .swish-icon {
    background: url('/images/swish.png');
    background-repeat: no-repeat;
    height: 20px;
    display: inline-block;
    width: 20px;
    background-size: contain;
  }
  .paymenttypeBox .fa, .paymenttypeBox .swish-icon {
    width: 20px;
    vertical-align: middle;
  }
  .orderInfoBox, .orderBuyerInfoBox, .orderDeliveryPaymentBox {
    margin-bottom: 20px;
  }
  .orderInfoBox .orderInfoHeadline, .orderBuyerInfoBox .orderInfoHeadline, .orderDeliveryPaymentBox .orderInfoHeadline {
    margin-bottom: 0px;
  }
  .orderInfoBox .orderInfoHeadline:before, .orderBuyerInfoBox .orderInfoHeadline:before, .orderDeliveryPaymentBox .orderInfoHeadline:before {
    content: "";
    width: 20px;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    background: #f16d67;
    height: 5px;
  }
  .orderInfoBox .orderLabel, .orderBuyerInfoBox .orderLabel, .orderDeliveryPaymentBox .orderLabel {
    display: inline-block;
  }
  .orderInfoBox .orderDataRow, .orderBuyerInfoBox .orderDataRow, .orderDeliveryPaymentBox .orderDataRow {
    margin-bottom: 0;
    padding-bottom: 2px;
  }
  .orderInfoBox .orderData, .orderBuyerInfoBox .orderData, .orderDeliveryPaymentBox .orderData {
    display: inline-block;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .orderInfoBox .orderData p, .orderBuyerInfoBox .orderData p, .orderDeliveryPaymentBox .orderData p {
    margin-bottom: 0;
  }
  .orderInfoBox .orderDataRow.fullAddress, .orderBuyerInfoBox .orderDataRow.fullAddress, .orderDeliveryPaymentBox .orderDataRow.fullAddress {
    padding-bottom: 0;
    padding-left: 8px;
    position: relative;
  }
  .orderInfoBox .orderDataRow.fullAddress:before, .orderBuyerInfoBox .orderDataRow.fullAddress:before, .orderDeliveryPaymentBox .orderDataRow.fullAddress:before {
    content: "";
    width: 2px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f16d67;
  }
  .missingPremisesBox {
    padding-bottom: 0;
    padding-left: 12px;
    position: relative;
  }
  .missingPremisesBox:before {
    content: "";
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f16d67;
  }
  .orderDeliveryPaymentBox {
    margin-top: 40px;
  }
  .orderDeliveryPaymentBox .orderInfoHeadline {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f16d67;
    margin-bottom: 5px;
  }
  .orderDeliveryPaymentBox .orderInfoHeadline:before {
    display: none;
  }
  .orderBuyerName, .orderEventName {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
  }
  .pagetype_news .column-inner {
    padding-top: 20px;
  }
  .pagetype_news .newsDate {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
  }
  .pagetype_news .newsList {
    overflow: hidden;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
  .pagetype_news .newsHeight {
    margin-bottom: 10px;
  }
  .pagetype_news .newsListHeadline p {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 0;
  }
  .pagetype_news .newsListDate {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
  }
  .pagetype_news .newsListItem {
    float: left;
    width: 100%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    box-sizing: border-box;
  }
  .pagetype_news .newsListItem a.read-more {
    margin: 0;
    color: #f16d67;
    padding: 5px 0px;
  }
  .pagetype_news .newsListItem .read-more.news span {
    padding-right: 6px;
  }
  .pagetype_news .newsListItem > a {
    display: inline-block;
    margin-bottom: 10px;
  }
  .pagetype_news .newsListLink {
    text-align: right;
  }
  .newsItem img.picturePlacement_L, .newsItem img.picturePlacement_R {
    margin-bottom: 10px;
    display: block;
  }
  .staffBox {
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
  }
  .staffImg {
    margin-bottom: 10px;
  }
  .staffCategory {
    margin-bottom: 40px;
  }
  .staffCategory:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
    background: none;
  }
  .staffCategory h2 {
    /* float: left; */
    width: 100%;
    margin: 0 0 10px 0;
  }
  .staff_description {
    max-width: 100%;
    overflow: hidden;
  }
  .staffLabel {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .staffValue {
    font: normal 400 14px "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .staffCategory [class*="column"] + [class*="column"]:last-child {
    float: left;
  }
  .label_value {
    margin-bottom: 10px;
  }
  .pagetype_eventsearch #main {
    margin-top: 30px;
  }
  .pagetype_eventsearch input[type="text"] {
    margin-bottom: 10px;
  }
  .pagetype_eventsearch .eventsearchForm .selectWrapper {
    margin-bottom: 10px;
  }
  .pagetype_eventsearch .puffContent.puffContentSearch .eventsearchForm .selectWrapper {
    margin-bottom: 0;
  }
  .pagetype_eventsearch .search-submits {
    float: none;
    margin-top: 0px;
    text-align: center;
    margin-top: 30px;
    background: url('/images/dot-slice@2x.png');
    background-repeat: repeat-x;
    background-size: 6px 2px;
    background-position: top left;
    padding-top: 30px;
    margin-bottom: 20px;
  }
  .pagetype_eventsearch .search-submits input {
    margin-right: 5px;
    min-width: 80px;
  }
  .pagetype_eventsearch .search-submits input:last-child {
    margin-right: 0;
  }
  .eventsearch-inner {
    background: #fff;
    padding: 30px;
    padding-bottom: 15px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
  }
  .footer_full {
    font: normal 400 14px "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #fff;
    color: #fff;
    margin: 0;
    padding-top: 60px;
    padding-bottom: 0;
  }
  .footer_full h1, .footer_full h2, .footer_full h3, .footer_full h4, .footer_full h5, .footer_full h6 {
    color: #fff;
  }
  .footer_full .menuHeader {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin-bottom: 15px;
  }
  .footer_full .menuHeader:after {
    content: "";
    width: 20px;
    display: block;
    margin: 0;
    background: #f16d67;
    height: 5px;
    margin-top: 10px;
    border-radius: 2px;
  }
  .footer_full * {
    color: #fff;
  }
  .footer_full a, .footer_full p {
    font-weight: inherit;
    margin-bottom: 5px;
  }
  .footer_full a {
    color: #fff;
    display: inline-block;
  }
  .footer_full a:hover {
    color: #fff;
    text-decoration: underline;
  }
  .inner_footer {
    background: #354557;
    padding: 100px 0 120px 0;
  }
  ul.footerMenu {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  ul.footerMenu li {
    margin: 0;
    padding: 0;
  }
  .sidebar .puffRight:first-child {
    margin-top: 15px;
  }
  .pagetype_text .mainColumn {
    padding-left: 0;
    padding-right: 0;
  }
  .pagetype_text .pictureBox_R.pictureSize_DEFAULT, .pagetype_text .pictureBox_C.pictureSize_DEFAULT, .pagetype_text .pictureBox_L.pictureSize_DEFAULT {
    max-width: none;
    display: block;
    margin: 0 -20px;
    width: -moz-calc(100% + 40px);
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
  }
  .pagetype_text .pictureBox_R.pictureSize_DEFAULT img, .pagetype_text .pictureBox_C.pictureSize_DEFAULT img, .pagetype_text .pictureBox_L.pictureSize_DEFAULT img {
    float: left;
    margin: 0 0 10px 0;
    display: block;
    width: -moz-calc(100% + 40px);
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
  }
  .pagetype_text .pictureBox_R.pictureSize_DEFAULT .pictureText, .pagetype_text .pictureBox_C.pictureSize_DEFAULT .pictureText, .pagetype_text .pictureBox_L.pictureSize_DEFAULT .pictureText {
    padding-left: 20px;
    margin-bottom: 15px;
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  h1, .h1 {
    font-size: 30px;
  }
  .mobile-login_button.fa-sign-out {
    font-size: 20px;
  }
  .mobile-login_button.fa-sign-out:before {
    content: '\f08b';
  }
  .column-wrapper-c {
    text-align: center;
  }
  .column-wrapper-c .dib {
    text-align: left;
    vertical-align: top;
  }
  .submitHolderBt {
    padding-top: 40px;
    margin-top: 40px;
    background: url('/images/dot-slice@2x.png');
    background-repeat: repeat-x;
    background-size: 6px 2px;
    background-position: top left;
    overflow: hidden;
    text-align: center;
  }
  .submitHolderBt input[type="submit"] {
    float: none;
  }
  .pagetype_about .external_width {
    border-top: 6px #354557 solid;
  }
  .pagetype_about .shadowHolder {
    margin-left: calc(-0.9375rem / 2);
    margin-right: calc(-0.9375rem / 2);
  }
  .pagetype_about .shadowHolder .columns {
    padding-left: calc(0.9375rem / 2);
    padding-right: calc(0.9375rem / 2);
  }
  .pagetype_about h1 {
    font-size: 30px;
  }
  .pagetype_about .top-section p {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 14px;
    line-height: 1.4;
  }
  .pagetype_about .top-section .mb0 {
    margin-bottom: 0;
  }
  .pagetype_about .dots.bt {
    margin-top: 30px;
    padding-top: 32px;
  }
  .pagetype_about .iconHolder {
    font-size: 20px;
    margin: 10px 0;
  }
  .pagetype_about .shadowBox {
    border-top: 4px solid #e3e3e3;
    padding: 10px;
    margin-bottom: 20px;
  }
  .pagetype_about h3.small-header {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}
/************************
 Foundation Medium
 ************************/
@media only screen and (min-width: 40em) {
  /**************
   News
   ***************/
  .header_full {
    background: #fff;
    width: 100%;
    min-height: 100px;
    margin: 0;
    padding: 10px 0;
  }
  .searchbar_full button.search_button, .searchbar_full .search_button {
    width: auto;
    border: none;
    color: #242424;
    padding: 5px 0 5px 10px;
    max-width: 16.66667%;
  }
  .searchbar_full button.search_button:after, .searchbar_full .search_button:after {
    content: "\f002";
    font-family: "fontAwesome";
    padding-left: 15px;
    padding-right: 10px;
  }
  .small-collapse {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .searchbar_full input[type="text"], .searchbar_full .selectWrapper {
    width: calc(50% -  0.9375rem/2);
    float: left;
  }
  .searchbar_full .selectWrapper {
    float: right;
  }
  .titleHolder {
    max-width: 70%;
  }
  .btnHolder {
    max-width: 30%;
    float: right;
    margin-top: -23px;
  }
  .column-inner, .column-inner + [class*="column"]:last-child {
    background: #fff;
    padding: 40px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    float: none;
  }
  .eventLink {
    float: right;
  }
  .mobile-fr {
    float: none;
  }
  .mobile-fr .read-more {
    margin-top: 0;
  }
  .va-c {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  .static .va-c {
    position: relative;
    top: 0;
    transform: translateY(0%);
  }
  .static .va-c {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  .ribbontext-inner-medium {
    padding-right: 60px;
  }
  .pageHeader span {
    float: right;
    margin-top: 0;
  }
  h1.pageHeader span, h2.pageHeader span, h3.pageheader span {
    float: right;
    margin-top: 0;
  }
  .themepuff_caption .themepuff_desc {
    height: auto;
    max-height: 65px;
  }
  .two-col .themepuff_text {
    height: 300px;
  }
  .two-col .themepuff_text .nested-b {
    height: 100%;
  }
  .ribbontext-inner {
    padding-right: 60px;
  }
  .ticket-columns .ribbontext-inner {
    padding-right: calc(60px + 0.9375rem);
  }
  .availableTickettype .textHolder {
    max-width: 60%;
    width: 100%;
    width: auto;
    float: left;
  }
  .availableTickettype .eventTickets {
    max-width: 40%;
  }
  .discountBasicInfoBox {
    padding-right: 60px;
  }
  .productInfoHolder {
    max-width: 65%;
  }
  .productStats {
    max-width: 35%;
    float: right;
    width: auto;
    text-align: right;
  }
  .tableRowPayment .columns {
    margin-bottom: 0px;
  }
  .pagetype_news .newsListItem {
    float: left;
    width: 33.33333%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    box-sizing: border-box;
  }
  .pagetype_order .orderRowsBox .tableRow {
    background: transparent;
    border-bottom: 2px solid #242424;
    padding-bottom: 0px;
  }
  .myOrders {
    /*   .vendorTableRowEven,
     .vendorTableRowOdd {
     margin-bottom: 0px; 
     } */
  }
  .myOrders p {
    margin-bottom: 0;
    line-height: 30px;
  }
  .myOrders .ta-r {
    text-align: right;
  }
  .myOrders .tableLabel {
    display: none !important;
  }
  .searchbar_full .searchbarContent {
    padding: 0.9375rem 0;
    padding-top: 0.9375rem;
  }
  .searchbar_full .searchbarContent h3 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 17px;
  }
  .pagetype_text .mainColumn {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .sidebar .puffRight:first-child {
    margin-top: 0px;
  }
  .pictureBox_R {
    float: right;
    margin: 0px 0 10px 20px;
    max-width: 30%;
  }
  .pictureBox_L img, .pictureBox_R img {
    max-width: 100%;
  }
  .pictureBox_L {
    float: left;
    margin: 6px 20px 10px 0;
    max-width: 30%;
  }
  .pictureSize_SMALL {
    max-width: 20%;
  }
  .pictureBox_R .pictureText, .pictureBox_L .pictureText {
    display: block;
    max-width: 100%;
    font-size: 0.8em;
    font-style: italic;
    margin-top: 5px;
  }
  .ribbonRow h2 {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
  }
  .pagetype_text .pictureBox_R {
    float: right;
    margin: 0px 0 10px 20px;
    max-width: 30%;
  }
  .pagetype_text .pictureBox_L img, .pagetype_text .pictureBox_R img {
    max-width: 100%;
  }
  .pagetype_text .pictureBox_L {
    float: left;
    margin: 6px 20px 10px 0;
    max-width: 30%;
  }
  .pagetype_text .pictureSize_SMALL {
    max-width: 20%;
  }
  .pagetype_text .pictureBox_R .pictureText, .pagetype_text .pictureBox_L .pictureText {
    display: block;
    max-width: 100%;
    font-size: 0.8em;
    font-style: italic;
    margin-top: 5px;
  }
  .pagetype_text .pictureBox_C.pictureSize_DEFAULT {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .pagetype_text .pictureBox_R.pictureSize_DEFAULT, .pagetype_text .pictureBox_L.pictureSize_DEFAULT {
    max-width: none;
    display: block;
    margin: 0 0 10px 0;
    margin-left: 0;
    margin-right: 0;
    max-width: 30%;
    width: 100%;
  }
  .pagetype_text .pictureBox_R.pictureSize_DEFAULT img, .pagetype_text .pictureBox_L.pictureSize_DEFAULT img {
    float: left;
    margin: 0 0 10px 0;
    display: block;
    width: 100%;
  }
  .form_column.small-6 {
    float: left;
  }
  .form_column.small-6:nth-child(even) {
    width: 50%;
    padding-right: 5px;
  }
  .form_column.small-6:nth-child(odd) {
    width: 50%;
    padding-left: 5px;
  }
  .orderApproveConditionsBox {
    text-align: left;
  }
  .sm-simple a span.sub-arrow {
    position: static;
  }
  .orderInfoBox, .orderBuyerInfoBox, .orderDeliveryPaymentBox {
    margin-bottom: 0px;
  }
  h1, .h1 {
    font-size: 45px;
  }
  .pagetype_newsletter_subscribe .column-wrapper-c button, .pagetype_buyer_forgot .column-wrapper-c button, .pagetype_newsletter_subscribe .column-wrapper-c input[type="submit"], .pagetype_buyer_forgot .column-wrapper-c input[type="submit"] {
    margin-left: 15px;
  }
  .pagetype_buyer_account [id^="headline_"], .pagetype_buyer_register [id^="headline_"] {
    margin-bottom: 0px;
  }
}
/************************
 Fondation large
 ************************/
@media only screen and (min-width: 64em) {
  /******************************************************************
   Site Name:
   Author:
   Stylesheet: Tablet & Small Desktop Stylesheet
   Here's where you can start getting into the good stuff.
   This size will work on iPads, other tablets, and desktops.
   So you can start working with more styles, background images,
   and other resources. You'll also notice the grid starts to
   come into play. Have fun!
   ******************************************************************/
  /***********
   Kassa
   ***********/
  .ribbontext-inner-medium {
    padding-right: 0;
  }
  #paymentFormInfo .mainClienttypeLabel {
    display: block;
  }
  #searchPrivate, #searchCompany {
    font-size: 14px;
  }
  .themepuff_text .inner {
    padding: 10px;
  }
  .themeHeaderBox {
    background-image: url("images/themestripe.png");
    background-position: bottom right;
    background-size: 855px 35px;
    background-repeat: no-repeat;
    width: 100%;
    height: 70px;
  }
  .themeBlurbHeaderBox {
    background-image: url("images/smallthemestripe.png");
    background-repeat: no-repeat;
    background-size: 413px 23px;
    background-position: bottom left;
  }
  .themeBlurbHeaderBox:after {
    content: "";
    width: 50%;
    height: 10px;
  }
  .themeHeaderName {
    padding-bottom: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 64em) and (orientation: portrait), only screen and (min-width: 64em) and (orientation: landscape) {
  .bg-fixed {
    background-attachment: none;
  }
}
/*********************
 Fondation xlarge
 *********************/
@media only screen and (min-width: 72em) {
  /***************
   General Styles
   ****************/
  /*********************
   *********************/
  /* .searchbar_full {
   button {
   width: auto;
   height: 40px;
   box-sizing: border-box;
   max-width: 100%;
   width: 100%;
   padding-left: 10px;
   text-align: center;
   }
   } */
  /*********************
   EVENTS
   *********************/
  .bg-fixed {
    background-attachment: fixed;
  }
  .row {
    max-width: 75rem;
  }
  .row .custom-row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 75rem;
  }
  .x-large-3 {
    width: 25%;
  }
  .searchbar_full button.search_button, .searchbar_full .search_button {
    max-width: none;
    width: auto;
    border: none;
    color: #242424;
    padding: 5px 0 5px 20px;
  }
  .searchbar_full button.search_button:after, .searchbar_full .search_button:after {
    content: "\f002";
    font-family: "fontAwesome";
    padding-left: 30px;
    padding-right: 10px;
  }
  .frontpageThemeHeader, .frontpageEventHeader {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    width: 100%;
    padding-bottom: 11px;
    border-bottom: 0px dotted #888;
    margin-bottom: 15px;
  }
  .frontpageThemeHeader {
    color: #242424;
  }
  .frontpageEventHeader {
    color: #242424;
  }
  .horsep {
    background: #00ada5;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
  }
  .event {
    border: 2px solid #fff;
  }
  .event-inner {
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 15px;
    margin-left: -2px;
    margin-top: -2px;
    margin-bottom: -2px;
    margin-right: -2px;
    border-color: transparent;
    transition: 300ms all ease-in-out;
  }
  .horsep:hover .event-inner {
    border-color: #fff;
    transition: 300ms all ease-in-out;
  }
  .event span.date.day {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 1;
  }
  .event span.date.day i {
    padding-left: 5px;
  }
  .event span.month, .event span.year {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 23px;
  }
  .event span.time {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
  }
  .cal_sep {
    float: left;
  }
  .cal_sep .inner {
    border-right: 1px solid #fff;
    padding: 0;
    padding-right: 10px;
    margin-right: 10px;
  }
  .cal_sep .inner span {
    line-height: 1;
  }
  .cal_sep .eventEnd p {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .cal_sep .eventEnd span {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
  }
  .cal_sep:after {
    content: "";
    display: block;
    width: 30px;
    background: #fff;
    height: 4px;
    margin: 15px 0 10px 0;
  }
  .location_sep {
    padding-left: 25px;
    padding-top: 2px;
    position: relative;
    float: left;
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .location_sep .cityAddress {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
  }
  .location_sep .cityAddress strong {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
  }
  .location_sep .address {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
  }
  .location_sep .address strong {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .location_sep:before {
    content: "\f041";
    font-family: "fontAwesome";
    position: absolute;
    left: 5px;
    top: 0;
    font-size: 18px;
    font-style: normal;
  }
  .event span.date.day {
    font-size: 35px;
  }
  .event span.month, .event span.year {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
  }
  .event span.time {
    font: italic 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
  }
  .cal_sep, .location_sep {
    max-width: 50%;
  }
  .titleHolder {
    max-width: 70%;
    float: left;
  }
  .titleHolder p {
    font: normal 700 14px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .btnHolder {
    max-width: 30%;
    float: right;
    margin-top: -25px;
  }
  .btnHolder a, .btnHolder button {
    background: #fff;
    padding: 5px 10px;
    display: inline-block;
    margin: 0;
  }
  .btnHolder button {
    display: block;
    margin-bottom: 10px;
    cursor: default;
  }
  .btnHolder button:active, .btnHolder button:focus {
    background: #fff;
    outline: 0;
    border: 0;
  }
  .eventLink.green {
    color: #00ad7d;
  }
  .eventLink.yellow {
    color: #e9a63f;
  }
  .eventLink.red {
    color: #ec502d;
  }
}
@media only screen and (min-width: 72em) and (orientation: portrait) {
  .bg-fixed {
    background-attachment: none;
  }
}
/***************************
 Fondation xxlarge
 ***************************/
@media only screen and (min-width: 90em) {
  /******************************************************************
   Site Name: 
   Author: 
   Stylesheet: Super Large Monitor Stylesheet
   You can add some advanced styles here if you like. This kicks in
   on larger screens.
   ******************************************************************/
  /* Spots */
  /**********************
   THEMES
   **********************/
  /**********************
   EVENTS
   **********************/
  /*kassa*/
  .row {
    max-width: 83rem;
  }
  .row .custom-row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 83rem;
  }
  .custom-row .columns {
    position: relative;
    padding-left: calc(0.9375rem/2);
    padding-right: calc(0.9375rem/2);
    float: left;
  }
  .flexslider .flex-direction-nav {
    width: 1170px;
  }
  .flexslider .flex-direction-nav li .flex-next {
    right: 0;
  }
  .sidebar-match #testimonials-slider .flex-direction-nav {
    width: 100%;
  }
  #carousel .overlay {
    font-size: 26px;
    line-height: 133px;
  }
  #header-slider .col-sm-10 .holder .cell, #header-slider .col-sm-10 .holder .holder {
    width: 945px;
  }
  .col-sm-8 .cell, .col-sm-8.col-sm-offset-2 .cell {
    width: 750px;
  }
  .full-spots .col-sm-3 {
    height: 235px;
  }
  .full-spots .col-sm-3 a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 235px;
    color: #fff;
    text-align: center;
  }
  .full-spots .col-sm-3 a .holder {
    width: 300px;
    height: 235px;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
  }
  .full-spots .col-sm-3 a .cell {
    width: 300px;
    display: table-cell;
    height: 235px;
    vertical-align: middle;
  }
  .themepuff_caption .thempuff_text .themepuff_desc {
    height: 45px;
    overflow: hidden;
  }
  .event span.date.day {
    font-size: 40px;
  }
  .event span.month, .event span.year {
    font-size: 23px;
  }
  .event span.time {
    font-size: 16px;
  }
  #searchPrivate, #searchCompany {
    font-size: 16px;
  }
  .static .va-c {
    top: 50%;
    transform: translateY(-50%);
  }
  .pagetype_themes .small-6.columns .static .va-c {
    top: 0%;
    transform: translateY(0%);
    padding: 10px 0;
  }
}
/*********************
 RETINA (2x RESOLUTION DEVICES)
 *********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
   Site Name: 
   Author: 
   Stylesheet: Retina Screens & Devices Stylesheet
   When handling retina screens you need to make adjustments, especially
   if you're not using font icons. Here you can add them in one neat
   place.
   ******************************************************************/
  /* 
   EXAMPLE 
   Let's say you have an image and you need to make sure it looks ok
   on retina screens. Let's say we have an icon which dimension are
   24px x 24px. In your regular stylesheets, it would look something
   like this:
   .icon {
   width: 24px;
   height: 24px;
   background: url(img/test.png) no-repeat;
   }
   For retina screens, we have to make some adjustments, so that image
   doesn't look blurry. So, taking into account the image above and the
   dimensions, this is what we would put in our retina stylesheet:
   .icon {
   background: url(img/test@2x.png) no-repeat;
   background-size: 24px 24px;
   }
   So, you would create the same icon, but at double the resolution, meaning 
   it would be 48px x 48px. You'd name it the same, but with a @2x at the end
   (this is pretty standard practice). Set the background image so it matches
   the original dimensions and you are good to go. 
   */
}
/*****************************
 EXTERNAL IFRAME CSS
 ******************************/
.external ul[id^='main-menu_'] {
  display: block;
}