@import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,600,700,800,900');

html .ls-container,
body .ls-container,
#ls-global .ls-container {
  width: 100% !important;
}

/* main styles */

html {
  font-size: 10px; /* fix for broken menu */ 
}

body {
  font-family: 'Muli', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700;
}

p,
a {
  font-family: 'Muli', sans-serif !important;
  font-weight: 300 !important;
}

a {
  cursor: pointer;
  text-decoration: none !important;
}

.avia_textblock p {
  font-family: 'Muli', sans-serif !important;
  font-weight: 300 !important;
}

p {
  padding: 0;
  font-size: 18px !important;
  line-height: 30px;
  font-weight: 200 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Muli', sans-serif !important;
  color: #323739;
}

h1 {
  margin-bottom: 25px !important;
  font-size: 48px !important;
  font-weight: 500 !important;
  letter-spacing: 5px !important;
  line-height: 50px !important;
}

.header-big {
  font-size: 68px !important;
  font-weight: bold !important;
  letter-spacing: 7px !important;
  line-height: 70px !important;
}

h2 {
  font-size: 38px !important;
  margin-bottom: 25px !important;
  font-weight: 500 !important;
  line-height: 35px;
}

h3 {
  font-size: 28px !important;
  font-weight: 300 !important;
  letter-spacing: 2px;
  /* margin-bottom: 30px !important; */
  line-height: 39px !important;
}

h4 {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 2px;
  margin-top: 30px !important;
}

h6 {
  font-size: 16px !important;
  font-weight: 200 !important;
  text-transform: none;
  line-height: 19px !important;
}

/* font styles */

.widgettitle {
  text-transform: uppercase;
  font-size: 14px !important;
  letter-spacing: 2px;
}

.widget_nav_menu a {
  text-transform: uppercase;
}

.uppercase-header-light {
  font-size: 14px;
  font-family: 'Muli', sans-serif !important;
  font-weight: 200 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.uppercase-header {
  font-size: 14px;
  font-family: 'Muli', sans-serif !important;
  font-weight: 300 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

.uppercase-header-big {
  font-size: 17px;
  font-weight: 500 !important;
}

.clr-white {
  color: #ffffff !important;
}

.clr-light-grey {
  color: #969696 !important;
}

/* end of font styles */

.entry-content-wrapper div li {
  font-family: 'Muli', sans-serif !important;
  font-weight: 300 !important;
}

.text-desc {
  font-family: 'Muli', sans-serif !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  line-height: 1.4em !important;
}

.light-uppercase-label {
  font-weight: 300 !important;
  font-size: 18px !important;
  font-family: 'Muli', sans-serif !important;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.label-with-lines {
  overflow: hidden;
  text-align: center;
  font-weight: 300 !important;
  font-size: 14px;
  font-family: 'Muli', sans-serif !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin: 30px 0 10px;
}

.label-with-lines:before,
.label-with-lines:after {
  background-color: #eee;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.label-with-lines:before {
  right: 0.5em;
  margin-left: -50%;
}

.label-with-lines:after {
  left: 0.5em;
  margin-right: -50%;
}

.text-uppercase {
  text-transform: uppercase !important;
}

html.html_boxed {
  background-color: #cccccc !important;
}

.main_color .avia-color-theme-color {
  background-color: #f65464;
}

#wrap_all {
  height: auto !important;
}

/*sliders */


.atx-slider h1,
.atx-slider p {
  font-family: 'Muli', sans-serif !important;
  font-weight: 200;
  color: #ffffff;
}

.atx-slider .ls-layers {
  background-color: rgba(0, 0, 0, 0.35);
}

.atx-slider .ls-nav-next {
  content: url('images/arrows/arrow-right--white.svg');
  background-image: none;
  z-index: 100 !important;
  background: transparent !important;
}

.atx-slider .ls-nav-prev {
  content: url('images/arrows/arrow-left--white.svg');
  background-image: none;
  z-index: 100 !important;
  background: transparent !important;
}

@media (min-width: 421px) and (max-width: 768px) {

  .atx-slider h1 {
    font-family: 'Muli', sans-serif !important;
    font-weight: 200;
    color: #ffffff;
    font-size: 30px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
  }

  .atx-slider p {
    font-size: 1em !important;
    text-overflow: ellipsis;
    overflow: visible;
    white-space: normal;
    width: 50% !important;
  }

  .atx-slider .ls-layers .ls-wrapper p,
  .atx-slider .ls-layers .ls-wrapper .ls-layer {
    padding-left: 20px !important;

  }
}

@media (max-width: 420px) {

  .atx-slider {
    height: 700px !important;
  }

  .atx-slider p,
  .atx-slider h1 {
    width: calc(100% - 2rem) !important;
    margin: auto 1rem !important;
    margin-bottom: 20px !important;
  }

  .atx-slider p {
    font-size: 15px !important;
  }

  .atx-slider h1 {
    font-size: 20px !important;
    line-height: 30px !important;
    margin-top: 40px !important;
  }

  .atx-slider .ls-layers .ls-wrapper div {
    margin: 0 0 20px 0 !important;
  }

  .atx-slider .ls-layers .ls-wrapper div.atomix-layer-header {
    padding: 15px 0 0 0 !important;
  }

  .atx-slider .ls-wrapper h3 {
    padding-left: 5px !important;
  }

  .atx-slider .ls-wrapper {
    max-width: 100%;
  }
}

#text-slider .slider-label {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #a2a2a2;
  height: 40px;
  font-size: 18px !important;
  line-height: 23px;
  margin-bottom: 0 !important;
  margin-top: 0;
}

#text-slider .slider-label a {
  font-size: 13px !important;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: center;
  padding: 0 20px;
  position: relative;
}

#text-slider .slider-label a::after {
  content: '';
  height: 1px;
  position: absolute;
  border: 0.01em solid #505050;
  width: calc(100% - 40px);
  height: 1px;
  top: 20px;
  left: 20px;
}

@media (max-width: 720px) {
  #text-slider .slider-label {
    display: none;
  }
}

/*icons */

.icon-navigation-small {
  width: 15px;
}

/*custom homepage portfolio-images*/

#atomix_benefits .av-image-caption-overlay-center p {
  line-height: 1.2em;
  font-family: 'Muli', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

/* helpers */

.pointer {
  cursor: pointer;
}

.vertical-align {
  display: flex;
  align-items: center;
}

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

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.vertical-center-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/*buttons */

/* button outline dark*/

.avia-button {
  border-radius: 0 !important;
  text-transform: uppercase;
  border-width: 1px;
}

.avia-button.avia-color-dark {
  border: 1px solid black !important;
  color: #323739;
  font-size: 13px;
  font-weight: 600 !important;
  letter-spacing: 2px;
  line-height: 16px;
}

.avia-button.avia-color-dark:hover {
  -webkit-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
  background-color: #2f3538 !important;
  color: #ffffff !important;
  opacity: 1;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 16px;
}

/* button small */

.avia-button.avia-size-small {
  padding: 10px 30px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em;
}

/* button large */

.avia-button.avia-size-large {
  font-size: 18px !important;
  font-weight: 200 !important;
  letter-spacing: 3px !important;
  padding: 18px 28px !important;
}

/* button dark*/

.avia-button.avia-color-black:hover {
  -webkit-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
}

/* button light outline */

.avia-button.avia-color-light {
  border: 2px solid #fff !important;
}

.avia-button.avia-color-light:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.25) !important;
}

.btn-primary-red {
  color: #ffffff;
  margin: 15px 0;
  text-decoration: none !important;
  padding: 10px 30px;
  background-color: #f65464;
  border-radius: 0;
  border-color: transparent;
  text-transform: uppercase;
}

#top .main_color .avia-color-theme-color {
  color: #ffffff;
  padding: 10px 30px;
  border-radius: 0;
  border-color: transparent;
  text-transform: uppercase;
}

/*navbar */

@media(min-width: 989px) {
  .main_menu .avia-menu ul .left-side-menu {
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    letter-spacing: 2px;
  }

  .main_menu .avia-menu ul .left-side-menu>a {
    height: 70px !important;
  }

  .main_menu .avia-menu ul .left-side-menu>a span {
    color: #B6C4D8 !important;
  }

  .main_menu .avia-menu ul li a span,
  .main_menu .avia2-menu ul li a span {
    letter-spacing: 2px;
  }
}

#header_meta {
  display: none;
}

.second-menu .container_wrap {
  z-index: 10000 !important;
  width: 100% !important;
  max-width: 1400px !important;
  position: fixed !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.second-menu-wrap .container {
  position: fixed;
  width: inherit;
  max-width: inherit;
}

.secondary_menu_wrapper {
  position: fixed !important;
  z-index: 1000;
}

#secondary_menu {
  position: sticky;
}

#secondary_menu div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#secondary_menu .social_bookmarks {
  float: right;
  margin-right: 30px;
  display: none;
}

body.home #secondary_menu .social_bookmarks,
body.page-zuhause #secondary_menu .social_bookmarks {
  display: block;
}

#secondary_menu .social_bookmarks li {
  border: 0;
}

#secondary_menu .av-main-nav-wrap {
  padding-right: 30px;
  right: 0;
  position: absolute;
}

#secondary_menu .av-main-nav-wrap .menu-item a {
  line-height: 40px !important;
  height: 40px !important;
  font-family: 'Muli', sans-serif !important;
  font-weight: 300;
  font-size: 15px;
  color: #bdc1c6
}

#secondary_menu .av-main-nav-wrap .menu-item:first-child a::after {
  content: " ";
  padding-left: 30px;
  border-right: 1px solid #bdc1c6;
  display: inline-block;
  height: 20px;
  top: 5px;
  position: relative;
}

.navbar-nav>li:hover ul {
  display: block;
}

#secondary_menu .av-main-nav-wrap .menu-item a:hover {
  color: #f65364;
}

#secondary_menu .av-main-nav-wrap .menu-item:first-child a:hover::after {
  color: #bdc1c6;
}



#secondary_menu .social_bookmarks li:hover a {
  background: transparent !important;
}

#header-main .logo::after {
  color: #ffffff;
  content: "|";
  padding-left: 30px;
}





#mobile-advanced {
  top: 80px;
  padding-top: 0;
}



#advanced_menu_toggle::before {
  content: url('images/menu-mobile.svg');
}




.av-main-nav>li>a {
  -webkit-transition: none;
  transition: none;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

@media (min-width: 768px) and (max-width: 1025px) {}

@media (min-width: 989px) and (max-width: 1200px) {
  #secondary_menu .avia2-menu {
    right: 38%;
  }

  .avia2-menu li a span,
  .avia-menu li a span {
    font-size: 13px !important;
  }


}

@media (min-width: 1200px) and (max-width: 1347px) {

  #secondary_menu .av-main-nav-wrap {
    padding-right: 38px;
  }

  #secondary_menu .av-main-nav-wrap .menu-item:first-child a::after {
    padding-left: 12px;
  }

  .avia2-menu li a span,
  .avia-menu li a span {
    font-size: 12px !important;
  }

  .avia2-menu li a,
  .avia-menu li a {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

/* End of navbar

/*footer */

#nav_menu-2 .menu-bottom-menu-container ul {
  line-height: 2em;
  letter-spacing: 2px;
}

#nav_menu-2 .menu-bottom-menu-container ul li a {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
}

.widgettitle {
  font-weight: 300 !important;
  font-size: 14px;
  font-family: 'Muli', sans-serif !important;
  letter-spacing: 2px;
}

#page_in_widget-3 fieldset p {
  font-size: 14px;
  font-weight: 300 !important;
  font-family: 'Muli', sans-serif !important;
  letter-spacing: 2px;
}

.footer-inner-container,
#socket .container {
  padding: 0 35px !important;
  width: 100% !important;
}

#socket,
#footer {
  border: none;
}

#socket .container ul {
  display: flex;
}

#footer .widget {
  margin-top: 0;
}

#socket ul li {
  width: 120px !important;
}

#socket .social_icon_1 a::before,
#socket .social_icon_2 a::before {
  font-size: 14px;
  color: #323739;
}

#socket a::after {
  font-size: 14px;
  font-weight: 300 !important;
  font-family: 'Muli', sans-serif !important;
  text-transform: uppercase;
  padding-left: 10px;
  letter-spacing: 2px;
}

#socket .social_icon_1 a::after {
  content: "Facebook";
  color: #323739;
}

#socket .social_icon_2 a::after {
  content: "Instagram";
  color: #323739;
}

#top #wrap_all .av-social-link-facebook:hover a {
  color: #fff;
  background-color: none !important;
}

#top #wrap_all .av-social-link-instagram:hover a,
#top #wrap_all .av-social-link-facebook:hover a {
  background-color: transparent !important;
}

div .footer_color .button {
  padding: 5px 30px !important;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #2c2c2c;
  font-weight: 200 !important;
  width: auto;
}

div .footer_color .button:hover {
  -webkit-box-shadow: 0px 0px 9px 3px rgba(204, 204, 204, 0.38);
  -moz-box-shadow: 0px 0px 9px 3px rgba(204, 204, 204, 0.38);
  box-shadow: 0px 0px 9px 3px rgba(204, 204, 204, 0.38);
  background-color: #2f3538 !important;
  color: #ffffff !important;
  opacity: 1;
  font-weight: 200 !important;
}

#top .footer_color input[type='text'],
select,
input:not([type="submit"]) {
  background-color: #ffffff !important;
  font-size: 13px !important;
}

#top input[type="checkbox"] {
  width: 10px !important;
  text-align: left;
  margin-bottom: 10px !important;
  margin-left: 10px !important;
}

#text-4 .textwidget p {
  font-size: 15px !important;
  line-height: 25px !important;
  font-weight: 400 !important;
  margin-top: 1em;
}

#nav_menu-3 h3,
#nav_menu-3 .menu-bottom-menu-de-container ul li a,
#page_in_widget-4 h3,
#nav_menu-2 h3 {
  margin-bottom: 0 !important;
  font-family: 'Muli', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 25px;
}

#page_in_widget-4 h3 {
  margin-bottom: 10px !important;
}

#text-3 .textwidget {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 135px;
}

#text-3 .textwidget p {
  color: #979797;
  font-size: 13px !important;
  line-height: 25px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

@media (max-width: 989px) {
  #socket .icon_count_2 {
    float: left;
    margin-left: 0;
  }

  #socket .container {
    margin-left: 0 !important;
  }

  #footer .container {
    max-width: inherit !important;
  }

  #text-3 .textwidget {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
  }

  #text-3 .textwidget p {
    text-align: left;
  }

  #footer .widget {
    margin-bottom: 20px;
  }
}

@media(min-width: 989px) {


  .footer-inner-container div:nth-child(2) {
    width: fit-content;
  }
}

@media (min-width: 768px) and (max-width: 1025px) {
  /* .footer-inner-container div:nth-child(3) {
    width: 40%;
    margin-left: 25px !important;
  }

  .footer-inner-container div:nth-child(4) {
    width: 100%;
    margin-left: 0 !important;
  } */

  #text-3 {
    display: flex;
  }

  #text-3 .textwidget {
    margin-top: 20px !important;
  }

  #text-3 .textwidget p {
    max-width: inherit;
  }
}

/* testimonials */

#top .avia-smallarrow-slider-heading {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  align-items: center !important;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows {
  position: relative;
  width: 600px !important;
  top: 90px !important;
  left: 0 !important;
  height: 24px !important;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows a {
  height: 60px !important;
  width: 30px !important;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows .prev-slide:before {
  content: url('images/arrows/arrow-left--dark.svg');
  background-color: white;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows .next-slide:before {
  content: url('images/arrows/arrow-right--dark.svg');
  background-color: white;
}

.red-block-text {
  width: 70%;
  margin: 0 auto;
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
}

.red-block-author {
  margin-top: 20px;
  text-transform: uppercase;
  color: #989898;
  font-weight: 300;
}

.container .content {
  padding: 0;
}

/* End of testimonials styling */

/*** Start Packages styling ***/

#atomix_packages .avia_textblock {
  text-align: -webkit-center;
}

.package-container {
  width: 100%;
  max-height: 275px;
  -webkit-box-shadow: 0px 0px 9px 3px rgba(204, 204, 204, 0.38);
  -moz-box-shadow: 0px 0px 9px 3px rgba(204, 204, 204, 0.38);
  box-shadow: 0px 0px 9px 3px rgba(204, 204, 204, 0.38);
  margin-bottom: 30px;
  font-size: 15px;
  font-size: 15px;
  font-family: 'Muli', sans-serif !important;
  font-weight: 300;
}

.package-container .light-container {
  background-color: #fbfbfb;
  color: #252a34;
  width: 100%;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.package-container .light-container div p {
  font-weight: 300;
}

.package-container .dark-container {
  background-color: #323739;
  -webkit-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
  color: #ffffff !important;
  display: flex;
  align-items: center;
  height: 85px;
  padding-left: 20px;
}

.package-box a {
  cursor: pointer;
}

.package-box a:hover {
  text-decoration: none;
}

.package-box a:hover .package-container .light-container,
.package-box a:hover .package-container .light-container h2 {
  text-decoration: none;
  background-color: #323739;
  color: white;
}

.package-trial {
  height: 20px;
}

.package-container h2 {
  margin-bottom: 30px !important;
}

.package-container h2::after {
  content: '';
  width: 120px;
  height: 1px;
  position: absolute;
  border: 0.01em solid darkgrey;
  top: 108px;
  left: calc(50% - 60px);
}

/*** End Packages styling ***/

/* Start Cart styling */

.cart-box {
  padding: 0 30px 0 30px !important;
}

.cart-container {
  background-color: #fbfbfc;
  color: #252a34;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  display: block;
  padding: 50px 40px;
  padding-left: 40px !important;
  text-align: center;
}

.cart-container input {
  margin-bottom: 0 !important;
  font-size: 12px;
  padding-left: 20px;
  font-family: 'Muli', sans-serif !important;
  font-weight: 200 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.cart-container .btn {
  height: 42px;
  border-radius: 0px;
  border-color: #323739;
  padding: 0 50px;
}

#top input[type="text"] {
  font-size: 14px;
  font-family: 'Muli', sans-serif !important;
  font-weight: 200 !important;
  letter-spacing: 2px;
  padding: 20px;
}

.cart-container .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc !important;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.cart-table {
  table-layout: fixed;
  background-color: #fbfbfc !important;
}

.cart-table tr th,
.cart-table tr td {
  background-color: #fbfbfc;
  border: none;
}

.cart-table td {
  height: 50px;
  line-height: 50px;
}

.cart-close {
  position: absolute;
  left: 0px;
  padding-top: 17px;
  content: url('images/arrows/delete.svg');
  background-image: none;
}

.cart-quantity {
  padding: 0 20px;
}

.cart-summary {
  color: black;
  padding-right: 20px;
}

.cart-summary-btn {
  color: #ffffff;
  position: relative;
  padding: 10px 27px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  background-color: #2c2c2c;
  border-color: #000;
  border: 1px solid;
  text-transform: uppercase;
  margin-top: 1em;
}

.cart-summary-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

@media (max-width: 989px) {
  .cart-container {
    width: 100%;
    padding: 5px;
    overflow: inherit;
    box-shadow: none;
    padding-left: 5px !important;
  }

  .cart-container span {
    padding-left: 10px;
  }

  .cart-close {
    padding-left: 10px;
  }

  .cart-box {
    padding: 0 !important;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    margin-bottom: 50px;
  }

  .cart-table tbody tr td {
    display: block;
  }

  .cart-container table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 100%;
  }

  .cart-container table th,
  .cart-container table td {
    padding: .625em;
    text-align: center;
  }

  .cart-container table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .cart-container table tr {
    display: block;
  }

  .cart-container table td {
    display: block;
    text-align: right;
    margin-bottom: 0 !important;
    padding-left: 50px;
  }

  .cart-container table td:nth-child(1) {
    text-align: left;
  }

  .cart-container table td:nth-child(2) {
    display: -webkit-flex;
    /* Safari */
    -webkit-justify-content: space-between;
    /* Safari 6.1+ */
    display: flex;
    justify-content: space-between;
  }

  .cart-container table td:nth-child(2)::before {
    content: 'Quantity';
    float: left;
    color: #969696 !important;
  }

  .cart-container table td:nth-child(3)::before {
    content: 'Price';
    float: left;
    color: #969696 !important;
  }

  .cart-container table tbody tr.cart-summary {
    text-align: right;
    float: right;
    padding-right: 0;
  }

  .main_color tr:nth-child(odd),
  .main_color tr:nth-child(even) {
    background-color: #fbfbfc;
  }
}

/* End Cart styling  */

/*MENU MOBILE */

@media(max-width: 989px) {
  body.admin-bar #mobile-advanced {
    top: 150px;
    padding: 0;
    box-shadow: 0 2px 2px -2px #cecece;
  }
}

#mobile-advanced .menu-item-has-children>a .avia-menu-text:after {
  position: absolute;
  right: -40px;
  top: 50%;
  margin-top: -15px;
  content: '\f054';
  display: block;
  color: white;
  font-family: 'FontAwesome';
}





#mobile-advanced {
  padding-top: 0 !important;
  background: #2e3235 !important;
  top: 70px;
  text-transform: uppercase;
  padding: 0;
  min-height: auto !important;
}

#mobile-advanced li a:hover {
  background: transparent;
  color: #ABB8CC;
}

#mobile-advanced .menu-item-has-children a .avia-menu-text {
  position: relative;
}

#mobile-advanced .menu-item-has-children>a .avia-menu-text:after {
  position: absolute;
  right: -40px;
  top: 95%;
  content: none;
  display: block;
}

#mobile-advanced .menu-item-has-children>a.submenu_active .avia-menu-text:after {
  margin-top: -17px;
  content: '\f078';
}

#mobile-advanced .avia-menu-text {
  color: #bfc3c7;
  letter-spacing: 2px;
  font-size: 13px;
}

@media (max-width: 989px) {
  body.admin-bar #mobile-advanced {
    top: 143px !important;
  }

  #mobile-advanced {
    top: 97px !important;
    border-left: 2px solid #2f3235;
  }

  .main_menu .avia-menu ul .black-button-menu a,
  .main_menu .avia-menu ul .white-button-menu a {
    justify-content: flex-start;
    background-color: transparent;
    color: #ffffff;
    align-items: center;
    margin-top: 0;
    text-align: left;
    display: flex;
    margin-left: 0;
    width: 100%;
    padding: 24px 28px;
  }

  .main_menu .avia-menu ul .white-button-menu a span {
    color: #bfc3c7 !important;
  }
}

#mobile-advanced a,
#mobile-advanced .mega_menu_title {
  border: none !important;
}

#mobile-advanced li>a:before,
.html_header_mobile_behavior #mobile-advanced span>a:before,
#mobile-advanced .mega_menu_title:before {
  content: none;
}

/* custom */

#about_image {
  width: 100%;
}

#about_image span {
  font-size: 15px !important;
  line-height: 19px;
}

#about_image h5,
#about_image a {
  font-size: 13px;
  font-weight: 400 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 16px;
  margin-bottom: 0;
}

#about_image .avia-slideshow {
  margin-top: 0 !important;
}

#about_image .avia-slideshow .next-slide,
#about_image .avia-slideshow .prev-slide {
  display: none !important;
}

#about_image .instructor-slider-arrow,
#about_image .avia-slideshow-dots {
  position: absolute;
  overflow: hidden;
  top: 10px;
  z-index: 100;
  padding: 30px;
}

@media(max-width: 767px) {
  #about_image .avia-builder-el-last {
    position: relative !important;
    top: -200px !important;
    z-index: 1000;
  }

  #about_image .avia-builder-el-last h1,
  #about_image .avia-builder-el-last a,
  #about_image .avia-builder-el-last span:before {
    color: #ffffff;
  }

  #about_image .flex_cell_inner section:nth-child(2) {
    margin-bottom: 50px;
  }

  #about_image {
    margin-bottom: -140px !important;
  }
}

.black-overlay-bg {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.black-overlay-bg div {
  width: 600px;
  height: 230px;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  display: inline-grid;
  align-items: center;
}

.black-overlay-bg.black-overlay-big div {
  width: 600px;
  height: 30px;
}

.black-overlay-bg p {
  text-align: center;
  padding: 15px;
  font-size: 15px;
  font-family: 'Muli', sans-serif !important;
  font-weight: 300;
}

/* instructors */

.instructor-block {
  margin-top: 40px;
  padding: 0 5px !important;
  margin-bottom: 20px;
}

.instructor-block h3,
.instructor-block p {
  font-size: 14px;
  font-weight: 300 !important;
  font-family: 'Muli', sans-serif !important;
}

.instructor-block p {
  color: #969696;
}

.instructor-container {
  position: relative !important;
  width: 50%;
}

.instructor-image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.instructor-middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.instructor-container:hover .instructor-image {
  opacity: 0.3;
}

.instructor-container:hover .instructor-middle {
  opacity: 1;
}

.instructor-button {
  border: 3px solid #ffffff;
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  padding: 12px 25px;
}

.instructor-middle a {
  color: #ffffff;
  text-decoration: none;
}

.instructor-middle a:hover {
  color: #ffffff;
  text-decoration: none;
}

.instructor-overlay {
  display: flex;
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: .5s ease;
  opacity: 0;
}

.instructor-container:hover .instructor-overlay {
  opacity: 1;
}

/* atomix trainers grid */

#atomix_trainers .avia-image-container:hover {
  -webkit-box-shadow: 0px 10px 37px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 37px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 37px -9px rgba(0, 0, 0, 0.75);
}

#atomix_trainers p {
  border: 2px solid #ffffff;
  font-size: 13px !important;
  font-weight: 200 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 160px;
  margin: 0 auto;
  padding: 5px;
}

@media(min-width: 989px) {
  #trainers_best_lessons {
    padding-right: 40px;
  }

  #trainers_best_lessons>div:first-child {
    padding-left: 40px;
  }
}

@media(min-width: 414px) and (max-width: 989px) {

  #atomix_trainers img,
  #atomix_trainers .avia-image-container-inner {
    width: 100%;
  }
}

.custom-panel .heading {
  /* background: gray; */
  color: #000;
  padding: 0.7em;
  /* text-align: center; */
}

#schedule select {
  width: auto;
  background: white;
  border: none;
  border-radius: 6px !important;
  text-transform: uppercase;
  padding: 0.5em;
  min-width: 15em;
  display: inline;
  margin-right: 1em;
  margin-bottom: 0;
}

body.single div#staticPageContainer {
  background-color: rgb(234, 234, 234);
}

.client-credits .attention {
  color: #dd0000;
}

.class-actions .action-btn.btn-danger,
.classes-table .action-btn.btn-danger,
.client-credits .action-btn.btn-danger {
  background: #d9534f;
  margin: 0.3rem;
  min-width: 7em;
  cursor: pointer;
}

.class-actions .action-btn.btn-success,
.classes-table .action-btn.btn-success,
.client-credits .action-btn.btn-success {
  background: #5cb85c;
  margin: 0.3rem;
  min-width: 7em;
  cursor: pointer;
}

@media (max-width: 992px) {
  .text-center-mobile {
    text-align: center;
  }

  .col-md-5ths {
    margin-bottom: 1em;
  }

  .instructor-block {
    margin-bottom: 2em;
  }

  .custom-panel.profile-info .body,
  .custom-panel.rides-info .body,
  .custom-panel-block .body,
  .custom-panel-block .body .padding-small {
    padding: 0px;
  }

  .custom-panel-block .body span,
  .custom-panel-block .body .padding-small span,
  .custom-panel.profile-info .body p,
  .custom-panel.rides-info .body p,
  .custom-panel-block .body p {
    /* padding: 1em; */
    display: block;
  }

  .custom-panel .avia-button-wrap,
  .custom-panel-block .avia-button-wrap {
    padding: 0;
    margin: 0;
  }

  .custom-panel.profile-info .avia-button,
  .custom-panel.rides-info .avia-button,
  .custom-panel-block .avia-button {
    width: 100% !important;
    margin: 0;
    border-radius: 0;
    padding: 1em
  }

  .custom-panel .day0,
  .custom-panel .day1,
  .custom-panel .day2,
  .custom-panel .day3,
  .custom-panel .day4,
  .custom-panel .day5,
  .custom-panel .day6 {
    display: none;
  }

  .custom-panel .day0.visible,
  .custom-panel .day1.visible,
  .custom-panel .day2.visible,
  .custom-panel .day3.visible,
  .custom-panel .day4.visible,
  .custom-panel .day5.visible,
  .custom-panel .day6.visible {
    display: block;
  }

  #schedule .select-wrapper {
    width: 100%;
    margin: 0 0 15px 0;
  }

  #schedule .form-inline select.form-control {
    width: 100%;
    margin-bottom: 1em;
  }

  #schedule .heading,
  #schedule .event .text {
    text-align: center;
  }

  #schedule .event {
    padding: 30px !important;
    line-height: 0 !important;
  }

  /* user boxes with classes */
  .classes-table,
  .client-credits {
    display: block;
  }

  .classes-table thead tr,
  .client-credits thead tr {
    display: none;
    line-height: 1em;
  }

  .dark tbody {
    background: transparent !important;
  }

  .border-right-between,
  .border-right-between .custom-panel {
    border: 0 !important;
  }

  .classes-table tr.visible,
  .client-credits tr.visible {
    display: block;
  }

  .classes-table tr td,
  .client-credits tr td {
    display: block;
    width: 100%;
    text-align: center;
    background: white;
    padding: 2px !important;
    border: none;
  }

  .class-actions.buttons {
    display: block !important;
  }

  .classes-table .action-btn,
  .client-credits .action-btn {
    display: block;
    background: rgb(38, 158, 201);
    color: white;
    padding: 1em;
  }

  .class-actions .action-btn.btn-danger,
  .classes-table .action-btn.btn-danger,
  .client-credits .action-btn.btn-danger {
    background: #d9534f;
    width: 50%;
    margin: 1rem auto;
    min-width: 7em;
  }

  .class-actions .action-btn.btn-success,
  .classes-table .action-btn.btn-success,
  .client-credits .action-btn.btn-success {
    background: #5cb85c;
    width: 50%;
    margin: 1rem auto;
    min-width: 7em;
  }

  .custom-panel .body.account-summary,
  .custom-panel .body.client-classes,
  .custom-panel .body.client-credits {
    padding: 0;
  }

  .custom-panel .body.account-summary h5,
  .custom-panel .body.account-summary .avia-button-wrap a,
  .custom-panel .body.client-classes h5,
  .custom-panel .body.client-classes .avia-button-wrap a,
  .custom-panel .body.client-credits h5,
  .custom-panel .body.client-credits .avia-button-wrap a,
  .custom-panel .body p.rides-info {
    margin: 1em;
    padding: 1em;
  }

  .custom-panel .body p.rides-info {
    margin-top: 0;
  }

  .custom-panel .body.client-credits tr td {
    border: none !important;
  }

  .custom-panel .body .table-responsive {
    position: relative;
    top: 0;
  }

  .custom-panel .next-prev-icon {
    display: block;
    position: absolute;
    top: 0;
    left: 1em;
    font-size: 2em;
    cursor: pointer;
  }

  .custom-panel .next-prev-icon.glyphicon-chevron-right {
    left: auto;
    right: 1em;
  }

  .transaction-table,
  .transaction-header {
    display: none;
  }

  .show-mobile {
    display: inline;
  }

  .custom-panel .account-summary {
    min-height: auto;
  }

  .custom-panel .body table {
    margin-bottom: 0;
  }

  #canvas {
    transform: rotate(-90deg) translateY(0%) translateX(-100%);
    transform-origin: 0% 0%;
    background-repeat: no-repeat;
    background-size: contain !important;
    min-height: 300px;
    transition: opacity .5s linear;
  }

  #canvas .bike .place-nr {
    transform: rotate(90deg) !important;
  }

  #canvas .bike.horizontal .place-nr {
    transform: rotate(0deg) !important;
  }

  .custom-panel-block .body.padding-small {
    padding: 0;
  }

  #canvas .bike.vertical {
    transform: rotate(180deg) !important;
  }

  #canvas .bike.vertical .place-nr {
    transform: rotate(-90deg) !important;
  }

  #canvas>.bike.floor-spot {
    clear: both;
  }

  #canvas>.bike.floor-spot~.floor-spot {
    clear: none;
  }

  .responsive #top .slideshow_caption .avia-caption-content {
    font-size: 3em !important;
    line-height: 1.2em !important;
  }

  #top .main_color .profile-info .avia-color-theme-color.button-light,
  #top .main_color .password .avia-color-theme-color.button-light {
    width: 100%;
    padding: 1em;
    background: #009bcf !important;
    color: white !important;
  }

  .product-description {
    padding-top: 1em;
    padding-bottom: 0.5em;
  }

  .product-duration {
    padding-bottom: 1em;
    padding-top: 0.5em;
    display: none;
  }

  .event .hover-block {
    display: none;
  }
}

/* ---- summary & classes */

.custom-panel .heading.left {
  text-align: left;
  padding-left: 1.6em;
}

.custom-panel .account-summary {
  min-height: 412px;
}

.account-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.account-navigation div {
  display: flex;
}

.account-navigation div a {
  margin: 10px 5px 10px 0;
}

.custom-panel .account-summary h5,
.custom-panel .client-classes h5,
.custom-panel .client-credits h5 {
  display: inline-block;
  font-weight: bold;
}

.custom-panel .account-summary .avia-button-wrap,
.custom-panel .client-classes .avia-button-wrap {
  display: inline;
}

.custom-panel .account-summary .avia-button.avia-size-small,
.custom-panel .client-classes .avia-button.avia-size-small {
  float: right;
  width: auto;
  padding: 0.4em 3.4em;
}

.custom-panel .classes-table {
  margin-top: 1em;
  position: relative;
}

.custom-panel .classes-table td {
  border: none;
  color: #000000;
}

.custom-panel .classes-table td.class-type {
  font-weight: bold;
}

.custom-panel .classes-table td.class-instructor,
.custom-panel .classes-table td.class-actions {
  font-weight: bold;
}

.custom-panel .classes-table td.class-actions {
  cursor: pointer;
  font-weight: bold;
}

@media (max-width: 992px) {
  .account-navigation {
    display: block;
    width: 100%;
  }

  .account-navigation h3 {
    text-align: center;
  }

  .account-navigation a {
    height: 40px;
  }

  .account-navigation div {
    text-align: left;
    float: left !important;
  }

  .account-navigation div a {
    margin-left: 0;
    display: flex;
    align-items: center;
  }
}

.uib-datepicker,
.uib-datepicker table {
  outline: none !important;
}

/*
.uib-datepicker {
  margin-right: 1em;
}*/

.uib-datepicker th button {
  float: left;
}

.uib-datepicker-popup {
  padding: 0.5em;
}

.uib-datepicker-popup li {
  list-style-type: none;
  margin: 0.5em;
}

.custom-panel .body .form-group {
  margin-bottom: 0;
}

.custom-panel .body .profile-info .col-md-6,
.custom-panel .body .profile-info .col-md-12,
.custom-panel .body .profile-info .col-md-9,
.custom-panel .body .profile-info .col-md-3 {
  padding-right: 10px;
  padding-left: 10px;
}

.custom-panel .body .profile-info .control-label {
  text-align: left;
  font-weight: normal;
  font-size: 1em;
  line-height: 2em;
  padding-top: 0;
}

.custom-panel .password h5 {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 1.35em;
}

.custom-panel .profile-info .avia-button-wrap,
.custom-panel .password .avia-button-wrap {
  text-align: right;
  padding-right: 10px;
  margin-top: 1.5em;
}

.custom-panel form {
  margin-bottom: 0 !important;
}

.custom-panel .body .profile-info input[type='number'].advised,
#top input[type="number"].advised,
.custom-panel .body .profile-info input[type='text'].advised,
#top input[type="text"].advised {
  /* background: url('/wp-content/themes/enfold-child/info_icon.png') no-repeat 98% center; */
}

label .advise-icon {
  width: 18px;
  height: 18px;
  margin-left: 0.5em;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

/* ---- credits */

.client-credits .avia-button-wrap {
  display: inline;
}

.client-credits .avia-button-wrap a {
  float: right;
  margin-top: 15px;
}

/* CLASSES PAGE */

.custom-panel-block.class-block {
  margin-left: 0 !important;
  margin-top: 0;
  /* top: -125px; */
  margin-bottom: 2em;
  float: none;
}

.custom-panel-block.class-block .heading img {
  max-width: 75%;
  max-height: 78px;
}

.custom-panel-block .body.padding-small {
  padding: 1em;
}

.custom-panel-block.class-block .avia-button-wrap {
  margin-top: 0.8em;
}

.show_mobile_menu #advanced_menu_toggle {
  color: #dd0000;
}

#advanced_menu_hide {
  right: 49px;
  top: 42px;
}

#mobile-advanced .footer-item a {
  color: #666;
}

/* performance */

.custom-panel .performance-table td {
  border: none;
  font-size: 0.95em;
  /*color:#8d8d8d;*/
}

.custom-panel .performance-table thead td {
  text-transform: lowercase;
}

.custom-panel .performance-table td.class-type {
  /*font-weight: bold;*/
}

.custom-panel .body .my-performance input[type='text'],
.custom-panel .body .my-performance input[type='email'],
.custom-panel .body .my-performance input[type='number'] {
  border: #009bcf 1px solid !important;
  border-radius: 3px !important;
  margin-bottom: 15px !important;
  height: 2em;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ---- credits */

.client-credits p.rides-info {
  display: block;
}

.client-credits .avia-button-wrap {
  display: inline;
}

.client-credits .avia-button-wrap a {
  float: right;
  margin-top: 15px;
}

/* CLASSES PAGE */

.custom-panel-block.class-block {
  margin-left: 0 !important;
  margin-top: 0;
  /* top: -125px; */
  margin-bottom: 2em;
  float: none;
}

.custom-panel-block.class-block .heading img {
  max-width: 75%;
  max-height: 78px;
}

.custom-panel-block .body.padding-small {
  padding: 1em;
}

.custom-panel-block.class-block .avia-button-wrap {
  margin-top: 0.8em;
}

.show_mobile_menu #advanced_menu_toggle {
  color: #dd0000;
}

#advanced_menu_hide {
  right: 49px;
  top: 42px;
}

#mobile-advanced .footer-item a {
  color: #666;
}

/* performance */

.custom-panel .performance-table td {
  border: none;
  font-size: 0.95em;
  /*color:#8d8d8d;*/
}

.custom-panel .performance-table thead td {
  text-transform: lowercase;
}

.custom-panel .performance-table td.class-type {
  /*font-weight: bold;*/
}

.custom-panel .body .my-performance input[type='text'],
.custom-panel .body .my-performance input[type='email'],
.custom-panel .body .my-performance input[type='number'] {
  border: #009bcf 1px solid !important;
  border-radius: 3px !important;
  margin-bottom: 15px !important;
  height: 2em;
  color: #000 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* form */

input.light-input,
#top .main_color input[type='password'] {
  border: 1px solid #a2a2a2 !important;
  padding: 13px !important;
  background-color: #ffffff !important;
  margin-bottom: 0 !important;
}

input.light-input::placeholder {
  color: #a2a2a2 !important;
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 300 !important;
  font-family: 'Muli', sans-serif !important;
}

@media (max-width: 570px) {

  #loginFormContainer button,
  #signupFormContainer button,
  #forgottenFormContainer button {
    width: 100%;
    margin-bottom: 10px;
  }

  #forgottenFormContainer .center-button-wrapper {
    display: inline-grid;
  }

  .full-width-mobile {
    width: 100%;
  }

  .width-80-mobile {
    width: 80%;
  }

  .cart-summary-btn {
    width: 100%;
  }

  .display-flex-mobile {
    display: flex;
  }

  .flex-center-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .main-button {
    width: 100%;
  }

  .mobile-display-none {
    display: none;
  }
}

input.ng-invalid:not(.ng-untouched),
select.ng-invalid {
  border-color: red !important;
}

/* form validation */

.error-response {
  color: red !important;
  position: absolute;
  left: 16px;
  font-size: 12px !important;
  font-weight: 300;
  line-height: 14px;
  margin: 3px 0;
}

form.ng-submitted input.ng-invalid,
form.ng-submitted input.ng-invalid:not(.ng-untouched) {
  border-color: red !important;
}

form#signupFormContainer label,
.edit-profile-form label,
.change-password-form label {
  line-height: 40px;
}

form#signupFormContainer.ng-submitted input[type="text"].ng-invalid,
form#signupFormContainer.ng-submitted input[type="text"].ng-invalid {
  position: relative;
  top: 0;
}

form#signupFormContainer input.ng-invalid:not(.ng-untouched),
form#signupFormContainer.ng-submitted input.ng-invalid,
form#signupFormContainer.ng-submitted input.ng-invalid:not(.ng-untouched),
form#loginFormContainer input.ng-invalid:not(.ng-untouched),
form#loginFormContainer.ng-submitted input.ng-invalid,
form#loginFormContainer.ng-submitted input.ng-invalid:not(.ng-untouched),
form#forgottenFormContainer input.ng-invalid:not(.ng-untouched),
form#forgottenFormContainer.ng-submitted input.ng-invalid,
form#forgottenFormContainer.ng-submitted input.ng-invalid:not(.ng-untouched) {
  border-color: red !important;
}

form#signupFormContainer.ng-submitted input[type="text"].ng-invalid+span:before,
form#signupFormContainer.ng-submitted input[type="email"].ng-invalid+span:before,
form#signupFormContainer.ng-submitted input[type="password"].ng-invalid+span:before,
form#loginFormContainer.ng-submitted input[type="text"].ng-invalid+span:before,
form#loginFormContainer.ng-submitted input[type="email"].ng-invalid+span:before,
form#loginFormContainer.ng-submitted input[type="password"].ng-invalid+span:before,
form#forgottenFormContainer.ng-submitted input[type="text"].ng-invalid+span:before,
form#forgottenFormContainer.ng-submitted input[type="email"].ng-invalid+span:before,
form#forgottenFormContainer.ng-submitted input[type="password"].ng-invalid+span:before {
  content: attr(data-error);
  color: #FFB500;
  position: absolute;
  top: -1.75em;
  left: 16px;
  font-size: 12px;
}

form#loginFormContainer.ng-submitted input[type="text"].ng-invalid+span:before,
form#loginFormContainer.ng-submitted input[type="text"].ng-invalid+span:before,
form#loginFormContainer.ng-submitted input[type="email"].ng-invalid+span:before,
form#loginFormContainer.ng-submitted input[type="email"].ng-invalid+span:before,
form#loginFormContainer.ng-submitted input[type="password"].ng-invalid+span:before,
form#loginFormContainer.ng-submitted input[type="password"].ng-invalid+span:before,
form#forgottenFormContainer.ng-submitted input[type="text"].ng-invalid+span:before,
form#forgottenFormContainer.ng-submitted input[type="text"].ng-invalid+span:before,
form#forgottenFormContainer.ng-submitted input[type="email"].ng-invalid+span:before,
form#forgottenFormContainer.ng-submitted input[type="email"].ng-invalid+span:before,
form#forgottenFormContainer.ng-submitted input[type="password"].ng-invalid+span:before,
form#forgottenFormContainer.ng-submitted input[type="password"].ng-invalid+span:before {
  left: 0;
  top: -2.25em;
}

form#signupFormContainer.ng-submitted input[type="checkbox"].ng-invalid:before,
form#signupFormContainer.ng-submitted input[type="checkbox"].ng-invalid:not(.ng-untouched):before {
  content: attr(data-error);
  color: #FFB500;
  position: absolute;
  top: -7px;
  left: 16px;
}

p.selected-bikes {
  margin: 0;
  padding: 0.85em 0;
  border-top: #dedede 1px solid;
}

p.selected-bikers {
  text-align: center;
  max-width: 13em;
  margin: 0.85em auto;
}

p.selected-bikers .fa-info-circle {
  font-size: 16px;
  color: black;
}

p.selected-bikers .creditsWell {
  padding: 0;
  width: 1.5em;
  height: 1.5em;
}

.booking-buttons>a,
.booking-buttons>button {
  width: 100%;
}

/* SOCIAL BUTTONS */

.social-button {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: white !important;
}

.social-button>:first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  color: white;
}

.button-google {
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.button-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

#loginFormContainer .social-button-wrapper .social-button,
#signupFormContainer .social-button-wrapper .social-button {
  width: auto;
  width: calc(50% - 10px);
  margin: 0 5px;
}

#signupFormContainer .social-button-wrapper .social-button,
#signupFormContainer .social-button-wrapper .social-button {
  width: auto;
  min-width: calc(50% - 10px);
  margin: 5px;
}

#signupFormContainer .social-button-wrapper {
  /* text-align: right; */
}

@media(max-width: 1200px) {
  #loginFormContainer .social-button-wrapper .social-button {
    margin: 5px;
    padding-left: 40px;
  }

  #signupFormContainer .social-button-wrapper .social-button {
    min-width: 39%;
  }
}

@media(max-width: 992px) {

  #loginForm .social-button-wrapper .social-button,
  #signupFormContainer .social-button-wrapper .social-button,
  #loginFormContainer .social-button-wrapper .social-button {
    width: 50%;
  }
}

/* login panel! */

#login_panel {
  /*background: rgb(26,38,45);*/
  color: black;
  z-index: 999;
  position: relative;
  top: 0;
  margin-top: 3rem;
  /*display: none;*/
  /*height: 0;*/
  /*overflow: hidden;*/
  /* transition: 350ms ease-in-out all; */
}

#login_panel label,
.forgotten label,
.edit-profile-form label {
  margin-bottom: 15px;
}

.edit-profile-form .fa {
  font-size: 24px;
}

.edit-profile-form .gender .fa.active {
  color: var(--a-main-color);
}

.edit-profile-form .gender .fa {
  margin-right: 10px;
  cursor: pointer;
  line-height: 40px;
}

.edit-profile-form .gender .fa.active:hover {
  color: var(--a-main-color);
}

#loginFormContainer input {
  /*width: 365px !important;*/
}

#login_panel.loginPanelVisible {
  height: 20em;
}

.line-height-7 {
  line-height: 7px;
}

#loginFormContainer form,
#signupFormContainer form,
#forgottenFormContainer form {
  text-align: center;
}

#forgottenFormContainer {
  min-height: 480px;
}

/*#signupFormContainer {
  width: 30%;
  min-width: 490px;
}*/

#top #login_panel input,
#top a.btn {
  /*     border: 1px solid rgb(0,156,207); */
}

#top #login_panel input[type=submit],
#top a.btn {
  padding: 0.5em 0;
}

#loginFormContainer a.btn,
#forgottenFormContainer a.btn {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

#top #signupFormContainer input,
#top #login_panel #signupFormContainer input[type=submit] {
  width: 100%;
  max-width: 100%;
  text-align: left;
}

#top #signupFormContainer input.terms {
  width: auto;
}

#top #login_panel #signupFormContainer input[type=submit] {
  text-align: center;
}

#top #login_panel #signupFormContainer #action-buttons a.btn,
#top #login_panel #signupFormContainer #action-buttons input[type=submit] {
  width: 45%;
  min-width: auto;
  max-width: 100%;
  margin: 0;
}

#top #login_panel #signupFormContainer #action-buttons input[type=submit] {
  border: 1px solid rgb(26, 38, 45);
}

#top #login_panel a {
  /*margin-left: 1em;*/
  /*margin-right: 1em;*/
}

#top #login_panel .or {
  color: #000;
  padding: 10px 0 0 0;
}

#top #login_panel a.forgot-password-link {
  /*   position: absolute; */
  /*   top: 10em; */
  /* margin-left: 25%;*/
  /* padding-left: 1.5em;*/
  /* text-transform: lowercase;*/
  /* font-size: 0.8em;*/
  color: red;
  display: block;
  margin-top: 20px;
}

#top #login_panel a.fb-link,
#top #login_panel a.google-link {
  color: #009bcf;
}

#top #login_panel input[type=submit] {
  background: #009bcf;
  color: rgb(26, 38, 45);
  text-transform: lowercase;
  font-weight: bold;
  min-width: 120px;
}

/*#top  #login_panel input[type=submit]:hover{
  background-color: #fff;
}*/

#top #login_panel input[type=submit].btn-inverse,
#top #login_panel .btn-inverse {
  background: rgb(26, 38, 45);
  border: 1px solid #009bcf;
  margin-right: 0;
  color: #009bcf;
}

#top #login_panel .btn-inverse:hover {
  color: #009bcf;
}

#signupFormContainer .terms-block {
  font-size: 0.9em;
}

#signupFormContainer .terms-block .terms-span {
  line-height: 3em;
}

#signupFormContainer .terms-block .terms-span input {
  margin: 0 !important;
  vertical-align: middle;
}

#signupFormContainer .terms-block .text {
  vertical-align: middle;
}

#signupFormContainer .terms-block .text a {
  margin: 0 !important;
}

#signupFormContainer .row.newsletter-row {
  margin-bottom: 0;
}

#forgottenFormContainer .btn-inverse {
  margin-left: 0 !important;
}

@media (max-width: 845px) {
  .treadmill-icon.vertical {
    background-image: url('images/floor-icons/treadmill-rotate.png');
    background-position: center;
    background-position-y: 90%;
    background-size: 80% !important;
  }
}

@media (max-width: 992px) {
  #login_panel.loginPanelVisible {
    height: auto;
  }

  #loginFormContainer {
    text-align: center;
    margin-top: 1em;
  }

  #signupFormContainer .col-md-6 input {
    width: 100% !important;
  }

  #signupFormContainer .col-md-6 input.terms {
    width: auto !important;
    vertical-align: middle;
    margin-top: 1.35em !important;
  }

  #signupFormContainer .col-md-6 input[type=submit] {
    width: 48% !important;
  }

  #signupFormContainer .col-md-6:nth-of-type(1) input {
    margin-bottom: 1.3em !important;
  }

  #loginFormContainer input,
  #loginFormContainer a.btn,
  #forgottenFormContainer input,
  #forgottenFormContainer a.btn {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    margin-bottom: 1em !important;
  }

  #top #login_panel a.forgot-password-link {
    margin: 0;
    padding: 0;
    position: static;
  }

  #top #login_panel a.btn-inverse {
    margin-top: 1em;
  }

  #top #login_panel a {
    margin-left: 0;
    margin-right: 0;
  }

  #top #login_panel #signupFormContainer #action-buttons a.btn,
  #top #login_panel #signupFormContainer #action-buttons input[type=submit] {
    width: 100% !important;
    margin-bottom: 1em;
  }
}

/*#top  #login_panel .btn-inverse:hover {
  color: white;
  border-color: white;
}*/

/* Password reset*/

.reset-password-block h3 {
  margin-top: 0;
  margin-bottom: 1em !important;
  font-weight: bold;
  font-size: 1.4em;
}

.reset-password-block input[type='password'] {
  border: #009bcf 1px solid !important;
  border-radius: 3px !important;
  margin-bottom: 15px !important;
  height: 2em;
  color: #000 !important;
}

.reset-password-block .avia-button-wrap {
  text-align: right;
}

.reset-password-block .avia-button-wrap input {
  width: 40%;
  padding: 0.4em !important;
}

.reset-password-block .avia-button-wrap a.btn-inverse {
  padding: 0.4em !important;
  width: 30%;
  border: 1px solid;
  background-color: transparent;
}

/* booking spot selection */

#canvas {
  background: url('images/floor-plan-mit-pillar.jpg');
  position: relative;
  top: 0;
  width: 100%;
  min-height: 733px;
  background-size: contain;
  display: block;
  margin: 2rem auto;
}

#canvas div i.fa-times {
  position: absolute;
  top: -12px;
  right: 0;
  color: red;
  font-size: 14px;
}

#canvas .bike.fan {
  border: 0;
  color: transparent;
  background: transparent url('fan.png') center center no-repeat;
  background-size: cover;
}

#canvas .bike.instructor {
  background-position: center center;
}

.legend p {
  font-weight: 700;
  font-size: 1em;
}

.legend h3 {
  margin-top: 1em;
}

.legend p span {
  font-size: 16px;
  font-weight: normal;
}

.cta {
  border: 1px solid #dedede !important;
  padding: 10px;
}

.place-icon {
  display: inline-block;
  background-size: 85% !important;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 65px;
  border-radius: 1px;
  background: #323739;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 33px;
}

.treadmill-icon {
  height: 65px;
  width: 40px;
  background-image: url('images/floor-icons/treadmill.png');
}

.treadmill-icon.horizontal {
  background-image: url('images/floor-icons/treadmill-rotate.png');
  background-position: center;
  background-position-y: 90%;
  background-size: 80% !important;
}

.treadmill-small {
  width: 40px;
  height: 30px;
  margin-right: 10px;
  vertical-align: middle;
  background-image: url('images/treadmill-small.png');
}

.booked-out {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

.floor-icon {
  height: 55px;
  width: 35px;
}

.boxingBag-icon {
  height: 45px;
  width: 45px;
  border-radius: 50%;
}

.floor-small {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  vertical-align: middle;
}

.instructor span,
.fan span {
  display: none;
}

#canvas .instructor,
#canvas .fan {
  transform: rotate(0deg) !important;
  height: 30px;
  width: 30px;
  cursor: default !important;
}

.place-weight {
  display: inline-block;
  background-size: 45% !important;
  background-repeat: no-repeat;
  background-position: center;
}

.weight-icon {
  background-image: url('images/weight-rack-icon.jpg');
}

.place-pillar {
  display: inline-block;
  background-size: 80% !important;
  background-repeat: no-repeat;
  background-position: center;
}

.pillar-icon {
  background-image: url('images/pillar.png');
}

.place-mirror {
  display: inline-block;
  background-size: 100% !important;
  background-repeat: no-repeat;
  background-position: center;
}

.circle {
  color: black;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  background-color: #fff;
  border: 2px solid #000 !important;
  padding: 0;
  border-radius: 50%;
  margin-right: 10px;
}

.circle.red {
  background: var(--a-main-color);
  color: white;
}

.circle.blue {
  background: var(--a-other-studio-color);
  color: white;
}

.place-nr {
  color: black;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #000 !important;
  border-radius: 0;
  padding: 6px 0 0;
  margin: 0 0 5px;
  position: absolute;
  top: -8px;
  left: -8px;
  font-weight: normal;
  font-size: 12.36px;
  line-height: 16px;
}

.mirror-icon {
  background-image: url('images/mirror-icon.jpg');
}

.bike.horizontal {
  transform: rotate(90deg);
}

.bike.horizontal .place-nr {
  transform: rotate(-90deg);
}

.bike.active .place-nr {
  background: lightgreen;
  color: black;
}

.bike.booked .place-nr {
  background: white;
  color: black;
}

.bike.yours .place-nr {
  background: lime;
  color: black;
}

#booking .bike,
#booking .fan,
#booking .instructor {
  position: absolute;
  /* border-radius: 100%; */
  /* border: 1px solid rgb(38,158,201); */
  /* color: rgb(38,158,201); */
  font-size: 1em;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  background: transparent;
  background-repeat: no-repeat;
  /* background-position: 135% 135%; */
  /*background-position: -200% -200%;*/
  cursor: pointer;
}

#booking .instructor {
  cursor: default;
}

#booking #legend .bike {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1em;
  cursor: auto;
  width: 35px;
  height: 35px;
  background-position: -200% -200%;
}

#legend h3 {
  margin-bottom: 30px;
  font-size: 30px;
}

#booking .bike:active,
#booking .bike:focus {
  outline: none;
}

#booking .fan {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAKqmlDQ1BJQ0MgUHJvZmlsZQAASImVlgdUE+kWx7+ZSS+0hCol9CZduvQaunQQlZBQQgkxEATsyuIKrgUVEWyAiyAKNoqsBRHFiqBSrBtkEVDXxYKoqLwBHuG9d96ed95/zs38zv/cubnzzfedcwGg9LP4/FRYCoA0XqYg2MuVERkVzcCLAASwgAokAInFzuC7BAX5gb/Vp140G9UDo+laf5/3XyXNic9gAwAFoRzHyWCnoXwOjVY2X5AJAIIG0FyVyZ/mEpTpArRBlE9Mc+Ist05z3Cw/nMkJDXZDeQQAAoXFEiQCQP6I+owsdiJah0JH2ZTH4fJQdkfZkZ3E4qCch/LCtLT0aT6Fsl7cv9RJ/LeaceKaLFaimGffZUYEd24GP5WV838ux/9WWqpw7j800KAkCbyD0bsCumbVKem+YubFBQTOMZczkz/DSULvsDlmZ7hFzzGH5e47x8KUMJc5Zgnmn+VmMkPnWJAeLK4fn+ERIq4fz/QT95AaIOYEridzjnOTQiPmOIsbHjDHGSkhvvM5bmJfIAwW95wg8BS/Y1rGfG9s1nwPmUmh3vO9RYp74MS7e4h9Xpg4n5/pKq7JTw0S58eneon9jKwQ8bOZ6Aab42SWT9B8nSDx+gB34AH80IsBwoA5epmh4Q38M+Ozp/c0cEvn5wi4iUmZDBf01MQzmDy28UKGuamZFQDTZ3D2E3/onzlbkBxh3ku/BoAtuneR9nlvuSEAp4cBkPKY9/ReokehFoDLmmyhIGvWw0z/YAEJSAI6UASqQBPoASO0MytgD5zRjn1AIAgFUWA5YIMkkAYEYBVYAzaCfFAIdoK9oBQcBpWgGpwEZ0ATuACugOvgNugCPeAJEIEh8BqMgU9gEoIgPESFaJAipAZpQ4aQOWQDOUIekB8UDEVBsVAixIOE0BpoM1QIFUGlUDlUA52GzkNXoJtQN/QIGoBGoffQVxiBKTAdVoF1YBPYBnaBfeFQeBmcCK+Ec+E8eDtcAlfAJ+BG+Ap8G+6BRfBreBwBCBmRQ9QRI8QGcUMCkWgkAREg65ACpBipQOqQFqQDeYCIkDfIFwwOQ8MwMEYYe4w3JgzDxqzErMNsw5RiqjGNmHbMA8wAZgzzA0vFKmMNsXZYJjYSm4hdhc3HFmOrsA3Ya9ge7BD2Ew6Hk8Pp4qxx3rgoXDJuNW4b7iCuHteK68YN4sbxeLwi3hDvgA/Es/CZ+Hz8fvwJ/GX8ffwQ/jOBTFAjmBM8CdEEHmEToZhwnHCJcJ8wTJgkShG1iXbEQCKHmEPcQTxKbCHeIw4RJ0nSJF2SAymUlEzaSCoh1ZGukZ6SPpDJZA2yLXkJmUveQC4hnyLfIA+Qv1BkKAYUN0oMRUjZTjlGaaU8onygUqk6VGdqNDWTup1aQ71KfU79LEGTMJZgSnAk1kuUSTRK3Jd4K0mU1JZ0kVwumStZLHlW8p7kGymilI6UmxRLap1UmdR5qT6pcWmatJl0oHSa9Dbp49I3pUdk8DI6Mh4yHJk8mUqZqzKDNISmSXOjsWmbaUdp12hDdBxdl86kJ9ML6SfpnfQxWRnZRbLhstmyZbIXZUVyiJyOHFMuVW6H3Bm5Xrmv8iryLvLx8lvl6+Tvy08oLFBwVohXKFCoV+hR+KrIUPRQTFHcpdik+EwJo2SgtERpldIhpWtKbxbQF9gvYC8oWHBmwWNlWNlAOVh5tXKl8h3lcRVVFS8Vvsp+lasqb1TlVJ1Vk1X3qF5SHVWjqTmqcdX2qF1We8WQZbgwUhkljHbGmLqyure6UL1cvVN9UkNXI0xjk0a9xjNNkqaNZoLmHs02zTEtNS1/rTVatVqPtYnaNtpJ2vu0O7QndHR1InS26DTpjOgq6DJ1c3VrdZ/qUfWc9FbqVeg91Mfp2+in6B/U7zKADSwNkgzKDO4ZwoZWhlzDg4bdC7ELbRfyFlYs7DOiGLkYZRnVGg0Yyxn7GW8ybjJ+a6JlEm2yy6TD5IeppWmq6VHTJ2YyZj5mm8xazN6bG5izzcvMH1pQLTwt1ls0W7xbZLgoftGhRf2WNEt/yy2WbZbfraytBFZ1VqPWWtax1ges+2zoNkE222xu2GJtXW3X216w/WJnZZdpd8buL3sj+xT74/Yji3UXxy8+unjQQcOB5VDuIHJkOMY6HnEUOak7sZwqnF44azpznKuch130XZJdTri8dTV1Fbg2uE642bmtdWt1R9y93AvcOz1kPMI8Sj2ee2p4JnrWeo55WXqt9mr1xnr7eu/y7mOqMNnMGuaYj7XPWp92X4pviG+p7ws/Az+BX4s/7O/jv9v/aYB2AC+gKRAEMgN3Bz4L0g1aGfTbEtySoCVlS14GmwWvCe4IoYWsCDke8inUNXRH6JMwvTBhWFu4ZHhMeE34RIR7RFGEKNIkcm3k7SilKG5UczQ+Ojy6Knp8qcfSvUuHYixj8mN6l+kuy152c7nS8tTlF1dIrmCtOBuLjY2IPR77jRXIqmCNxzHjDsSNsd3Y+9ivOc6cPZzReIf4ovjhBIeEooSRRIfE3YmjSU5JxUlvuG7cUu67ZO/kw8kTKYEpx1KmUiNS69MIabFp53kyvBRee7pqenZ6N9+Qn88XrbRbuXflmMBXUJUBZSzLaM6ko8POHaGe8CfhQJZjVlnW51Xhq85mS2fzsu/kGORszRnO9cz9dTVmNXt12xr1NRvXDKx1WVu+DloXt65tveb6vPVDG7w2VG8kbUzZeHeT6aaiTR83R2xuyVPJ25A3+JPXT7X5EvmC/L4t9lsO/4z5mftz51aLrfu3/ijgFNwqNC0sLvy2jb3t1i9mv5T8MrU9YXvnDqsdh3bidvJ29u5y2lVdJF2UWzS423934x7GnoI9H/eu2HuzeFHx4X2kfcJ9ohK/kub9Wvt37v9WmlTaU+ZaVn9A+cDWAxMHOQfvH3I+VHdY5XDh4a9HuEf6y73KGyt0KoorcZVZlS+Phh/t+NXm15oqparCqu/HeMdE1cHV7TXWNTXHlY/vqIVrhbWjJ2JOdJ10P9lcZ1RXXi9XX3gKnBKeenU69nTvGd8zbWdtztad0z53oIHWUNAINeY0jjUlNYmao5q7z/ucb2uxb2n4zfi3YxfUL5RdlL244xLpUt6lqcu5l8db+a1vriReGWxb0fbkauTVh+1L2juv+V67cd3z+tUOl47LNxxuXLhpd/P8LZtbTbetbjfesbzTcNfybkOnVWfjPet7zV22XS3di7sv3Xe6f+WB+4PrD5kPb/cE9HT3hvX298X0ifo5/SOPUh+9e5z1ePLJhqfYpwXPpJ4VP1d+XvG7/u/1IivRxQH3gTsvQl48GWQPvv4j449vQ3kvqS+Lh9WGa0bMRy6Meo52vVr6aug1//Xkm/w/pf888Fbv7bm/nP+6MxY5NvRO8G7q/bYPih+OfVz0sW08aPz5p7RPkxMFnxU/V3+x+dLxNeLr8OSqb/hvJd/1v7f88P3xdCptaorPErBmRgEEDTghAYD3xwCgRgFA6wKAJDE7I88Imp3rZwj8Hc/O0TNCJ5dKZwBCWwEIQOMIauluAEAGjaBp3xnAFhbi+KcyEizMZ2uRm9DRpHhq6gM6G+L1AfjeNzU12TQ19b0KbfYxAK2fZmfzaUmh83+Xt2lUpN9dpWAG+A/9AxGEBeF83W6aAAABm2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4yNDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4yODwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgqRgr0LAAAC9ElEQVRIDWP8DwQMNARMNDQbbPTQt4CF2CC6eu06w4ZNW+HKnZ3sGSzMTOF8XAycQYQe95evXGN48/YtHN++fRfFTHT1MEmsFrx89YqhtaOHYcXqtQy///wBqwUZjgxevX4N5v79+xfosy0MjS0dDC9evERWAmYzoidTkEETp8xg+PLlC1iBtJQUAx8fL8ONm7cY0F2pqqLM8OPHT4bHT56A1XJzcTHkZKUzSIiLwS3CsKB3whSGJ0+fwhWQypCUEGcoKy6Aa8MIIksLwhEH142FYWluhiKKYYGVhTmDkaE+iiJiObraWgy2NlYoyrEm03///qEoAnFA4e3j5cEgLiYGTElvGLbv3MMASrrI4Nfv38hcMBseB6dOn2W4ePkKw+vXbxhev3mDolBRQZ4hFxh5jIyMKOKz5y1kuHb9BoqYtJQkg6ioKIOmuhqDmakxAzyITp89B1aMbjhIt6uzI4bhIHE3FycQhQKePnvOcOHiJYYDhw6DxeEWoKhC4wgLC6GJQLjCQtjFkRUTZcFzLBkIZMjzFy+QzcLKhkeyl4cbw63bdxhAORRULPxGirDtO3YBw1SdgY2NFW4IKAdv2bYDzgcxQHGkrqYKjAMRBjUVFbAcPJKRVa5eu4Hh2ImTyEJgTe6uzuBc+vr1W4bde/cxPHuO6gN9XR2GhLhoFH1wH8BEQcXBx08fYVw4DUpdS5athPOxMd69/8DwB1h2sbAgjMWIg/0HDgHTN2rSw2YYNjFQmbR+4xYUKQwL7t5/gKKAVM6Dhw9RtGBYEB0ZxgDKLDCgAcwwdsDsz4rkbZAcExMTg6WFGYORAaJYERQQYEhLToRpBdOIwIIKc3FyMmRnpDIsXLKcQVlJkcHFyQGcOl6/ectw/cZNuGZJCQmGsOBAMF8BmNNBmSsmKpyBn58PrgbEwJqKUFRAOaDq8uDhI3ApA31dhviYKDgfFwPDB7gUamtpMLwC1nQwYG5qAmPipYn2AV5T8EhiRDIetWRJ0dwCAPeIBIRb+g8UAAAAAElFTkSuQmCC');
}

#booking .instructor {
  background-image: url('data:image/png;base64,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');
}

.selectedBikesList {
  text-transform: uppercase;
}

#modal_overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  display: none;
  z-index: 99;
}

#modal_overlay h1 {
  margin-top: 0;
}

#modal_overlay a {
  cursor: pointer;
}

#modal_overlay.visible {
  opacity: 1;
  display: block;
}

#modal_content {
  box-shadow: 0 1px 5px black;
  background: white;
  width: 80%;
  max-width: 770px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  padding: 3em;
}

/*instacarousel */

.instacarousel .swiper-button-next {
  content: url('images/arrows/arrow-right--white.svg');
  background-image: none;
}

.instacarousel .swiper-button-prev {
  content: url('images/arrows/arrow-left--white.svg');
  background-image: none;
}

/* end of instacarousel */

/* user account */

#userMenu {
  display: inline-block;
}

#topUserMenu {
  text-align: right;
  line-height: 1.5em;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 101;
}

#topUserMenu ul {
  list-style-type: none;
}

#topUserMenu ul li {
  display: inline-block;
}

.relative {
  position: relative;
  top: 0;
}

/* ACCOUNT */

.border-right-between {
  border-right: 1px solid #eee !important;
}

.border-right {
  border-right: 1px solid #eee !important;
}

.border-right-between .custom-panel {
  border-bottom: 1px solid #eee !important;
}

.border-right-between .custom-panel:first-child {
  padding-bottom: 30px;
}

.border-right-between .custom-panel:nth-child(2) {
  padding-top: 10px;
  border-bottom: 0 !important;
}

body.page-account .template-page,
body.page-mein-konto .template-page {
  padding-top: 0;
}

/* small screen top menus */

.av-main-nav ul {
  z-index: 1001;
  /* display: none !important; */
}


@media (max-width: 991px) {
  .border-right-between .custom-panel:first-child {
    padding-top: 20px;
  }
}

@media (max-width: 992px) {

  .classes-table.classes-table-summary .glyphicon-chevron-right {
    top: 165px !important;
  }

  .classes-table.classes-table-summary .glyphicon-chevron-left {
    top: 165px !important;
  }


  .classes-table {
    position: relative;
  }

  .classes-table .glyphicon-chevron-right {
    position: absolute !important;
    top: 60px !important;
    right: 0 !important;
    content: url('images/arrows/arrow-right--dark.svg');
    background-image: none;
    width: 15px;
  }

  .classes-table .glyphicon-chevron-left {
    position: absolute !important;
    top: 60px !important;
    left: 0 !important;
    content: url('images/arrows/arrow-left--dark.svg');
    background-image: none;
    width: 15px;
  }

  .custom-panel .classes-table {
    padding-top: 50px;
  }

  .client-credits .classes-table {
    padding-top: 20px;
  }

  .custom-panel .class-actions {
    /* width: 100vw; */
    padding-top: 10px !important;
  }

  #loginMenuBar {
    display: none;
  }

  #header .logo img {
    padding-top: 1em !important;
    max-height: 3em;
  }



  .custom-panel-block {
    top: 0;
    margin-top: 0;
    float: none;
    margin-bottom: 2em;
  }

  #cart {
    width: 100%;
    max-width: 100%;
  }

  .av-minimum-height-75 .container {
    height: auto !important;
  }

  .av-minimum-height-50 .container {
    height: auto !important;
  }

  .av-minimum-height-25 .container {
    height: auto !important;
  }

  .avia-builder-el-0.av-minimum-height-100 .container,
  #top .av-solo-full .avia-slideshow {
    min-height: 0px;
  }

  #schedule .form-inline select.form-control {
    font-size: 0.8em;
  }
}

@media (max-device-width: 960px) {

  .instructor-popup .instructor-text h3,
  .instructor-popup .instructor-text p {
    padding: 1em;
    display: block;
  }

  .instructor-popup .instructor-text .avia-button-wrap {
    padding: 0;
    margin: 0;
  }

  .instructor-popup .instructor-text .avia-button-wrap {
    width: 100%;
  }

  .instructor-popup .instructor-text .avia-button {
    width: 100% !important;
    margin: 0;
    border-radius: 0;
    padding: 1em
  }

  /*    .instructor-block .instructor-overlay:not(:hover){
      background: transparent;
  }
*/
  .instructor-block .instructor-overlay {
    opacity: 1;
  }

  .instructor-popup img.instructor-photo {
    display: none;
  }

  .instructor-popup {
    margin: 0;
  }

  .instructor-popup .instructor-text {
    width: 100%;
    margin: 0;
    padding: 0em;
  }
}

.custom-panel .next-prev-icon {
  display: none;
}

.show-mobile {
  display: none;
}

@media (max-width: 992px) {
  .account-transactions {
    display: block;
    margin-bottom: 10px;
  }

  .text-center-mobile {
    text-align: center;
  }

  .col-md-5ths {
    margin-bottom: 1em;
  }

  .instructor-block {
    margin-bottom: 2em;
  }

  .custom-panel.profile-info .body,
  .custom-panel.rides-info .body,
  .custom-panel-block .body,
  .custom-panel-block .body .padding-small {
    padding: 0px;
  }

  .custom-panel-block .body span,
  .custom-panel-block .body .padding-small span,
  .custom-panel.profile-info .body p,
  .custom-panel.rides-info .body p,
  .custom-panel-block .body p {
    /* padding: 1em; */
    display: block;
  }

  .custom-panel .avia-button-wrap,
  .custom-panel-block .avia-button-wrap {
    padding: 0;
    margin: 0;
  }

  .custom-panel.profile-info .avia-button,
  .custom-panel.rides-info .avia-button,
  .custom-panel-block .avia-button {
    width: 100% !important;
    margin: 0;
    border-radius: 0;
    padding: 1em
  }

  .custom-panel .day0,
  .custom-panel .day1,
  .custom-panel .day2,
  .custom-panel .day3,
  .custom-panel .day4,
  .custom-panel .day5,
  .custom-panel .day6 {
    display: none;
  }

  .custom-panel .day0.visible,
  .custom-panel .day1.visible,
  .custom-panel .day2.visible,
  .custom-panel .day3.visible,
  .custom-panel .day4.visible,
  .custom-panel .day5.visible,
  .custom-panel .day6.visible {
    display: block;
  }

  #schedule .select-wrapper {
    width: 100%;
    margin: 0 0 15px 0;
  }

  #schedule .form-inline select.form-control {
    width: 100%;
    margin-bottom: 1em;
    padding: 0.75em;
  }

  #schedule .heading,
  #schedule .event .text {
    text-align: center;
  }

  #schedule .event {
    padding: 30px !important;
    line-height: 0 !important;
  }

  /* user boxes with classes */
  .classes-table,
  .client-credits {
    display: block;
  }

  .classes-table thead tr,
  .client-credits thead tr {
    display: none;
    line-height: 1em;
  }

  .dark tbody {
    background: transparent !important;
  }

  .border-right-between,
  .border-right-between .custom-panel {
    border: 0 !important;
  }

  .classes-table tr.visible,
  .client-credits tr.visible {
    display: block;
  }

  .classes-table tr {
    background-color: #ffffff !important;
  }

  .classes-table tr td,
  .client-credits tr td {
    display: block;
    width: 100%;
    text-align: center;
    background: white;
    padding: 2px !important;
    border: none;
  }

  .class-actions.buttons {
    display: block !important;
  }

  .custom-panel .body.account-summary,
  .custom-panel .body.client-classes,
  .custom-panel .body.client-credits {
    padding: 0;
  }

  .custom-panel .body.account-summary h5,
  .custom-panel .body.account-summary .avia-button-wrap a,
  .custom-panel .body.client-classes h5,
  .custom-panel .body.client-classes .avia-button-wrap a,
  .custom-panel .body.client-credits h5,
  .custom-panel .body.client-credits .avia-button-wrap a,
  .custom-panel .body p.rides-info {
    margin: 1em;
    padding: 1em;
  }

  .custom-panel .body p.rides-info {
    margin-top: 0;
  }

  .custom-panel .body.client-credits tr td {
    border: none !important;
  }

  .custom-panel .body .table-responsive {
    position: relative;
    top: 0;
  }

  .custom-panel .next-prev-icon {
    display: block;
    position: absolute;
    top: 0;
    left: 1em;
    font-size: 2em;
    cursor: pointer;
  }

  .transaction-table,
  .transaction-header {
    display: none;
  }

  .show-mobile {
    display: inline;
  }

  .custom-panel .account-summary {
    min-height: auto;
  }

  .custom-panel .body table {
    margin-bottom: 0;
  }

  #canvas {
    transform: rotate(-90deg) translateY(0%) translateX(-100%);
    transform-origin: 0% 0%;
    background-repeat: no-repeat;
    background-size: contain !important;
    min-height: 300px;
  }

  #canvas .bike .place-nr {
    transform: rotate(90deg) !important;
  }

  #canvas .bike.horizontal .place-nr {
    transform: rotate(0deg) !important;
  }

  .custom-panel-block .body.padding-small {
    padding: 0;
  }

  #canvas .bike.vertical {
    transform: rotate(180deg) !important;
  }

  #canvas .bike.vertical .place-nr {
    transform: rotate(-90deg) !important;
  }

  #canvas>.bike.floor-spot {
    clear: both;
  }

  #canvas>.bike.floor-spot~.floor-spot {
    clear: none;
  }

  .responsive #top .slideshow_caption .avia-caption-content {
    font-size: 3em !important;
    line-height: 1.2em !important;
  }

  #top .main_color .profile-info .avia-color-theme-color.button-light,
  #top .main_color .password .avia-color-theme-color.button-light {
    width: 100%;
    padding: 1em;
    background: #009bcf !important;
    color: white !important;
  }

  .product-description {
    padding-top: 1em;
    padding-bottom: 0.5em;
  }

  .product-duration {
    padding-bottom: 1em;
    padding-top: 0.5em;
    display: none;
  }

  .event .hover-block {
    display: none;
  }
}

@media (max-width: 768px) {
  body.single-post .container_wrap.fullsize.avia-bg-style-scroll {
    display: none;
  }

  .widget_categories {
    display: none;
  }

  #main>.container_wrap_first:not(.avia-section) {
    padding-top: 0;
  }

  #hide-xs {
    display: none;
  }

  #top .avia-fullscreen-slider .avia-slideshow-button {
    width: 100%;
    border-radius: 0;
    /*position: absolute;*/
    bottom: 0;
    left: 0;
  }

  .responsive #top #wrap_all .av-slideshow-caption p {
    padding: 1em;
    /*padding-top: 88px;*/
  }

  .responsive #top #wrap_all .av-slideshow-caption .slideshow_caption .slideshow_inner_caption {
    padding: 0;
    padding-top: 88px;
  }

  .responsive #top #wrap_all .av-slideshow-caption .container {
    width: 100%;
    max-width: 100%;
  }

  .av-slideshow-caption.caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption {
    margin-bottom: -88px;
  }

  .centered-xs {
    text-align: center;
  }

  .custom-panel-block.product-block,
  .custom-panel-block.class-block {
    top: 0;
    position: static;
  }

  .responsive #top .slideshow_caption .avia-caption-content {
    font-size: 1.5em !important;
  }

  .responsive .slideshow_align_caption {
    vertical-align: bottom;
  }

  .avia-fullscreen-slider .caption_right p,
  .avia-fullscreen-slider .caption_left p {
    text-align: center !important;
  }

  .avia-fullscreen-slider .avia-slideshow-dots {
    bottom: auto;
    top: 188px;
  }

  .avia_transform .av_slideshow_full .active-slide .avia-caption-title,
  .avia_transform .av_fullscreen .active-slide .avia-caption-title,
  .avia_transform .av_slideshow_full .avia-caption-content,
  .avia_transform .av_slideshow_full .avia-caption-title,
  .avia_transform .av_fullscreen .avia-caption-content,
  .avia_transform .av_fullscreen .avia-caption-title,
  .avia_transform .avia-slideshow-button {
    animation: none !important;
    -webkit-animation: none !important;
    visibility: visible !important;
  }

  #grid_row_as_tabs {
    background: white !important;
  }

  #scheduleOverlay p {
    top: 3em !important;
    line-height: 1em;
  }

  #grid_row_as_tabs .tab_inner_content p br {
    display: none;
  }

  #canvas {
    background: none !important;
    width: auto !important;
    height: auto !important;
    transform: rotate(0deg) translateY(0%) translateX(0);
  }

  #canvas .bike.vertical,
  #canvas .bike.horizontal {
    transform: rotate(0deg) !important;
  }

  #canvas .bike .place-nr {
    transform: rotate(0deg) !important;
  }

  #canvas .bike.vertical .place-nr,
  #canvas .bike.horizontal .place-nr {
    transform: rotate(0deg) !important;
  }

  #canvas .bike.treadmill-spot {
    margin: 20px 30px;
    transform: rotate(90deg) !important;
  }

  #canvas .bike.treadmill-spot .place-nr {
    transform: rotate(-90deg) !important;
  }

  #canvas .floor-icon {
    height: 65px !important;
    width: 40px !important;
  }

  #canvas .boxingBag-icon {
    height: 45px !important;
    width: 45px !important;
    border-radius: 50% !important;
  }

  #booking .bike {
    /* width: 40px; */
    top: auto !important;
    float: left;
    margin: 20px;
    display: block;
    /* height: 40px; */
    background-position: 11px 9px !important;
    left: auto !important;
    position: initial !important;
  }

  #booking .bike.boxingBag-spot {
    margin: 30px 20px !important;
  }

  #booking .bike.fan {
    background-position: 0px 0px !important;
  }

  #booking .bike.instructor {
    background-position: 8px 4px !important;
  }
}

#top .avia-fullscreen-slider .avia-slideshow-button {
  font-size: 1.3em;
}

.avia-fullscreen-slider .caption_center .slideshow_align_caption {
  vertical-align: bottom;
}

.gritter-close {
  left: auto !important;
  right: 5px;
}

.height-sm {
  height: 400px;
}

/* end of user account */

/* 5.17 Plugins - Flot Chart */

.my-performance .legendColorBox>div {
  margin-right: 5px !important;
  border-radius: 5px !important;
  margin-top: 1px !important;
  border: none !important;
}

#scheduleOverlay {
  position: absolute;
  top: -88px;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.625) url('/wp-content/themes/enfold-child/comingsoon.png') 50% 230px no-repeat;
  background-attachment: fixed;
  z-index: 250;
  color: white;
  /*#22bdef*/
  text-align: center;
  font-size: 6em;
  display: none;
  text-transform: lowercase;
  display: none;
}

#scheduleOverlay p {
  text-align: center;
  position: fixed;
  top: 5em;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  font-weight: normal;
}

/* tabs */

.sidebar_tab .tab_titles {
  border-right: 1px solid #eaeaea;
}

div .main_color .tabcontainer .active_tab {
  border-right: 3px solid #dd0000;
  background: #eaeaea;
}

.js_active .tab {
  font-size: 1em;
}

.my-performance .legend>table tr td.legendColorBox {
  padding-left: 5px !important;
}

.my-performance .legend>table tr td {
  padding: 4px 0 5px 0 !important;
}

.my-performance .legend>div {
  border-radius: 4px !important;
  /*     background: #000 !important; */
}

.my-performance .legend>table {
  width: 100%;
}

.main_color .my-performance .legend table,
.main_color .my-performance .legend table tr:nth-child(odd),
.main_color .my-performance .legend table tr:nth-child(even),
.main_color .my-performance .legend table tr td {
  border: none;
  background: transparent;
  display: inline-block;
}

.main_color .my-performance .legend table {
  right: auto !important;
  left: 1.5em !important;
  bottom: -2.5em !important;
  top: auto !important;
  padding: 0;
  margin: 0;
}

.my-performance .legend>table tr td.legendLabel {
  padding-right: 10px !important;
  color: #000;
}

.my-performance .legend>table tr+tr td {
  padding-top: 0px !important;
}

.legendColorBox>div>div {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  border-width: 4px !important;
}

.tickLabel,
.legendLabel {
  font-size: 11px !important;
}

.tickLabel {
  color: #707478 !important;
}

.flot-tooltip {
  position: absolute;
  display: none;
  border: 0;
  padding: 6px 10px 7px;
  color: #fff;
  font-size: 11px;
  background: url(../img/transparent/black-0.8.png);
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  opacity: 1.0;
  filter: alpha(opacity=100);
  z-index: 10000 !important;
}

#grid_row_as_tabs {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 4em;
  padding-top: 1em;
  background: white url('/wp-content/themes/enfold-child/comingsoon.png') no-repeat 115% -35%;
}

#grid_row_as_tabs .tabcontainer .active_tab_content,
#grid_row_as_tabs .tabcontainer .tab_content {
  border: none;
  background: transparent;
}

#grid_row_as_tabs .flex_cell {
  width: 100% !important;
  float: none;
  display: block;
}

#tabs_as_rows_tabs_container {
  margin-bottom: -39px;
  padding-left: 1em;
}

#tabs_as_rows_tabs_container .tab {
  margin-bottom: -3.5em;
  margin-right: 0.5em;
  display: inline-block;
  float: none;
  background: lightgray;
  padding: 0.7em 2.5em;
  border-radius: 3px 3px 0 0;
  border: none;
}

#tabs_as_rows_tabs_container .tab.active {
  border: 1px solid white;
  background: white;
}

.avia-fullscreen-slider .caption_right p {
  text-align: left;
}

.caption_framed .slideshow_caption .avia-caption-content p,
.caption_framed .slideshow_caption .avia-caption-title,
.avia-caption .avia-caption-content p,
.avia-caption .avia-caption-title {
  background: rgba(0, 0, 0, 0.625);
}

.responsive #top.home.page .header_bg,
.responsive #top.page-zuhause.page .header_bg,
.responsive #top.page-id-81 .header_bg {
  /* opacity: 0.625; */
  /* filter: alpha(opacity=60%); */
}

.responsive #top.home.page .show_mobile_menu .header_bg,
.responsive #top.page-zuhause.page .show_mobile_menu .header_bg,
.responsive #top.page-id-81 .show_mobile_menu .header_bg {
  opacity: 1;
  filter: alpha(opacity=1);
}

.invisible {
  visibility: hidden;
}

.my-performance .invisible {
  height: 71px;
  overflow: hidden;
}

@media (min-width: 768px) {
  #accepted-payments {
    /* margin-top: -7em; */
  }
}

#accepted-payments {
  margin-bottom: 0.5em;
}

#accepted-payments img {
  margin-right: 0.5em;
}

@media (max-width: 768px) {
  .responsive #top .slideshow_caption .avia-caption-content p {
    width: 100%;
  }
}

#ajaxIndicator {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: var(--a-main-color);
  z-index: 999;
  transition: 200ms linear width;
  display: none;
}

.error404 section {
  display: none;
}

.my-performance .legend {
  display: none;
}

.legendColorBox,
.legendLabel {
  display: inline-block;
}

.legendColorBox {
  margin-left: 1em;
}

.legendColorBox:nth-of-type(1) {
  margin-left: 1.8em;
}

.legendPackContainer {
  display: inline-block;
}

.forfriend-green {
  color: #00AC80;
}

.forfriend-blue {
  color: #348fe2;
}

/* PAYMENT VIEW */

#payment {
  width: 80%;
}

#payment h3 {
  font-weight: bold;
}

#payment fieldset label {
  font-weight: 300;
  width: 40%;
  float: left;
  line-height: 38px;
}

#payment fieldset input,
#payment #credit_cards {
  width: 60% !important;
  float: right !important;
}

#payment #credit_cards .fa {
  font-size: 48px;
  color: #000;
}

#payment #coupon-information input.codeError {
  border-color: red !important;
}

#payment #coupon-information input.codeValid {
  border-color: green !important;
}

@media(max-width: 992px) {
  #payment {
    width: 100%;
  }
}

/* INPUTS */

label {
  color: #000;
}

select,
input:not([type="submit"]) {
  border: 1px solid #5e5e5e;
  color: #010101;
  font-family: "Roboto", sans-serif;
  font-size: 0.9em;
  height: 40px;
  margin: 0 0 15px;
  padding: 5px 10px;
  border-radius: 0;
}

textarea {
  border: 1px solid #5e5e5e !important;
  color: #010101;
  font-family: "Roboto", sans-serif !important;
  font-size: 0.9em !important;
  margin: 0 0 15px !important;
  padding: 5px 10px !important;
  border-radius: 0 !important;
}

textarea:focus,
input:focus,
button:active,
button:focus {
  outline-color: rgb(210, 210, 210) !important;
  outline-offset: -2px !important;
  outline-style: auto !important;
  outline-width: 5px !important;
}

form label {
  font-weight: 400 !important;
  font-size: 16px !important;
  white-space: nowrap;
}

abbr {
  border-bottom: 0 !important;
}

form label.hidden {
  display: block !important;
}

#top #wrap_all #main form.atomix-form fieldset .first_form.form_element.error input.text_input,
#top #wrap_all #main form.atomix-form fieldset .first_form.form_element.error textarea.text_area {
  border-color: red !important;
  border-width: 1px !important;
  border-style: solid !important;
}

.ui-effects-wrapper>form {
  width: 100% !important;
}

/* HIDE ARROW TO TOP */

#scroll-top-link {
  display: none !important;
}

select,
#top select,
#top .avia_ajax_form .select,
#top .entry-content-wrapper select {
  background: none !important;
  border-radius: 0 !important;
  margin: 0 0 10px 0 !important;
}

.select-wrapper {
  position: relative;
  display: inline-block;
}

.select-wrapper:after {
  content: '\f0d7';
  font-family: 'FontAwesome';
  display: block;
  position: absolute;
  right: 13px;
  top: 50%;
  bottom: 0;
  margin-top: -15px;
}

#staticPageContainer select {
  border-color: #ddd !important;
}

#staticPageContainer .select-wrapper {
  margin-right: 20px !important;
}

/* GRITTER NOTICE WRAPPER */

#gritter-notice-wrapper {
  z-index: 9999999 !important;
}

.gritter-item-wrapper .gritter-top,
.gritter-item-wrapper .gritter-bottom {
  background: none;
}

.gritter-item-wrapper .gritter-item {
  background: rgba(0, 0, 0, .7);
  padding: 10px;
}

.tooltip.top .tooltip-arrow {
  border-color: transparent;
}

/* Client Profile  */

/* ---- menu */

.menu_wrap {
  /*     background: #1a262d;
  opacity: 0.612; 
  height: 35px;
  margin-top: -1px; */
}

#userMenu .user-menu-btn {
  border: none;
  background: transparent;
}

#userMenu {
  height: 40px;
  line-height: 40px;
  margin: 50px 0;
}

#top #userMenu a.btn {
  padding: 6px 13px !important;
  font-size: 14px;
  border-radius: 0;
  margin-right: 0;
}

#userMenu .user-menu-btn.first {
  margin-left: 204px;
}

#userMenu .user-menu-btn {
  margin: 0 20px;
  padding: 2px 0;
  color: black;
  font-size: 19px;
  text-transform: uppercase;
  border-bottom: transparent 1px solid;
}

#userMenu a.user-menu-btn:hover,
#userMenu a.user-menu-btn:active,
#userMenu a.user-menu-btn:focus {
  border-color: black;
}

#userMenu a.user-menu-btn.active {
  color: black;
  font-weight: 900 !important;
}

#userMenu a.logout-btn {
  float: right;
  margin-right: 0;
  color: rgb(171, 174, 176);
  font-weight: bold;
  padding-right: 0 !important;
}

#userMenu a.logout-btn:hover,
#userMenu a.logout-btn:active,
#userMenu a.logout-btn:focus {
  border: none;
  border-bottom: rgb(171, 174, 176) 3px solid;
  color: rgb(171, 174, 176);
}

/* ---- sidebar panel */

.custom-panel.profile-info .body,
.custom-panel.rides-info .body {
  text-align: center;
}

.custom-panel.profile-info .body .name {
  font-weight: bold;
}

.custom-panel.profile-info p.profile-details {
  text-align: left;
}

.custom-panel .avia-button-wrap {
  width: 100%;
}

.custom-panel.profile-info .avia-button.avia-size-small,
.custom-panel.rides-info .avia-button.avia-size-small {
  width: 90%;
  padding-left: 0;
  padding-right: 0;
}

.custom-panel a.button-light,
.custom-panel input.button-light {
  color: #009bcf !important;
  background-color: #fff;
  border: #009bcf 1px solid;
}

.custom-panel a.button-light:hover,
.custom-panel input.button-light:hover {
  color: #fff !important;
}

.creditsDetail {
  border-radius: 15px;
  display: inline-block;
  padding: 0.5em;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  border: 2px solid var(--a-main-color) !important;
  margin: 5px 0;
}

/* 5-column layout */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }

  #classCanvasContainer {
    min-height: auto !important;
  }

  #canvas {
    background-repeat: no-repeat;
  }

  .custom-panel-block.class-block {
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}

.landing-quote img {
  width: 100px !important;
  margin-right: 40px !important;
  margin-bottom: 60px !important;
}

@media (max-width: 920px) {
  .landing-quote {
    display: block;
    width: 100%;
    height: 130px;
  }

  .landing-quote img {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 920px) {
  #landing-page-top-section .av_three_fifth {
    vertical-align: top;
    padding: 30px;
    position: inherit;
    top: -180px;
    background-color: white;
  }

  #landing-page-second-section {
    position: relative;
    top: -100px;
  }

  #landing-page-third-section {
    position: relative;
    top: -50px;
  }
}

@media (max-width: 480px) {

  h1,
  .header-big {
    font-size: 24px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    line-height: 40px !important;
    font-size: 24px;
  }

  h2 {
    letter-spacing: 1px !important;
    line-height: 30px !important;
    font-size: 24px !important;
    font-weight: 600 !important;
  }

  h3 {
    font-size: 18px !important;
    line-height: 30px !important;
  }

  p {
    font-size: 16px !important;
    line-height: 23px !important;
  }

  h1.long-german-word {
    font-size: 18px !important;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  h2.long-german-word {
    font-size: 25px !important;
  }

  #atomix_benefits .av-image-caption-overlay-center {
    padding: 0 !important;
  }

  #atomix_benefits .av-image-caption-overlay-center p {
    font-size: 15px !important;
  }
}

#mobile-advanced .mega_menu_title a {
  color: #bfc3c7;
  letter-spacing: 2px;
  font-size: 13px;
}

.widget-address,
.widget-address a,
.widget-address p {
  font-size: 15px;
  font-weight: 400;
}

.flex_column .widget .widgettitle,
.content .widget .widgettitle {
  margin-top: 0;
}

#top-hero-section-1,
#top-hero-section-2,
#top-hero-section-3 {
  display: none;
}



#zx-block-wrapper .flex_column {
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

#zx-block-wrapper .flex_column section {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

#zx-block-wrapper .flex_column section h6 {
  width: 100% !important;
  max-width: 200px;
  margin: 0 auto;
}

#zx-block-wrapper .flex_column section strong {
  font-weight: 100;
}

.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a span.avia-menu-text {
  line-height: 40px !important;
  height: 40px !important;
  font-family: 'Muli', sans-serif !important;
  font-weight: 300;
  font-size: 15px;
  color: #fff !important;
}


@media (max-width: 768px) {
  #atomix_trainers .av_textblock_section .avia_textblock {
    margin-bottom: 2rem;
  }
}

@media (max-width: 414px) {
  #atomix_trainers .av_textblock_section .avia_textblock {
    max-width: 300px;
    margin: 0 auto 2rem;
  }
}

#top #header .av-main-nav>li>a .avia-menu-text {
  color: #FFF !important;
  text-transform: uppercase;
  line-height: 40px !important;
  height: 40px !important;
  font-family: 'Muli', sans-serif !important;
  font-weight: 300;
  font-size: 15px;
}

.main-button {
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  background-color: #2c2c2c !important;
  border-color: #000 !important;
  color: #fff !important;
  border: 1px solid;
  margin: 3px 0;
  text-transform: uppercase;
}

.full-width {
  width: 100%;
}

@media (max-width: 514px) {
  .full-width-xs {
    width: 100%
  }
}

.reset-padding-left {
  padding-left: 0 !important;
}

@media (max-width: 1259px) {
  body #wrap_all {
    position: relative;
  }

  body.admin-bar #mobile-advanced {
    top: 143px !important;
  }

  #mobile-advanced {
    max-width: 1120px;
    top: 97px !important;
    border-left: 2px solid #2f3235;
  }
}



.login-signin-btn.avia-button.avia-size-small {
  padding: 10px 27px;
}

@media (min-width: 992px) and (max-width: 1257px) {
  .full-tablet-width {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 992px) and (max-width: 1163px) {
  .login-signin-btn.avia-button.avia-size-small {
    padding: 10px 30px;
  }
}

@media (max-width: 447px) {
  .width-70-xs {
    width: 70%;
  }
}

@media (max-width: 337px) {
  #modal_content {
    padding: 2em;
  }
}

.forgot-btn {
  font-size: 14px !important;
  font-weight: 600 !important;
}

.no-wrap {
  white-space: nowrap;
}


/* ATOMIX UPDATE DEC 2019 */

.ls-layer {
  filter: contrast(100%) !important;
}

.av_minimal_header #header_main,
.av_minimal_header #header_meta {
  border-bottom: 7px solid var(--a-main-color) !important;
}

.a-footer-bottom-line {
  height: 8px;
  background: var(--a-main-color);
}

.avia-button.avia-color-light:after {
  content: '';
  width: calc(100% + 4px);
  display: block;
  height: 7px;
  position: absolute;
  left: -2px;
  bottom: -2px;
}

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


.insta-gallery-actions,
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.qligg-icon-next,
.qligg-icon-prev {
  display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  opacity: .3;
  color: white;
}

.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
  opacity: .8;
  color: white;
}

.insta-gallery-feed[data-feed_layout=carousel] .swiper-button-next:hover,
.insta-gallery-feed[data-feed_layout=carousel] .swiper-button-prev:hover {
  background-color: transparent !important;
}

.avia-section-large .content,
.avia-section-large .sidebar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.qligg-mfp-wrap .mfp-container .mfp-content .mfp-figure.bottom {
  opacity: 1 !important;
}


.insta-gallery-list .insta-gallery-item .insta-gallery-image-wrap .insta-gallery-image-mask {
  background-color: rgb(50 55 57 / 40%) !important;
}

i.qligg-icon-next {
  display: block !important;
  z-index: 1;
  font-size: 3rem !important;
  margin-right: 28px;
  color: #FFF;
}

i.qligg-icon-prev {
  display: block !important;
  z-index: 1;
  font-size: 3rem !important;
  margin-left: 2px;
  color: #FFF;
}

.insta-gallery-feed[data-feed_layout=carousel] .swiper-button-next>i,
.insta-gallery-feed[data-feed_layout=carousel] .swiper-button-prev>i {
  color: #FFF !important;
}

.mfp-arrow.mfp-arrow-left.mfp-prevent-close,
.mfp-arrow.mfp-arrow-right.mfp-prevent-close,
.swiper-button-next,
.swiper-button-prev {
  outline: none !important;
  font-size: 3rem;
  opacity: 1;
}

.mfp-arrow.mfp-arrow-left:before,
.mfp-arrow.mfp-arrow-right:before {
  font-size: 3rem;
  color: #FFF;
}

.qligg-mfp-wrap .mfp-arrow.mfp-arrow-left:before {
  content: "\e906";
  margin-left: 20px;
}

.qligg-mfp-wrap .mfp-arrow.mfp-arrow-right:before {
  content: "\e908";
  margin-left: 10px;
}




.js_active .grid-image,
.avia_transform .avia-gallery-thumb img,
.avia-section.av-minimum-height .container {
  opacity: 1 !important;
}

/* ATOMIX UPDATE FEB 2021 */
.main_color .ls-layers h1 {
  color: white;
}

#header_main {
  background-color: #2e3235;
  box-shadow: 0 2px 2px -2px #cecece;
}

#advanced_menu_toggle {
  display: none;
}


.main_menu .avia-menu.av-main-nav-wrap .menu.av-main-nav,
.main_menu .avia-menu.av-main-nav-wrap {
  width: 100%;
}

.main_menu {
  width: calc(100% - 220px);
}

.main_menu .avia-menu ul .black-button-menu a {
  border: 1px solid #ffffff;
  background-color: #2d3234;
  line-height: 15px !important;
  height: 15px !important;
  padding: 15px;
  vertical-align: middle;
  margin-top: 45px;
  width: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  text-transform: uppercase;
  color: #ffffff;
  position: absolute;
  right: 0;
}

.main_menu .avia-menu ul .white-button-menu a {
  border: 1px solid #2d3234;
  background-color: #ffffff;
  line-height: 15px !important;
  height: 15px !important;
  padding: 15px;
  width: 140px;
  vertical-align: middle;
  margin-top: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  text-transform: uppercase;
  color: #2d3234 !important;

}

.menu-item-top-level-6,
.menu-item-top-level-7 {
  position: absolute !important;
  right: 0;
}

.menu-item-top-level-7 {
  right: 16rem;

}

.menu-item-top-level-8,
.menu-item-top-level-9 {
  display: none !important;
}

#top #header .main_menu .avia-menu ul .white-button-menu a .avia-menu-text {
  color: #2d3234 !important;
}

.main_menu .avia-menu ul .black-button-menu a:hover {
  border: 1px solid #fff;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
}

#top #header .main_menu .avia-menu ul .black-button-menu a:hover .avia-menu-text {
  color: #2d3234 !important;
}

.main_menu .avia-menu ul .white-button-menu a:hover {
  background-color: #ABB8CC;
  border-color: #ABB8CC;
  color: #fff !important;
  -webkit-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.35);
}

.sub-menu .avia-menu-text {
  text-transform: uppercase;
}


.html_header_top.html_header_sticky #top #wrap_all #main {
  padding-top: 97px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block;
  }

    #header.header-menu--width {
     display: none;
   } 
 
}

.av-burger-overlay-inner {
 background-color: #2d3234 !important;
}

/* ATOMIX UPDATE FEB-2 2021 */

.ls-wrapper {
  z-index: 2 !important;
}

#calendar .no-classes-desktop {
  font-size: 1.25rem;
  font-family: 'Muli', sans-serif !important;
  font-weight: 400;
  line-height: 2;
}

.container {
  padding: 0px 50px;
}

/* ATOMIX UPDATE MAR-8 2021 */

#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
  border-color: #2e3235 !important;
  background-color: #ffffff;
  color: #222222;
}

.atx-instagram-section {
	display:none !important;
}

/* ATOMIX UPDATE FEB-20 2023 */

.studio-BERLIN .only-berlin {
  display: initial;
}

.studio-ZURICH .only-berlin {
  display: none !important;
}

.dialog-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
  display: flex;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 400ms ease;
  align-items: center;
  justify-content: center;
}

.dialog-container[aria-hidden="true"] {
  opacity: 0;
  pointer-events: none;
}

.dialog-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(33, 33, 33, 0.9);
  z-index: 1;
}

.dialog-content {
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  border-radius: 4px;
  max-width: calc(100% - 2rem);
  padding: 2rem;
  position: relative;
  width: 600px;
  z-index: 2;
}

.dialog-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border: 0;
  background-color: transparent;
  font-size: 2rem;
  width: 4rem;
  height: 4rem;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 200ms ease;
}

.dialog-close:hover {
  background-color: rgba(33, 33, 33, 0.15);
}

.dialog-title.dialog-title.dialog-title.dialog-title.dialog-title.dialog-title {
  font-size: 3rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

.dialog-description {
  font-size: 1.5rem !important;
  font-weight: 600;
}

.dialog-description b {
  font-weight: 700;
}

.dialog-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}

.dialog-button {
  border-radius: 4px;
  padding: 0 1rem;
  border: none;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.dialog-button.dialog-confirm {
  background-image: linear-gradient(to bottom, #ee0000, #d80000);
  color: white;
}

.dialog-button.dialog-confirm:hover {
  background-image: linear-gradient(to bottom, #ee0000, #ee0000);
}

.dialog-button.dialog-default {
  background-image: linear-gradient(to bottom, #eeeeee, #d8d8d8);
  color: black;
}

.dialog-button.dialog-default:hover {
  background-image: linear-gradient(to bottom, #eeeeee, #eeeeee);
}