@charset "UTF-8";
/* === Import theme variables === */
:root {
  --blue: #0051f9;
  --indigo: #6610f2;
  --purple: #613d7c;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #ffc107;
  --yellow: #ff7518;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6a737b;
  --gray-dark: #343a40;
  --primary-color-100: #dde9cc;
  --primary-color-200: #A8C4FF;
  --primary-color-300: #7DA6FF;
  --primary-color-400: #5289FF;
  --primary-color-500: #266BFF;
  --primary-color-600: #0051f9;
  --primary-color-700: #003BBB;
  --primary-color-800: #00287D;
  --primary-color-900: #00143E;
  --secondary-color-100: #EDEFF2;
  --secondary-color-200: #C9CED7;
  --secondary-color-300: #AEB6C3;
  --secondary-color-400: #939EB0;
  --secondary-color-500: #79859C;
  --secondary-color-600: #6a737b;
  --secondary-color-700: #495363;
  --secondary-color-800: #313742;
  --secondary-color-900: #181C21;
  --gray-100: #F5F5F5;
  --gray-200: #EEEEEE;
  --gray-300: #E1E1E1;
  --gray-400: #D8D8D8;
  --gray-500: #B7B7B7;
  --gray-600: #929292;
  --gray-700: #6B6B6B;
  --gray-800: #434343;
  --gray-900: #212121;
  --primary-old: #0051f9;
  --primary: #1e3a8a;
  --secondary: #6a737b;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --primary-special: #1b7bd0;
  --primary-special-dark: #186eb9;
  --brand-primary: #0051f9;
  --brand-secondary: #37be71;
  --accent-color: #f98a6f;
  --accent-color-dark: #f87a5b;
  --primary-text: var(--white);
  --primary-dark: var(--primary-color-900);
  --primary-dark-text: var(--primary-color-100);
  --secondary-text: var(--white);
  --secondary-dark: var(--secondary-color-800);
  --secondary-dark-text: var(--secondary-color-100);
  --special-green: #019c7c;
  --special-green-dark: #017f66;
  --accent-green: #21a084;
  --body-color: #ffffff;
  --border-color: #b5bcc7;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1440px;
  --font-family-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-serif: "Iowan Old Style", "Times New Roman", "Times", serif;
  --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --header-height: 80px;
  --button-link-txt: #46a7ea;
  --black-txt: #191919;
  --gray-txt: #55637a;
  --blue-txt: #1e3a8a;
  --white-txt: #FBFBFB;
  --blue-txt-hover: #0067c7;
  --gray-bg: #F7F6F6;
  --black-bg: #191919; }

/*-------------------------------------------------------------------*/
html {
  height: 100%; }

html,
body {
  min-height: 100%; }

body {
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-sans-serif);
  overflow-x: initial;
  background-color: var(--body-color);
  font-size: 14px;
  /* macOS font tricks for better antialiasing*/
  font-smooth: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* iOS & macOS inertia scrolling trick*/
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  padding-top: var(--header-height); }

body.white-bg {
  background-color: var(--white); }

*::-webkit-scrollbar {
  width: 12px !important; }

*::-webkit-scrollbar-thumb {
  background-color: #d5ddea !important;
  border-radius: 20px !important;
  border: 3px solid #f8f9fa !important; }

*::-webkit-scrollbar-track {
  background: #f8f9fa !important;
  -webkit-box-shadow: none !important; }

body.main--navbar-small {
  --header-height: 100px; }

.wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%; }

.wrapper-regular {
  flex: 0 0 0%; }

.wrapper-home {
  flex: 0 0 0%; }

h1 {
  font-size: 19px;
  margin-top: 20px;
  margin-bottom: 10px; }

h2 {
  font-size: 19px; }

h3 {
  font-size: 14px; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #555555; }

a {
  color: var(--blue-txt); }

a:hover {
  color: var(--blue-txt-hover);
  text-decoration: none; }

label {
  font-weight: 500; }

.text-bold {
  font-weight: bold; }

/* text colors */
.text-red,
.text-danger,
.text-secondary {
  color: var(--secondary) !important; }

.text-cyan,
.text-success,
.text-primary {
  color: var(--primary) !important; }

.text-grey,
.text-gray {
  color: var(--gray-600) !important; }

.text-dark {
  color: var(--gray-900) !important; }

.text-black {
  color: var(--black) !important; }

.text-white {
  color: var(--white) !important; }

/*============================================================================*/
/* background colors
/*============================================================================*/
.bg-white {
  background-color: #ffffff !important; }

.bg-none {
  background: none !important; }

/*============================================================================*/
/* icons */
/*============================================================================*/
.fa {
  font-size: 23px; }

.fa-14 {
  font-size: 14px; }

.fa-16 {
  font-size: 16px; }

.fa-18 {
  font-size: 18px; }

.fa-20 {
  font-size: 20px; }

.fa-21 {
  font-size: 21px; }

.fa-22 {
  font-size: 22px; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.cc-btn {
  color: #fbfbfb; }

.cc-window.cc-banner.cc-type-info.cc-theme-community-group {
  margin: 0 auto;
  padding: 10px 30px;
  text-align: center;
  justify-content: center;
  max-width: 768px;
  border-radius: 15px; }
  .cc-window.cc-banner.cc-type-info.cc-theme-community-group .cc-link, .cc-window.cc-banner.cc-type-info.cc-theme-community-group .cc-message {
    font-size: 14px;
    font-family: var(--font-family-sans-serif);
    color: var(--white-txt);
    text-align: center; }
  .cc-window.cc-banner.cc-type-info.cc-theme-community-group .cc-message {
    flex: unset; }
  .cc-window.cc-banner.cc-type-info.cc-theme-community-group .cc-link {
    color: #fbfbfb !important; }
  .cc-window.cc-banner.cc-type-info.cc-theme-community-group .cc-compliance {
    text-align: center;
    display: inline;
    flex: none; }
  .cc-window.cc-banner.cc-type-info.cc-theme-community-group .cc-btn {
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    margin-bottom: 0;
    padding: 5.4px 1px 3.8px 1px;
    font-size: 14px;
    color: #fbfbfb;
    border: 0px;
    text-decoration: underline;
    display: inline-block; }
    .cc-window.cc-banner.cc-type-info.cc-theme-community-group .cc-btn:hover, .cc-window.cc-banner.cc-type-info.cc-theme-community-group .cc-btn:focus {
      color: #fbfbfb;
      text-decoration: underline; }
    .cc-window.cc-banner.cc-type-info.cc-theme-community-group .cc-btn:last-child {
      min-width: 0; }

@media (max-width: 768px) {
  .cc-window.cc-banner.cc-type-info.cc-theme-community-group {
    border-radius: 0; } }

@media screen and (max-width: 568px) and (orientation: portrait), screen and (max-width: 768px) and (orientation: landscape) {
  .cc-window.cc-banner.cc-type-info.cc-theme-community-group {
    flex-direction: column; }
    .cc-window.cc-banner.cc-type-info.cc-theme-community-group .cc-message {
      margin-bottom: 1em; } }

/*============================================================================*/
/* buttons & controls*/
/*============================================================================*/
.btn {
  border-radius: 5px;
  border: none;
  font-family: var(--font-family-sans-serif);
  height: auto;
  background: none;
  transition: all 0.2s ease-in-out; }

.btn-nowrap {
  white-space: nowrap; }

.btn.btn-large {
  padding: 4px 15px 4px 20px;
  line-height: 2.25rem;
  font-size: 1rem;
  border-radius: 5px;
  height: auto; }

.btn.btn-link {
  font-weight: 500;
  color: var(--black-txt);
  background-color: transparent;
  padding: 0.45rem 0.65rem; }
  .btn.btn-link:hover {
    cursor: pointer; }
  .btn.btn-link:hover, .btn.btn-link:focus {
    text-decoration: none;
    color: var(--blue-txt); }
  .btn.btn-link:not(:disabled):not(.disabled):active, .btn.btn-link:not(:disabled):not(.disabled).active {
    color: inherit;
    background-color: inherit; }
    .btn.btn-link:not(:disabled):not(.disabled):active:hover, .btn.btn-link:not(:disabled):not(.disabled):active:focus, .btn.btn-link:not(:disabled):not(.disabled).active:hover, .btn.btn-link:not(:disabled):not(.disabled).active:focus {
      color: inherit;
      background-color: inherit; }
  .btn.btn-link.btn-secondary {
    background-color: var(--secondary);
    color: var(--white);
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap; }
    .btn.btn-link.btn-secondary:hover, .btn.btn-link.btn-secondary:focus {
      color: var(--secondary-text);
      background-color: var(--secondary-dark);
      text-decoration: none; }
  .btn.btn-link.btn-gray {
    color: var(--black-txt);
    background-color: var(--primary-color-100); }
    .btn.btn-link.btn-gray:hover, .btn.btn-link.btn-gray:focus {
      color: var(--black-txt);
      background-color: var(--primary-color-200); }
  .btn.btn-link.btn-accent {
    color: var(--white);
    background-color: var(--accent-color); }
    .btn.btn-link.btn-accent:hover, .btn.btn-link.btn-accent:focus {
      color: var(--white);
      background-color: var(--accent-color-dark); }
  .btn.btn-link.btn-aside-list {
    padding: 0.5rem 0.75rem;
    border-radius: unset;
    color: var(--dark);
    background-color: var(--white);
    font-size: 1rem;
    line-height: 1.5; }
    .btn.btn-link.btn-aside-list:not(:disabled):not(.disabled):hover, .btn.btn-link.btn-aside-list:not(:disabled):not(.disabled):focus {
      color: var(--secondary);
      background-color: rgba(2, 118, 84, 0.05); }
    .btn.btn-link.btn-aside-list:not(:disabled):not(.disabled):active, .btn.btn-link.btn-aside-list:not(:disabled):not(.disabled).active {
      color: var(--secondary-text);
      background-color: var(--secondary); }
      .btn.btn-link.btn-aside-list:not(:disabled):not(.disabled):active:hover, .btn.btn-link.btn-aside-list:not(:disabled):not(.disabled):active:focus, .btn.btn-link.btn-aside-list:not(:disabled):not(.disabled).active:hover, .btn.btn-link.btn-aside-list:not(:disabled):not(.disabled).active:focus {
        color: var(--secondary-dark-text);
        background-color: var(--secondary-dark); }
  .btn.btn-link.btn-special {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    line-height: 2.25rem;
    font-weight: 500;
    height: 44px;
    color: var(--primary-text);
    background-color: var(--primary-special); }
    .btn.btn-link.btn-special:not(:disabled):not(.disabled):hover, .btn.btn-link.btn-special:not(:disabled):not(.disabled):focus {
      background-color: var(--primary-special-dark);
      color: var(--primary-text); }
  .btn.btn-link.btn-special-green {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    line-height: 2.25rem;
    font-weight: 500;
    height: 44px;
    background-color: #019c7c;
    color: var(--white); }
    .btn.btn-link.btn-special-green:not(:disabled):not(.disabled):hover, .btn.btn-link.btn-special-green:not(:disabled):not(.disabled):focus {
      background-color: #017f66;
      color: var(--white); }

.btn.btn-primary {
  color: var(--primary-text);
  background-color: var(--primary);
  border-color: var(--primary); }

.btn.btn-primary:not(:disabled):not(.disabled):hover {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
  color: var(--primary-dark-text); }

.btn.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-primary.dropdown-toggle {
  color: var(--primary-text);
  background-color: var(--primary-dark);
  border-color: var(--primary-dark); }

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--primary-text); }

.btn.btn-secondary {
  color: var(--secondary-text);
  background-color: var(--secondary);
  border-color: var(--secondary); }

.btn.btn-secondary:not(:disabled):not(.disabled):hover {
  background-color: var(--secondary-dark);
  border-color: var(--secondary-dark);
  color: var(--secondary-dark-text); }

.btn.btn-secondary:not(:disabled):not(.disabled):active,
.btn.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn.btn-secondary.dropdown-toggle {
  color: var(--secondary-dark-text);
  background-color: var(--secondary-dark);
  border-color: var(--secondary-dark); }

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--secondary-dark-text); }

.btn.btn-special-green {
  color: var(--white);
  background-color: var(--special-green);
  border-color: var(--special-green); }

.btn.btn-special-green:not(:disabled):not(.disabled):hover {
  background-color: var(--special-green-dark);
  border-color: var(--special-green-dark);
  color: var(--white); }

.btn.btn-special-green:not(:disabled):not(.disabled):active,
.btn.btn-special-green:not(:disabled):not(.disabled).active,
.show > .btn.btn-special-green.dropdown-toggle {
  color: var(--white);
  background-color: var(--special-green-dark);
  border-color: var(--special-green-dark); }

.btn-special-green:not(:disabled):not(.disabled):active:focus,
.btn-special-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-special-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--special-green-dark); }

/*.events.grid .item .info .fa {*/
.buy-button .fa-shopping-cart {
  font-size: 19px;
  margin-right: 5px;
  margin-left: 10px; }

.dropdown-item {
  padding: 0.4rem 0.75rem;
  margin-bottom: 0.35rem;
  border-radius: 5px;
  transition: all 0.2s ease-in-out; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: var(--blue-txt);
    text-decoration: none;
    background-color: var(--gray-bg); }

.get-started-button {
  text-transform: none;
  flex: 1; }
  .get-started-button .button-colored {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
    border: 1px solid var(--blue-txt);
    border-radius: 8px;
    padding: 0;
    font-family: var(--font-family-sans-serif);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    transition: background-position 250ms ease-in-out;
    z-index: 0; }
    .get-started-button .button-colored::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to right, var(--white-txt) 50%, var(--blue-txt) 50%) no-repeat 100% 50%/200% 100%;
      transition: inherit;
      z-index: -1; }
    .get-started-button .button-colored:hover::before {
      background-position: inherit; }
    .get-started-button .button-colored:hover span, .get-started-button .button-colored:hover button {
      background-position: inherit; }
    .get-started-button .button-colored button, .get-started-button .button-colored span {
      display: inline-block;
      color: var(--white-txt);
      background: linear-gradient(to right, var(--black-txt) 50%, var(--white-txt) 50%) no-repeat 100% 50%/200% 100%;
      white-space: nowrap;
      max-width: 100%;
      background-clip: text;
      -webkit-text-fill-color: rgba(0, 0, 0, 0);
      transition: background-position 250ms ease-in-out; }
    .get-started-button .button-colored span {
      padding: 10px 0 !important; }

.button-colored {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border: 1px solid var(--blue-txt);
  border-radius: 8px;
  padding: 0;
  margin: 0;
  font-family: var(--font-family-sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  overflow: hidden;
  transition: background-position 250ms ease-in-out;
  z-index: 0; }
  .button-colored span {
    display: inline-block;
    color: var(--white-txt);
    background: linear-gradient(to right, var(--black-txt) 50%, var(--white-txt) 50%) no-repeat 100% 50%/200% 100%;
    padding: 16px 50px;
    white-space: nowrap;
    max-width: 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    transition: inherit; }
    @media (min-width: 576px) {
      .button-colored span {
        padding: 16px 100px; } }
  .button-colored i {
    vertical-align: baseline;
    margin-left: 8px; }
  .button-colored::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, var(--white-txt) 50%, var(--blue-txt) 50%) no-repeat 100% 50%/200% 100%;
    transition: inherit;
    z-index: -1; }
  .button-colored:hover {
    background-position: 0% 50%; }
    .button-colored:hover span {
      background-position: inherit; }
    .button-colored:hover::before {
      background-position: inherit; }
  .button-colored--white span {
    background-image: linear-gradient(to right, var(--white-txt) 50%, var(--black-txt) 50%);
    background-position: 100% 50%; }
  .button-colored--white::before {
    background: linear-gradient(to right, var(--blue-txt) 50%, var(--white-txt) 50%) no-repeat 100% 50%/200% 100%; }
  .button-colored--white:hover {
    background-position: 0% 50%; }
  .button-colored--small span {
    font-size: 16px;
    font-weight: 500;
    padding: 12px 20px; }
    @media (min-width: 576px) {
      .button-colored--small span {
        padding: 12px 30px; } }
  .button-colored--no-stroke {
    border-color: transparent; }

.get-started-button.trial-button .button-colored span {
  padding: 12px 30px !important; }

.btn-password-toggle {
  background: #fff;
  color: var(--gray-txt);
  border: 1px solid #d5ddea;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: none;
  border-radius: 4px;
  padding: 0 12px;
  transition: border-color ease-in-out 0.15s; }

.input-password-toggle {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none !important; }

.sbc-btn.sbc-checked {
  color: var(--blue-txt);
  background-color: var(--white-txt); }

.paginator ul.pagination {
  display: flex;
  justify-content: space-between; }

.paginator ul.pagination a i.fa-chevron-right {
  padding: 0 0 0 10px;
  position: relative;
  top: 1px; }

.paginator ul.pagination a i.fa-chevron-left {
  padding: 0 10px 0 0;
  top: 1px; }

.paginator ul.pagination ul.pagination-numbers {
  display: flex;
  align-items: center;
  padding: 0; }

.paginator ul.pagination ul.pagination-numbers li {
  list-style: none;
  padding: 0 15px; }

.paginator ul.pagination li.active a {
  color: var(--secondary); }

.pagination .next,
.pagination .previous,
.pagination .next a,
.pagination .previous a {
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--primary); }

.pagination .next:hover,
.pagination .previous:hover,
.pagination .next a:hover,
.pagination .previous a:hover {
  color: var(--secondary);
  background: transparent;
  box-shadow: none; }

.pagination .next a.disabled,
.pagination .previous a.disabled {
  color: #777; }

/* special hack, applies on UL only while page is loading */
.started-hidden {
  display: none; }

/* hides default mmenu's titlebar */
.mm-navbar,
.mm-panel .mm-navbar,
.mm-panel.mm-hasnavbar .mm-navbar {
  display: none !important; }

/**** TEMP FOR MMENU-ON/OFF-TOGGLE-BUTTON ****/
.tlm-toggle {
  /*z-index:   1200;*/
  background-color: transparent;
  border-radius: 5px;
  display: inline-flex;
  /*border: 2px solid transparent;*/
  /*border: 2px solid red;*/ }

.tlm-toggle a {
  display: block;
  color: #5b6880;
  background-color: transparent;
  align-self: center;
  padding: 10px;
  border-radius: 5px;
  font-size: .75rem;
  transition: all 0.2s ease-in-out; }
  .tlm-toggle a:hover {
    background-color: transparent; }
  .tlm-toggle a:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 81, 249, 0.25); }

.tlm-toggle a img {
  width: 100%;
  height: 100%; }

.tlm-toggle .fa-bars {
  color: #777;
  margin-right: 5px; }

.tlm-toggle .underline {
  display: block;
  width: 100%;
  height: 25%;
  border-width: 1px;
  border-style: solid;
  border-color: transparent; }

.tlm-toggle .underline.first {
  border-bottom-color: var(--white); }

.tlm-toggle .underline.middle {
  border-top-color: var(--white);
  border-bottom-color: var(--white); }

.tlm-toggle .underline.last {
  border-top-color: var(--white); }

#tl-mmenu .dropdown-menu {
  border: none !important;
  box-shadow: none !important;
  background-color: white !important; }

#tl-mmenu .bootstrap-datetimepicker-widget {
  left: 20px !important;
  width: 87% !important; }

#tl-mmenu .bootstrap-datetimepicker-widget table td.disabled {
  color: #999;
  background-color: inherit; }

#tl-mmenu .bootstrap-datetimepicker-widget table td.today {
  color: #FFF;
  background-color: #B32D04; }

#tl-menu .bootstrap-datetimepicker-widget table td span {
  display: inline-block !important;
  width: 54px !important;
  color: #333 !important;
  font-size: 1em !important; }

.tlm-filter-languages-list {
  width: 128px !important;
  max-width: 128px !important;
  left: 30px !important; }

/*****************************************************/
/*           local Ticketsland MMENU styles          */
/*****************************************************/
#tl-mmenu {
  z-index: 10000;
  top: 0;
  background-color: var(--white);
  box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.25); }

#tl-mmenu .mm-listview li a {
  text-transform: uppercase;
  text-align: center;
  padding: 0.4rem 0.75rem;
  font-weight: 500;
  color: var(--gray-800);
  transition: all 0.2s ease-in-out; }

#tl-mmenu .mm-listview li > a:hover {
  background-color: var(--primary-color-100); }

/*#tl-mmenu .mm-listview li:hover {
	border-bottom-color: #B0B0B0;
}*/
#tl-mmenu .mm-listview li:hover a,
#tl-mmenu .mm-listview li:hover i {
  color: var(--primary); }

/************ FONT AWESOME ************/
#tl-mmenu .tlm-header .tlm-top .fa {
  margin-top: 17px;
  font-size: 26px;
  color: #777; }

#tl-mmenu .tlm-header .tlm-search .fa {
  font-size: 20px;
  color: #555; }

#tl-mmenu .tlm-top a:hover i.fa {
  color: var(--primary); }

/************ HEAD ROW ************/
.mmenu-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0; }
  .mmenu-wrapper .mmenu-header__container {
    padding: 20px 20px 12px 20px; }
    .mmenu-wrapper .mmenu-header__container .mmenu-header__logo {
      color: var(--black-txt); }
    .mmenu-wrapper .mmenu-header__container .mmenu-header__title {
      margin-left: 0.5em;
      padding: 5px 0 6px 0; }
      .mmenu-wrapper .mmenu-header__container .mmenu-header__title .mmenu-header__text {
        font-size: 1rem;
        white-space: nowrap;
        line-height: 1.5; }
    .mmenu-wrapper .mmenu-header__container .mmenu-header__close {
      color: #5b6880;
      border: none;
      background: transparent;
      margin: 0;
      padding: 0;
      width: 24px;
      height: 24px;
      border-radius: 5px; }
      .mmenu-wrapper .mmenu-header__container .mmenu-header__close:hover {
        color: var(--blue-txt);
        cursor: pointer; }
      .mmenu-wrapper .mmenu-header__container .mmenu-header__close:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 81, 249, 0.25); }
  .mmenu-wrapper .mmenu-nav__list {
    margin-top: 1rem; }
    .mmenu-wrapper .mmenu-nav__list .mmenu-nav__item .mmenu-nav-link {
      display: block;
      width: 100%;
      height: 100%;
      padding: 16px 24px;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.5;
      color: #63718c;
      text-align: left;
      transition: background-color 200ms linear, color 200ms linear; }
      .mmenu-wrapper .mmenu-nav__list .mmenu-nav__item .mmenu-nav-link:hover {
        color: var(--blue-txt);
        background-color: #ebf0f9; }
      .mmenu-wrapper .mmenu-nav__list .mmenu-nav__item .mmenu-nav-link.active {
        background-color: #ebf0f9; }
    .mmenu-wrapper .mmenu-nav__list .mmenu-nav__item .mmenu-nav-link__secondary {
      display: block;
      width: 100%;
      height: 100%;
      padding: 0.625rem 20px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: -0.02em;
      text-align: left;
      font-size: 1rem;
      color: var(--gray-txt); }
      .mmenu-wrapper .mmenu-nav__list .mmenu-nav__item .mmenu-nav-link__secondary:hover {
        color: var(--blue-txt); }
      .mmenu-wrapper .mmenu-nav__list .mmenu-nav__item .mmenu-nav-link__secondary.active {
        color: var(--blue-txt); }
      .mmenu-wrapper .mmenu-nav__list .mmenu-nav__item .mmenu-nav-link__secondary.active:hover {
        color: var(--blue-txt-hover); }

#tl-mmenu .tlm-top {
  float: left;
  width: 100%; }

#tl-mmenu .tlm-top div {
  float: left;
  display: block; }

#tl-mmenu .tlm-logo,
#tl-mmenu .tlm-welcome,
#tl-mmenu .tlm-settings,
#tl-mmenu .tlm-sign {
  height: 55px; }

#tl-mmenu .tlm-logo {
  text-align: right;
  width: 15%; }

#tl-mmenu .tlm-logo img {
  margin-top: 10px;
  height: 65%;
  width: auto; }

#tl-mmenu .tlm-welcome {
  width: 55%;
  /* 2x15+15=45-100=>55 */ }

#tl-mmenu .tlm-welcome-row-1,
#tl-mmenu .tlm-welcome-row-2 {
  height: 50%;
  width: 100%;
  display: block;
  padding-left: 10px;
  overflow: hidden; }

#tl-mmenu .tlm-welcome-row-1 {
  padding-top: 10px; }

#tl-mmenu .tlm-welcome-row-2 {
  font-size: 0.8em;
  color: var(--secondary);
  padding-top: 2px; }

#tl-mmenu .tlm-settings,
#tl-mmenu .tlm-sign {
  width: 15%;
  text-align: center;
  border-left: 1px solid #AAA; }

/* countries and languages filters */
#tl-mmenu .tlm-filter-countries button.btn.btn-link,
#tl-mmenu .tlm-filter-languages button.btn.btn-link {
  border-color: transparent !important;
  background-color: transparent !important;
  color: #777;
  font-size: 1em;
  text-transform: uppercase;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
  tap-highlight-color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  padding: 6px 2px;
  margin-bottom: 10px;
  /*
    text-transform: uppercase;
    text-align: center;
    padding-right: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
    display: block;
    padding: 4px 0px;
    margin: 0;
    */ }

#tl-mmenu .tlm-filter-countries .dropdown-item,
#tl-mmenu .tlm-filter-languages .dropdown-item {
  padding: 0.25rem 2px; }

/************ SEARCH ROW ************/
#tl-mmenu .tlm-search {
  padding: 0px 20px;
  width: 100%;
  float: left;
  margin-bottom: 8px; }

#tl-mmenu .tlm-search div {
  /*height: 50px;*/ }

#tl-mmenu .tlm-search-text {
  /*
    padding-top: 21px;
    height: 48px;
    */
  padding-left: 2px;
  height: 27px;
  width: 90%;
  float: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }

#tl-mmenu .tlm-search-text input {
  width: 95%;
  border: none;
  background-color: transparent;
  color: #777;
  font-size: 0.9 em;
  font-family: "arial narrow", Arial, sans-serif;
  font-stretch: condensed; }

#tl-mmenu .tlm-search-text .select2-container {
  width: 95% !important;
  border: none;
  background-color: transparent;
  color: #777; }

#tl-mmenu .tlm-search-icon {
  padding-top: 3px;
  width: 10%;
  float: right;
  text-align: right;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  /* height: 48px;*/
  height: 27px; }

#tl-mmenu .tlm-filter-events-list {
  position: absolute;
  top: 180px;
  left: 20px;
  padding: 5px;
  width: 86%;
  box-sizing: content-box; }

#tl-mmenu .tlm-filter-events-list a {
  border-top: 1px solid #E0E0E0;
  /*padding: 5px 0;*/ }

#tl-mmenu .tlm-filter-events-list a,
#tl-mmenu .tlm-filter-events-list a span {
  display: block;
  width: 100%;
  float: left;
  padding-left: 5px;
  overflow: hidden;
  font-size: 11px; }

/** taken from jquery-ui.css **/
/** IT IS ROOT!!! <first element after body> **/
.ui-menu.ui-autocomplete {
  position: absolute;
  top: 102px;
  left: 20px;
  list-style: none;
  padding: 5px;
  margin: 0;
  display: block;
  width: 281px !important;
  z-index: 100;
  cursor: default;
  overflow: hidden;
  max-height: 450px;
  border-top: 1px solid silver;
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-menu .ui-menu-item {
  font-size: 12px;
  padding: 0px 3px;
  border-radius: 4px;
  border: 1px solid transparent; }

.ui-menu .ui-menu-item:hover {
  background-color: rgba(255, 240, 240, 0.4);
  cursor: pointer;
  /*border-color: rgba(181, 1, 0, 0.40);*/
  /* var(--primary); */ }

.ui-menu .ui-menu-item:hover > .title {
  /*border-bottom-color: var(--primary);*/ }

.ui-menu .ui-menu-item .ui-menu-item-wrapper {
  display: block;
  height: 35px;
  margin: 2px 0px; }

.ui-menu .ui-menu-item .ui-menu-item-wrapper span {
  font-family: "arial narrow", Arial, sans-serif;
  font-stretch: condensed; }

.ui-menu .ui-menu-item:first-child .ui-menu-item-wrapper .title {
  /*color: red;*/
  border-top: 1px solid transparent; }

.ui-menu .ui-menu-item .ui-menu-item-wrapper .title {
  color: #000;
  float: left;
  width: 100%;
  height: 20px;
  overflow: hidden;
  font-size: 13px;
  padding-top: 4px;
  /*padding-left: 2px;*/
  text-overflow: ellipsis;
  /*border-bottom: 1px solid #D0D0D0;*/
  border-top: 1px solid #D0D0D0;
  text-transform: uppercase;
  margin-bottom: 2px; }

.ui-menu .ui-menu-item .ui-menu-item-wrapper .hall {
  width: 83%;
  float: left;
  color: var(--primary);
  height: 16px;
  overflow: hidden;
  font-size: 10px;
  line-height: 9px;
  /*padding-left: 2px;*/
  text-transform: uppercase; }

.ui-menu .ui-menu-item .ui-menu-item-wrapper .data {
  width: 17%;
  float: left;
  height: 16px;
  font-size: 10px;
  line-height: 8px;
  padding-left: 3px; }

.ui-menu .ui-menu-item .ui-menu-item-wrapper .data .suffix {
  color: var(--primary);
  font-size: 8px !important;
  text-transform: uppercase;
  vertical-align: text-bottom; }

.ui-menu .ui-menu-item .ui-menu-item-wrapper .data .day
.ui-menu .ui-menu-item .ui-menu-item-wrapper .data .month {
  line-height: 9px; }

.ui-menu .ui-menu-item .ui-menu-item-wrapper .data .month {
  padding-left: 3px; }

/************ BIG ICONS ************/
#tl-mmenu .tlm-filter {
  float: left;
  padding: 10px 20px 0px 20px;
  width: 100%; }

#tl-mmenu .tlm-filter-icons {
  float: left;
  display: block;
  text-transform: uppercase;
  text-align: center;
  width: 33.3333%; }

#tl-mmenu .tlm-filter-icons img {
  max-width: auto;
  width: auto;
  height: 40px; }

#tl-mmenu .tlm-filter-icons a span {
  display: block;
  width: 100%;
  font-size: 0.7em;
  color: #777;
  padding-top: 5px; }

#tl-mmenu .tlm-filter-icons:hover span {
  color: #4E4E4E; }

#tl-mmenu .tlm-filter-icons a:focus,
#tl-mmenu .tlm-filter-icons a:active,
#tl-mmenu .tlm-filter-icons a:hover {
  /*border-bottom: 1px solid var(--primary);*/
  border-color: transparent !important;
  outline-style: none !important;
  outline-color: transparent !important;
  outline-width: 0px !important;
  text-decoration: none !important; }

#tl-mmenu .tlm-filter-icons a:focus,
#tl-mmenu .tlm-filter-icons a:active {
  color: var(--primary); }

/*#tl-mmenu .tlm-filter-categories {

}*/
#tl-mmenu .tlm-filter-categories-list {
  position: absolute;
  top: 180px;
  left: 20px;
  padding: 5px;
  width: 84.5%;
  box-sizing: content-box; }

#tl-mmenu .tlm-filter-categories-list a {
  border-top: 1px solid #E0E0E0;
  padding: 5px 0; }

#tl-mmenu .tlm-filter-categories-list a,
#tl-mmenu .tlm-filter-categories-list a span {
  display: block;
  height: 28px;
  width: 100%;
  font-size: 12px; }

#tl-mmenu .tlm-filter-categories-list a:first-of-type {
  border-top-color: transparent; }

#tl-mmenu .tlm-filter-categories-list a:hover {
  background-color: rgba(245, 180, 180, 0.1); }

#tl-mmenu .tlm-filter-categories-list a:hover,
#tl-mmenu .tlm-filter-categories-list a:hover > span {
  color: var(--primary); }

#tl-mmenu .tlm-filter-categories-list a span.text-left {
  width: 60%;
  float: left;
  padding-left: 5px; }

#tl-mmenu .tlm-filter-categories-list a span.text-right {
  width: 40%;
  float: right;
  padding-right: 5px; }

#tl-mmenu .tlm-filter-categories-list a span.text-right span {
  width: 50%;
  display: inline;
  text-transform: lowercase !important; }

/************ MENU LIST ************/
#tlm-list {
  padding: 0px 20px; }

#tlm-list li a {
  position: relative;
  font-size: 1em;
  padding-right: 32px;
  /** компенсация справа для симметричного расположения текста **/ }

#tlm-list li a i.fa {
  display: flex;
  align-items: center;
  position: absolute;
  left: 20px;
  top: 0;
  height: 100%; }

#tlm-list .tlm-list-blank {
  height: 20px;
  padding: 0 20px;
  display: block; }

#tlm-list .tlm-list-blank span {
  display: block;
  width: 100%;
  height: 5px;
  /*border-bottom: 2px solid rgba(0,0,0,0.1);*/ }

/************ IN DA FOOTER ************/
#tl-mmenu .tlm-bottom {
  margin-top: 10px; }

#tl-mmenu .tlm-bottom-copyright {
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 0.55em;
  text-align: center; }

@media (min-height: 600px) {
  #tl-mmenu .tlm-bottom-copyright {
    margin-top: 40px; } }

@media (max-width: 330px) {
  #tl-mmenu .bootstrap-datetimepicker-widget td {
    padding: 3px;
    width: 15px;
    height: 15px;
    font-size: 0.9em; } }

#tl-mmenu .tlm-bottom-iconcards {
  text-align: center;
  width: 100%; }

#tl-mmenu .tlm-bottom-iconcards img {
  max-height: 20px;
  width: 25px;
  margin: 3px; }

/*****************************************************/
/*           main CSS for JQ MMENU Plugin            */
/*****************************************************/
.mm-hidden {
  display: none !important; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu {
  box-sizing: border-box;
  background: inherit;
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.mm-panels,
.mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit;
  box-sizing: border-box;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.mm-panels {
  overflow: hidden; }

.mm-panel {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left; }

.mm-panel.mm-opened {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-panel.mm-subopened {
  -webkit-transform: translate(-30%, 0);
  -ms-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0); }

.mm-panel.mm-highest {
  z-index: 1; }

.mm-panel.mm-noanimation {
  -webkit-transition: none !important;
  transition: none !important; }

.mm-panel.mm-noanimation.mm-subopened {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-panels > .mm-panel {
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  /*padding:0 20px;*/ }

/*.mm-panels>.mm-panel.mm-hasnavbar {
	padding-top:40px;
	padding-top: 0px;
}*/
.mm-panels > .mm-panel:not(.mm-hidden) {
  display: block; }

.mm-panels > .mm-panel:after,
.mm-panels > .mm-panel:before {
  content: '';
  display: block;
  /*height: 20px;*/
  height: 0px; }

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.mm-listview .mm-vertical .mm-panel,
.mm-vertical .mm-listview .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }

.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after,
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
  border-color: transparent; }

.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block; }

.mm-listview > li.mm-vertical > .mm-next,
.mm-vertical .mm-listview > li > .mm-next {
  box-sizing: border-box;
  height: 40px;
  bottom: auto; }

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after,
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  right: 19px; }

.mm-btn {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  z-index: 1; }

.mm-clear:after,
.mm-clear:before,
.mm-close:after,
.mm-close:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.mm-clear:before,
.mm-close:before {
  border-right: none;
  border-bottom: none;
  right: 18px; }

.mm-clear:after,
.mm-close:after {
  border-left: none;
  border-top: none;
  right: 25px; }

.mm-next:after,
.mm-prev:before {
  content: '';
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0; }

.mm-prev:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 23px;
  right: auto; }

.mm-next:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 23px;
  left: auto; }

.mm-navbar {
  border-bottom: 1px solid;
  border-color: inherit;
  text-align: center;
  line-height: 20px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.mm-navbar > * {
  display: block;
  padding: 10px 0; }

.mm-navbar a,
.mm-navbar a:hover {
  text-decoration: none; }

.mm-navbar .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.mm-navbar .mm-btn:first-child {
  left: 0; }

.mm-navbar .mm-btn:last-child {
  text-align: right;
  right: 0; }

.mm-panel .mm-navbar {
  display: none; }

.mm-panel.mm-hasnavbar .mm-navbar {
  /*display:block*/
  display: none; }

.mm-listview,
.mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-listview {
  font: inherit;
  font-size: 14px;
  line-height: 20px; }

.mm-listview a,
.mm-listview a:hover {
  text-decoration: none; }

.mm-listview > li {
  position: relative; }

.mm-listview > li,
.mm-listview > li .mm-next,
.mm-listview > li .mm-next:before,
.mm-listview > li:after {
  border-color: inherit; }

.mm-listview > li > a,
.mm-listview > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  display: block;
  /*padding:10px 10px 10px 20px;*/
  padding: 4px 0px;
  margin: 0; }

.mm-listview > li:not(.mm-divider):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.mm-listview > li:not(.mm-divider):after {
  left: 20px; }

.mm-listview > li:last-child:after {
  border-bottom-color: transparent; }

.mm-listview .mm-next {
  background: rgba(3, 2, 1, 0);
  width: 50px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2; }

.mm-listview .mm-next:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; }

.mm-listview .mm-next + a,
.mm-listview .mm-next + span {
  margin-right: 50px; }

.mm-listview .mm-next.mm-fullsubopen {
  width: 100%; }

.mm-listview .mm-next.mm-fullsubopen:before {
  border-left: none; }

.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span {
  padding-right: 50px;
  margin-right: 0; }

.mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px; }

.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px; }

.mm-menu {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75); }

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-listview {
  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu .mm-listview > li .mm-next:after {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
  tap-highlight-color: rgba(255, 255, 255, 0.5); }

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.5); }

.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu .mm-divider {
  background: rgba(0, 0, 0, 0.05); }

.mm-page {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  flex: 1 0 0%; }

.mm-slideout {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  overflow-x: hidden; }

html.mm-opened {
  overflow-x: hidden;
  position: relative; }

html.mm-blocking {
  overflow: hidden; }

html.mm-blocking body {
  overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2; }

html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  z-index: 0;
  display: none;
  position: fixed; }

.mm-menu.mm-offcanvas.mm-opened {
  display: block; }

.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
  z-index: 10; }

.mm-menu.mm-offcanvas {
  min-width: 320px;
  max-width: 372px; }

html.mm-opening .mm-menu ~ .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-menu ~ .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 550px) {
  html.mm-opening .mm-menu ~ .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    transform: translate(440px, 0);
    -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0); } }

.mm-sronly {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important; }

.mm-menu .mm-listview.mm-border-none > li:after,
.mm-menu .mm-listview > li.mm-border-none:after,
.mm-menu.mm-border-none .mm-listview > li:after {
  content: none; }

.mm-menu .mm-listview.mm-border-full > li:after,
.mm-menu .mm-listview > li.mm-border-full:after,
.mm-menu.mm-border-full .mm-listview > li:after {
  left: 0 !important; }

.mm-menu .mm-listview.mm-border-offset > li:after,
.mm-menu .mm-listview > li.mm-border-offset:after,
.mm-menu.mm-border-offset .mm-listview > li:after {
  right: 20px; }

.mm-menu.mm-offcanvas.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px; }

html.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

@media all and (max-width: 140px) {
  html.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 10000px) {
  html.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
    -webkit-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    transform: translate(10000px, 0);
    -webkit-transform: translate3d(10000px, 0, 0);
    transform: translate3d(10000px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

@media all and (max-width: 140px) {
  html.mm-right.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 10000px) {
  html.mm-right.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
    -webkit-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0);
    -webkit-transform: translate3d(-10000px, 0, 0);
    transform: translate3d(-10000px, 0, 0); } }

.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
  height: 100%;
  min-height: 140px;
  max-height: 10000px; }

.mm-menu.mm-fx-menu-zoom {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease; }

html.mm-opened .mm-menu.mm-fx-menu-zoom {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center; }

html.mm-opening .mm-menu.mm-fx-menu-zoom {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0); }

html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom {
  -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center; }

html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0); }

.mm-menu.mm-fx-menu-slide {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease; }

html.mm-opened .mm-menu.mm-fx-menu-slide {
  -webkit-transform: translate(-30%, 0);
  -ms-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0); }

html.mm-opening .mm-menu.mm-fx-menu-slide {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide {
  -webkit-transform: translate(30%, 0);
  -ms-transform: translate(30%, 0);
  transform: translate(30%, 0);
  -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0); }

html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-fx-menu-fade {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease; }

html.mm-opening .mm-menu.mm-fx-menu-fade {
  opacity: 1; }

.mm-menu .mm-fx-panels-none.mm-panel,
.mm-menu.mm-fx-panels-none .mm-panel {
  -webkit-transition-property: none;
  transition-property: none; }

.mm-menu .mm-fx-panels-none.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-none .mm-panel.mm-subopened {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu .mm-fx-panels-zoom.mm-panel,
.mm-menu.mm-fx-panels-zoom .mm-panel {
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0); }

.mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened,
.mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0); }

.mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); }

.mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu .mm-fx-panels-slide-up.mm-panel,
.mm-menu.mm-fx-panels-slide-up .mm-panel {
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened,
.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened,
.mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li {
  -webkit-transition: none .4s ease;
  transition: none .4s ease; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(1) {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(2) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(3) {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(4) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(5) {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(6) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(7) {
  -webkit-transition-delay: 350ms;
  transition-delay: 350ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(8) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(9) {
  -webkit-transition-delay: 450ms;
  transition-delay: 450ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(10) {
  -webkit-transition-delay: .5s;
  transition-delay: .5s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(11) {
  -webkit-transition-delay: 550ms;
  transition-delay: 550ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(12) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(13) {
  -webkit-transition-delay: 650ms;
  transition-delay: 650ms; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(14) {
  -webkit-transition-delay: .7s;
  transition-delay: .7s; }

.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(15) {
  -webkit-transition-delay: 750ms;
  transition-delay: 750ms; }

.mm-menu.mm-fx-listitems-slide .mm-listview > li {
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
  opacity: 0; }

html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview > li {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.mm-menu.mm-fx-listitems-fade .mm-listview > li {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  opacity: 0; }

html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview > li {
  opacity: 1; }

.mm-menu.mm-fx-listitems-drop .mm-listview > li {
  -webkit-transition-property: opacity,top;
  transition-property: opacity,top;
  opacity: 0;
  top: -25%; }

html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview > li {
  opacity: 1;
  top: 0; }

html.mm-iconbar body {
  overflow-x: hidden; }

html.mm-iconbar .mm-page {
  background: inherit;
  min-height: 100vh; }

html.mm-iconbar .mm-slideout {
  box-sizing: border-box;
  padding-right: 60px;
  -webkit-transform: translate(60px, 0);
  -ms-transform: translate(60px, 0);
  transform: translate(60px, 0);
  -webkit-transform: translate3d(60px, 0, 0);
  transform: translate3d(60px, 0, 0); }

.mm-menu.mm-iconbar {
  display: block; }

.mm-menu .mm-panels > .mm-panel.mm-listview-justify:after,
.mm-menu .mm-panels > .mm-panel.mm-listview-justify:before,
.mm-menu.mm-listview-justify .mm-panels > .mm-panel:after,
.mm-menu.mm-listview-justify .mm-panels > .mm-panel:before {
  content: none;
  display: none; }

.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview,
.mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0; }

.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li,
.mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-height: 40px; }

.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li:not(.mm-divider),
.mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > a:not(.mm-next),
.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > span,
.mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > a:not(.mm-next),
.mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > span {
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.mm-listview-small .mm-listview > li > a:not(.mm-next),
.mm-listview-small .mm-listview > li > span {
  padding: 7px 10px 7px 20px; }

.mm-listview-small .mm-listview > li.mm-vertical > .mm-next,
.mm-listview-small .mm-vertical > .mm-listview > li > .mm-next {
  height: 34px; }

.mm-listview-large .mm-listview > li > a:not(.mm-next),
.mm-listview-large .mm-listview > li > span {
  padding: 15px 10px 15px 20px; }

.mm-listview-large .mm-listview > li.mm-vertical > .mm-next,
.mm-listview-large .mm-vertical > .mm-listview > li > .mm-next {
  height: 50px; }

.mm-listview-huge .mm-listview > li > a:not(.mm-next),
.mm-listview-huge .mm-listview > li > span {
  padding: 20px 10px 20px 20px; }

.mm-listview-huge .mm-listview > li.mm-vertical > .mm-next,
.mm-listview-huge .mm-vertical > .mm-listview > li > .mm-next {
  height: 60px; }

.mm-listview .mm-divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px; }

.mm-listview .mm-spacer {
  padding-top: 40px; }

.mm-listview .mm-spacer > .mm-next {
  top: 40px; }

.mm-listview .mm-spacer.mm-divider {
  padding-top: 25px; }

.mm-listview .mm-inset {
  list-style: inside disc;
  padding: 0 10px 15px 40px;
  margin: 0; }

.mm-listview .mm-inset > li {
  padding: 5px 0; }

.mm-menu .mm-listview.mm-multiline > li > a,
.mm-menu .mm-listview.mm-multiline > li > span,
.mm-menu .mm-listview > li.mm-multiline > a,
.mm-menu .mm-listview > li.mm-multiline > span,
.mm-menu.mm-multiline .mm-listview > li > a,
.mm-menu.mm-multiline .mm-listview > li > span {
  text-overflow: clip;
  white-space: normal; }

.mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
  opacity: 0; }

html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
  opacity: .3;
  -webkit-transition: opacity .4s ease .4s;
  transition: opacity .4s ease .4s; }

.mm-menu.mm-opened.mm-pagedim ~ #mm-blocker {
  background: inherit; }

.mm-menu.mm-opened.mm-pagedim-white ~ #mm-blocker {
  background: #fff; }

.mm-menu.mm-opened.mm-pagedim-black ~ #mm-blocker {
  background: #000; }

.mm-menu.mm-popup {
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%;
  min-height: 140px;
  max-height: 880px;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.mm-menu.mm-popup.mm-opened ~ .mm-slideout {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  z-index: 0; }

.mm-menu.mm-popup.mm-opened ~ #mm-blocker {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
  z-index: 1; }

html.mm-opening .mm-menu.mm-popup {
  opacity: 1; }

.mm-menu.mm-offcanvas.mm-right {
  left: auto; }

html.mm-right.mm-opening .mm-menu ~ .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-menu ~ .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-menu ~ .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    transform: translate(-440px, 0);
    -webkit-transform: translate3d(-440px, 0, 0);
    transform: translate3d(-440px, 0, 0); } }

html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  z-index: 0; }

html.mm-front #mm-blocker {
  z-index: 1; }

html.mm-front .mm-menu.mm-offcanvas {
  z-index: 2; }

.mm-menu.mm-offcanvas.mm-front,
.mm-menu.mm-offcanvas.mm-next {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu.mm-offcanvas.mm-front.mm-right,
.mm-menu.mm-offcanvas.mm-next.mm-right {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.mm-menu.mm-offcanvas.mm-top {
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

.mm-menu.mm-offcanvas.mm-bottom {
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.mm-menu.mm-offcanvas.mm-bottom,
.mm-menu.mm-offcanvas.mm-top {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-offcanvas.mm-bottom {
  top: auto; }

html.mm-opening .mm-menu.mm-offcanvas.mm-front,
html.mm-opening .mm-menu.mm-offcanvas.mm-next {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-offcanvas.mm-bottom,
.mm-menu.mm-offcanvas.mm-top {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

.mm-menu.mm-shadow-page:after {
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 100; }

.mm-menu.mm-shadow-page.mm-right:after {
  left: auto;
  right: 100%; }

.mm-menu.mm-shadow-page.mm-front:after,
.mm-menu.mm-shadow-page.mm-next:after {
  content: none;
  display: none; }

.mm-menu.mm-shadow-page:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-dark {
  background: #333;
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.8); }

.mm-menu.mm-theme-dark .mm-navbar a,
.mm-menu.mm-theme-dark .mm-navbar > * {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-btn:after,
.mm-menu.mm-theme-dark .mm-btn:before {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-listview {
  border-color: rgba(0, 0, 0, 0.15); }

.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  tap-highlight-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-theme-dark .mm-divider {
  background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-theme-dark label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.8); }

.mm-menu.mm-theme-dark em.mm-counter {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-keyboardfocus a:focus {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-shadow-page.mm-theme-dark:after {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu.mm-theme-dark .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8); }

.mm-menu.mm-theme-dark .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-dark .mm-indexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-dark label.mm-toggle {
  background: rgba(0, 0, 0, 0.15); }

.mm-menu.mm-theme-dark label.mm-toggle:before {
  background: #333; }

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu.mm-theme-white {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-theme-white .mm-navbar a,
.mm-menu.mm-theme-white .mm-navbar > * {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-btn:after,
.mm-menu.mm-theme-white .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-listview {
  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
  tap-highlight-color: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-theme-white .mm-divider {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-theme-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-theme-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-keyboardfocus a:focus {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-shadow-page.mm-theme-white:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.mm-menu.mm-theme-white .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-theme-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-theme-white .mm-indexer a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(0, 0, 0, 0.05); }

.mm-menu.mm-theme-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-theme-white label.mm-toggle:before {
  background: #fff; }

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu.mm-theme-black {
  background: #000;
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-theme-black .mm-navbar a,
.mm-menu.mm-theme-black .mm-navbar > * {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-btn:after,
.mm-menu.mm-theme-black .mm-btn:before {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-listview {
  border-color: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
  border-color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
  tap-highlight-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black .mm-divider {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-theme-black em.mm-counter {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-fixeddivider span {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-keyboardfocus a:focus {
  background: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-shadow-page.mm-theme-black:after {
  content: none;
  display: none; }

.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: false; }

.mm-menu.mm-theme-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-theme-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-theme-black .mm-indexer a {
  color: rgba(255, 255, 255, 0.4); }

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover {
  background: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-theme-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-theme-black label.mm-toggle:before {
  background: #000; }

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after {
  content: '';
  display: block;
  clear: both; }

.mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li {
  width: 50%;
  height: 0;
  padding: 50% 0 0 0;
  float: left;
  position: relative; }

.mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after {
  left: 0;
  top: 0;
  border-right-width: 1px;
  border-right-style: solid;
  z-index: -1; }

.mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
  width: 12.5%;
  padding-top: 12.5%; }

.mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
  width: 25%;
  padding-top: 25%; }

.mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
  width: 75%;
  padding-top: 75%; }

.mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
  width: 100%;
  padding-top: 100%; }

.mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span {
  line-height: 1px;
  text-align: center;
  padding: 50% 10px 0 10px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 1px;
  left: 0; }

.mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next {
  width: auto; }

.mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before {
  content: none;
  display: none; }

.mm-menu.mm-tileview .mm-panel {
  padding-left: 0;
  padding-right: 0; }

.mm-menu.mm-tileview .mm-panel:after {
  content: none;
  display: none; }

.mm-menu.mm-tileview .mm-listview {
  margin: 0; }

html.mm-widescreen body {
  position: relative; }

html.mm-widescreen #mm-blocker {
  display: none !important; }

html.mm-widescreen .mm-slideout {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  width: 70% !important;
  margin-left: 30% !important; }

html.mm-widescreen .mm-page {
  background: inherit;
  box-sizing: border-box; }

html.mm-widescreen.mm-blocking, html.mm-widescreen.mm-blocking body {
  overflow: auto; }

.mm-menu.mm-widescreen {
  border-right-width: 1px;
  border-right-style: solid;
  display: block !important;
  width: 30% !important;
  min-width: 0 !important;
  max-width: none !important;
  top: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 100 !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.mm-menu.mm-widescreen.mm-pageshadow:after {
  content: none;
  display: none; }

.mm-menu.mm-autoheight {
  -webkit-transition: none .4s ease;
  transition: none .4s ease;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform; }

.mm-menu.mm-autoheight:not(.mm-offcanvas) {
  position: relative; }

.mm-menu.mm-measureheight .mm-panel {
  display: block !important; }

.mm-menu.mm-measureheight .mm-panels > .mm-panel {
  bottom: auto !important;
  height: auto !important; }

.mm-columns {
  -webkit-transition-property: width;
  transition-property: width; }

.mm-columns .mm-panels > .mm-panel {
  right: auto;
  -webkit-transition-property: width,-webkit-transform;
  transition-property: width,-webkit-transform;
  transition-property: width,transform;
  transition-property: width,transform,-webkit-transform; }

.mm-columns .mm-panels > .mm-panel.mm-opened, .mm-columns .mm-panels > .mm-panel.mm-subopened {
  border-left: 1px solid;
  border-color: inherit;
  display: block !important; }

.mm-columns .mm-panels > .mm-columns-0 {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-columns-0 .mm-panels > .mm-panel {
  z-index: 0; }

.mm-columns-0 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-columns-0 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-0 {
  width: 80%;
  min-width: 140px;
  max-width: 0; }

html.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 0px) {
  html.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 0px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.mm-columns .mm-panels > .mm-columns-1 {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.mm-columns-1 .mm-panels > .mm-panel {
  z-index: 1;
  width: 100%; }

.mm-columns-1 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-columns-1 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
  -webkit-transform: translate(200%, 0);
  -ms-transform: translate(200%, 0);
  transform: translate(200%, 0);
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-1 {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 550px) {
  html.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    transform: translate(440px, 0);
    -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    transform: translate(-440px, 0);
    -webkit-transform: translate3d(-440px, 0, 0);
    transform: translate3d(-440px, 0, 0); } }

.mm-columns .mm-panels > .mm-columns-2 {
  -webkit-transform: translate(200%, 0);
  -ms-transform: translate(200%, 0);
  transform: translate(200%, 0);
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0); }

.mm-columns-2 .mm-panels > .mm-panel {
  z-index: 2;
  width: 50%; }

.mm-columns-2 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-columns-2 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
  -webkit-transform: translate(300%, 0);
  -ms-transform: translate(300%, 0);
  transform: translate(300%, 0);
  -webkit-transform: translate3d(300%, 0, 0);
  transform: translate3d(300%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-2 {
  width: 80%;
  min-width: 140px;
  max-width: 880px; }

html.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 1100px) {
  html.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
    -webkit-transform: translate(880px, 0);
    -ms-transform: translate(880px, 0);
    transform: translate(880px, 0);
    -webkit-transform: translate3d(880px, 0, 0);
    transform: translate3d(880px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 1100px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
    -webkit-transform: translate(-880px, 0);
    -ms-transform: translate(-880px, 0);
    transform: translate(-880px, 0);
    -webkit-transform: translate3d(-880px, 0, 0);
    transform: translate3d(-880px, 0, 0); } }

.mm-columns .mm-panels > .mm-columns-3 {
  -webkit-transform: translate(300%, 0);
  -ms-transform: translate(300%, 0);
  transform: translate(300%, 0);
  -webkit-transform: translate3d(300%, 0, 0);
  transform: translate3d(300%, 0, 0); }

.mm-columns-3 .mm-panels > .mm-panel {
  z-index: 3;
  width: 33.34%; }

.mm-columns-3 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-columns-3 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
  -webkit-transform: translate(400%, 0);
  -ms-transform: translate(400%, 0);
  transform: translate(400%, 0);
  -webkit-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-3 {
  width: 80%;
  min-width: 140px;
  max-width: 1320px; }

html.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 1650px) {
  html.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
    -webkit-transform: translate(1320px, 0);
    -ms-transform: translate(1320px, 0);
    transform: translate(1320px, 0);
    -webkit-transform: translate3d(1320px, 0, 0);
    transform: translate3d(1320px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 1650px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
    -webkit-transform: translate(-1320px, 0);
    -ms-transform: translate(-1320px, 0);
    transform: translate(-1320px, 0);
    -webkit-transform: translate3d(-1320px, 0, 0);
    transform: translate3d(-1320px, 0, 0); } }

.mm-columns .mm-panels > .mm-columns-4 {
  -webkit-transform: translate(400%, 0);
  -ms-transform: translate(400%, 0);
  transform: translate(400%, 0);
  -webkit-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0); }

.mm-columns-4 .mm-panels > .mm-panel {
  z-index: 4;
  width: 25%; }

.mm-columns-4 .mm-panels > .mm-panel else {
  width: 100%; }

.mm-columns-4 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
  -webkit-transform: translate(500%, 0);
  -ms-transform: translate(500%, 0);
  transform: translate(500%, 0);
  -webkit-transform: translate3d(500%, 0, 0);
  transform: translate3d(500%, 0, 0); }

.mm-menu.mm-offcanvas.mm-columns-4 {
  width: 80%;
  min-width: 140px;
  max-width: 1760px; }

html.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 2200px) {
  html.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
    -webkit-transform: translate(1760px, 0);
    -ms-transform: translate(1760px, 0);
    transform: translate(1760px, 0);
    -webkit-transform: translate3d(1760px, 0, 0);
    transform: translate3d(1760px, 0, 0); } }

html.mm-right.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 2200px) {
  html.mm-right.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
    -webkit-transform: translate(-1760px, 0);
    -ms-transform: translate(-1760px, 0);
    transform: translate(-1760px, 0);
    -webkit-transform: translate3d(-1760px, 0, 0);
    transform: translate3d(-1760px, 0, 0); } }

.mm-columns.mm-offcanvas.mm-bottom,
.mm-columns.mm-offcanvas.mm-top {
  width: 100%;
  max-width: 100%;
  min-width: 100%; }

html.mm-opening .mm-columns.mm-offcanvas.mm-front,
html.mm-opening .mm-columns.mm-offcanvas.mm-next {
  -webkit-transition-property: width,min-width,max-width,-webkit-transform;
  transition-property: width,min-width,max-width,-webkit-transform;
  transition-property: width,min-width,max-width,transform;
  transition-property: width,min-width,max-width,transform,-webkit-transform; }

em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 45px;
  top: 50%; }

em.mm-counter + a.mm-next {
  width: 90px; }

em.mm-counter + a.mm-next + a,
em.mm-counter + a.mm-next + span {
  margin-right: 90px; }

em.mm-counter + a.mm-fullsubopen {
  padding-left: 0; }

em.mm-counter + a.mm-fullsubopen + a,
em.mm-counter + a.mm-fullsubopen + span {
  padding-right: 90px; }

.mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a,
.mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span {
  padding-right: 90px; }

.mm-vertical > .mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-vertical.mm-spacer > .mm-counter {
  margin-top: 40px; }

.mm-nosubresults > .mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-divider > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px; }

.mm-divider.mm-opened a.mm-next:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-collapsed:not(.mm-uncollapsed) {
  display: none; }

.mm-fixeddivider {
  background: inherit;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-fixeddivider:after {
  content: none !important;
  display: none !important; }

.mm-hasdividers .mm-fixeddivider {
  display: block; }

.mm-menu .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05); }

html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout {
  -webkit-transition-duration: 0s;
  transition-duration: 0s; }

.mm-menu.mm-dropdown {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%; }

html.mm-dropdown .mm-slideout {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  z-index: 0; }

html.mm-dropdown #mm-blocker {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
  z-index: 1; }

html.mm-dropdown .mm-menu {
  z-index: 2; }

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
  display: none; }

.mm-menu.mm-tip:before {
  content: '';
  background: inherit;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-menu.mm-tipleft:before {
  left: 22px; }

.mm-menu.mm-tipright:before {
  right: 22px; }

.mm-menu.mm-tiptop:before {
  top: -8px; }

.mm-menu.mm-tipbottom:before {
  bottom: -8px; }

.mm-iconpanel .mm-panels > .mm-panel {
  -webkit-transition-property: left,-webkit-transform;
  transition-property: left,-webkit-transform;
  transition-property: transform,left;
  transition-property: transform,left,-webkit-transform; }

.mm-iconpanel .mm-panels > .mm-panel.mm-opened,
.mm-iconpanel .mm-panels > .mm-panel.mm-subopened {
  border-left: 1px solid;
  border-color: inherit;
  display: block !important; }

.mm-iconpanel .mm-panels > .mm-panel.mm-subopened {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  left: 0; }

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  left: 40px; }

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  left: 80px; }

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  left: 120px; }

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  left: 160px; }

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  left: 200px; }

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  left: 240px; }

.mm-subblocker {
  background: inherit;
  opacity: 0;
  display: block;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease; }

.mm-subopened .mm-subblocker {
  opacity: .6;
  bottom: -100000px; }

.mm-keyboardfocus a:focus {
  outline: 0; }

.mm-menu.mm-keyboardfocus a:focus {
  background: rgba(255, 255, 255, 0.5); }

.mm-navbars-bottom,
.mm-navbars-top {
  background: inherit;
  border-color: inherit;
  border-width: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 3; }

.mm-navbars-bottom > .mm-navbar,
.mm-navbars-top > .mm-navbar {
  border: none;
  padding: 0;
  position: relative;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-navbars-top {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  top: 0; }

.mm-navbars-bottom {
  border-top-style: solid;
  border-top-width: 1px;
  bottom: 0; }

.mm-navbar.mm-hasbtns {
  padding: 0 40px; }

.mm-navbar[class*=mm-navbar-content-] > * {
  box-sizing: border-box;
  display: block;
  float: left; }

.mm-navbar .mm-breadcrumbs {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  text-align: left;
  padding: 0 0 0 17px; }

.mm-navbar .mm-breadcrumbs > * {
  display: inline-block;
  padding: 10px 3px; }

.mm-navbar .mm-breadcrumbs > a {
  text-decoration: underline; }

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
  margin-left: -40px; }

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
  margin-left: 0;
  padding-left: 0; }

.mm-hasnavbar-top-1 .mm-panels {
  top: 40px; }

.mm-hasnavbar-top-2 .mm-panels {
  top: 80px; }

.mm-hasnavbar-top-3 .mm-panels {
  top: 120px; }

.mm-hasnavbar-top-4 .mm-panels {
  top: 160px; }

.mm-hasnavbar-bottom-1 .mm-panels {
  bottom: 40px; }

.mm-hasnavbar-bottom-2 .mm-panels {
  bottom: 80px; }

.mm-hasnavbar-bottom-3 .mm-panels {
  bottom: 120px; }

.mm-hasnavbar-bottom-4 .mm-panels {
  bottom: 160px; }

.mm-navbar-size-2 {
  height: 80px; }

.mm-navbar-size-3 {
  height: 120px; }

.mm-navbar-size-4 {
  height: 160px; }

.mm-navbar-content-2 > * {
  width: 50%; }

.mm-navbar-content-3 > * {
  width: 33.33%; }

.mm-navbar-content-4 > * {
  width: 25%; }

.mm-navbar-content-5 > * {
  width: 20%; }

.mm-navbar-content-6 > * {
  width: 16.67%; }

.mm-menu.mm-rtl {
  direction: rtl; }

.mm-menu.mm-rtl.mm-offcanvas {
  right: auto; }

.mm-menu.mm-rtl .mm-panel:not(.mm-opened) {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu.mm-rtl .mm-panel.mm-subopened {
  -webkit-transform: translate(30%, 0);
  -ms-transform: translate(30%, 0);
  transform: translate(30%, 0);
  -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0); }

.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child {
  left: auto;
  right: 0; }

.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child {
  right: auto;
  left: 0; }

.mm-menu.mm-rtl .mm-navbar .mm-next:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 23px;
  right: auto; }

.mm-menu.mm-rtl .mm-navbar .mm-prev:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 23px;
  left: auto; }

.mm-menu.mm-rtl .mm-listview > li:not(.mm-divider)::after {
  left: 0;
  right: 20px; }

.mm-menu.mm-rtl .mm-listview > li > a:not(.mm-next),
.mm-menu.mm-rtl .mm-listview > li > span:not(.mm-next) {
  padding-left: 10px;
  padding-right: 20px !important;
  margin-right: 0 !important; }

.mm-menu.mm-rtl .mm-listview .mm-next {
  right: auto;
  left: 0; }

.mm-menu.mm-rtl .mm-listview .mm-next:before {
  left: auto;
  right: 0; }

.mm-menu.mm-rtl .mm-listview .mm-next:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 23px;
  right: auto; }

.mm-menu.mm-rtl .mm-listview .mm-next + a,
.mm-menu.mm-rtl .mm-listview .mm-next + span {
  margin-left: 50px; }

.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + a,
.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + span {
  padding-left: 50px; }

.mm-menu.mm-rtl em.mm-counter {
  left: 45px;
  right: auto; }

.mm-menu.mm-rtl em.mm-counter + a.mm-next + a,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + span {
  margin-left: 90px; }

.mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + a,
.mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + span {
  padding-left: 90px; }

.mm-menu.mm-rtl label.mm-check,
.mm-menu.mm-rtl label.mm-toggle {
  left: 20px;
  right: auto !important; }

.mm-menu.mm-rtl label.mm-toggle + a,
.mm-menu.mm-rtl label.mm-toggle + span {
  padding-left: 80px; }

.mm-menu.mm-rtl label.mm-check + a,
.mm-menu.mm-rtl label.mm-check + span {
  padding-left: 60px; }

.mm-menu.mm-rtl a.mm-next + label.mm-check,
.mm-menu.mm-rtl a.mm-next + label.mm-toggle {
  left: 60px; }

.mm-menu.mm-rtl a.mm-next + label.mm-check + a,
.mm-menu.mm-rtl a.mm-next + label.mm-check + span,
.mm-menu.mm-rtl a.mm-next + label.mm-toggle + a,
.mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
  margin-left: 50px; }

.mm-menu.mm-rtl a.mm-next + label.mm-toggle + a,
.mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
  padding-left: 70px; }

.mm-menu.mm-rtl a.mm-next + label.mm-check + a,
.mm-menu.mm-rtl a.mm-next + label.mm-check + span {
  padding-left: 50px; }

.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle {
  left: 100px; }

.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + a,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + span,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + a,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + span {
  margin-left: 90px; }

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] {
  left: 0; }

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel {
  -webkit-transition-property: right,-webkit-transform;
  transition-property: right,-webkit-transform;
  transition-property: transform,right;
  transition-property: transform,right,-webkit-transform; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  right: 0; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  right: 40px; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  right: 80px; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  right: 120px; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  right: 160px; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  right: 200px; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  right: 240px; }

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened {
  border-left: none;
  border-right: 1px solid;
  border-color: inherit; }

.mm-search, .mm-search input {
  box-sizing: border-box; }

.mm-search {
  height: 40px;
  padding: 7px 10px 0 10px;
  position: relative; }

.mm-search input {
  border: none !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 4px;
  font: inherit;
  font-size: 14px;
  line-height: 26px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 26px;
  min-height: 26px;
  max-height: 26px;
  margin: 0;
  padding: 0 10px; }

.mm-search input::-ms-clear {
  display: none; }

.mm-search .mm-clear, .mm-search .mm-next {
  right: 0; }

.mm-panel > .mm-search {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.mm-panel.mm-hassearch {
  padding-top: 40px; }

.mm-panel.mm-hassearch.mm-hasnavbar {
  padding-top: 80px; }

.mm-panel.mm-hassearch.mm-hasnavbar > .mm-search {
  top: 40px; }

.mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  padding: 40px 0; }

.mm-noresults .mm-indexer {
  display: none !important; }

li.mm-nosubresults > a.mm-next {
  display: none; }

li.mm-nosubresults > a.mm-next + a,
li.mm-nosubresults > a.mm-next + span {
  padding-right: 10px; }

.mm-menu .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.75); }

.mm-menu .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-indexer {
  background: inherit;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -100px;
  z-index: 15;
  -webkit-transition: right .4s ease;
  transition: right .4s ease;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-indexer a {
  text-decoration: none;
  display: block;
  height: 3.85%; }

.mm-indexer ~ .mm-panel.mm-hasindexer {
  padding-right: 40px; }

.mm-hasindexer .mm-indexer {
  right: 0; }

.mm-hasindexer .mm-fixeddivider {
  right: 20px; }

.mm-menu .mm-indexer a {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a,
.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span,
.mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen),
.mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a,
.mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span,
.mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) {
  -webkit-transition: background .4s ease;
  transition: background .4s ease; }

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover {
  background: rgba(255, 255, 255, 0.5); }

.mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(255, 255, 255, 0.5); }

input.mm-check,
input.mm-toggle {
  position: absolute;
  left: -10000px; }

label.mm-check,
label.mm-toggle {
  margin: 0;
  position: absolute;
  top: 50%;
  z-index: 2; }

label.mm-check:before,
label.mm-toggle:before {
  content: '';
  display: block; }

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-top: -15px; }

label.mm-toggle:before {
  border-radius: 30px;
  width: 28px;
  height: 28px;
  margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right; }

label.mm-check {
  width: 30px;
  height: 30px;
  margin-top: -15px; }

label.mm-check:before {
  border-left: 3px solid;
  border-bottom: 3px solid;
  width: 40%;
  height: 20%;
  margin: 25% 0 0 20%;
  opacity: .1;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1; }

li.mm-vertical label.mm-check,
li.mm-vertical label.mm-toggle {
  bottom: auto;
  margin-top: 0; }

li.mm-vertical label.mm-toggle {
  top: 5px; }

li.mm-vertical label.mm-check {
  top: 5px; }

label.mm-check,
label.mm-toggle {
  right: 20px; }

label.mm-toggle + a,
label.mm-toggle + span {
  padding-right: 80px; }

label.mm-check + a,
label.mm-check + span {
  padding-right: 60px; }

a.mm-next + label.mm-check,
a.mm-next + label.mm-toggle {
  right: 60px; }

a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span,
a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span {
  margin-right: 50px; }

a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span {
  padding-right: 70px; }

a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span {
  padding-right: 50px; }

em.mm-counter + a.mm-next + label.mm-check,
em.mm-counter + a.mm-next + label.mm-toggle {
  right: 100px; }

em.mm-counter + a.mm-next + label.mm-check + a,
em.mm-counter + a.mm-next + label.mm-check + span,
em.mm-counter + a.mm-next + label.mm-toggle + a,
em.mm-counter + a.mm-next + label.mm-toggle + span {
  margin-right: 90px; }

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }

.mm-menu label.mm-toggle:before {
  background: #f3f3f3; }

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.75); }

.navbar {
  position: relative;
  height: auto;
  padding: 0; }

.main-menu {
  border-radius: 5px 5px 0 0; }
  .main-menu .navbar-actions {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0 16px;
    align-items: center;
    padding-right: 15px;
    padding-left: 15px; }
    .main-menu .navbar-actions .nav-item {
      white-space: nowrap; }
      .main-menu .navbar-actions .nav-item .nav-link {
        height: 44px;
        padding: 9px 15px;
        margin: 0;
        border-radius: 5px;
        color: var(--black-txt);
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        line-height: 2.25rem;
        font-size: 16px;
        font-weight: 500;
        transition: all 0.2s ease-in-out;
        text-decoration: none;
        position: relative; }
        .main-menu .navbar-actions .nav-item .nav-link:hover {
          color: var(--blue-txt); }
      .main-menu .navbar-actions .nav-item .fa {
        margin-left: 10px; }
    .main-menu .navbar-actions .sign-in-regular .nav-link,
    .main-menu .navbar-actions .sign-out-regular .nav-link {
      padding: 4px 15px 4px 20px;
      background-color: var(--blue-txt);
      color: var(--white);
      border-radius: 5px;
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      line-height: 2.25rem;
      font-weight: 500; }
      .main-menu .navbar-actions .sign-in-regular .nav-link:hover,
      .main-menu .navbar-actions .sign-out-regular .nav-link:hover {
        background-color: var(--blue-txt-hover);
        color: var(--white); }
    .main-menu .navbar-actions .go-to-moodle {
      align-self: stretch; }
      .main-menu .navbar-actions .go-to-moodle .moodle-url {
        height: 100%; }
  .main-menu .navbar-nav .nav-item .nav-link {
    height: 44px;
    padding: 9px 15px;
    margin: 0 0.125rem;
    border-radius: 5px;
    color: var(--black-txt);
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    line-height: 2.25rem;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    position: relative; }
    .main-menu .navbar-nav .nav-item .nav-link:hover {
      color: var(--blue-txt); }
    .main-menu .navbar-nav .nav-item .nav-link.active::before {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      padding: 0 15px;
      top: 56px;
      border-bottom: 2px solid var(--blue-txt); }
  .main-menu .navbar-nav .nav-item .fa {
    padding-right: 10px; }
  .main-menu .navbar-nav .nav-item .fa-user {
    padding-right: 0;
    padding-left: 10px; }
  .main-menu .navbar-second {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0; }
  .main-menu .navbar-second__item {
    list-style: none;
    margin: 0;
    padding: 0; }
  .main-menu .navbar-second__link {
    display: inline-flex;
    width: 100%;
    align-items: center;
    font-size: .75rem;
    font-weight: 500;
    color: var(--gray-dark);
    word-break: break-word;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    padding: 0.45rem 0.65rem;
    margin-right: 0.35rem;
    margin-bottom: 0; }

.navbar-small .main-menu {
  margin-right: 0; }

.main-menu-first-row {
  min-height: var(--min-header-height);
  z-index: 1000; }

.main-menu-second-row {
  padding-top: 20px;
  border-bottom: 1px solid var(--border-color); }

.main-menu-second-row-nav {
  width: 100%; }
  @media (min-width: 1440px) {
    .main-menu-second-row-nav {
      width: calc(100% - 200px); } }

.logo-url,
.moodle-url {
  padding: 0px;
  margin-right: 0;
  margin-left: 5px;
  font-size: 16px;
  color: var(--black-txt); }

.logo-url:hover, .logo-url:active, .logo-url:focus {
  color: var(--black-txt); }

.logo-url .text {
  margin-left: 0.5em; }

.moodle-url {
  display: flex;
  align-self: stretch;
  border-radius: 0;
  border-bottom: 2px solid var(--blue-txt); }
  .moodle-url svg {
    align-self: flex-start; }

li.nav-item.sign-in-regular {
  padding: 0 16px; }

.btn.btn-link.moodle-url {
  padding: 4px 10px; }

.nav.nav-tabs .nav-link,
.navbar-nav.nav-tabs .nav-link {
  padding: 4px 15px 4px 20px;
  border-color: transparent;
  background-color: var(--gray-bg);
  color: var(--gray-txt);
  border-radius: 5px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  line-height: 2.25rem;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
  font-size: 16px; }

.nav.nav-tabs .nav-link + .nav-link,
.navbar-nav.nav-tabs .nav-link + .nav-link {
  margin-left: 12px; }

.nav.nav-tabs .nav-link.active,
.nav.nav-tabs .nav-item.show .nav-link,
.navbar-nav.nav-tabs .nav-link.active,
.navbar-nav.nav-tabs .nav-item.show .nav-link {
  background-color: var(--blue-txt);
  color: var(--white-txt); }

.calendar-text {
  padding-left: 15px;
  color: var(--secondary-color-600); }

.calendar.calendar-active {
  width: 200px; }

.calendar #datepicker {
  display: flex;
  height: 59px;
  align-items: flex-start;
  justify-content: center;
  padding: 0;
  margin-left: 0;
  left: -88px;
  top: -30px;
  min-width: 200px;
  background: transparent !important; }
  .calendar #datepicker .picker-switch {
    color: var(--gray-dark);
    font-weight: 700; }
  .calendar #datepicker .prev,
  .calendar #datepicker .next,
  .calendar #datepicker .picker-switch {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 0; }
  .calendar #datepicker .picker-switch.accordion-toggle {
    padding-top: 0;
    padding-bottom: 0; }
  .calendar #datepicker .next::before,
  .calendar #datepicker .prev::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    padding-top: 100%;
    border-radius: 999px;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
    background-color: var(--gray-100);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    z-index: -1;
    transition: background-color 0.15s ease-in-out; }
  .calendar #datepicker .prev::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 12L14.25 7.75V16.25L8.75 12Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A"); }
  .calendar #datepicker .next:hover:before,
  .calendar #datepicker .prev:hover:before {
    background-color: var(--gray-200); }
  .calendar #datepicker .prev span,
  .calendar #datepicker .next span {
    display: none; }
  .calendar #datepicker .dow {
    font-size: 12px; }
  .calendar #datepicker .bootstrap-datetimepicker-widget {
    width: 100%;
    padding: 4px; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table tbody {
    background: repeating-linear-gradient(45deg, var(--primary-color-100) 0, var(--primary-color-100) 1px, transparent 1.5px, transparent 2.5px, var(--primary-color-100) 3px);
    position: relative;
    z-index: 0; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td {
    position: relative;
    font-size: 11px; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.day {
    line-height: 12px;
    width: calc(100% / 7); }
  .calendar #datepicker .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after,
  .calendar #datepicker .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border: none; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.day:not(.disabled),
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.day:not(.disabled):hover {
    color: var(--gray-dark); }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.day.active {
    opacity: .85;
    color: var(--white);
    position: relative; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.day.active::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 75%;
    padding-top: 75%;
    border-radius: 999px;
    transform: translate(-50%, -50%);
    background-color: var(--secondary);
    z-index: -1; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.disabled,
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.disabled:hover {
    color: var(--gray-500);
    background: transparent; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.old,
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.old:hover,
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.new,
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.new:hover {
    color: transparent;
    background: transparent; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.day:hover,
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.hour:hover,
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.minute:hover,
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: transparent; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.day:not(.today):hover::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 75%;
    padding-top: 75%;
    border-radius: 999px;
    transform: translate(-50%, -50%);
    background-color: var(--primary-color-100);
    z-index: -2; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.old:hover::after,
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.new:hover::after {
    display: none; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
  .calendar #datepicker .bootstrap-datetimepicker-widget table td span:hover {
    background-color: transparent; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.today {
    color: var(--white) !important; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.today:before {
    border: none; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.day:not(.old):not(.new)::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--white);
    z-index: -2; }
  .calendar #datepicker .bootstrap-datetimepicker-widget table td.today::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 75%;
    padding-top: 75%;
    border-radius: 999px;
    transform: translate(-50%, -50%);
    background-color: var(--primary-special);
    z-index: -1; }

header {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  background-color: var(--body-color); }
  header .slider-block {
    max-width: 100%;
    min-width: 1593px;
    overflow: hidden; }
    header .slider-block .owl-carousel {
      height: 106px;
      padding: 7px 10px;
      padding-left: 0px; }
    header .slider-block .slider-wrapper {
      min-width: 1593px; }
  header .banner-block {
    max-width: 100%;
    padding: 0 10px;
    height: 126px; }
    header .banner-block .banner-wrapper {
      border-radius: 8px;
      height: 100%;
      overflow: hidden; }
    header .banner-block .owl-carousel {
      height: 100%; }
    header .banner-block .owl-item, header .banner-block .item {
      height: 126px; }
    header .banner-block .owl-nav .owl-button-next,
    header .banner-block .owl-nav .owl-button-prev {
      position: absolute;
      top: calc(50% - 25px);
      z-index: 10;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center; }
    header .banner-block .owl-button-next:after, header .banner-block .owl-button-prev:after {
      content: "";
      background-color: rgba(255, 255, 255, 0.8);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23444444' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.75 6.75L19.25 12L13.75 17.25'%3E%3C/path%3E%3Cpath stroke='%23444444' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H4.75'%3E%3C/path%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-position: center;
      width: 50px;
      height: 50px;
      border-radius: 50px;
      transition: all 0.2s ease-in-out; }
    header .banner-block .owl-button-prev:after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23444444' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.25 6.75L4.75 12L10.25 17.25'%3E%3C/path%3E%3Cpath stroke='%23444444' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.25 12H5'%3E%3C/path%3E%3C/svg%3E%0A"); }
    header .banner-block .owl-button-next {
      right: 10px;
      left: auto; }
    header .banner-block .owl-button-prev {
      left: 10px;
      right: auto; }
    header .banner-block .banner-image {
      height: 100%;
      object-fit: cover; }
  header .banner-block-full {
    max-width: 100%; }
  header .search-block {
    padding: 7px 10px;
    height: 60px; }
    header .search-block .dropdown {
      margin: 0 2px; }
    header .search-block .dropdown-toggle {
      padding: 0.45rem 0.65rem;
      margin-right: 0.35rem; }
      header .search-block .dropdown-toggle .fa {
        transition: inherit; }
      header .search-block .dropdown-toggle:hover .fa {
        color: var(--primary-color-400); }
    header .search-block .dropdown-menu {
      font-size: 14px;
      font-weight: 400;
      color: var(--gray-800);
      border: 0;
      padding: 0.35rem 0.35rem;
      background-color: var(--white);
      border-radius: 5px;
      box-shadow: 0 13px 37px rgba(92, 107, 121, 0.1); }
    header .search-block .dropdown-item {
      padding: 0.4rem 0.75rem;
      margin-bottom: 0.35rem;
      border-radius: 5px;
      transition: all 0.2s ease-in-out; }
      header .search-block .dropdown-item:hover {
        color: var(--gray-800);
        text-decoration: none;
        background-color: rgba(2, 118, 84, 0.05); }
    header .search-block .btn span {
      white-space: nowrap; }
    header .search-block .country .btn span.native,
    header .search-block .language .btn span.native,
    header .search-block .city .btn span.native,
    header .search-block .category .btn span.native {
      display: inline-block;
      height: 21px;
      line-height: 21px;
      margin: 2px 5px 0 0; }
    header .search-block .country .flag {
      width: 25px;
      height: 18px;
      margin: -2px 5px 1px 0; }
    header .search-block .language i {
      margin-top: 1px; }
    header .search-block .city i {
      margin-top: 2px;
      margin-right: 5px; }
    header .search-block .city .btn span.native {
      margin-top: -1px; }
    header .search-block .category i {
      margin-right: 5px; }
    header .search-block .search-wrapper {
      position: relative; }
      header .search-block .search-wrapper .input-group-prepend {
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 8px;
        background: transparent; }
      header .search-block .search-wrapper .search {
        width: 100%;
        margin-bottom: 0; }
        header .search-block .search-wrapper .search input {
          font: inherit;
          padding-left: 28px;
          color: var(--gray-dark);
          background: transparent;
          border: 1px solid transparent;
          height: auto;
          box-shadow: inset 0 0.14rem 0.5rem rgba(92, 107, 121, 0.1);
          border-radius: 5px;
          transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
          header .search-block .search-wrapper .search input:focus {
            outline: none;
            border-color: var(--primary-color-100); }
          header .search-block .search-wrapper .search input::-webkit-search-cancel-button {
            appearance: none; }

@media (max-width: 2048px) {
  header .slider-block {
    min-width: 1093px; } }

@media (max-width: 1440px) {
  header .slider-block {
    min-width: 700px; } }

@media (max-width: 1024px) {
  header .slider-block {
    min-width: 300px; } }

.events.grid #lazy-load {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 30px; }

.events.grid #lazy-load #no-courses {
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  text-align: center;
  color: var(--gray-txt); }

.events.grid .item {
  background-color: var(--white);
  margin-bottom: 25px;
  padding: 0;
  overflow: hidden;
  position: relative;
  border-radius: 6px; }

.events.grid .item .image {
  background: url(/img/preload/tl-spinner.svg?75f5864e99fb) center 30% no-repeat;
  background-size: 80px 80px; }
  .events.grid .item .image .img-fluid {
    width: 100%; }

.events.grid .item .info {
  color: var(--white-txt);
  background: var(--black-bg);
  padding: 16px;
  overflow: hidden; }

.events.grid .item .info .fa {
  font-size: inherit;
  margin-right: 5px; }

.events.grid .item .extra > div {
  margin: 2px 0; }

.events.grid .image a img {
  margin: 0 auto; }

.events.grid .item .content {
  border: none; }

.events-archive.grid .item .buy-button {
  display: none; }

.events.grid .item .content .extra {
  padding-top: 1px; }

.events.grid .title {
  margin-bottom: 12px;
  white-space: nowrap; }

.events.grid .title a {
  margin: 0 0 10px 0;
  position: relative;
  font-size: 16px;
  color: var(--white-txt);
  font-weight: bold; }

.events.grid .item .content {
  font-size: 14px; }

.events.grid .item .content div.date {
  margin-bottom: 5px;
  margin-top: 5px; }

.events.grid .date .day-of-week {
  color: inherit; }

.events.grid .date .time {
  margin-left: 15px; }

.events.grid .venue span {
  background: url(/img/map-marker.png?e197250598f9) no-repeat left center;
  white-space: nowrap; }

.events.grid .buy-button {
  margin: 16px 0 0 0 !important; }

.events.grid .location-link {
  color: var(--white-txt);
  transition: all 0.2s ease-in-out; }
  .events.grid .location-link:hover, .events.grid .location-link.hover {
    color: var(--blue-txt); }

.events.grid .buy-button a {
  max-width: 200px;
  position: relative;
  font-size: 13px;
  line-height: 1.5;
  padding: 0;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  color: var(--white-txt); }

.events.grid .buy-button a span {
  /*background: url(../img/shop-cart.png) no-repeat center right;*/
  /*padding-right: 30px;*/ }

.events.grid .buy-button a.hover,
.events.grid .buy-button a.hover span,
.events.grid .buy-button a.hover svg {
  color: var(--blue-txt) !important; }

.events.grid .buy-button a:hover span,
.events.grid .buy-button a.hover span {
  /*background: url(../img/shop-cart-white.png) no-repeat center right;*/
  /*adding-right: 30px;*/ }

.events.grid .buy-button a.hover:after {
  opacity: 1; }

.events.grid .tickets span {
  background: url(/img/ticket.png?3b2595f34ded) no-repeat left center;
  padding-left: 25px;
  padding-top: 1px; }

.events.grid .scrolled-title,
.events.grid .scrolled-title2 {
  white-space: nowrap;
  overflow: hidden; }

.events.grid .scrolled-text,
.events.grid .scrolled-text2 {
  position: relative; }

/** prev. styles will exist because of unkown ... so let's made some `fix` for font-awesome **/
.events.grid .item .venue.awesome .fa {
  font-size: inherit;
  margin-right: 3px; }

.events.grid .item .venue.awesome span,
.events.grid .item .tickets.awesome span {
  background: none;
  padding-left: 0px; }

@media (max-width: 692px) {
  .events .col-content.no-padding {
    padding-left: 0;
    padding-right: 0; }
  .events .col-content.no-padding .content-padding {
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 1440px) and (min-width: 1024px) {
  .events-archive.grid .item:hover .content {
    top: 82px !important; } }

@media (max-width: 1024px) and (min-width: 540px) {
  .events-archive.grid .item:hover .content {
    top: 82px !important; }
  #courses-lessons-scroller.events.grid.owl-carousel .item {
    height: fit-content !important; } }

@media (max-width: 539px) and (min-width: 480px) {
  .blog-title h2 {
    font-size: 18px; }
  .content-padding .col-md-9 {
    font-size: 20px;
    padding-left: 0px;
    padding-right: 0px; }
  /** ul li **/
  .slider-switcher li {
    /*float: none !important;*/
    width: 48%; }
  /** ul li a **/
  .slider-switcher .btn {
    font-size: 11px;
    width: 100%;
    padding: 6px; }
  .wrapper {
    padding-top: 14px !important; }
  .events .event .date {
    font-size: 15px !important; } }

@media (max-width: 479px) {
  #courses-lessons-scroller.events.grid.owl-carousel .item {
    height: fit-content !important; }
  .events.grid.owl-carousel .item .content {
    top: 189px !important; } }

/*============================================================================*/
/* footer
/*============================================================================*/
.footer-menu .nav li a:hover {
  background: transparent !important; }

footer {
  /*
    .menu .nav {
        float: right;
    }

    .menu .nav li {
        float: left;
    }

    .menu .nav>li>a {
        padding-top: 0;
        padding-bottom: 0;
        text-transform: uppercase;
        color: #000;
    }


    .footer-row .footer-company-name {
        font-weight: bold;
    }

    .copyright {
        width: 200px;
        font-size: 0.85em;
        text-align: center;

        .footer-logo {
            padding-top: 4px;
            height: auto;

            img {
                width: 137px;
            }
        }
    }

    .footer-menu {
        text-align: center;

        .nav {
            margin-top: 3px;
            margin-bottom: 8px;
        }

        .nav li {
            display: inline-block;
        }

        .nav li a {
            color: #777;
            padding: 5px 5px;
        }

        .nav li a:hover {
            color: #B50100;
        }

        img {
            height: 25px;
            margin: 5px 10px;
        }

        .payment-icons svg {
            height: 24px;
        }

        .payment-icons svg #Layer_1-2 {
            fill: #F0F0F0;
        }
    }

    .footer-address {
        padding-left: 10px;
        border-left: 1px solid #ececec;
        font-size: 0.9em;
    }
}


@media (max-width: map-get($grid-breakpoints, 'xl')) {
    footer {
        .copyright {
            margin-left: 7px;
        }

        .footer-address {
            margin-right: 7px !important;
        }

        .footer-menu {
            text-align: center;
        }
    }
}

@media (max-width: map-get($grid-breakpoints, 'sm')) {
    footer {
        .copyright {
            margin-left: 0;
        }

        .footer-address {
            margin-right: 0 !important;
            text-align: center;
            border-left: 0;
            padding-left: 0;
        }
    }
    */ }
  footer .footer-nav {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-bottom: 16px; }
    footer .footer-nav .nav-item {
      line-height: 1; }
    footer .footer-nav .nav-link {
      position: relative;
      height: 44px;
      padding: 9px 15px;
      margin: 0 0.125rem;
      border-radius: 5px;
      color: var(--black-txt);
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      line-height: 2.25rem;
      font-size: 16px;
      font-weight: 500;
      transition: all 0.2s ease-in-out;
      text-decoration: none; }
  footer .footer-contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    font-size: 16px;
    color: var(--black-txt);
    margin-bottom: 32px; }
  footer .footer-contacts__title {
    white-space: nowrap; }
  footer .footer-contacts__content {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    gap: 4px 16px; }
  footer .footer-contacts__list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none; }
    footer .footer-contacts__list--social {
      margin-right: auto; }
  footer .footer-contacts__item {
    display: flex; }
  footer .footer-contacts__item:not(:last-child)::after {
    content: '/';
    color: var(--blue-txt);
    margin: 0 8px; }
  footer .footer-contacts__link {
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    transition: color 250ms linear; }
    footer .footer-contacts__link:hover {
      color: var(--blue-txt); }
  footer .footer-contacts__icon {
    margin-right: 6px; }
  footer .footer-bottom-row {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    gap: 16px 16px;
    font-size: 16px;
    color: var(--black-txt); }
    @media (max-width: 1024px) {
      footer .footer-bottom-row {
        gap: 16px 0; } }
    footer .footer-bottom-row .footer-copyright-link {
      grid-row: 1;
      grid-column: 1 / span 1; }
      @media (max-width: 1024px) {
        footer .footer-bottom-row .footer-copyright-link {
          grid-row: 2;
          grid-column: 1 / span 1; } }
      @media (max-width: 429.5px) {
        footer .footer-bottom-row .footer-copyright-link {
          grid-row: 2;
          grid-column: 1 / span 1; } }
    footer .footer-bottom-row .footer-copyright-text {
      grid-row: 1;
      grid-column: 3 / span 1; }
      @media (max-width: 1024px) {
        footer .footer-bottom-row .footer-copyright-text {
          grid-row: 2;
          grid-column: 3 / span 1; } }
      @media (max-width: 429.5px) {
        footer .footer-bottom-row .footer-copyright-text {
          grid-row: 3;
          grid-column: 1 / span 1; } }
    footer .footer-bottom-row .footer-terms {
      grid-row: 1;
      grid-column: 2 / span 1; }
      @media (max-width: 1024px) {
        footer .footer-bottom-row .footer-terms {
          grid-row: 1;
          grid-column: 1 / -1; } }
  footer .footer-terms {
    font-size: 16px;
    color: var(--black-txt); }
  footer .footer-terms__list {
    display: flex;
    gap: 4px 16px;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none; }
    @media (max-width: 768px) {
      footer .footer-terms__list {
        justify-content: flex-start;
        flex-wrap: wrap; } }
  footer .footer-terms__link {
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    transition: color 250ms linear; }
    footer .footer-terms__link:hover {
      color: var(--blue-txt); }
    footer .footer-terms__link.active {
      color: var(--blue-txt); }
    footer .footer-terms__link.active:hover {
      color: var(--blue-txt-hover); }
  footer .footer-copyright-link {
    display: flex;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 400;
    align-items: center; }
    footer .footer-copyright-link:hover, footer .footer-copyright-link:active, footer .footer-copyright-link:focus {
      color: inherit; }
  footer .footer-copyright-logo {
    height: 30px; }
  footer .bg-foooter {
    padding-bottom: 20px; }

/** Events/base_place.ctp **/
.modal-open .modal {
  padding-right: 0 !important; }

#loginModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  justify-content: center;
  align-items: center; }
  #loginModal .modal-dialog {
    margin-top: 250px;
    width: 350px; }
    #loginModal .modal-dialog .modal-content {
      padding: 0px;
      border-radius: 10px; }
      #loginModal .modal-dialog .modal-content .container {
        padding: 0px;
        margin: 0px;
        width: 350px; }
    #loginModal .modal-dialog .signin {
      padding: 5px 10px; }
      #loginModal .modal-dialog .signin form {
        margin-bottom: 10px; }
        #loginModal .modal-dialog .signin form .input-group .form-group {
          display: flex;
          width: 100%;
          -ms-flex-pack: justify !important;
          justify-content: space-between !important; }
          #loginModal .modal-dialog .signin form .input-group .form-group input {
            margin-left: 30px;
            margin-right: 30px; }
  #loginModal .inner-content {
    position: relative;
    width: 100%;
    max-width: 1000px;
    padding-block: 50px;
    border-radius: 8px;
    background-color: #fff; }

@media (max-width: 768px) {
  #loginModal .modal-dialog {
    max-width: 350px;
    margin: 30px auto;
    margin-top: 250px; }
  .signin form .input-group label {
    display: none; } }

/** Element/login.ctp **/
#expiredModal .modal-content {
  border-color: #B50100; }

#expiredModal h4 {
  color: #B50100; }

#expiredModal .btn {
  border-color: #B50100; }

#expiredModal .btn:hover {
  background-color: #B50100;
  color: #FFFFFF; }

#expiredModal .modal-dialog {
  margin-top: 200px; }

/** orders/pay.ctp possible deprecated **/
#modalRedirect {
  top: 160px; }

#modalRedirect .col-md-offset-4 {
  margin: 2px;
  padding: 3px;
  height: 327px;
  width: 386px; }

#modalRedirect .modal-dialog {
  margin-top: 20px;
  width: 394px; }

#modalRedirect .modal-content {
  padding: 0px;
  border-radius: 10px; }

#modalRedirect .container {
  padding: 0px;
  margin: 0px;
  width: 390px; }

#modalRedirect .counter {
  font-size: 46pt;
  font-weight: bold;
  vertical-align: middle;
  color: red; }

#modalRedirect .seconds {
  margin-left: 10px; }

#loginForm .form-control,
#collapseReset .form-control,
#registerForm .form-control {
  border: 1px solid #d5ddea;
  font-family: inherit;
  font-size: 14px;
  padding: 0.56rem 0.75rem;
  line-height: 14px;
  font-weight: 400;
  background-image: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--black-txt);
  height: 44px; }

#loginForm .form-control:focus,
#collapseReset .form-control:focus,
#registerForm .form-control:focus {
  outline: 0;
  background-color: #fff;
  border-color: var(--blue-txt); }

#loginForm .form-control:focus ~ .btn-password-toggle,
#registerForm .form-control:focus ~ .btn-password-toggle {
  border-color: var(--blue-txt); }

.forgot-password-link {
  background-color: #e7e5e5;
  color: var(--gray-txt); }

/* trial modal */
#unauthTrialModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  justify-content: center;
  align-items: center; }

#unauthTrialModal .inner-content {
  position: relative;
  width: 100%;
  max-width: 1000px;
  padding: 50px;
  border-radius: 8px;
  background-color: #fff; }

#unauthTrialModal .form-control {
  border: 1px solid #d5ddea;
  font-family: inherit;
  font-size: 14px;
  padding: 0.56rem 0.75rem;
  line-height: 14px;
  font-weight: 400;
  background-image: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--black-txt);
  height: 44px; }

.modal-close-button {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 20px; }

.modal-title {
  font-size: 25px;
  display: flex;
  justify-content: space-around; }

div[id^='rxp-overlay-'] {
  z-index: 9999 !important; }
  div[id^='rxp-overlay-'] iframe[id^='rxp-frame-'] {
    top: 100px !important; }
  div[id^='rxp-overlay-'] img[id^='rxp-frame-close-'] {
    top: 90px !important; }

@media (max-width: 1024px) {
  div[id^='rxp-overlay-'] iframe[id^='rxp-frame-'] {
    top: 70px !important; }
  div[id^='rxp-overlay-'] img[id^='rxp-frame-close-'] {
    top: 60px !important; } }

.portfolio-elavon {
  background: #fff;
  max-width: 600px; }
  .portfolio-elavon .rxp-header-title {
    background-color: #fff;
    border-bottom: 1px solid #828282; }

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

.container {
  position: relative; }

.container.main-content,
.container.container-admin {
  border-radius: 0px;
  background: var(--white) !important;
  padding-bottom: 25px;
  padding-top: 0px;
  margin-top: 26px;
  border-radius: 8px; }

@media (min-width: 1024px) {
  .organisers.index.inner-content .item {
    margin-left: 0; } }

.container.main-content.bg-none {
  background: none !important;
  padding: 0; }

body ul.nav .btn.btn-thin {
  padding: 5px 10px;
  font-size: 13.3px;
  /* font-size: 12px; */
  border: 0; }

/*============================================================================*/
/* pages
/*============================================================================*/
#slider.flexslider {
  margin-bottom: 10px !important;
  min-height: 450px; }

.organisers.index .logo {
  /* float: left;
    margin: 0 40px 30px 0; */
  margin: 0; }

.organisers.index .logo img {
  margin-top: 12px; }

@media (max-width: 768px) {
  .organisers.index .logo img {
    margin-top: 5px; } }

.move-right {
  padding-left: 50px; }

@media (max-width: 1440px) {
  .move-right {
    padding-left: 70px; } }

@media (max-width: 1024px) {
  .move-right {
    padding-left: 15px; } }

.organisers.index .item {
  padding: 15px 0 20px;
  /* border-bottom: 1px solid #f8e5e5; */
  border-bottom: 1px solid #ececec;
  /* margin-top: 40px; */ }

.organisers.index .item:last-child {
  border-bottom: 0; }

@media (min-width: 1024px) {
  .no-padding {
    padding: 0; } }

.organisers.index .item:first-child {
  margin-top: 0; }

.organisers.index .info {
  margin: 15px 0; }

.organisers.index .info > span {
  margin-left: 30px; }

@media (max-width: 1440px) {
  .organisers.index .info > span {
    display: block;
    margin-left: 0; } }

.blackColor {
  color: #333; }

@media (max-width: 768px) {
  .organisers.index .info > span {
    margin-left: 0;
    display: block; } }

.organisers.index .info > span:first-child {
  margin-left: 0; }

.container.bg-inner {
  padding: 0; }

.bg-inner-about-us {
  display: none; }

.contacts.inner-content .textarea {
  resize: none; }

/*============================================================================*/
/*
/*============================================================================*/
/* cells items */
.sub-menu .form-group.select2 {
  width: auto;
  display: inline-block; }

/* Change the white to any color ;) */
input:-webkit-autofill,
input:focus:-webkit-autofill,
input:hover:-webkit-autofill,
input:active:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important; }

/* misc items */
.wait {
  position: fixed;
  left: calc(50% - 21px);
  bottom: 17%;
  text-align: center;
  display: none;
  z-index: 5;
  background-color: #fff;
  border-radius: 5px;
  width: 42px;
  height: 42px; }

.wait img {
  animation-name: ckw;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  display: inline-block;
  width: 42px;
  height: 42px; }

@keyframes ckw {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* other fixes and overrides */
.select2-dropdown {
  z-index: 999 !important; }

.select2-container--bootstrap .select2-selection--single {
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important; }

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: 14px; }

_::-webkit-:host:not(:root:root), .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: auto; }

#select2-events-category-results {
  max-height: 186px; }

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
.select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border: none !important;
  background: url(/img/sort.png?3f79ccf94ac0) no-repeat top left;
  width: 10px;
  height: 10px; }

/*============================================================================*/
/* elements
/*============================================================================*/
.paginator {
  padding: 15px 0;
  text-align: center; }
  .paginator ul.pagination.pagination-center {
    justify-content: center !important; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  color: #777; }

/*============================================================================*/
/* cart tickets and orders
/*============================================================================*/
.orders div.order {
  margin-bottom: 20px; }

@media (max-width: 1024px) {
  .orders div.order {
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d2d2; }
  .orders div.order:last-child {
    border-bottom: 0; } }

.orders div.event-tickets {
  margin-bottom: 2px;
  padding-top: 5px;
  padding-bottom: 5px; }

.orders div.event-tickets .order-number {
  text-align: right; }

.orders div.event-tickets .col-md-4 p {
  border-bottom: 1px solid #f8f8f8;
  padding: 4px 2px; }

@media (max-width: 1024px) {
  .orders div.event-tickets .col-md-4 p {
    padding: 0;
    border-bottom: 0; }
  .orders div.event-tickets .col-md-4 p:first-child {
    margin-top: 20px; }
  .orders div.event-tickets .order-number {
    text-align: left; } }

.orders .order-date,
.orders .order-delimiter {
  /* border-bottom: 1px solid #cecece; */
  border-bottom: 1px solid #e6e5e5;
  border-radius: 4px; }

.event .description {
  display: inline-block; }

.order {
  margin-bottom: 30px; }

.order .order-date h4 {
  margin: 0;
  font-size: 15.5px;
  padding-left: 3px; }

.order .tickets .ticket {
  margin-bottom: 2px;
  padding: 4px 0; }

.order .tickets .ticket:nth-child(even) {
  background-color: #f8f8f8; }

.order .tickets .download-links {
  display: inline-block;
  margin-left: 5px; }

.order .buttons {
  margin-top: 10px; }

/*============================================================================*/
/* ticket
/*============================================================================*/
.ticket-block {
  border: 2px solid #0b6e83;
  margin: 15px 0; }

.ticket.awaiting {
  height: auto;
  padding-bottom: 15px; }

.ticket-row {
  margin-bottom: 15px; }

.ticket.awaiting .ticket-row {
  margin-bottom: 0; }

.ticket-header,
.ticket-footer {
  text-align: center;
  text-transform: uppercase; }

.ticket-attributes span {
  display: block; }

.ticket-price {
  color: #ff0000; }

.ticket-images {
  padding-top: 40px;
  border-left: 2px solid #c60001;
  text-align: center;
  margin: 20px 0; }

.ticket-link {
  letter-spacing: 5px;
  padding-top: 5px;
  padding-left: 4px;
  font-size: 11px;
  color: #870000;
  font-weight: bold; }

.ticket-qr-img {
  width: 156px;
  height: 156px;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 1px solid #000000; }

/*============================================================================*/
/* blog
/*============================================================================*/
.event-blog {
  margin: 20px 0; }

.event-blog .item blog-title {
  text-transform: uppercase; }

.event-blog .item .blog-title h1 {
  margin-top: 0;
  color: var(--secondary); }

.event-blog .back-to-event.top {
  margin-bottom: 10px; }

.event-blog .back-to-event-url {
  color: #033475; }

.event-blog .back-to-event.bottom {
  margin-top: 30px; }

.event-blog .item .blog-content {
  text-align: justify; }

/*============================================================================*/
/* media
/*============================================================================*/
@media (min-width: 1440px) {
  .organisers.index .info {
    margin-left: 0; } }

@media (max-width: 1024px) {
  #slider.flexslider {
    min-height: 327px; }
  footer .copyright {
    text-align: center; }
  footer .menu {
    text-align: center; }
  footer .menu .nav {
    float: none;
    display: inline-block; } }

@media (max-width: 1040px) {
  footer .menu {
    margin-top: 5px; } }

@media (max-width: 692px) {
  /* This style do not work properly in mobile view */
  .cart.cart-row:nth-child(2n) {
    background-color: transparent !important; }
  footer .menu .nav li {
    float: none; } }

/** users/orders.ctp **/
.orders .order-date .row {
  font-weight: bold; }

@media (max-width: 1024px) {
  .hide-mobile {
    display: none; }
  .show-mobile {
    display: block; } }

@media (min-width: 1024px) {
  .show-mobile {
    display: none; } }

/* .orders .order-date .row div{ */
.order-date {
  background-color: #F5F5F5;
  color: #333333;
  padding: 3px 2px; }

.move-left {
  position: relative;
  right: 32px; }

.vertical-separator-right {
  border-right: .5px solid #e6e5e5; }

.vertical-separator-left {
  border-left: .5px solid #e6e5e5; }

@media (max-width: 1024px) {
  .vertical-separator-left {
    /* border-bottom: 1px solid #e6e5e5; */
    border-left: 0;
    margin-bottom: 20px; } }

.orders * {
  font: 'Arial Narrow', Arial, sans-serif;
  /* font-stretch: condensed; */ }

.orders .order-date h5 {
  font-size: 1.2em; }

.orders .order-date .caption-label {
  color: var(--secondary); }

.orders .order-date .glyphicon {
  color: var(--secondary); }

.total {
  border-top: 1px solid #cecece; }

/** element/login.ctp **/
.login-panel {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.login-panel .panel-heading {
  border-radius: 10px 10px 0 0;
  border: 0;
  background-color: transparent; }

.login-panel .panel-heading h3 {
  text-align: center;
  font-size: 22px;
  margin-top: 15px; }

.login-panel {
  border-radius: 10px; }

.login-panel button.btn {
  margin-top: 5px; }

button.btn-beauty {
  background-color: #B50100;
  color: #FFFFFF; }

button.btn-dark {
  background-color: #343434;
  color: #FFFFFF; }

button.btn-dark:hover {
  color: #CCCCCC; }

.social-networks-panel {
  text-align: center;
  margin-top: 20px;
  text-transform: uppercase; }

.login-panel ul.nav li > a {
  background-color: #F2F2F2; }

.login-panel ul.nav li a {
  font-size: 12px;
  padding: 2px; }

.login-panel ul.nav li.active a {
  background-color: #B50100;
  color: #FFFFFF; }

.login-panel ul.nav li {
  width: 50%;
  text-align: center;
  text-transform: uppercase; }

.login-panel .input-group {
  margin-top: 5px; }

.login-panel .tab-content {
  margin-top: 5px; }

/** map buttons low size fix **/
.map-box .map-btns {
  padding: 2px; }

.map-box .fa-lg {
  font-size: 0.9em; }

/** a.sisabled **/
li.disabled a.disabled:hover {
  color: #ccc !important; }

.text-right mark {
  margin-right: 15px; }

.events .pagination {
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.events .pagination li.prev a,
.events .pagination li.next a {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  min-width: 79px;
  white-space: nowrap;
  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-radius: 4px;
  color: #fff;
  position: relative;
  z-index: 1;
  border: none;
  background-color: #353439; }

.events .pagination li.prev a:hover,
.events .pagination li.next a:hover {
  background: #ce2624;
  background-image: linear-gradient(to bottom, #ce2624, #9d1818); }

.ias-trigger-prev {
  margin: 15px 0; }

@media (min-width: 768px) {
  .left-table-side {
    padding-left: 30px; }
  .sm-margin-left-pc {
    margin-left: 15px; }
  .sm-margin-right-pc {
    margin-right: 15px; } }

h5 {
  line-height: 2.2rem; }

.btn-hover-red {
  background: transparent !important;
  color: var(--primary);
  box-shadow: none; }

.btn-hover-red:hover, .btn-hover-red:focus, .btn-hover-red:active {
  background: transparent !important;
  color: var(--secondary);
  box-shadow: none; }

@media (max-width: 768px) {
  .cabinet.index {
    margin-top: 0 !important; } }

.for-ograniser-wrapper .for-organiser-left {
  max-width: 118px;
  overflow: hidden; }

.for-ograniser-wrapper .for-organiser-right.move-right {
  padding-left: 25px; }

.for-ograniser-wrapper .for-organiser-left img {
  max-height: 119px;
  max-width: 100%;
  object-fit: cover; }

.table-layout-fixed {
  table-layout: fixed; }

.w-150 {
  width: 150px; }

.title-colored {
  font-family: var(--font-family-sans-serif);
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 1.2;
  color: var(--black-txt);
  margin: 0; }
  @media (max-width: 576px) {
    .title-colored {
      font-size: 52px; } }

h1.title-colored {
  font-size: 40px; }
  @media (max-width: 576px) {
    h1.title-colored {
      font-size: 32px; } }

h2.title-colored {
  font-size: 40px; }
  @media (max-width: 576px) {
    h2.title-colored {
      font-size: 32px; } }

.title-colored--accent {
  font-family: var(--font-family-serif);
  font-style: normal;
  font-weight: 700;
  font-size: 1.1em;
  line-height: .83;
  color: var(--blue-txt); }

.hero-top__title {
  margin-bottom: 2rem; }

.hero-top__content {
  position: relative;
  display: grid;
  grid-template-columns: 240px 1fr 520px;
  column-gap: 15px;
  z-index: 0; }
  @media (max-width: 1440px) {
    .hero-top__content {
      grid-template-columns: 200px 1fr 380px; } }
  @media (max-width: 1024px) {
    .hero-top__content {
      grid-template-columns: 1fr;
      column-gap: 0; } }

.hero-top__map img {
  align-self: stretch;
  aspect-ratio: 530 / 625; }
  @media (max-width: 1024px) {
    .hero-top__map img {
      position: absolute;
      top: 0;
      right: -50%;
      margin-top: -25%;
      width: 100%;
      z-index: -999;
      opacity: 0.35; } }

.hero-top__list {
  position: relative;
  margin: 0 -50px 0 0;
  padding: 16px 8px;
  background-color: rgba(255, 255, 255, 0.75);
  align-self: center;
  z-index: 1;
  backdrop-filter: blur(5px); }
  @media (max-width: 1024px) {
    .hero-top__list {
      margin: -50px 50px 0 50px;
      padding: 16px; } }
  @media (max-width: 576px) {
    .hero-top__list {
      margin: 16px 0 0 0; } }

.hero-top__item {
  margin: 0 0 16px 0; }

.hero-top__text {
  font-family: var(--font-family-sans-serif);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: var(--black-txt);
  margin: 0 0 8px 0; }

.hero-top__subtext {
  font-family: var(--font-family-sans-serif);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: var(--gray-txt);
  margin: 0; }

.hero-top__video-wrapper {
  align-self: center; }
  @media (max-width: 1024px) {
    .hero-top__video-wrapper {
      grid-row: 1; } }
  .hero-top__video-wrapper video {
    width: 100%;
    height: auto; }

.events-title {
  margin-top: 24px;
  margin-bottom: 32px; }

.events .search-block {
  padding: 7px 10px;
  gap: 24px;
  margin-bottom: 36px; }
  .events .search-block .dropdown {
    margin-right: 0;
    background-color: transparent; }
  .events .search-block .dropdown-toggle {
    padding: 6px 12px;
    margin: 0 2px;
    background-color: var(--gray-bg);
    border-radius: 15px; }
    .events .search-block .dropdown-toggle::after {
      content: '/';
      font-family: var(--font-family-sans-serif);
      font-size: 1.25em;
      border: none;
      vertical-align: middle;
      color: var(--blue-txt);
      margin-right: 0.5em; }
  .events .search-block .dropdown-menu {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-800);
    border: 0;
    padding: 0.475rem;
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: 0 13px 37px rgba(92, 107, 121, 0.1); }
  .events .search-block .dropdown-item {
    padding: 0.4rem 0.75rem;
    margin-bottom: 0.35rem;
    border-radius: 5px;
    transition: all 0.2s ease-in-out; }
    .events .search-block .dropdown-item:hover {
      color: var(--blue-txt);
      text-decoration: none;
      background-color: var(--gray-bg); }
  .events .search-block .dropdown.event-date .dropdown-menu {
    min-width: 220px; }
  .events .search-block .dropdown.event-date .picker-switch {
    font-family: var(--font-family-sans-serif);
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: var(--black-txt); }
    .events .search-block .dropdown.event-date .picker-switch:hover {
      background: transparent !important; }
  .events .search-block .dropdown.event-date .prev, .events .search-block .dropdown.event-date .next {
    color: var(--black-txt); }
    .events .search-block .dropdown.event-date .prev .fa.fa-chevron-right::before, .events .search-block .dropdown.event-date .prev .fa.fa-chevron-left::before, .events .search-block .dropdown.event-date .next .fa.fa-chevron-right::before, .events .search-block .dropdown.event-date .next .fa.fa-chevron-left::before {
      -webkit-text-stroke: 2.7px var(--white); }
    .events .search-block .dropdown.event-date .prev:hover, .events .search-block .dropdown.event-date .next:hover {
      color: var(--blue-txt);
      background: transparent !important; }
  .events .search-block .dropdown.event-date .dow {
    font-family: var(--font-family-sans-serif);
    font-weight: 500;
    line-height: 1;
    color: var(--black-txt);
    width: 24px;
    height: 32px; }
  .events .search-block .dropdown.event-date .datepicker .day.active {
    background: transparent; }
  .events .search-block .dropdown.event-date .day:hover,
  .events .search-block .dropdown.event-date .hour:hover,
  .events .search-block .dropdown.event-date .minute:hover,
  .events .search-block .dropdown.event-date .second:hover {
    color: var(--special-green-dark);
    background: transparent; }
  .events .search-block .dropdown.event-date .day {
    width: 24px;
    height: 24px;
    color: var(--blue-txt);
    font-weight: 500;
    line-height: 1; }
    .events .search-block .dropdown.event-date .day.today {
      color: var(--white-txt);
      background-color: var(--blue-txt); }
      .events .search-block .dropdown.event-date .day.today::before {
        content: none; }
    .events .search-block .dropdown.event-date .day.disabled {
      color: var(--gray-txt);
      opacity: 0.5; }
    .events .search-block .dropdown.event-date .day.old, .events .search-block .dropdown.event-date .day.new {
      visibility: hidden; }
  .events .search-block .btn span {
    white-space: nowrap;
    font-size: 16px;
    vertical-align: middle;
    margin: 0 !important; }
  .events .search-block .country .btn span.native,
  .events .search-block .language .btn span.native,
  .events .search-block .city .btn span.native,
  .events .search-block .category .btn span.native {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    margin: 2px 5px 0 0; }
  .events .search-block .country .flag {
    width: 25px;
    height: 18px;
    margin: -2px 5px 1px 0; }
  .events .search-block .language i {
    margin-top: 1px; }
  .events .search-block .city i {
    margin-top: 2px;
    margin-right: 5px; }
  .events .search-block .city .btn span.native {
    margin-top: -1px; }
  .events .search-block .category i {
    margin-right: 5px; }
  .events .search-block .search-wrapper {
    position: relative;
    min-width: 250px;
    max-width: 500px;
    flex: 1 1 0; }
    .events .search-block .search-wrapper .input-group-prepend {
      display: flex;
      align-items: center;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 8px;
      background: transparent; }
    .events .search-block .search-wrapper .search {
      width: 100%;
      margin-bottom: 0; }
      .events .search-block .search-wrapper .search input {
        font: inherit;
        padding-left: 42px;
        color: var(--black-txt);
        background: #dfe8f9;
        border: 1px solid transparent;
        height: 44px;
        box-shadow: none;
        border-radius: 15px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
        .events .search-block .search-wrapper .search input:focus {
          outline: none;
          border-color: var(--blue-txt); }
        .events .search-block .search-wrapper .search input::-webkit-search-cancel-button {
          appearance: none; }
        .events .search-block .search-wrapper .search input::placeholder {
          color: var(--gray-txt); }
  .events .search-block .clear-all-filters {
    background-color: transparent; }
    .events .search-block .clear-all-filters:hover {
      color: var(--blue-txt); }

.motivated {
  padding-top: 0.3125rem; }
  @media (min-width: 768px) {
    .motivated .motivated__content .motivated__row {
      grid-template-columns: 1fr 1fr; } }
  .motivated .motivated__content .motivated__row {
    display: grid;
    gap: 32px 32px; }
  .motivated .motivated__content .motivated__aside {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px; }
  @media (min-width: 768px) {
    .motivated .motivated__content .motivated__aside-img:nth-child(3n+1) {
      align-self: start; }
    .motivated .motivated__content .motivated__aside-img:nth-child(3n+2) {
      align-self: center; }
    .motivated .motivated__content .motivated__aside-img:nth-child(3n+3) {
      align-self: end; } }
  .motivated .motivated__content img.motivated__aside-img {
    display: block;
    max-width: 100%;
    height: auto;
    border-style: none; }
  .motivated .motivated__content .motivated__info:not(:last-child) {
    margin-bottom: 32px; }
  .motivated .motivated__content .motivated__info {
    max-width: 430px; }
  .motivated .motivated__content .motivated__subtitle {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px; }
  .motivated .motivated__content .motivated__subtitle-sep {
    color: var(--blue-txt); }
  .motivated .motivated__content .motivated__para {
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
    color: var(--gray-txt); }
  .motivated .motivated__content .hero-top__title, .motivated .motivated__content .motivated__title, .motivated .motivated__content .motivated__row {
    margin-bottom: 2rem; }

.events .item .image .course-labels {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 3;
  line-height: 20px;
  text-align: left;
  padding: 10px; }
  .events .item .image .course-labels .semester-label {
    background-color: #dde9cc; }
  .events .item .image .course-labels .full-course-label {
    background-color: #dde9cc; }
  .events .item .image .course-labels .course-section-label {
    background-color: #dde9cc; }

.events .item .image .course-labels > div {
  float: left;
  padding: 2px 7px 2px;
  margin: 0 2px 4px;
  letter-spacing: normal;
  width: auto;
  border-radius: 5px;
  color: var(--black-txt); }

.events .item .content .info {
  color: var(--black-txt);
  background: var(--gray-bg);
  padding: 16px;
  overflow: hidden; }
  .events .item .content .info .title a {
    color: var(--black-txt); }

.events .item .content .info.foundation-info {
  color: var(--white-txt);
  background: var(--gray-bg); }
  .events .item .content .info.foundation-info .title a {
    color: var(--black-txt); }

.events .item .content .buy-button.clearfix a {
  color: var(--blue-txt); }

.events .item .content .extra.event-venue {
  background-color: var(--white);
  padding: 4px 6px;
  border-radius: 2px;
  width: fit-content;
  white-space: normal;
  word-break: break-word;
  position: absolute;
  margin-top: -42px; }
  .events .item .content .extra.event-venue .venue.awesome.venue-title a.venue-text.location-link {
    color: var(--black-txt); }
    .events .item .content .extra.event-venue .venue.awesome.venue-title a.venue-text.location-link:hover {
      color: var(--blue-txt); }

.events .item .content .event-dates {
  margin-left: 1ch; }
  .events .item .content .event-dates .date {
    width: 220px; }

.events .item .content .event-actions {
  gap: 20px;
  margin-top: 20px; }
  .events .item .content .event-actions .buy-button.clearfix {
    margin: 0 !important; }

.events.events-archive .item .content .buy-button.clearfix a {
  color: var(--dark); }

.events.events-archive .img-archive {
  filter: grayscale(0.4) brightness(0.9); }

.moodle-course-lesson__wrapper header.moodle-course-lesson__header {
  border-radius: 8px; }
  .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .course-gradient-background {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -24.52%, #000000 97.67%);
    left: 0%;
    bottom: 0%;
    opacity: 1;
    border-radius: inherit; }
  .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .dashboard-bar-wrapper {
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 20px 7.5px; }
  @media (max-width: 767.98px) {
    .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .dashboard-bar-wrapper {
      flex-direction: column; } }
  .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .header-main-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
    .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .header-main-section .category {
      margin-bottom: 8px; }
      .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .header-main-section .category .badge {
        display: inline-block;
        padding: 12px 8px;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25rem;
        transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
        border-radius: 50px;
        padding: 4px 8px;
        font-size: 12px !important;
        line-height: 14px !important;
        font-weight: 400 !important;
        height: fit-content;
        padding: 4px 6px;
        border-radius: 4px;
        background-color: #fff;
        color: #37be71;
        font-size: 12px;
        line-height: 15px;
        font-weight: 400; }
    .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .header-main-section .page-context-header {
      overflow: hidden;
      padding: .25rem 0;
      display: flex; }
      .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .header-main-section .page-context-header .page-header-headings .header-heading.design-1 {
        color: #fff;
        font-weight: 800;
        font-size: 1.5rem;
        line-height: 32px; }
      @media (max-width: 1023.98px) {
        .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .header-main-section .page-context-header .page-header-headings .header-heading.design-1 {
          font-weight: 800;
          font-size: 1.25rem;
          line-height: 28px; } }
  .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .header-sub-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 32px 24px;
    margin-left: auto; }
    .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .header-sub-section .events .event {
      margin-bottom: 0px; }
      .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .header-sub-section .events .event .event__title {
        font-size: 16px;
        text-align: center;
        text-transform: none;
        font-weight: 500;
        line-height: 1; }
      .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .header-sub-section .events .event .seats-date-wrapper {
        flex-direction: column; }
      @media (max-width: 576px) {
        .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .header-sub-section .events .event .seats-date-wrapper .times {
          margin: 6px;
          height: fit-content; }
        .moodle-course-lesson__wrapper header.moodle-course-lesson__header.hasbackground.design-1 .header-sub-section .events .event .seats-date-wrapper .c100 {
          margin: 6px; } }

.row.moodle-course-lesson__content {
  margin: 0; }
  .row.moodle-course-lesson__content .moodle-course-lesson__menu, .row.moodle-course-lesson__content .moodle-course-lesson__organization {
    padding: 0; }
  .row.moodle-course-lesson__content .moodle-course-lesson__description {
    padding: 0 1.5rem; }
  @media (max-width: 1024px) {
    .row.moodle-course-lesson__content .moodle-course-lesson__description, .row.moodle-course-lesson__content .moodle-course-lesson__menu, .row.moodle-course-lesson__content .moodle-course-lesson__organization {
      padding: 0 0 1rem 0; } }
  .row.moodle-course-lesson__content .moodle-course-lesson__organization .school-item .content .info .title a.scrolled-text {
    text-decoration: underline; }
  .row.moodle-course-lesson__content .moodle-course-lesson__description * {
    font-family: var(--font-family-sans-serif) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    line-height: 1.2 !important; }
  .row.moodle-course-lesson__content .moodle-course-lesson__description a, .row.moodle-course-lesson__content .moodle-course-lesson__description small, .row.moodle-course-lesson__content .moodle-course-lesson__description strong, .row.moodle-course-lesson__content .moodle-course-lesson__description i, .row.moodle-course-lesson__content .moodle-course-lesson__description b, .row.moodle-course-lesson__content .moodle-course-lesson__description span, .row.moodle-course-lesson__content .moodle-course-lesson__description label, .row.moodle-course-lesson__content .moodle-course-lesson__description em {
    display: inline-block !important; }

.schools__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px 0; }

.school-card {
  display: grid;
  grid-template-columns: minmax(30%, 360px) 1fr 320px;
  gap: 0 32px;
  background-color: var(--gray-bg);
  border-radius: 6px;
  overflow: hidden;
  --gradient-split: 200px;
  --gradient-angle: 200deg;
  background-image: linear-gradient(var(--gradient-angle), #e7e5e5 calc(var(--gradient-split) - 0.5px), transparent calc(var(--gradient-split) + 0.5px)); }
  @media (max-width: 1024px) {
    .school-card {
      --gradient-split: 94px;
      --gradient-blue-split: 134px;
      --gradient-blue-angle: -42deg;
      background-image: linear-gradient(var(--gradient-blue-angle), var(--blue-txt) calc(var(--gradient-blue-split) - 0.5px), transparent calc(var(--gradient-blue-split) + 0.5px)), linear-gradient(var(--gradient-angle), #e7e5e5 calc(var(--gradient-split) - 0.5px), transparent calc(var(--gradient-split) + 0.5px));
      gap: 0 16px;
      grid-template-columns: 30% 1fr; } }
  @media (max-width: 768px) {
    .school-card {
      grid-template-columns: 1fr;
      background-image: none; } }

.school-card__image-wrap {
  position: relative;
  z-index: 0;
  max-height: 220px; }
  @media (max-width: 1024px) {
    .school-card__image-wrap {
      grid-row: span 2; } }
  @media (max-width: 768px) {
    .school-card__image-wrap {
      grid-row: auto;
      grid-column: 1;
      max-height: 100%; } }

.school-card__image-link {
  display: block;
  width: 100%;
  height: 100%; }

.school-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; }

.school-card__location {
  display: flex;
  flex-direction: column;
  position: absolute;
  padding: 16px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }
  .school-card__location .fa {
    font-size: 1.1em; }

.school-card__city {
  align-self: flex-start;
  font-size: 14px;
  line-height: 1.2;
  padding: 5px 8px 5px 8px;
  background-color: var(--blue-txt);
  color: var(--white-txt);
  border-radius: 3px;
  font-weight: 400;
  margin-bottom: 16px; }

.school-card__street {
  position: relative;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  margin-top: auto;
  color: var(--black-txt);
  background-color: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(4px);
  padding: 6px 8px 6px 16px;
  border-radius: 3px;
  overflow: hidden; }
  .school-card__street::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: var(--blue-txt); }

.school-card__content {
  margin-top: 32px;
  padding: 16px 0 32px; }
  @media (max-width: 1024px) {
    .school-card__content {
      margin-top: 8px;
      padding: 16px 136px 16px 0; } }
  @media (max-width: 768px) {
    .school-card__content {
      margin: 36px 0 16px;
      padding: 0 16px; } }

.school-card__title {
  display: block;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--blue-txt);
  margin-bottom: 16px; }

.school-card__desc {
  font-size: 15px;
  line-height: 1.4; }
  .school-card__desc p {
    font-size: inherit;
    margin-bottom: 0; }
  .school-card__desc > p + p {
    margin-top: 16px; }
  .school-card__desc.trim {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .school-card__desc.expand-trim {
    overflow: hidden;
    cursor: pointer; }

.school-card__info {
  display: flex;
  flex-direction: column;
  padding: 16px 16px 16px 0;
  --gradient-split: 175px;
  --gradient-angle: -39deg;
  background-image: linear-gradient(var(--gradient-angle), var(--blue-txt) calc(var(--gradient-split) - 0.5px), transparent calc(var(--gradient-split) + 0.5px));
  color: var(--white-txt); }
  @media (max-width: 1024px) {
    .school-card__info {
      flex-direction: row;
      align-self: flex-end;
      flex-wrap: wrap;
      gap: 0 16px;
      grid-row: 2;
      grid-column: 2;
      background-image: none;
      padding: 0;
      margin-bottom: 8px;
      padding-right: 8px; } }
  @media (max-width: 768px) {
    .school-card__info {
      grid-row: auto;
      grid-column: 1;
      padding-left: 16px; } }
  @media (max-width: 576px) {
    .school-card__info {
      gap: 16px 8px; } }

.school-card__contacts {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 16px;
  gap: 4px 16px; }
  @media (max-width: 1024px) {
    .school-card__contacts {
      flex: 1;
      margin-top: 0; } }
  @media (min-width: 576px) {
    .school-card__contacts {
      flex-direction: row;
      align-items: center;
      flex-wrap: wrap; } }

.contacts-item {
  color: var(--black-txt);
  font-size: 14px;
  line-height: 1.2; }
  @media (max-width: 1024px) {
    .contacts-item {
      font-size: 12px; } }

.contacts-item__link {
  color: inherit;
  font-weight: 400; }
  .contacts-item__link::before {
    content: '/';
    color: var(--blue-txt);
    margin-right: 0.25em; }
  .contacts-item__link:hover {
    color: var(--blue-txt); }

.school-card__actions {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 0 16px; }
  @media (max-width: 768px) {
    .school-card__actions {
      margin-left: auto; } }

.school-card__courses-link {
  margin-left: 40%;
  color: inherit;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  margin-top: 16px;
  text-align: right; }
  .school-card__courses-link:hover, .school-card__courses-link:active, .school-card__courses-link:focus {
    color: var(--white-txt); }
  @media (max-width: 1024px) {
    .school-card__courses-link {
      background-color: var(--blue-txt);
      margin: 0;
      margin-top: 16px; } }
  @media (max-width: 768px) {
    .school-card__courses-link {
      margin-left: 0;
      margin-top: 0;
      margin-right: -8px;
      margin-bottom: -8px;
      padding: 16px;
      flex-shrink: 0; } }
  .school-card__courses-link svg {
    margin-left: 0.25em;
    transition: all 500ms ease-in-out; }

.school-card__courses-expand-btn {
  align-self: flex-end;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  color: var(--white-txt);
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  margin-top: 16px; }
  @media (max-width: 1024px) {
    .school-card__courses-expand-btn {
      background-color: var(--blue-txt); } }
  @media (max-width: 768px) {
    .school-card__courses-expand-btn {
      margin-left: 0;
      margin-top: 0;
      margin-right: -8px;
      margin-bottom: -8px;
      padding: 16px; } }
  .school-card__courses-expand-btn svg {
    margin-left: 0.25em;
    transition: all 500ms ease-in-out; }

.school-card-view {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 0 32px;
  background-color: var(--gray-bg);
  border-radius: 6px;
  overflow: hidden;
  --gradient-split: 200px;
  --gradient-angle: 200deg;
  background-image: linear-gradient(var(--gradient-angle), #e7e5e5 calc(var(--gradient-split) - 0.5px), transparent calc(var(--gradient-split) + 0.5px)); }
  @media (max-width: 1024px) {
    .school-card-view {
      --gradient-split: 94px;
      --gradient-blue-split: 100px;
      --gradient-blue-angle: -42deg;
      background-image: linear-gradient(var(--gradient-blue-angle), var(--blue-txt) calc(var(--gradient-blue-split) - 0.5px), transparent calc(var(--gradient-blue-split) + 0.5px)), linear-gradient(var(--gradient-angle), #e7e5e5 calc(var(--gradient-split) - 0.5px), transparent calc(var(--gradient-split) + 0.5px));
      gap: 0 16px;
      grid-template-columns: 1fr; } }
  @media (max-width: 768px) {
    .school-card-view {
      grid-template-columns: 1fr;
      background-image: none; } }

.school-card-view__image-wrap {
  position: relative;
  z-index: 0;
  max-height: 220px; }
  @media (max-width: 1024px) {
    .school-card-view__image-wrap {
      float: left;
      margin: 0 16px 16px -16px;
      width: 320px;
      max-height: unset; } }
  @media (max-width: 576px) {
    .school-card-view__image-wrap {
      float: none;
      width: calc(100% + 32px);
      margin: 0 -16px; } }

.school-card-view__image-link {
  display: block;
  width: 100%;
  height: 100%; }

.school-card-view__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; }

.school-card-view__location {
  display: flex;
  flex-direction: column;
  position: absolute;
  padding: 16px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }
  .school-card-view__location .fa {
    font-size: 1.1em; }

.school-card-view__city {
  align-self: flex-start;
  font-size: 14px;
  line-height: 1.2;
  padding: 5px 8px 5px 8px;
  background-color: var(--blue-txt);
  color: var(--white-txt);
  border-radius: 3px;
  font-weight: 400;
  margin-bottom: 16px; }

.school-card-view__street {
  position: relative;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  margin-top: auto;
  color: var(--black-txt);
  background-color: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(4px);
  padding: 6px 8px 6px 16px;
  border-radius: 3px;
  overflow: hidden; }
  .school-card-view__street::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: var(--blue-txt); }

.school-card-view__content {
  display: grid;
  grid-template-columns: minmax(40%, 360px) 1fr;
  gap: 0 32px; }
  @media (max-width: 1024px) {
    .school-card-view__content {
      display: block;
      margin-top: 0;
      padding: 0 102px 16px 16px; } }
  @media (max-width: 768px) {
    .school-card-view__content {
      display: block;
      margin-top: 0;
      padding: 0 16px 16px 16px; } }
  @media (max-width: 576px) {
    .school-card-view__content {
      padding: 0 16px 16px 16px;
      margin: 0 0 16px; } }

.school-card-view__title {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--blue-txt);
  margin-top: 64px;
  margin-bottom: 16px; }
  @media (max-width: 1024px) {
    .school-card-view__title {
      margin-top: 32px; } }

.school-card-view__desc {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 32px; }
  .school-card-view__desc p {
    font-size: inherit;
    margin-bottom: 0; }
  .school-card-view__desc > p + p {
    margin-top: 16px; }
  .school-card-view__desc.trim {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media (max-width: 1024px) {
      .school-card-view__desc.trim {
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
        overflow: auto;
        display: unset; } }
  .school-card-view__desc.expand-trim {
    overflow: hidden;
    cursor: pointer; }
    @media (max-width: 1024px) {
      .school-card-view__desc.expand-trim {
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
        overflow: auto;
        display: unset;
        cursor: default; } }

.school-card-view__info {
  display: flex;
  flex-direction: column;
  padding: 16px 16px 16px 0;
  --gradient-split: 175px;
  --gradient-angle: -39deg;
  background-image: linear-gradient(var(--gradient-angle), var(--blue-txt) calc(var(--gradient-split) - 0.5px), transparent calc(var(--gradient-split) + 0.5px));
  color: var(--white-txt); }
  @media (max-width: 1024px) {
    .school-card-view__info {
      flex-direction: row;
      align-self: flex-end;
      gap: 0 16px;
      background-image: none;
      padding: 0;
      margin-bottom: 8px;
      padding-left: 16px;
      padding-right: 8px; } }
  @media (max-width: 768px) {
    .school-card-view__info {
      grid-row: auto;
      grid-column: 1; } }

.school-card-view__contacts {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 16px;
  gap: 4px 16px; }
  @media (max-width: 1024px) {
    .school-card-view__contacts {
      flex: 1;
      margin-top: 0; } }
  @media (min-width: 576px) {
    .school-card-view__contacts {
      flex-direction: row;
      align-items: center;
      flex-wrap: wrap; } }

.contacts-item {
  color: var(--black-txt);
  font-size: 14px;
  line-height: 1.2; }
  @media (max-width: 1024px) {
    .contacts-item {
      font-size: 12px; } }

.contacts-item__link {
  color: inherit;
  font-weight: 400; }
  .contacts-item__link::before {
    content: '/';
    color: var(--blue-txt);
    margin-right: 0.25em; }
  .contacts-item__link:hover {
    color: var(--blue-txt); }

.school-card-view__courses-link {
  margin-left: 40%;
  color: inherit;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  margin-top: 16px;
  text-align: right; }
  .school-card-view__courses-link:hover, .school-card-view__courses-link:active {
    color: var(--white-txt); }
  @media (max-width: 1024px) {
    .school-card-view__courses-link {
      background-color: var(--blue-txt);
      margin: 0;
      margin-top: 16px; } }
  @media (max-width: 768px) {
    .school-card-view__courses-link {
      margin-left: 0;
      margin-top: 0;
      margin-right: -8px;
      margin-bottom: -8px;
      padding: 16px; } }
  .school-card-view__courses-link svg {
    margin-left: 0.25em;
    transition: all 500ms ease-in-out; }

.school-card-view__courses-expand-btn {
  align-self: flex-end;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  color: var(--white-txt);
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  margin-top: auto; }
  @media (max-width: 1024px) {
    .school-card-view__courses-expand-btn {
      display: none; } }
  .school-card-view__courses-expand-btn svg {
    margin-left: 0.25em;
    transition: all 500ms ease-in-out; }

.foundation-card-view {
  border-radius: 6px;
  --gradient-split: 200px;
  --gradient-angle: 200deg;
  background-color: var(--gray-bg);
  background-image: linear-gradient(var(--gradient-angle), #e7e5e5 calc(var(--gradient-split) - 0.5px), transparent calc(var(--gradient-split) + 0.5px));
  overflow: hidden;
  cursor: pointer; }
  @media (max-width: 1024px) {
    .foundation-card-view {
      --gradient-split: 94px;
      --gradient-blue-split: 134px;
      --gradient-blue-angle: -42deg;
      background-image: linear-gradient(var(--gradient-blue-angle), var(--blue-txt) calc(var(--gradient-blue-split) - 0.5px), transparent calc(var(--gradient-blue-split) + 0.5px)), linear-gradient(var(--gradient-angle), #e7e5e5 calc(var(--gradient-split) - 0.5px), transparent calc(var(--gradient-split) + 0.5px)); } }
  @media (max-width: 768px) {
    .foundation-card-view {
      background-image: none; } }
  .foundation-card-view * {
    cursor: pointer; }

.foundation-card-view__content {
  overflow: hidden;
  border-radius: 6px; }
  @media (max-width: 1024px) {
    .foundation-card-view__content {
      min-height: 180px; } }

.foundation-card-view__image {
  float: left;
  max-height: 238px;
  width: 425px;
  margin-right: 1.5rem; }
  @media (max-width: 1440px) {
    .foundation-card-view__image {
      width: 390px; } }
  @media (max-width: 1320px) {
    .foundation-card-view__image {
      width: 30%;
      min-width: 360px; } }
  @media (max-width: 1024px) {
    .foundation-card-view__image {
      min-width: unset;
      margin-right: 16px;
      min-height: 180px; } }
  @media (max-width: 768px) {
    .foundation-card-view__image {
      float: none;
      width: 100%;
      height: auto;
      max-height: none; } }

.foundation-card-view__title {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--blue-txt);
  margin-top: 24px;
  margin-bottom: 16px; }
  @media (max-width: 1320px) {
    .foundation-card-view__title {
      margin-bottom: 8px; } }
  @media (max-width: 768px) {
    .foundation-card-view__title {
      padding-left: 16px; } }

.foundation-card-view__description {
  margin-right: 280px;
  padding-top: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 150px;
  /*transition: max-height 0.5s ease-out;*/ }
  @media (max-width: 1440px) {
    .foundation-card-view__description {
      padding-top: 0px; } }
  @media (max-width: 1024px) {
    .foundation-card-view__description {
      margin-right: 180px;
      max-height: 100px; } }
  @media (max-width: 768px) {
    .foundation-card-view__description {
      padding-left: 16px;
      margin-right: 0px;
      margin-bottom: 60px; } }
  .foundation-card-view__description * {
    text-overflow: ellipsis; }

.foundation-card-view__description.expanded {
  margin-right: 16px;
  margin-bottom: 150px;
  max-height: 5000px;
  transition: max-height 0.5s ease-in;
  overflow: visible;
  padding-left: 16px; }

.foundation-card-view__info {
  margin-top: -225px;
  position: relative;
  height: 225px;
  width: 280px;
  float: right;
  padding: 16px 16px 16px 0;
  --gradient-split: 175px;
  --gradient-angle: -39deg;
  background-image: linear-gradient(var(--gradient-angle), var(--blue-txt) calc(var(--gradient-split) - 0.5px), transparent calc(var(--gradient-split) + 0.5px));
  color: var(--white-txt);
  border-bottom-right-radius: 6px; }
  @media (max-width: 1024px) {
    .foundation-card-view__info {
      --gradient-split: 94px;
      --gradient-blue-split: 134px;
      --gradient-blue-angle: -42deg;
      background-image: linear-gradient(var(--gradient-blue-angle), var(--blue-txt) calc(var(--gradient-blue-split) - 0.5px), transparent calc(var(--gradient-blue-split) + 0.5px)), linear-gradient(var(--gradient-angle), #e7e5e5 calc(var(--gradient-split) - 0.5px), transparent calc(var(--gradient-split) + 0.5px));
      gap: 0 16px;
      grid-template-columns: 30% 1fr; } }
  @media (max-width: 768px) {
    .foundation-card-view__info {
      background: none;
      padding: 0; } }

.foundation-card-view__expand-btn {
  position: absolute;
  right: 16px;
  bottom: 16px;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  color: var(--white-txt);
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  margin-top: auto;
  padding-left: 50px;
  padding-top: 50px; }
  @media (max-width: 768px) {
    .foundation-card-view__expand-btn {
      background-color: var(--blue-txt);
      padding: 16px;
      right: 0px;
      bottom: 0px; } }

.post-filters {
  margin-bottom: 16px; }

.post-filters__list {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0; }

.post-filters__title {
  font-size: 16px;
  line-height: 1;
  font-weight: 500; }

.post-filters__title::after {
  content: '/';
  font-family: var(--font-family-sans-serif);
  font-size: 1.25em;
  border: none;
  vertical-align: middle;
  color: var(--blue-txt);
  margin-right: 0.5em;
  margin-left: 0.5em; }

.post-filters__item {
  padding: 6px 10px;
  margin: 0;
  background-color: var(--gray-bg);
  border-radius: 8px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500; }

.post-filters__link {
  color: var(--black-txt);
  font-weight: 500;
  vertical-align: middle; }
  .post-filters__link:hover, .post-filters__link.active {
    color: var(--blue-txt); }

.contact-block__title {
  margin-bottom: 32px; }

.contact-block__desc {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 32px; }

.contacts {
  border-top: 1px solid #d5ddea;
  margin-top: 32px;
  padding-top: 32px; }

.contacts__form .form-group {
  margin-bottom: 32px; }
  .contacts__form .form-group label {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 16px; }
  .contacts__form .form-group .required-field-marker {
    margin-left: 0.5em;
    color: var(--danger); }

.contacts__form-control {
  border: 1px solid #d5ddea;
  font-family: inherit;
  font-size: 14px;
  padding: 0.56rem 0.75rem;
  line-height: 14px;
  font-weight: 400;
  background-image: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--black-txt);
  height: 44px; }

.simple-page {
  font-size: 13px; }

.simple-page h1 {
  margin-bottom: 32px;
  color: var(--black-txt); }

.simple-page h3 {
  margin-bottom: 16px;
  font-size: 26px;
  color: var(--black-txt); }

.simple-page h4 {
  color: var(--black-txt); }

.simple-page .inner-content {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 32px;
  color: var(--black-txt); }

/*# sourceMappingURL=app-styles.css.map*/