/**
 * SFD 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage basic settings
 * @author     degener
 * @since      28.09.2015
 * @version    $Id: basics.css 1341 2016-10-10 14:40:04Z oswald $
 **/
/**

Basics:
A. Grundeinstellungen
B. Texteinstellungen
C. Helpers
D. Grundstruktur
E. Grid

1. HEADER
2. BODY
3. FOOTER / contact
5. FOOTER / copyright

**/
/*  =========================================================
 =A. Grundeinstellungen
========================================================= */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@media screen {
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  hr,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  input,
  select,
  textarea,
  button,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    border-style: none;
    -webkit-font-smoothing: antialiased;
  }
  /* HTML5 display-role reset for older browsers */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  details,
  summary {
    display: block;
  }
  html,
  body {
    /*width :100vw;*/
    font-size: 100%;
    text-align: center;
    margin: 0 auto;
    background-color: #fff;
    /*overflow-x: hidden;*/
  }
  /* text is never inflated (values: auto, none, <percentage> */
  html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
  }
  body {
    height: 100%;
    line-height: 1;
  }
  /* Handle box-sizing while better addressing child elements */
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  *::before,
  *::after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
  }
  /* transitions */
  .transition {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  /* remember to define focus styles! */
  :focus {
    outline: 0;
  }
  :active {
    outline: 0;
  }
  /* tables still need 'cellspacing="0"' in the markup */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  /* hand cursor on clickable elements */
  .clickable,
  label,
  input[type=button],
  input[type=submit],
  input[type=file],
  select,
  button {
    cursor: pointer;
  }
  /* orientation */
  .left {
    float: left;
    margin: 12px 0 12px 12px;
  }
  .right {
    float: right;
    margin: 12px 12px 12px 0;
  }
  /* hide elements */
  .hide {
    width: 1px;
    height: 1px;
    position: absolute;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
  }
  /* defines font-family for iconfont */
  .icon::before,
  .icon::after {
    font-family: 'iconset';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* better font rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  /* gallery Video */
  .playVideoInGallery {
    width: 10%;
    height: 10%;
    display: inline-block;
    position: absolute;
    left: 45%;
    z-index: 1;
    top: 45%;
  }
  span.playVideoInGallery::before {
    content: '\e923';
    font-size: 88px;
    color: #fff;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }
  span.playVideoInGallery:hover {
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  span.playVideoInGallery::before {
    font-size: 44px;
  }
}
/*  =========================================================
 =B. Texteinstellungen
========================================================= */
@media screen {
  * {
    font-family: 'Neutra Book', Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: normal;
    color: #787878;
    text-decoration: none;
    text-overflow: ellipsis;
  }
  .alignLeft {
    text-align: left;
  }
  .alignCenter {
    text-align: center;
  }
  .alignRight {
    text-align: right;
  }
  .textWidth {
    width: 1096px;
    margin: 0 auto;
  }
  h1,
  h2 {
    font-family: 'Crimson-Italic', Times, serif;
    font-style: italic;
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
  }
  /* links */
  a {
    color: #f01414;
    text-decoration: none;
  }
  a.underline,
  a.underline:visited {
    text-decoration: underline;
    background-color: rgba(240, 20, 20, 0);
    padding: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  a.underline:hover,
  a.underline:active,
  a.underline:focus {
    color: #fff;
    text-decoration: none;
    background-color: #f01414;
  }
  a.blank,
  a.blank:visited {
    background-color: rgba(240, 20, 20, 0);
    padding: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  a.blank:hover,
  a.blank:active,
  a.blank:focus {
    color: #fff;
    background-color: #f01414;
  }
  a.blank::after {
    content: '\e601';
    font-size: 0.625rem;
    margin-left: 5px;
  }
  /* buttons */
  .buttonstyle,
  .buttonstyle:visited {
    display: inline-block;
    position: relative;
    font-family: 'Neutra Demi';
    font-style: normal;
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
    padding: 17px 10px 15px 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  button.buttonstyle,
  button.buttonstyle:visited {
    padding-top: 15px;
    padding-bottom: 13px;
  }
  .buttonstyle::after,
  .buttonstyle:visited::after {
    content: '\e601';
    font-size: 0.75rem;
    position: relative;
    top: 0;
    left: 3px;
  }
  .buttonstyle.massRequestButton {
    font-size: 1.25rem;
    background-color: #787878;
    width: auto;
  }
  .buttonstyle.default {
    background-color: #787878;
  }
  .buttonstyle.default:hover,
  .buttonstyle.default:active,
  .buttonstyle.default:focus {
    background-color: #f01414;
  }
  .buttonstyle.cta {
    background-color: #f01414;
  }
  .buttonstyle.cta:hover,
  .buttonstyle.cta:active,
  .buttonstyle.cta:focus {
    background-color: #787878;
  }
  .buttonstyle.back::after {
    content: '';
    font-size: 0.75rem;
    position: relative;
    top: 0;
    left: 3px;
  }
  .buttonstyle.back::before {
    content: '\e600';
    font-size: 0.75rem;
    position: relative;
    top: 0;
    right: 3px;
  }
  .buttonstyle.back {
    padding: 17px 10px 15px 10px;
  }
  .buttonstyle.next {
    width: 105%;
    padding: 15px 10px 15px 10px;
  }
  .buttonstyle.next::after {
    top: 0px;
    right: -48px;
  }
  .buttonstyle.none::before,
  .buttonstyle.none:visited::before,
  .buttonstyle.none::after,
  .buttonstyle.none:visited::after {
    content: '';
  }
  a.request {
    padding: 7px 20px 15px 20px;
  }
  a.request::after {
    content: '\e904';
    font-size: 24px;
    top: 5px;
    left: 10px;
  }
  .buttonstyle.footer {
    color: #787878;
    background-color: rgba(120, 120, 120, 0);
    padding: 10px 10px 8px 10px;
    border: 1px solid #b2b2b2;
  }
  .buttonstyle.footer:hover,
  .buttonstyle.footer:active,
  .buttonstyle.footer:focus {
    color: #fff;
    background-color: #787878;
    border-color: #787878;
  }
  ul.mobile,
  div.mobile {
    margin-top: 20px;
    display: none;
  }
  .buttonstyle.destination {
    width: 250px;
    height: 62px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 0 20px;
    margin: 5px 0;
  }
  .buttonstyle.destination::after {
    float: right;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .buttonstyle.seefeld {
    background-image: url(/portal/assets/images/environment/schrift_seefeld_weiss.svg);
  }
  .buttonstyle.leutasch {
    background-image: url(/portal/assets/images/environment/schrift_leutasch_weiss.svg);
  }
  .buttonstyle.moesern {
    background-image: url(/portal/assets/images/environment/schrift_moesern_weiss.svg);
  }
  .buttonstyle.reith {
    background-image: url(/portal/assets/images/environment/schrift_reith_weiss.svg);
  }
  .buttonstyle.scharnitz {
    background-image: url(/portal/assets/images/environment/schrift_scharnitz_weiss.svg);
  }
  strong,
  b,
  strong em {
    font-family: 'Neutra Bold', Arial, Helvetica, sans-serif;
  }
  em {
    font-family: 'Neutra Book Italic';
  }
  ol,
  ul {
    list-style: none;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote::before,
  blockquote::after,
  q:before,
  q::after {
    content: '';
    content: none;
  }
  /*
    abbr {
    border-bottom: 1px dotted!important;
    cursor: help;
  }
  */
  /* remember to highlight inserts somehow! */
  ins {
    text-decoration: none;
  }
  del {
    text-decoration: line-through;
  }
  #memoryList {
    width: 100%;
    height: 200px;
    background: url(data:image/gif;base64,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) no-repeat center;
    float: left;
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  .textWidth {
    width: 100%;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 600px) {
  ul.mobile {
    display: inline-block;
  }
  div.mobile {
    display: block;
  }
}
@media only screen and (max-width: 800px) {
  .buttonstyle.footer {
    color: #fff;
    background-color: #787878;
    padding: 10px 10px 8px 10px;
    border: 1px solid #787878;
  }
  .buttonstyle.footer:hover,
  .buttonstyle.footer:active,
  .buttonstyle.footer:focus {
    color: #787878;
    background-color: #ffffff;
    border-color: #fff;
  }
}
/*  =========================================================
 =C. Helpers
========================================================= */
@media screen {
  /** @see https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
  .dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
/*  =========================================================
 =D. Grundstruktur
========================================================= */
@media screen {
  .fullframe {
    width: 100%;
    float: left;
    position: relative;
    margin: 30px 0;
  }
  .fullframe.noMargin {
    margin: 0;
  }
  .fullframe.noMarginTop {
    margin-top: 0;
  }
  .fullframe.noMarginBottom {
    margin-bottom: 0;
  }
  /* background-colors */
  .bgColorBright {
    background-color: #eaeaea;
  }
  .bgColorMiddle {
    background-color: #c3c3c3;
  }
  .bgColorDark {
    background-color: #787878;
  }
}
@media only screen and (max-width: 1150px) {
  .fullframe.partnerlogos .col {
    display: inline-block;
    margin: 0 25px 0 0;
  }
}
@media only screen and (max-width: 1040px) {
  .fullframe:first-of-type {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 800px) {
  .fullframe {
    margin: 30px 0;
  }
  .fullframe:first-of-type {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 590px) {
  .fullframe:first-of-type {
    margin-top: 20px;
  }
}
/*  =========================================================
    1. HEADER
========================================================== */
@media screen {
  .header {
    width: 100%;
    height: 200px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    background-color: rgba(255, 255, 255, 0);
  }
  .header .headercontentWrapper {
    width: 1400px;
    display: inline-block;
    position: relative;
    top: -13px;
    margin: 0 auto;
    /* logo */
  }
  .header .headercontentWrapper a.logo {
    position: absolute;
    top: 0;
    right: 0;
    width: 242px;
    height: 182px;
    display: inline-block;
    background-color: #fff;
    background-image: url(/portal/assets/images/environment/logo_xl.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
  .header .headercontentWrapper a.logo.leutasch {
    height: 142px;
    top: 0;
    background-image: url(/portal/assets/images/environment/logo_leutasch_weiss.svg);
  }
  .header .headercontentWrapper a.logo.moesern {
    height: 142px;
    top: 0;
    background-image: url(/portal/assets/images/environment/logo_moesern_weiss.svg);
  }
  .header .headercontentWrapper a.logo.reith {
    height: 142px;
    background-image: url(/portal/assets/images/environment/logo_reith_weiss.svg);
  }
  .header .headercontentWrapper a.logo.scharnitz {
    height: 142px;
    background-image: url(/portal/assets/images/environment/logo_scharnitz_weiss.svg);
  }
  .header .headercontentWrapper a.logo.minighl {
    height: 142px;
    background-image: url(/portal/assets/images/environment/logo_minighl.svg);
  }
  .header .headercontentWrapper a.logo.iml {
    width: 200px;
    height: 183px;
    background-image: url(/portal/assets/images/branding/iml/objects/iml_logo.svg);
    background-color: white;
  }
  .header.sticky .headercontentWrapper a.logo.iml {
    background-image: url(/portal/assets/images/branding/iml/objects/iml_logo.svg);
    background-color: white;
  }
  .header .headercontentWrapper a.logo.ganghoferlauf {
    background-image: url(/portal/assets/images/environment/logo_ganghoferlauf.png);
  }
  .header .headercontentWrapper a.logo.bikeparks {
    background-image: url(/portal/assets/images/environment/logo_bikeparks.png);
  }
  /* sticky */
  .header.sticky {
    height: 80px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .header.sticky .headercontentWrapper a.logo {
    width: 136px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0);
    background-image: url(/portal/assets/images/environment/logo_sm.svg);
  }
  .header.sticky .headercontentWrapper a.logo.leutasch {
    top: 0;
    background-image: url(/portal/assets/images/environment/logo_leutasch_weiss.svg);
  }
  .header.sticky .headercontentWrapper a.logo.moesern {
    top: 0;
    background-image: url(/portal/assets/images/environment/logo_moesern_weiss.svg);
  }
  .header.sticky .headercontentWrapper a.logo.reith {
    top: -5px;
    background-image: url(/portal/assets/images/environment/logo_reith_weiss.svg);
  }
  .header.sticky .headercontentWrapper a.logo.scharnitz {
    top: -5px;
    background-image: url(/portal/assets/images/environment/logo_scharnitz_weiss.svg);
  }
  .header .headercontentWrapper a.logo.minighl,
  .header.sticky .headercontentWrapper a.logo.minighl {
    background-image: url(/portal/assets/images/environment/logo_minighl.svg);
  }
  .header .headercontentWrapper a.logo.ganghoferlauf {
    background-image: url(/portal/assets/images/environment/logo_ganghoferlauf.png);
  }
  .header .headercontentWrapper a.logo.bikeparks {
    background-image: url(/portal/assets/images/environment/logo_bikeparks.png);
  }
  .header .headercontentWrapper a.logo.bergbahnenrosshuette {
    background-image: url(/portal/assets/images/environment/logo_bergbahnenrosshuette.png);
  }
  .header.sticky .headercontentWrapper #laguages {
    display: none;
  }
}
@media only screen and (max-width: 1440px) {
  .header .headercontentWrapper {
    width: 100%;
  }
  .header .headercontentWrapper a.logo {
    right: 24px;
  }
}
@media only screen and (max-width: 1040px) {
  .header .headercontentWrapper a.logo {
    right: 14px;
    width: 187px;
    height: 140px;
  }
}
@media only screen and (max-width: 800px) {
  .header .headercontentWrapper a.logo {
    right: 12px;
  }
}
@media only screen and (max-width: 760px) {
  .header {
    height: 80px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .header .headercontentWrapper a.logo {
    width: 136px;
    height: 80px;
    top: -1px;
    background-image: url(/portal/assets/images/environment/logo_sm.svg);
  }
  .header .headercontentWrapper a.logo.leutasch {
    height: 58px;
    top: 0;
    background-image: url(/portal/assets/images/environment/logo_leutasch_weiss.svg);
  }
  .header .headercontentWrapper a.logo.moesern {
    height: 58px;
    top: 0;
    background-image: url(/portal/assets/images/environment/logo_moesern_weiss.svg);
  }
  .header .headercontentWrapper a.logo.reith {
    height: 58px;
    top: 0;
    background-image: url(/portal/assets/images/environment/logo_reith_weiss.svg);
  }
  .header .headercontentWrapper a.logo.scharnitz {
    height: 58px;
    top: 0px;
    background-image: url(/portal/assets/images/environment/logo_scharnitz_weiss.svg);
  }
  .header .headercontentWrapper a.logo.minighl {
    height: 58px;
    top: 0px;
    background-image: url(/portal/assets/images/environment/logo_minighl.svg);
  }
  .header.sticky .headercontentWrapper a.logo.iml,
  .header .headercontentWrapper a.logo.iml {
    height: 58px;
    width: 63px;
    top: 0px;
    background-image: url(/portal/assets/images/branding/iml/objects/iml_logo.svg);
  }
  .header .headercontentWrapper a.logo.ganghoferlauf {
    height: 58px;
    top: 0px;
    background-image: url(/portal/assets/images/environment/logo_ganghoferlauf.png);
  }
  .header .headercontentWrapper a.logo.bikeparks {
    height: 58px;
    top: 0px;
    background-image: url(/portal/assets/images/environment/logo_bikeparks.png);
  }
  .header .headercontentWrapper a.logo.bergbahnenrosshuette {
    height: 58px;
    top: 0px;
    background-image: url(/portal/assets/images/environment/logo_bergbahnenrosshuette.png);
  }
  .header.sticky .headercontentWrapper a.logo.leutasch,
  .header.sticky .headercontentWrapper a.logo.moesern,
  .header.sticky .headercontentWrapper a.logo.reith,
  .header.sticky .headercontentWrapper a.logo.minighl,
  .header.sticky .headercontentWrapper a.logo.ganghoferlauf,
  .header.sticky .headercontentWrapper a.logo.bikeparks,
  .header.sticky .headercontentWrapper a.logo.scharnitz {
    top: 0;
  }
}
@media only screen and (max-width: 500px) {
  .header,
  .header.sticky {
    height: 58px;
  }
  .header .headercontentWrapper a.logo,
  .header.sticky .headercontentWrapper a.logo {
    width: 100px;
    height: 58px;
  }
  .header .headercontentWrapper.leutasch,
  .header.sticky .headercontentWrapper.leutasch,
  .header .headercontentWrapper.moesern,
  .header.sticky .headercontentWrapper.moesern,
  .header .headercontentWrapper.reith,
  .header.sticky .headercontentWrapper.reith,
  .header .headercontentWrapper.scharnitz,
  .header.sticky .headercontentWrapper.scharnitz {
    height: 58px;
  }
}
/*  =========================================================
 =D. partner
========================================================= */
@media screen {
  a.logoFooter {
    text-align: center;
  }
  img.logoWinter {
    margin: 0 20px;
  }
}
@media only screen and (max-width: 800px) {
  img.logo {
    margin: 20px auto;
  }
  img.logoWinter {
    margin: 20px;
  }
}
/*  =========================================================
 =D. footer
========================================================= */
@media screen {
  footer {
    width: 100%;
    float: left;
    background-color: #d6d6d6;
  }
  footer > .fullframe {
    padding: 60px 0 36px 0;
    margin: 0;
  }
  footer > .footerbase {
    padding: 10px 0;
  }
  footer > .footertext {
    padding: 60px 0 0 0;
    margin: 0;
  }
}
@media only screen and (max-width: 800px) {
  footer > .fullframe {
    padding: 20px 0;
  }
}
@media screen {
  .hyphenate {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
  }
  .donthyphenate {
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
  }
}
@media only screen and (max-width: 670px) {
  .listTrigger .buttonstyle::before {
    font-size: 24px;
    position: relative;
    top: 4px;
    margin-right: 5px;
  }
  .listTrigger .buttonstyle::before {
    margin-right: 0;
  }
}
@media screen {
  .button_detailpage {
    padding: 10px 5px 10px 10px !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px;
    text-decoration: none !important;
  }
}
@media only screen and (max-width: 670px) {
  .button_detailpage {
    padding: 10px 15px 10px 10px !important;
  }
  .button_hikingDetailpage {
    padding: 5px 8px 10px 10px !important;
    font-size: 0 !important;
  }
  .listTrigger .buttonstyle.button_hikingDetailpage::before {
    top: 9px !important;
    left: 0px;
  }
}
@media screen {
  .linkArrow {
    font-size: 1.75rem;
    content: '\e601';
  }
  .linkArrow:visited::after,
  .linkArrow::after {
    content: '\e601';
    font-size: 1.35rem;
    position: absolute;
    font-family: 'iconset';
    speak: none;
    right: 10px;
  }
  .buttonstyle.default.transition.icon.request.ctaButton {
    background-color: #f01414;
  }
  .buttonstyle.default.transition.icon.request.ctaButton:hover {
    background-color: #787878;
  }
  .safariPinnedTab {
    color: #5bbad5;
  }
  .buttonstyle.default.transition.icon.request.ctaButton.anthracite {
    background-color: #787878;
    padding-top: 17px;
  }
  .buttonstyle.default.transition.icon.request.ctaButton.anthracite::after {
    display: none;
  }
}
@media only screen and (max-width: 348px) {
  #backButton {
    float: left;
    padding-left: 15px;
    padding-top: 25px;
  }
  #nextButton {
    float: right;
    padding-right: 20px;
    padding-top: 25px;
  }
  #pageCount {
    position: absolute;
    left: 30%;
  }
}
@media only screen {
  .cc_banner-wrapper {
    z-index: 2147483647 !important;
  }
}