/*!
 * angular-aside - v1.4.0
 * https://github.com/dbtek/angular-aside
 * 2017-03-27
 * Copyright (c) 2017 İsmail Demirbilek
 * License: MIT
 */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInTop {
  -webkit-animation-name: fadeInTop;
  animation-name: fadeInTop;
}
@-webkit-keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInBottom {
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
.ng-aside {
  overflow-y: auto;
  overflow-x: hidden;
}
.ng-aside .modal-dialog {
  position: absolute;
  margin: 0;
  padding: 0;
}
.ng-aside.fade .modal-dialog {
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.ng-aside .modal-dialog .modal-content {
  overflow-y: auto;
  overflow-x: hidden;
  border: none;
  border-radius: 0;
}
.ng-aside.horizontal,
.ng-aside.horizontal .modal-dialog .modal-content {
  height: 100%;
}
.ng-aside.horizontal .modal-dialog {
  position: absolute;
  top: 0;
  height: 100%;
}
.modal-open .ng-aside.horizontal.left .modal-dialog {
  animation: fadeOutLeft 250ms;
  -webkit-animation: fadeOutLeft 250ms;
  -moz-animation: fadeOutLeft 250ms;
  -o-animation: fadeOutLeft 250ms;
  -ms-animation: fadeOutLeft 250ms;
}
.ng-aside.horizontal.left.in .modal-dialog {
  animation: fadeInLeft 400ms;
  -webkit-animation: fadeInLeft 400ms;
  -moz-animation: fadeInLeft 400ms;
  -o-animation: fadeInLeft 400ms;
  -ms-animation: fadeInLeft 400ms;
}
.ng-aside.horizontal.left .modal-dialog {
  left: 0;
}
.ng-aside.horizontal.right .modal-dialog {
  animation: fadeOutRight 400ms;
  -webkit-animation: fadeOutRight 400ms;
  -moz-animation: fadeOutRight 400ms;
  -o-animation: fadeOutRight 400ms;
  -ms-animation: fadeOutRight 400ms;
}
.ng-aside.horizontal.right.in .modal-dialog {
  animation: fadeInRight 250ms;
  -webkit-animation: fadeInRight 250ms;
}
.ng-aside.horizontal.right .modal-dialog {
  right: 0;
}
.ng-aside.vertical {
  width: 100%!important;
  overflow: hidden;
}
.ng-aside.vertical .modal-dialog {
  left: 0;
  right: 0;
  width: 100% !important;
}
.ng-aside.vertical .modal-dialog .modal-content {
  max-height: 400px;
}
.ng-aside.vertical.top .modal-dialog {
  animation: fadeOutUp 250ms;
  -webkit-animation: fadeOutUp 250ms;
  -moz-animation: fadeOutUp 250ms;
  -o-animation: fadeOutUp 250ms;
  -ms-animation: fadeOutUp 250ms;
}
.ng-aside.vertical.top.in .modal-dialog {
  animation: fadeInTop 250ms;
  -webkit-animation: fadeInTop 250ms;
  -moz-animation: fadeInTop 250ms;
  -o-animation: fadeInTop 250ms;
  -ms-animation: fadeInTop 250ms;
}
.ng-aside.vertical.bottom .modal-dialog {
  animation: fadeOutDown 250ms;
  -webkit-animation: fadeOutDown 250ms;
  -moz-animation: fadeOutDown 250ms;
  -o-animation: fadeOutDown 250ms;
  -ms-animation: fadeOutDown 250ms;
}
.ng-aside.vertical.bottom.in .modal-dialog {
  animation: fadeInBottom 250ms;
  -webkit-animation: fadeInBottom 250ms;
  -moz-animation: fadeInBottom 250ms;
  -o-animation: fadeInBottom 250ms;
  -ms-animation: fadeInBottom 250ms;
}
.ng-aside.vertical.bottom .modal-dialog {
  bottom: 0;
}
.ng-aside.vertical.top .modal-dialog {
  top: 0;
}
.ng-aside.vertical .modal-dialog .modal-content {
  width: 100%;
}

#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active,
#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active {
  opacity: 0;
}
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave,
#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave {
  opacity: 1;
}
#loading-bar .bar {
  -webkit-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;
  background: #29d;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: 0.45;
  -ms-box-shadow: #29d 1px 0 6px 1px;
  -webkit-box-shadow: #29d 1px 0 6px 1px;
  box-shadow: #29d 1px 0 6px 1px;
  border-radius: 100%;
}
#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 10px;
  left: 10px;
}
#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;
  border: 2px solid transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite;
}
@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.cfp-hotkeys,
.cfp-hotkeys-container {
  width: 100%;
  height: 100%;
}
.cfp-hotkeys-container {
  display: table!important;
  position: fixed;
  top: 0;
  left: 0;
  color: #333;
  font-size: 1em;
  background-color: rgba(255, 255, 255, 0.9);
}
.cfp-content,
.cfp-hotkeys {
  display: table-cell;
  vertical-align: middle;
}
.cfp-hotkeys-container.fade {
  z-index: -1024;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.cfp-hotkeys-container.fade.in {
  z-index: 10002;
  visibility: visible;
  opacity: 1;
}
.cfp-hotkeys-title {
  font-weight: 700;
  text-align: center;
  font-size: 1.2em;
}
.cfp-hotkeys table {
  margin: auto;
  color: #333;
}
.cfp-hotkeys-keys {
  padding: 5px;
  text-align: right;
}
.cfp-hotkeys-key {
  display: inline-block;
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
  border-radius: 5px;
  text-align: center;
  margin-right: 5px;
  -webkit-box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb;
          box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb;
  padding: 5px 9px;
  font-size: 1em;
}
.cfp-hotkeys-text {
  padding-left: 10px;
  font-size: 1em;
}
.cfp-hotkeys-close {
  position: fixed;
  top: 20px;
  right: 20px;
  font-size: 2em;
  font-weight: 700;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  min-height: 45px;
  min-width: 45px;
  text-align: center;
}
.cfp-hotkeys-close:hover {
  background-color: #fff;
  cursor: pointer;
}
@media all and (max-width: 500px) {
  .cfp-hotkeys {
    font-size: 0.8em;
  }
}
@media all and (min-width: 750px) {
  .cfp-hotkeys {
    font-size: 1.2em;
  }
}

@-webkit-keyframes sk-stretchdelay {
  0%,
  100%,
  40% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  100%,
  40% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
@-webkit-keyframes revolve-in-forward {
  0% {
    opacity: 0;
    -webkit-transform: scale(0, 0) translateX(0);
            transform: scale(0, 0) translateX(0);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: scale(0.5, 0.5) translateX(100%);
            transform: scale(0.5, 0.5) translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
            transform: scale(1, 1) translateX(0);
  }
}
@keyframes revolve-in-forward {
  0% {
    opacity: 0;
    -webkit-transform: scale(0, 0) translateX(0);
            transform: scale(0, 0) translateX(0);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: scale(0.5, 0.5) translateX(100%);
            transform: scale(0.5, 0.5) translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
            transform: scale(1, 1) translateX(0);
  }
}
@-webkit-keyframes revolve-out-forward {
  50% {
    opacity: 0.5;
    -webkit-transform: scale(0.5, 0.5) translateX(-100%);
            transform: scale(0.5, 0.5) translateX(-100%);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0, 0) translateX(0);
            transform: scale(0, 0) translateX(0);
  }
}
@keyframes revolve-out-forward {
  50% {
    opacity: 0.5;
    -webkit-transform: scale(0.5, 0.5) translateX(-100%);
            transform: scale(0.5, 0.5) translateX(-100%);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0, 0) translateX(0);
            transform: scale(0, 0) translateX(0);
  }
}
@-webkit-keyframes revolve-in-backward {
  0% {
    opacity: 0;
    -webkit-transform: scale(0, 0) translateX(0);
            transform: scale(0, 0) translateX(0);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: scale(0.5, 0.5) translateX(-100%);
            transform: scale(0.5, 0.5) translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
            transform: scale(1, 1) translateX(0);
  }
}
@keyframes revolve-in-backward {
  0% {
    opacity: 0;
    -webkit-transform: scale(0, 0) translateX(0);
            transform: scale(0, 0) translateX(0);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: scale(0.5, 0.5) translateX(-100%);
            transform: scale(0.5, 0.5) translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(0);
            transform: scale(1, 1) translateX(0);
  }
}
@-webkit-keyframes revolve-out-backward {
  50% {
    opacity: 0.5;
    -webkit-transform: scale(0.5, 0.5) translateX(100%);
            transform: scale(0.5, 0.5) translateX(100%);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0, 0) translateX(0);
            transform: scale(0, 0) translateX(0);
  }
}
@keyframes revolve-out-backward {
  50% {
    opacity: 0.5;
    -webkit-transform: scale(0.5, 0.5) translateX(100%);
            transform: scale(0.5, 0.5) translateX(100%);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0, 0) translateX(0);
            transform: scale(0, 0) translateX(0);
  }
}
.body-overflow-hidden {
  overflow: hidden !important;
}
.ng-image-gallery,
.ng-image-gallery * {
  outline: 0;
}
.ng-image-gallery .ng-image-gallery-thumbnails:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.ng-image-gallery .ng-image-gallery-thumbnails .thumb {
  float: left;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
  background-color: #eee;
  position: relative;
}
.ng-image-gallery .ng-image-gallery-thumbnails .thumb:not(:last-child) {
  margin-right: 5px;
  margin-bottom: 5px;
}
.ng-image-gallery .ng-image-gallery-thumbnails .thumb > .loader {
  position: absolute;
  left: 10%;
  top: 10%;
  right: 10%;
  bottom: 10%;
  -webkit-animation: thumb-load 1.4s infinite linear;
          animation: thumb-load 1.4s infinite linear;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@-webkit-keyframes thumb-load {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes thumb-load {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ng-image-gallery .ng-image-gallery-thumbnails .thumb > .loader:before {
  width: 50%;
  height: 50%;
  background: #ccc;
  border-radius: 100% 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.ng-image-gallery .ng-image-gallery-thumbnails .thumb > .loader:after {
  background: #eee;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ng-image-gallery .ng-image-gallery-modal {
  position: fixed;
  z-index: 5000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.ng-image-gallery .ng-image-gallery-modal.ng-hide-add {
  opacity: 1;
}
.ng-image-gallery .ng-image-gallery-modal.ng-hide-add-active,
.ng-image-gallery .ng-image-gallery-modal.ng-hide-remove {
  opacity: 0;
}
.ng-image-gallery .ng-image-gallery-modal.ng-hide-remove-active {
  opacity: 1;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-backdrop {
  background-color: rgba(0, 0, 0, 0.85);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .actions-icons-container .delete-img:hover,
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .close:hover,
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .ext-url:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .actions-icons-container {
  position: absolute;
  left: 10px;
  top: 20px;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .actions-icons-container .delete-img {
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  vertical-align: bottom;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .actions-icons-container .delete-img.ng-leave-active {
  display: none;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .actions-icons-container .delete-img:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTkgNTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU5IDU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4NCjxwYXRoIGQ9Ik01Mi41LDZIMzguNDU2Yy0wLjExLTEuMjUtMC40OTUtMy4zNTgtMS44MTMtNC43MTFDMzUuODA5LDAuNDM0LDM0Ljc1MSwwLDMzLjQ5OSwwSDIzLjVjLTEuMjUyLDAtMi4zMSwwLjQzNC0zLjE0NCwxLjI4OSAgQzE5LjAzOCwyLjY0MiwxOC42NTMsNC43NSwxOC41NDMsNkg2LjVjLTAuNTUyLDAtMSwwLjQ0Ny0xLDFzMC40NDgsMSwxLDFoMi4wNDFsMS45MTUsNDYuMDIxQzEwLjQ5Myw1NS43NDMsMTEuNTY1LDU5LDE1LjM2NCw1OSAgaDI4LjI3MmMzLjc5OSwwLDQuODcxLTMuMjU3LDQuOTA3LTQuOTU4TDUwLjQ1OSw4SDUyLjVjMC41NTIsMCwxLTAuNDQ3LDEtMVM1My4wNTIsNiw1Mi41LDZ6IE0yMC41LDUwYzAsMC41NTMtMC40NDgsMS0xLDEgIHMtMS0wLjQ0Ny0xLTFWMTdjMC0wLjU1MywwLjQ0OC0xLDEtMXMxLDAuNDQ3LDEsMVY1MHogTTMwLjUsNTBjMCwwLjU1My0wLjQ0OCwxLTEsMXMtMS0wLjQ0Ny0xLTFWMTdjMC0wLjU1MywwLjQ0OC0xLDEtMSAgczEsMC40NDcsMSwxVjUweiBNNDAuNSw1MGMwLDAuNTUzLTAuNDQ4LDEtMSwxcy0xLTAuNDQ3LTEtMVYxN2MwLTAuNTUzLDAuNDQ4LTEsMS0xczEsMC40NDcsMSwxVjUweiBNMjEuNzkyLDIuNjgxICBDMjIuMjQsMi4yMjMsMjIuNzk5LDIsMjMuNSwyaDkuOTk5YzAuNzAxLDAsMS4yNiwwLjIyMywxLjcwOCwwLjY4MWMwLjgwNSwwLjgyMywxLjEyOCwyLjI3MSwxLjI0LDMuMzE5SDIwLjU1MyAgQzIwLjY2NSw0Ljk1MiwyMC45ODgsMy41MDQsMjEuNzkyLDIuNjgxeiIgZmlsbD0iI0ZGRkZGRiIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container {
  position: absolute;
  right: 10px;
  top: 20px;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .close,
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .ext-url {
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  vertical-align: bottom;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .close.ng-leave-active,
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .ext-url.ng-leave-active {
  display: none;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .close:before,
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .ext-url:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .ext-url:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTkxLjYgNTkxLjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU5MS42IDU5MS42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNNTgxLjQsMjA0Yy01LjcxMiwwLTEwLjIsNC40ODgtMTAuMiwxMC4ydjMyNi40YzAsMTYuOTMyLTEzLjY2OCwzMC42LTMwLjYsMzAuNkg1MWMtMTYuOTMyLDAtMzAuNi0xMy42NjgtMzAuNi0zMC42VjUxICAgIGMwLTE2LjkzMiwxMy42NjgtMzAuNiwzMC42LTMwLjZoMzI2LjRjNS43MTIsMCwxMC4yLTQuNDg4LDEwLjItMTAuMlMzODMuMTEyLDAsMzc3LjQsMEg1MUMyMi44NDgsMCwwLDIyLjg0OCwwLDUxdjQ4OS42ICAgIGMwLDI4LjE1MiwyMi44NDgsNTEsNTEsNTFoNDg5LjZjMjguMTUyLDAsNTEtMjIuODQ4LDUxLTUxVjIxNC4yQzU5MS42LDIwOC42OTIsNTg2LjkwOCwyMDQsNTgxLjQsMjA0eiIgZmlsbD0iI0ZGRkZGRiIvPg0KCQk8cGF0aCBkPSJNNTkxLjM5Niw4LjE2YzAtMC4yMDQtMC4yMDQtMC42MTItMC4yMDQtMC44MTZjMC0wLjQwOC0wLjIwNC0wLjYxMi0wLjQwOC0xLjAyYy0wLjIwNC0wLjQwOC0wLjQwOC0wLjYxMi0wLjYxMi0xLjAyICAgIGMtMC4yMDQtMC4yMDQtMC4yMDQtMC42MTItMC40MDgtMC44MTZjLTAuODE2LTEuMDItMS42MzItMi4wNC0yLjg1Ni0yLjg1NmMtMC4yMDQtMC4yMDQtMC42MTItMC4yMDQtMC44MTYtMC40MDggICAgYy0wLjQwOC0wLjIwNC0wLjYxMi0wLjQwOC0xLjAyLTAuNjEyYy0wLjQwOC0wLjIwNC0wLjYxMi0wLjIwNC0xLjAyLTAuNDA4Yy0wLjIwNCwwLTAuNjEyLTAuMjA0LTAuODE2LTAuMjA0ICAgIGMtMC42MTIsMC4yMDQtMS4yMjQsMC0xLjgzNiwwbDAsMEg0MzguNmMtNS43MTIsMC0xMC4yLDQuNDg4LTEwLjIsMTAuMnM0LjQ4OCwxMC4yLDEwLjIsMTAuMmgxMTguMTE2bC0zNzAuMjYsMzcwLjI2ICAgIGMtNC4wOCw0LjA4LTQuMDgsMTAuNDA0LDAsMTQuNDg0YzIuMDQsMi4wNCw0LjY5MiwzLjA2LDcuMTQsMy4wNmMyLjQ0OCwwLDUuMzA0LTEuMDIsNy4xNC0zLjA2TDU3MS4yLDM0Ljg4NFYxNTMgICAgYzAsNS43MTIsNC40ODgsMTAuMiwxMC4yLDEwLjJzMTAuMi00LjQ4OCwxMC4yLTEwLjJWMTAuMkM1OTEuNiw5LjU4OCw1OTEuMzk2LDguOTc2LDU5MS4zOTYsOC4xNnoiIGZpbGw9IiNGRkZGRkYiLz4NCgkJPHBhdGggZD0iTTUxLDQ1LjljLTIuODU2LDAtNS4xLDIuMjQ0LTUuMSw1LjF2MTQyLjhjMCwyLjg1NiwyLjI0NCw1LjEsNS4xLDUuMXM1LjEtMi4yNDQsNS4xLTUuMVY1Ni4xaDEzNy43ICAgIGMyLjg1NiwwLDUuMS0yLjI0NCw1LjEtNS4xcy0yLjI0NC01LjEtNS4xLTUuMUg1MXoiIGZpbGw9IiNGRkZGRkYiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .close:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTJweCIgdmVyc2lvbj0iMS4xIiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY0IDY0Ij4NCiAgPGc+DQogICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI4Ljk0MSwzMS43ODZMMC42MTMsNjAuMTE0Yy0wLjc4NywwLjc4Ny0wLjc4NywyLjA2MiwwLDIuODQ5YzAuMzkzLDAuMzk0LDAuOTA5LDAuNTksMS40MjQsMC41OSAgIGMwLjUxNiwwLDEuMDMxLTAuMTk2LDEuNDI0LTAuNTlsMjguNTQxLTI4LjU0MWwyOC41NDEsMjguNTQxYzAuMzk0LDAuMzk0LDAuOTA5LDAuNTksMS40MjQsMC41OWMwLjUxNSwwLDEuMDMxLTAuMTk2LDEuNDI0LTAuNTkgICBjMC43ODctMC43ODcsMC43ODctMi4wNjIsMC0yLjg0OUwzNS4wNjQsMzEuNzg2TDYzLjQxLDMuNDM4YzAuNzg3LTAuNzg3LDAuNzg3LTIuMDYyLDAtMi44NDljLTAuNzg3LTAuNzg2LTIuMDYyLTAuNzg2LTIuODQ4LDAgICBMMzIuMDAzLDI5LjE1TDMuNDQxLDAuNTljLTAuNzg3LTAuNzg2LTIuMDYxLTAuNzg2LTIuODQ4LDBjLTAuNzg3LDAuNzg3LTAuNzg3LDIuMDYyLDAsMi44NDlMMjguOTQxLDMxLjc4NnoiLz4NCiAgPC9nPg0KPC9zdmc+DQo=);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .next,
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .prev {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  cursor: pointer;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .next.bubbles-on,
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .prev.bubbles-on {
  top: calc((100% - 50px)/2);
}
@media screen and (max-width: 600px) {
  .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .next,
  .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .prev {
    margin-top: -15px;
    width: 30px;
    height: 30px;
  }
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .prev {
  left: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDc3LjE3NSA0NzcuMTc1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NzcuMTc1IDQ3Ny4xNzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPg0KPGc+DQoJPHBhdGggZD0iTTE0NS4xODgsMjM4LjU3NWwyMTUuNS0yMTUuNWM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMXMtMTMuOC01LjMtMTkuMSwwbC0yMjUuMSwyMjUuMWMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFsMjI1LjEsMjI1ICAgYzIuNiwyLjYsNi4xLDQsOS41LDRzNi45LTEuMyw5LjUtNGM1LjMtNS4zLDUuMy0xMy44LDAtMTkuMUwxNDUuMTg4LDIzOC41NzV6IiBmaWxsPSIjRkZGRkZGIi8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .next {
  right: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDc3LjE3NSA0NzcuMTc1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NzcuMTc1IDQ3Ny4xNzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPg0KPGc+DQoJPHBhdGggZD0iTTM2MC43MzEsMjI5LjA3NWwtMjI1LjEtMjI1LjFjLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwcy01LjMsMTMuOCwwLDE5LjFsMjE1LjUsMjE1LjVsLTIxNS41LDIxNS41ICAgYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWMyLjYsMi42LDYuMSw0LDkuNSw0YzMuNCwwLDYuOS0xLjMsOS41LTRsMjI1LjEtMjI1LjFDMzY1LjkzMSwyNDIuODc1LDM2NS45MzEsMjM0LjI3NSwzNjAuNzMxLDIyOS4wNzV6ICAgIiBmaWxsPSIjRkZGRkZGIi8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 80px;
  right: 80px;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images {
  position: relative;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  width: 100%;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images .galleria-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-fade .galleria-image.ng-enter {
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-fade .galleria-image.ng-enter-active {
  opacity: 1;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-fade .galleria-image.ng-leave-active {
  opacity: 0;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-fadeup .galleria-image.ng-enter {
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  opacity: 0;
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-fadeup .galleria-image.ng-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-fadeup .galleria-image.ng-leave-active {
  opacity: 0;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-zoom .galleria-image.ng-enter {
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-zoom .galleria-image.ng-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-zoom .galleria-image.ng-leave {
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-zoom .galleria-image.ng-leave-active {
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-backward .galleria-image.ng-enter {
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-backward .galleria-image.ng-enter-active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-backward .galleria-image.ng-leave {
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-backward .galleria-image.ng-leave-active {
  opacity: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-forward .galleria-image.ng-enter {
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-forward .galleria-image.ng-enter-active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-forward .galleria-image.ng-leave {
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-slide.img-move-dir-forward .galleria-image.ng-leave-active {
  opacity: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-backward .galleria-image.ng-enter {
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform: translateX(-100%) scale(0, 0);
      -ms-transform: translateX(-100%) scale(0, 0);
          transform: translateX(-100%) scale(0, 0);
  opacity: 0;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-backward .galleria-image.ng-enter-active {
  -webkit-transform: translateX(0) scale(1, 1);
      -ms-transform: translateX(0) scale(1, 1);
          transform: translateX(0) scale(1, 1);
  opacity: 1;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-backward .galleria-image.ng-leave {
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-backward .galleria-image.ng-leave-active {
  opacity: 0;
  -webkit-transform: translateX(100%) scale(0, 0);
      -ms-transform: translateX(100%) scale(0, 0);
          transform: translateX(100%) scale(0, 0);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-forward .galleria-image.ng-enter {
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transform: translateX(100%) scale(0, 0);
      -ms-transform: translateX(100%) scale(0, 0);
          transform: translateX(100%) scale(0, 0);
  opacity: 0;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-forward .galleria-image.ng-enter-active {
  -webkit-transform: translateX(0) scale(1, 1);
      -ms-transform: translateX(0) scale(1, 1);
          transform: translateX(0) scale(1, 1);
  opacity: 1;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-forward .galleria-image.ng-leave {
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-pop.img-move-dir-forward .galleria-image.ng-leave-active {
  opacity: 0;
  -webkit-transform: translateX(-100%) scale(0, 0);
      -ms-transform: translateX(-100%) scale(0, 0);
          transform: translateX(-100%) scale(0, 0);
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-revolve.img-move-dir-forward .galleria-image.ng-enter {
  -webkit-animation: revolve-in-forward;
          animation: revolve-in-forward;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-revolve.img-move-dir-forward .galleria-image.ng-leave {
  -webkit-animation: revolve-out-forward;
          animation: revolve-out-forward;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-revolve.img-move-dir-backward .galleria-image.ng-enter {
  -webkit-animation: revolve-in-backward;
          animation: revolve-in-backward;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-images.img-anim-revolve.img-move-dir-backward .galleria-image.ng-leave {
  -webkit-animation: revolve-out-backward;
          animation: revolve-out-backward;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-title-description-wrapper {
  -ms-flex: none;
  -webkit-box-flex: 0;
          flex: none;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-title-description-wrapper > div {
  padding: 20px 0;
  text-align: center;
  color: #fff;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-title-description-wrapper > div .title {
  font-size: 18px;
  margin-bottom: 10px;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-title-description-wrapper > div .desc {
  font-size: 12px;
  line-height: 1.3;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles-wrapper {
  -ms-flex: none;
  -webkit-box-flex: 0;
          flex: none;
  margin: 20px 0;
  overflow: hidden;
  width: 100%;
  font-size: 0;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles-wrapper > .galleria-bubbles {
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles-wrapper > .galleria-bubbles span {
  -ms-flex: none;
  -webkit-box-flex: 0;
          flex: none;
  position: relative;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 100%;
  background-size: cover;
  background-position: center center;
  vertical-align: middle;
  background-color: #999;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles-wrapper > .galleria-bubbles span.ng-leave-active {
  display: none;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles-wrapper > .galleria-bubbles span:not(.img-bubble) {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles-wrapper > .galleria-bubbles span:not(.img-bubble).active {
  background-color: #fff;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles-wrapper > .galleria-bubbles span.img-bubble {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid transparent;
  -webkit-transition: border 0.3s ease-in-out, margin 0.3s ease-in-out;
  -o-transition: border 0.3s ease-in-out, margin 0.3s ease-in-out;
  transition: border 0.3s ease-in-out, margin 0.3s ease-in-out;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles-wrapper > .galleria-bubbles span.img-bubble.active {
  border: 1px solid #fff;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-errorplaceholder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 80px;
  right: 80px;
  z-index: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader .spinner {
  -ms-flex: none;
  -webkit-box-flex: 0;
          flex: none;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 10px;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader .spinner > div {
  background-color: #fff;
  height: 100%;
  width: 7px;
  margin: 0 3px 0 0;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
          animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .actions-icons-container .delete-img,
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .ext-url {
  margin: 0;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader .spinner .rect3 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-loader .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.ng-image-gallery.inline .ng-image-gallery-modal {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 300px;
}
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .actions-icons-container {
  top: 0;
}
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .actions-icons-container .delete-img:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTkgNTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU5IDU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNNTIuNSw2SDM4LjQ1NmMtMC4xMS0xLjI1LTAuNDk1LTMuMzU4LTEuODEzLTQuNzExQzM1LjgwOSwwLjQzNCwzNC43NTEsMCwzMy40OTksMEgyMy41Yy0xLjI1MiwwLTIuMzEsMC40MzQtMy4xNDQsMS4yODkNCglDMTkuMDM4LDIuNjQyLDE4LjY1Myw0Ljc1LDE4LjU0Myw2SDYuNWMtMC41NTIsMC0xLDAuNDQ3LTEsMXMwLjQ0OCwxLDEsMWgyLjA0MWwxLjkxNSw0Ni4wMjFDMTAuNDkzLDU1Ljc0MywxMS41NjUsNTksMTUuMzY0LDU5DQoJaDI4LjI3MmMzLjc5OSwwLDQuODcxLTMuMjU3LDQuOTA3LTQuOTU4TDUwLjQ1OSw4SDUyLjVjMC41NTIsMCwxLTAuNDQ3LDEtMVM1My4wNTIsNiw1Mi41LDZ6IE0yMC41LDUwYzAsMC41NTMtMC40NDgsMS0xLDENCglzLTEtMC40NDctMS0xVjE3YzAtMC41NTMsMC40NDgtMSwxLTFzMSwwLjQ0NywxLDFWNTB6IE0zMC41LDUwYzAsMC41NTMtMC40NDgsMS0xLDFzLTEtMC40NDctMS0xVjE3YzAtMC41NTMsMC40NDgtMSwxLTENCglzMSwwLjQ0NywxLDFWNTB6IE00MC41LDUwYzAsMC41NTMtMC40NDgsMS0xLDFzLTEtMC40NDctMS0xVjE3YzAtMC41NTMsMC40NDgtMSwxLTFzMSwwLjQ0NywxLDFWNTB6IE0yMS43OTIsMi42ODENCglDMjIuMjQsMi4yMjMsMjIuNzk5LDIsMjMuNSwyaDkuOTk5YzAuNzAxLDAsMS4yNiwwLjIyMywxLjcwOCwwLjY4MWMwLjgwNSwwLjgyMywxLjEyOCwyLjI3MSwxLjI0LDMuMzE5SDIwLjU1Mw0KCUMyMC42NjUsNC45NTIsMjAuOTg4LDMuNTA0LDIxLjc5MiwyLjY4MXoiLz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
}
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container {
  top: 0;
}
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .ext-url:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik01MDMuMTczLDE3Ni41NTJjLTQuOTQ0LDAtOC44MjgsMy44ODQtOC44MjgsOC44Mjh2MjgyLjQ4M2MwLDE0LjY1My0xMS44MjksMjYuNDgyLTI2LjQ4MiwyNi40ODJINDQuMTM4DQoJCQljLTE0LjY1MywwLTI2LjQ4Mi0xMS44MjktMjYuNDgyLTI2LjQ4MlY0NC4xMzhjMC0xNC42NTMsMTEuODI5LTI2LjQ4MiwyNi40ODItMjYuNDgyaDI4Mi40ODNjNC45NDMsMCw4LjgyNy0zLjg4NCw4LjgyNy04LjgyOA0KCQkJUzMzMS41NjQsMCwzMjYuNjIxLDBINDQuMTM4QzE5Ljc3NCwwLDAsMTkuNzc0LDAsNDQuMTM4djQyMy43MjVDMCw0OTIuMjI3LDE5Ljc3NCw1MTIsNDQuMTM4LDUxMmg0MjMuNzI1DQoJCQlDNDkyLjIyNyw1MTIsNTEyLDQ5Mi4yMjcsNTEyLDQ2Ny44NjJWMTg1LjM3OUM1MTIsMTgwLjYxMiw1MDcuOTM5LDE3Ni41NTIsNTAzLjE3MywxNzYuNTUyeiIvPg0KCQk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNNTExLjgyMyw3LjA2MmMwLTAuMTc2LTAuMTc3LTAuNTMtMC4xNzctMC43MDZjMC0wLjM1My0wLjE3Ni0wLjUzLTAuMzUzLTAuODgzcy0wLjM1NC0wLjUzLTAuNTMtMC44ODMNCgkJCWMtMC4xNzYtMC4xNzYtMC4xNzYtMC41My0wLjM1My0wLjcwNmMtMC43MDYtMC44ODMtMS40MTItMS43NjYtMi40NzItMi40NzJjLTAuMTc3LTAuMTc3LTAuNTI5LTAuMTc3LTAuNzA2LTAuMzUzDQoJCQljLTAuMzU0LTAuMTc3LTAuNTMtMC4zNTQtMC44ODMtMC41M2MtMC4zNTQtMC4xNzctMC41My0wLjE3Ny0wLjg4My0wLjM1M2MtMC4xNzcsMC0wLjUzLTAuMTc3LTAuNzA2LTAuMTc3DQoJCQljLTAuNTMsMC4xNzctMS4wNiwwLTEuNTksMGwwLDBIMzc5LjU4NmMtNC45NDMsMC04LjgyNywzLjg4NC04LjgyNyw4LjgyOHMzLjg4NCw4LjgyOCw4LjgyNyw4LjgyOEg0ODEuODFMMTYxLjM2OCwzMzguMDk3DQoJCQljLTMuNTMxLDMuNTMxLTMuNTMxLDkuMDA0LDAsMTIuNTM1YzEuNzY2LDEuNzY2LDQuMDYxLDIuNjQ4LDYuMTc5LDIuNjQ4YzIuMTE5LDAsNC41OS0wLjg4Myw2LjE4LTIuNjQ4TDQ5NC4zNDUsMzAuMTl2MTAyLjIyNA0KCQkJYzAsNC45NDMsMy44ODQsOC44MjcsOC44MjgsOC44MjdjNC45NDMsMCw4LjgyNy0zLjg4NCw4LjgyNy04LjgyN1Y4LjgyOEM1MTIsOC4yOTgsNTExLjgyMyw3Ljc2OCw1MTEuODIzLDcuMDYyeiIvPg0KCQk8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNNDQuMTM4LDM5LjcyNGMtMi40NzIsMC00LjQxNCwxLjk0Mi00LjQxNCw0LjQxNHYxMjMuNTg2YzAsMi40NzIsMS45NDIsNC40MTQsNC40MTQsNC40MTQNCgkJCWMyLjQ3MiwwLDQuNDE0LTEuOTQyLDQuNDE0LTQuNDE0VjQ4LjU1MmgxMTkuMTcyYzIuNDcyLDAsNC40MTQtMS45NDIsNC40MTQtNC40MTRjMC0yLjQ3Mi0xLjk0Mi00LjQxNC00LjQxNC00LjQxNEg0NC4xMzh6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
}
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .prev {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTE1NS43ODQsMjU1Ljk4NkwzODcuMDEyLDI0Ljc1OWM1LjY4Ny01LjY4Nyw1LjY4Ny0xNC44MDcsMC0yMC40OTRjLTUuNjg4LTUuNjg3LTE0LjgwNy01LjY4Ny0yMC40OTQsMA0KCQlMMTI0Ljk4OSwyNDUuNzkzYy01LjY4Nyw1LjY4Ny01LjY4NywxNC44MDcsMCwyMC40OTRsMjQxLjUyOCwyNDEuNDIxYzIuNzksMi43OSw2LjU0NSw0LjI5MiwxMC4xOTMsNC4yOTINCgkJczcuNDAzLTEuMzk1LDEwLjE5My00LjI5MmM1LjY4Ny01LjY4Nyw1LjY4Ny0xNC44MDcsMC0yMC40OTRMMTU1Ljc4NCwyNTUuOTg2eiIvPg0KPC9nPg0KPC9zdmc+DQo=);
}
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .next {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzk5OTk5OSIgZD0iTTM4Ny4wNTgsMjQ1Ljc5M0wxNDUuNTMsNC4yNjVjLTUuNjg3LTUuNjg3LTE0LjgwNy01LjY4Ny0yMC40OTQsMHMtNS42ODcsMTQuODA3LDAsMjAuNDk0bDIzMS4yMjgsMjMxLjIyOA0KCQlMMTI1LjAzNiw0ODcuMjE0Yy01LjY4Nyw1LjY4OC01LjY4NywxNC44MDgsMCwyMC40OTRjMi43OSwyLjc5LDYuNTQ1LDQuMjkyLDEwLjE5Myw0LjI5MmMzLjY0OCwwLDcuNDAzLTEuMzk1LDEwLjE5My00LjI5Mg0KCQlMMzg2Ljk1LDI2Ni4xOEMzOTIuNjM3LDI2MC42MDEsMzkyLjYzNywyNTEuMzczLDM4Ny4wNTgsMjQ1Ljc5M3oiLz4NCjwvZz4NCjwvc3ZnPg0K);
}
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .next,
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .prev {
  margin-top: -15px;
  width: 30px;
  height: 30px;
}
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles span:not(.img-bubble) {
  background-color: rgba(0, 0, 0, 0.5);
}
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles span:not(.img-bubble).active {
  background-color: #333;
}
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-content .galleria .galleria-bubbles span.img-bubble.active {
  border: 1px solid #000;
}
.ng-image-gallery.inline .ng-image-gallery-modal .ng-image-gallery-loader .spinner > div {
  background-color: #999;
}


@charset "UTF-8";
.container {
  padding-right: 16px;
  padding-left: 16px;
}
.col-center-block {
  float: none;
  display: block;
  margin: 0 auto;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-right: 16px;
  padding-left: 16px;
}
.row {
  margin-right: -16px;
  margin-left: -16px;
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce.animated {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash.animated {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse.animated {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake.animated {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing.animated {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada.animated {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble.animated {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn.animated {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown.animated {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft.animated {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight.animated {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp.animated {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut.animated {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown.animated {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft.animated {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight.animated {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp.animated {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn.animated {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown.animated {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig.animated {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft.animated {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig.animated {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight.animated {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig.animated {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp.animated {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig.animated {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut.animated {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown.animated {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig.animated {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft.animated {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig.animated {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight.animated {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig.animated {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp.animated {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig.animated {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip.animated {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX.animated {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY.animated {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX.animated {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY.animated {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn.animated {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut.animated {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn.animated {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft.animated {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight.animated {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft.animated {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight.animated {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut.animated {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft.animated {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight.animated {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft.animated {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight.animated {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown.animated {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft.animated {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight.animated {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft.animated {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight.animated {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp.animated {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge.animated {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn.animated {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut.animated {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Basic Styles 
-------------------------------------------------- */
.separator.small {
  background-color: #d3d2d2;
  height: 1px;
  position: relative;
  width: 84px;
  display: block;
  margin: 20px auto 20px;
}
/* Colors */
.bg-danger {
  background-color: #f2dede;
}
/* Header
-------------------------------------------------- */
/* Navigation text colors */
#reservationform .dl-menuwrapper:hover .input-group-addon,
#reservationform .input-group:hover .input-group-addon {
  background-color: #018793;
  border: 1px solid #018793;
}
/* Searchbar */
#reservation-form .reservation-horizontal,
#reservation-form .reservation-vertical,
#contact-form .contact-vertical {
  background-color: rgba(0, 0, 0, 0.5);
}
/* Search form*/
#reservationform {
  position: absolute;
  top: -112px;
  width: 100%;
}
.dropdown-menu {
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
/* Center container
-------------------------------------------------- */
/* Booking form */
#booking-form .input-group-addon:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-right: none;
}
#booking-form .input-group-addon:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-left: none;
}
/* Icons */
i.rotate90:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
i.rotate180:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
i.rotate270:before {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.clearfix {
  clear: both;
}
.bg-shadow {
  -webkit-box-shadow: 4px 9px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 9px 30px 0px rgba(0, 0, 0, 0.2);
}
.pad-20 {
  padding: 20px;
}
.pad-20-horiz {
  padding-right: 20px;
  padding-left: 20px;
}
.relative {
  position: relative;
}
.pad-bot-20 {
  padding-bottom: 20px;
}
.pad-10-horiz {
  padding-left: 10px;
  padding-right: 10px;
}
.block {
  display: block;
}
@media (max-width: 767px) {
  .mobile-pad-none-horiz {
    padding-left: 0;
    padding-right: 0;
  }
}
.pad-20-vertical {
  padding-top: 20px;
  padding-bottom: 20px;
}
.bg-white {
  background-color: #fff;
  position: relative;
}
.bg-blue {
  background-color: #42767e;
}
.no-pad {
  padding: 0 !important;
}
.no-pad-left {
  padding-left: 0 !important;
}
.no-pad-right {
  padding-right: 0 !important;
}
.desktop-only {
  display: none;
}
@media (min-width: 991px) {
  .desktop-only {
    display: block;
  }
}
.container-shadow {
  -webkit-box-shadow: 0 0 34px 4px rgba(139, 139, 139, 0.5);
          box-shadow: 0 0 34px 4px rgba(139, 139, 139, 0.5);
}
.content {
  padding-bottom: 20px;
}
#main-view {
  display: block;
}
#main-view.ng-enter > div,
#main-view.ng-leave > div {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
#main-view.ng-enter > div {
  opacity: 0;
}
#main-view.ng-enter-active > div {
  opacity: 0;
}
#main-view.ng-leave {
  opacity: 0;
}
#main-view.ng-leave-active > div {
  opacity: 0;
}
p {
  margin: 0px 0px 20px;
}
#loading-bar-spinner {
  pointer-events: none;
}
.m0 {
  margin: 0px;
}
.mt30 {
  margin-top: 30px;
}
.mt25 {
  margin-top: 25px;
}
#loading-bar,
#loading-bar-spinner {
  pointer-events: auto;
  -webkit-pointer-events: auto;
  -webkit-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}
.mobile-only {
  display: none;
}
.touch-only {
  display: none;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
@media (max-width: 991px) {
  .mobile-only {
    display: block;
  }
  .touch-only {
    display: table-cell;
  }
}
.icon-arrow.point-right:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.icon-arrow.point-down:before {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.icon-arrow.point-up:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.timeslots {
  display: grid;
  grid-template-columns: repeat(5, auto);
  gap: 24px 16px;
}
@media (max-width: 1399px) {
  .timeslots {
    grid-template-columns: repeat(4, auto);
  }
}
@media (max-width: 1200px) {
  .timeslots {
    grid-template-columns: repeat(4, auto);
  }
}
@media (max-width: 771px) {
  .timeslots {
    grid-template-columns: repeat(3, auto);
  }
}
@media (max-width: 540px) {
  .timeslots {
    grid-template-columns: repeat(2, auto);
  }
}
@media (max-width: 420px) {
  .timeslots {
    grid-template-columns: repeat(1, auto);
  }
}
.card-headline {
  color: var(--Text, #2c3e50);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  /* Card headline */
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 24px */
  letter-spacing: 0.18px;
}
/*Primary Button Color
-------------------------------------------------- */
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  text-shadow: none;
  background-color: #fff;
  border-color: #d2d2d2;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button {
  border: 0;
  background-color: transparent;
  color: inherit;
}
button:focus {
  outline: none;
}
.btn {
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
/** Bootstrap override! **/
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bg-primary {
  color: #fff;
  background-color: #42767e;
}
.bg-yellow {
  color: #fff;
  background-color: #e9a604;
}
.btn-default {
  color: #ffffff;
  background-color: #42767e;
  border-color: #42767e;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color: #ffffff;
  background-color: #48bc7c;
  border-color: #48bc7c;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-toggle-password {
  margin-bottom: 15px;
}
.btn-grey {
  background-color: #dedede;
  border-color: #dedede;
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-grey {
  background-color: #bdbdbd;
  border-color: #bdbdbd;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-trans {
  background-color: transparent;
  border-color: transparent;
}
.btn-trans:hover,
.btn-trans:focus,
.btn-trans:active,
.btn-trans.active {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-primary,
.btn-primary[disabled] {
  background-color: #42767e;
  border-color: #42767e;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #48bc7c;
  border-color: #48bc7c;
}
.btn:active,
.btn.active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.open .dropdown-toggle.btn-success {
  background-color: #476c24;
  border-color: #476c24;
}
.btn-submit.disabled {
  border-color: grey;
  background-color: grey;
}
.btn-submit.disabled:hover,
.btn-submit.disabled:focus {
  border-color: grey;
  background-color: grey;
}
.btn-blue-ghost {
  border-color: #42767e;
  background-color: transparent;
  color: #42767e;
}
.btn-blue-ghost:hover {
  border-color: #42767e;
  background-color: #42767e;
  color: #fff;
}
.btn-green-ghost {
  border-color: #7fa93e;
  background-color: transparent;
  color: #7fa93e;
}
.btn-green-ghost:hover {
  border-color: #7fa93e;
  background-color: #7fa93e;
  color: #fff;
}
.btn-basket {
  margin: 0 auto;
  padding: 10px 19px;
  font-size: 18px;
  width: auto;
  display: inline-block;
  position: relative;
}
.btn-basket[disabled] {
  opacity: 0.4;
  background-color: #ededed;
  color: #4d4d4d;
}
.btn-cancel {
  background: #ffffff;
  border: 1px solid #42767e;
}
.btn-cancel:hover {
  background: #e6e6e6;
}
.btn-cancel:hover i {
  color: #42767e;
}
.btn-2025 {
  border-radius: 6px;
  border: 1px solid var(--Primary-Green-900, #0d5931);
  background: #ffffff;
}
.btn-2025:hover {
  background: #e6e6e6;
}
.btn-2025:hover i {
  color: #42767e;
}
/* Modal */
body {
  position: relative;
  height: 100%;
}
body.modal-open {
  padding-right: 0 !important;
}
body.modal-open.mobile {
  position: fixed;
  height: 100%;
  width: 100%;
}
body.modal-open.desktop {
  overflow: scroll;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0px);
      -ms-transform: translate(0, 0px);
          transform: translate(0, 0px);
}
#filters {
  margin: 0;
  background-color: #fafafa;
}
#filters button {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  padding-right: 40px;
  text-align: left;
  margin-top: 4px;
  background-color: #fafafa;
  position: relative;
}
#filters button:focus {
  outline: none;
}
#filters button:first-child {
  margin-top: 0px;
}
#filters button:after {
  content: "\E80A";
  font-family: "fontello";
  font-size: 20px;
  position: absolute;
  right: 28px;
  color: #1e3864;
  top: 12px;
}
#filters button.active:after {
  content: "\E809";
}
#filters button i {
  vertical-align: middle;
  margin-right: 8px;
  line-height: 40px;
}
.breadcrumb {
  margin: 0;
  line-height: 60px;
}
.breadcrumb > li + li:before {
  font-family: "fontello";
  padding: 0 5px;
  color: #95989a;
  content: "\E808";
}
.breadcrumb li a {
  padding: 3px 5px;
  text-decoration: none;
  font-size: 8px;
  text-transform: uppercase;
  color: #95989a;
}
@media (max-width: 991px) {
}
.news-items .row {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.news-items .box {
  right: 10px;
  left: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 10px;
  color: #FFF;
  position: absolute;
  width: 120px;
  height: 120px;
  text-align: center;
}
.news-items .box h1 {
  font-size: 50px;
}
.news-items .box h1,
.news-items .box h4 {
  margin: 0px !important;
  color: #FFF;
}
.news-items .box:after {
  content: '';
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  z-index: 1;
  top: 50%;
  margin-left: -10px;
}
.news-items .box.box-right {
  right: 10px;
}
.news-items .box.box-right:after {
  border-width: 10px 0 10px 10px;
  right: -10px;
}
.news-items .box.box-left {
  left: 10px;
}
.news-items .box.box-left:after {
  border-width: 10px 10px 10px 0px;
  left: -10px;
}
.news-items .box.box-orange {
  background: #dc5901;
}
.news-items .box.box-orange:after {
  border-color: transparent #dc5901;
}
.news-items .box.box-yellow {
  background: #e9a604;
}
.news-items .box.box-yellow:after {
  border-color: transparent #e9a604;
}
.news-items p {
  font-size: 13px;
  line-height: 24px;
}
.news-items a h3 {
  margin-top: 22px;
}
.news-items a h3 i {
  padding-left: 6px;
}
.news-items a h3 i:before {
  top: -1px;
  position: relative;
}
@media (min-width: 991px) {
  .news-items > div:nth-child(even) .column {
    left: 33.33333333%;
  }
  .news-items > div:nth-child(even) .box {
    left: 10px;
    right: auto;
  }
  .news-items > div:nth-child(even) .txtbox {
    right: 66.66666667%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .news-items {
    /* For portrait layouts only */
  }
}
/* default styles here for older browsers. 
       I tend to go for a 600px - 960px width max but using percentages
    */
@media only screen and (min-width: 960px) {
  /* styles for browsers larger than 960px; */
}
@media only screen and (min-width: 1440px) {
  /* styles for browsers larger than 1440px; */
}
@media only screen and (min-width: 2000px) {
  /* for sumo sized (mac) screens */
}
@media only screen and (max-device-width: 480px) {
  /* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (device-width: 768px) {
  /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* For portrait layouts only */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* For landscape layouts only */
}
.message-container {
  padding-top: 20px;
}
.sidebar {
  padding-top: 20px;
  padding-bottom: 20px;
}
.sidebar-full {
  padding-bottom: 20px;
}
.sidebar-full h3 {
  font-size: 30px;
  margin: 30px 0;
  text-align: center;
}
.sidebar-full p {
  font-size: 16px;
  line-height: 24px;
}
.aBook-tooltip.theFade.ng-enter {
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.aBook-tooltip.theFade.ng-enter .overlay,
.aBook-tooltip.theFade.ng-enter .tooltip-box {
  opacity: 0;
}
.aBook-tooltip.theFade.ng-enter ~ .header-button {
  z-index: 5555;
}
.aBook-tooltip.theFade.ng-enter.ng-enter-active .overlay,
.aBook-tooltip.theFade.ng-enter.ng-enter-active .tooltip-box {
  opacity: 1;
}
.aBook-tooltip.theFade.ng-leave {
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.aBook-tooltip.theFade.ng-leave .overlay {
  opacity: 1;
}
.aBook-tooltip.theFade.ng-leave.ng-leave-active .overlay,
.aBook-tooltip.theFade.ng-leave.ng-leave-active .tooltip-box {
  opacity: 0;
}
.aBook-tooltip.active ~ .header-button {
  z-index: 5555;
}
.aBook-tooltip .overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 3333;
  background-color: rgba(16, 41, 64, 0.5);
  left: 0;
  right: 0;
  top: 0px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.aBook-tooltip .tooltip-box {
  height: 100px;
  width: 300px;
  background-color: #42767e;
  z-index: 6666;
  position: absolute;
  right: 30px;
  top: 80px;
  color: #fff;
  -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.41);
          box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.41);
}
.aBook-tooltip .tooltip-box span {
  display: block;
  text-align: left;
  font-size: 20px;
  padding: 25px 70px 25px 20px;
  line-height: 28px;
}
.aBook-tooltip .tooltip-box i {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 30px;
  width: 40px;
  color: #fff;
  font-size: 20px;
}
.aBook-tooltip .tooltip-box i:before {
  margin: 0;
}
.aBook-tooltip .tooltip-box:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 30px 30px;
  border-color: transparent transparent #42767e transparent;
  position: absolute;
  right: 0;
  top: -30px;
}
#date-control-tooltip .tooltip-box {
  height: 100px;
  width: 300px;
  left: 50%;
  top: 50px;
  margin-left: -205px;
}
#date-control-tooltip .tooltip-box:before {
  right: 90px;
}
#date-control-tooltip.theFade.ng-enter {
  -webkit-transition: 1s all;
  -o-transition: 1s all;
  transition: 1s all;
}
#date-control-tooltip.theFade.ng-enter .tooltip-box {
  opacity: 0;
}
#date-control-tooltip.theFade.ng-enter.ng-enter-active .tooltip-box {
  opacity: 1;
}
#date-control-tooltip.theFade.ng-leave {
  -webkit-transition: 1s all;
  -o-transition: 1s all;
  transition: 1s all;
}
#date-control-tooltip.theFade.ng-leave .tooltip-box {
  opacity: 1;
}
#date-control-tooltip.theFade.ng-leave.ng-leave-active .tooltip-box {
  opacity: 0;
}
#tooltip-basket-repeatable {
  position: relative;
}
#tooltip-basket-repeatable .tooltip-box {
  right: 76px;
  top: -120px;
  width: 220px;
  height: auto;
}
#tooltip-basket-repeatable .tooltip-box:before {
  top: 100px;
  border-width: 0 30px 30px 0;
  border-color: transparent #01c1d5 transparent transparent;
}
#tooltip-basket-repeatable .tooltip-box span {
  display: block;
  text-align: left;
  font-size: 16px;
  padding: 30px 30px 15px 15px;
  line-height: 20px;
  text-transform: uppercase;
}
#tooltip-basket-repeatable .tooltip-box i {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 10px;
  width: 40px;
  color: #fff;
  font-size: 18px;
}
disabled.xs #tooltip-period-repeatable,
disabled.xxs #tooltip-period-repeatable {
  position: relative;
}
disabled.xs #tooltip-period-repeatable .tooltip-box,
disabled.xxs #tooltip-period-repeatable .tooltip-box {
  width: 100%;
  right: 0;
  top: -115px;
  height: auto;
  font-size: 14px;
}
disabled.xs #tooltip-period-repeatable .tooltip-box:before,
disabled.xxs #tooltip-period-repeatable .tooltip-box:before {
  border-width: 15px 13px 0 13px;
  border-color: #42767e transparent transparent transparent;
  top: auto;
  bottom: -13px;
  right: 50%;
  margin-right: -13px;
}
disabled.xs #tooltip-period-repeatable .tooltip-box span,
disabled.xxs #tooltip-period-repeatable .tooltip-box span {
  display: block;
  text-align: left;
  font-size: 20px;
  padding: 10px 5px;
  line-height: 1.4em;
  font-size: 14px;
}
disabled.xs #tooltip-period-repeatable .tooltip-box i,
disabled.xxs #tooltip-period-repeatable .tooltip-box i {
  display: none;
}
disabled.xs #tooltip-period-repeatable .toolbox-footer,
disabled.xxs #tooltip-period-repeatable .toolbox-footer {
  bottom: 0px;
  border-top: 1px solid #fff;
}
disabled.xs #tooltip-period-repeatable .toolbox-footer button,
disabled.xxs #tooltip-period-repeatable .toolbox-footer button {
  padding: 10px 5px;
}
#tooltip-period-repeatable {
  position: relative;
}
#tooltip-period-repeatable .tooltip-box {
  width: 100%;
  height: auto;
  right: 0px;
  top: 45px;
}
#tooltip-period-repeatable .tooltip-box:before {
  border-width: 0px 13px 15px 13px;
  border-color: transparent transparent #42767e transparent;
  top: -13px;
  right: 50%;
  margin-right: -13px;
}
#tooltip-period-repeatable .tooltip-box span {
  text-transform: uppercase;
  font-size: 14px;
  padding: 15px;
}
#tooltip-period-repeatable .tooltip-box i {
  display: none;
}
#tooltip-period-repeatable .toolbox-footer {
  bottom: 0px;
  border-top: 1px solid #fff;
}
#tooltip-period-repeatable .toolbox-footer button {
  float: left;
  padding: 10px 5px;
  width: 50%;
  border: 2px solid #fff;
  font-size: 16px;
  background-color: #f8f8f8;
  color: #42767e;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
#tooltip-period-repeatable .toolbox-footer button:hover {
  color: #f8f8f8;
  background-color: #42767e;
}
/* LOADER */
/*
#loading-bar .bar, #loading-bar-spinner .spinner-icon {
    display: none;
}
*/
#loading-bar .bar {
  display: none;
}
#loading-bar-spinner {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0;
  z-index: 10002;
  background: #000000;
  /* The Fallback */
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
#loading-bar-spinner .loading-msg {
  font-size: 18px;
  color: #FFF;
  position: absolute;
  display: block;
  width: 200px;
  text-align: center;
  margin-left: -100px;
  /* Firefox */
  left: 50%;
  top: 50%;
}
#loading-bar-spinner .spinner-icon {
  margin-top: 30px;
  position: relative;
  width: 30px;
  height: 30px;
  border: solid 2px transparent;
  border-top-color: #FFF;
  border-left-color: #FFF;
  border-radius: 30px;
  margin-left: -15px;
  /* Firefox */
  left: 50%;
  /* Firefox */
  /* WebKit */
  /* Opera */
  top: -o-calc(50%);
  /* Standard */
  top: calc(50%);
}
@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.isotope {
  -webkit-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  z-index: 2;
  margin: 0;
  -webkit-transition-property: -webkit-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}
.isotope .isotope-item.isotope-hidden {
  pointer-events: none;
  z-index: 1;
}
/* Isotope CSS3 transitions */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
/* Disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
search-status {
  display: block;
}
.search-status {
  display: block;
}
.search-status hr {
  margin-bottom: 5px;
}
.search-status .status-type {
  display: inline-block;
  width: auto;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .search-status .status-type {
    margin-right: 2px;
  }
}
.search-status .status-type h4 {
  margin-bottom: 0px;
  margin-top: 0px;
  line-height: 20px;
  color: #b0b0b0;
  font-size: 13px;
}
.search-status .status-type .tag {
  background-color: #f8f8f8;
  font-size: 12px;
  padding: 8px;
  display: inline-block;
  cursor: pointer;
  margin-top: 6px;
  color: #42767e;
  font-weight: 600;
}
.search-status .status-type .tag:hover {
  background-color: #95e2ea;
}
.search-history .status-type {
  display: inline-block;
  width: auto;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .search-history .status-type {
    margin-right: 2px;
  }
}
.search-history .status-type h4 {
  margin-bottom: 0px;
  margin-top: 0px;
  line-height: 20px;
  color: #b0b0b0;
  font-size: 13px;
}
.search-history .status-type .tag {
  background-color: #f8f8f8;
  font-size: 12px;
  padding: 8px;
  display: inline-block;
  text-transform: lowercase;
  cursor: pointer;
  margin-top: 6px;
  color: #42767e;
  font-weight: 600;
  text-transform: capitalize;
}
.search-history .status-type .tag:hover {
  background-color: #95e2ea;
}
.drag-handle {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 25px;
  z-index: 1;
}
.drag-handle.right {
  right: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px 8px 8px 0px;
}
.select-count {
  height: 38px;
  width: 100px;
  border-radius: 19px;
  border: 1px solid #7fa93e;
  position: relative;
  text-align: center;
  line-height: 38px;
  background-color: #fff;
}
.select-count button {
  border-radius: 19px;
  height: 38px;
  width: 38px;
  position: absolute;
  padding: 0;
  top: 0;
}
.select-count button.subtract {
  left: -1px;
}
.select-count button.add {
  right: 0;
}
.select-count button i {
  position: absolute;
  top: 4px;
  left: 6px;
  padding: 0;
  background-color: #f8f8f8;
  border-radius: 30px;
  height: 29px;
  width: 29px;
}
.select-count button i:before {
  position: absolute;
  margin: 0;
  top: 10px;
  left: 10px;
  font-size: 10px;
}
.select-count button[disabled="disabled"] i {
  opacity: 0.4;
}
.select-count button:focus {
  outline: none;
}
.select-count .service-count {
  height: 38px;
  width: 100%;
  line-height: 38px;
}
.repeatableprogress {
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 62%;
  left: 0;
}
.repeatableprogress .innerBox {
  font-size: 42px;
  color: #fff;
  background: #7cdde7;
  padding: 20px;
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid white;
}
.repeatableprogress .innerBox .heading {
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 20px;
}
.repeatableprogress .innerBox .count {
  font-size: 42px;
  line-height: 36px;
  margin-bottom: 20px;
}
uib-accordion .panel-default {
  border: 1px solid #ebebeb;
}
uib-accordion .panel-default .panel-heading {
  cursor: pointer;
  padding: 0px;
}
uib-accordion .panel-default .panel-heading .panel-title {
  text-transform: none;
}
uib-accordion .panel-default .panel-heading i,
uib-accordion .panel-default .panel-heading a {
  pointer-events: none;
}
uib-accordion .panel-default .panel-heading:hover i,
uib-accordion .panel-default .panel-heading:hover a {
  color: #42767e;
}
uib-accordion .panel-default .panel-body {
  padding: 0px;
}
uib-accordion .panel-default .panel-body .accordian-content {
  padding: 10px;
}
uib-accordion .panel-default .panel-body .panel-group {
  margin-bottom: 0;
}
uib-accordion .panel-group {
  margin-bottom: 0;
}
uib-accordion .panel-v2-default .panel-heading:hover i,
uib-accordion .panel-v2-default .panel-heading:hover a {
  color: inherit;
}
/* Fonts */
body,
.ui-widget {
  font-family: 'Roboto', 'Blinker', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  -webkit-font-feature-settings: 'ss01' 1;
          font-feature-settings: 'ss01' 1;
  font-size: 16px;
  line-height: 24px;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-style: normal;
  color: #2c3e50;
  margin-bottom: 16px;
}
h1,
.h1 {
  font-size: 56px;
  font-weight: 900;
  line-height: 120%;
}
@media (max-width: 991px) {
  h1,
  .h1 {
    font-size: 24px;
  }
}
h2,
.h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
}
h3,
.h3 {
  font-size: 20px;
  font-weight: 700;
}
h4,
.h4 {
  font-size: 16px;
  font-weight: bold;
}
a {
  color: var(--site-primary-color);
  text-decoration: none;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
a a:focus {
  color: #000;
}
a:hover {
  color: var(--site-primary-color);
}
a:focus {
  color: #5e5e5e;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/* Tabs */
.nav-underline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  scrollbar-width: thin;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.nav-underline .nav-item .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  position: relative;
  padding: 14px 12px;
  border-bottom: 0px;
  color: #2c3e50;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.nav-underline .nav-item .nav-link:before {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 14px;
  right: 14px;
  height: 3px;
  background-color: transparent;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
}
.nav-underline .nav-item .nav-link.active {
  font-weight: normal;
  color: var(--site-primary-color);
  border-bottom-color: transparent;
}
.nav-underline .nav-item .nav-link.active:before {
  background-color: var(--site-primary-color);
}
.nav-underline .nav-item .nav-link:not(.active):hover,
.nav-underline .nav-item .nav-link:not(.active):focus {
  background-color: var(--State-Layers-On-Surface-Opacity-08, rgba(29, 27, 32, 0.08));
}
* {
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
*:focus-visible {
  outline: none !important;
  -webkit-box-shadow: 0 0px 4px #ffffff inset, 0px 0px 6px #000000 !important;
          box-shadow: 0 0px 4px #ffffff inset, 0px 0px 6px #000000 !important;
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  /* opacity: 0.15; */
}
.section-content {
  padding-top: 24px;
}
main.container {
  padding-bottom: 96px;
}
.section-white,
.section-alternative {
  padding: 96px 0px;
}
@media (max-width: 540px) {
  .section-white,
  .section-alternative {
    padding: 40px 0px;
  }
}
.section-white .h2,
.section-alternative .h2 {
  margin-bottom: 40px;
}
.section-alternative {
  background-color: #f5f7f9;
}
.card {
  margin-bottom: 32px;
}
.card .card-img-top {
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.card .card-title {
  margin-top: 0px;
}
.card .card-body {
  padding: 24px;
}
.accordion-button {
  padding: 8px 16px;
}
.collapse.in {
  display: block;
}
.fade.in {
  opacity: 1;
}
.modal-backdrop.in {
  opacity: 0.5;
}

@font-face {
  font-family: 'fontello';
  src: url(fonts/fontello.eot);
  src: url(fonts/fontello.eot#iefix) format('embedded-opentype'), url(fonts/fontello.woff2) format('woff2'), url(fonts/fontello.woff) format('woff'), url(fonts/fontello.ttf) format('truetype'), url(assets/fontello.svg#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?54190860#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-keyboard:before {
  content: '\E805';
}
/* '' */
.icon-radio_selected:before {
  content: '\E809';
}
/* '' */
.icon-minus:before {
  content: '\E80B';
}
/* '' */
.icon-menu:before {
  content: '\E80D';
}
/* '' */
.icon-cart:before {
  content: '\E80E';
}
/* '' */
.icon-plus:before {
  content: '\E814';
}
/* '' */
.icon-up:before {
  content: '\E815';
}
/* '' */
.icon-login:before {
  content: '\E81A';
}
/* '' */
.icon-link:before {
  content: '\E81D';
}
/* '' */
.icon-arrow:before {
  content: '\E81E';
}
/* '' */
.icon-kontakt:before {
  content: '\E81F';
}
/* '' */
.icon-faq:before {
  content: '\E820';
}
/* '' */
.icon-repeat:before {
  content: '\E821';
}
/* '' */
.icon-info:before {
  content: '\E823';
}
/* '' */
.icon-meetings:before {
  content: '\E824';
}
/* '' */
.icon-list:before {
  content: '\E826';
}
/* '' */
.icon-filter:before {
  content: '\E827';
}
/* '' */
.icon-accept:before {
  content: '\E828';
}
/* '' */
.icon-close_btn:before {
  content: '\E829';
}
/* '' */
.icon-close:before {
  content: '\E82C';
}
/* '' */
.icon-time:before {
  content: '\E82D';
}
/* '' */
.icon-radio:before {
  content: '\E82E';
}
/* '' */
.icon-loop:before {
  content: '\E82F';
}
/* '' */
.icon-sted:before {
  content: '\E831';
}
/* '' */
.icon-date:before {
  content: '\E832';
}
/* '' */
.icon-activity:before {
  content: '\E833';
}
/* '' */
.icon-user:before {
  content: '\E834';
}
/* '' */

.uib-position-measure {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}
.uib-position-scrollbar-measure {
  position: absolute !important;
  top: -9999px !important;
  width: 50px !important;
  height: 50px !important;
  overflow: scroll !important;
}
.uib-position-body-scrollbar-measure {
  overflow: scroll !important;
}

.main-box {
  height: 100%;
  padding: 32px;
  border-radius: 8px;
  background: #f9fafc;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.main-box h1 {
  font-size: 60px;
  font-weight: 900;
  line-height: 120%;
  margin-top: 0px;
  margin-bottom: 16px;
}
@media (max-width: 992px) {
  .main-box {
    background: #fff;
    height: auto;
    margin-bottom: 24px;
    padding: 32px 0;
  }
}
@media (max-width: 768px) {
  .main-box {
    padding: 0px;
  }
  .main-box h1 {
    font-size: 34px;
  }
}
.main-box .col-md-8 {
  width: 100%;
}
.cards > :last-child .card {
  margin-bottom: 0;
}

.home-info-box {
  padding: 20px;
  width: 100%;
  margin: 20px 0;
  background-color: #df2f0d;
  text-align: center;
  color: #fff;
}
.home-info-box h3,
.home-info-box p,
.home-info-box a {
  color: #fff;
}

shortcut-cards section {
  padding-top: 76px;
  padding-bottom: 96px;
  background-color: #f5f7f9;
}
shortcut-cards .h2 {
  margin-bottom: 40px;
}
.shortcut-items .box-item {
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.shortcut-items .box-item .bg-image {
  height: 185px;
  background-size: cover;
  width: 100%;
  background-position: center;
}
.shortcut-items .box-item .box-title {
  color: #fff;
  background-color: #42767e;
  margin: 0;
  padding: 22px 15px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.shortcut-items .box-item:hover .box-title {
  background-color: #39666d;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .shortcut-items {
    /* For portrait layouts only */
  }
  .shortcut-items .row .box-item:first-child {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .shortcut-items {
    /* For portrait layouts only */
  }
  .shortcut-items .row .box-item {
    width: 100%;
    margin-bottom: 20px;
  }
}

popular-activities .activities {
  display: inline-grid;
  grid-template-columns: repeat(auto-fit, 140px);
  gap: 24px 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media (max-width: 992px) {
  popular-activities .activities {
    grid-template-columns: auto auto;
    gap: 24px;
  }
}
@media (max-width: 480px) {
  popular-activities .activities {
    grid-template-columns: auto;
    gap: 24px;
  }
}
popular-activities .activity-box {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  color: var(--site-primary-color);
  border-radius: 6px;
}
popular-activities .activity-box h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #28474c;
}
popular-activities .activity-box .icon {
  height: 130px;
}
popular-activities .activity-box .icon i {
  font-size: 150px;
  line-height: 100px;
  font-weight: 100;
}
popular-activities .activity-box .title {
  margin-bottom: 0;
}
popular-activities .activity-box:hover {
  cursor: pointer;
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.filter-bar-component-refactor {
  min-height: 100px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 24px 0;
  gap: 16px;
}

.card.card-cta {
  position: relative;
  margin-bottom: 32px;
  border-color: transparent;
  border-radius: 8px;
  overflow: hidden;
}
.card.card-cta .card-body {
  background: rgba(var(--site-primary-color-rgb), 0.15);
  padding-bottom: 48px;
}
.card.card-cta h2 {
  line-height: 32px;
  margin-top: 0;
  margin-bottom: 20px;
  color: var(--site-primary-color);
}
.card.card-cta .icon {
  position: absolute;
  top: 20px;
  right: 20px;
  color: var(--site-primary-color);
}
.card.card-cta i {
  position: absolute;
  right: 16px;
  bottom: 24px;
  font-size: 32px;
  color: var(--site-primary-color);
}
.card.card-cta p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--site-primary-color);
}

section.checkout {
  background-color: #eef1f6;
  padding-bottom: 100px;
}
section.checkout .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.bookings-table-grid.table-grid-type1 .column1 {
  padding: 6px 10px;
  width: 590px;
}
@media (max-width: 1399px) {
  .bookings-table-grid.table-grid-type1 .column1 {
    width: 470px;
  }
}
@media (max-width: 1199px) {
  .bookings-table-grid.table-grid-type1 .column1 {
    width: 424px;
  }
}
@media (max-width: 991px) {
  .bookings-table-grid.table-grid-type1 .column1 {
    width: 502px;
  }
}
@media (max-width: 767px) {
  .bookings-table-grid.table-grid-type1 .column1 {
    padding: 6px 10px;
    width: 100%;
  }
}
.bookings-table-grid.table-grid-type1 .column2 {
  width: 124px;
}
@media (max-width: 767px) {
  .bookings-table-grid.table-grid-type1 .column2 {
    width: 20%;
    width: 50%;
    padding-left: 10px;
  }
  .bookings-table-grid.table-grid-type1 .column2 span {
    display: none;
  }
}
.bookings-table-grid.table-grid-type1 .column3 {
  width: 128px;
}
@media (max-width: 1199px) {
  .bookings-table-grid.table-grid-type1 .column3 {
    width: 54px;
  }
}
@media (max-width: 767px) {
  .bookings-table-grid.table-grid-type1 .column3 {
    width: 50%;
  }
}
.bookings-table-grid.table-grid-type2 .column1 {
  width: 740px;
}
@media (max-width: 1399px) {
  .bookings-table-grid.table-grid-type2 .column1 {
    width: 620px;
  }
}
@media (max-width: 1199px) {
  .bookings-table-grid.table-grid-type2 .column1 {
    width: 504px;
  }
}
@media (max-width: 991px) {
  .bookings-table-grid.table-grid-type2 .column1 {
    width: 582px;
  }
}
@media (max-width: 767px) {
  .bookings-table-grid.table-grid-type2 .column1 {
    width: 402px;
  }
}
@media (max-width: 580px) {
  .bookings-table-grid.table-grid-type2 .column1 {
    padding: 6px 10px;
    width: 100%;
  }
}
.bookings-table-grid.table-grid-type2 .column2 {
  width: auto;
  float: right;
  padding-right: 15px;
}
.bookings-table-grid .col {
  float: left;
}
.table-grid-type1-mixin .column1 {
  padding: 6px 10px;
  width: 590px;
}
@media (max-width: 1399px) {
  .table-grid-type1-mixin .column1 {
    width: 470px;
  }
}
@media (max-width: 1199px) {
  .table-grid-type1-mixin .column1 {
    width: 424px;
  }
}
@media (max-width: 991px) {
  .table-grid-type1-mixin .column1 {
    width: 502px;
  }
}
@media (max-width: 767px) {
  .table-grid-type1-mixin .column1 {
    padding: 6px 10px;
    width: 100%;
  }
}
.table-grid-type1-mixin .column2 {
  width: 124px;
}
@media (max-width: 767px) {
  .table-grid-type1-mixin .column2 {
    width: 20%;
    width: 50%;
    padding-left: 10px;
  }
  .table-grid-type1-mixin .column2 span {
    display: none;
  }
}
.table-grid-type1-mixin .column3 {
  width: 128px;
}
@media (max-width: 1199px) {
  .table-grid-type1-mixin .column3 {
    width: 54px;
  }
}
@media (max-width: 767px) {
  .table-grid-type1-mixin .column3 {
    width: 50%;
  }
}
.table-grid-type2-mixin .column1 {
  width: 740px;
}
@media (max-width: 1399px) {
  .table-grid-type2-mixin .column1 {
    width: 620px;
  }
}
@media (max-width: 1199px) {
  .table-grid-type2-mixin .column1 {
    width: 504px;
  }
}
@media (max-width: 991px) {
  .table-grid-type2-mixin .column1 {
    width: 582px;
  }
}
@media (max-width: 767px) {
  .table-grid-type2-mixin .column1 {
    width: 402px;
  }
}
@media (max-width: 580px) {
  .table-grid-type2-mixin .column1 {
    padding: 6px 10px;
    width: 100%;
  }
}
.table-grid-type2-mixin .column2 {
  width: auto;
  float: right;
  padding-right: 15px;
}

.booking-periods-row {
  margin-bottom: 15px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .booking-periods-row {
    margin-bottom: 15px;
    margin-top: 0px;
  }
}
.booking-periods-row .column-headings .booking-details-header {
  padding: 4px 0;
}
.booking-periods-row .column-headings .booking-price-header {
  padding: 4px 0;
}
@media (max-width: 767px) {
  .booking-periods-row .column-headings .booking-price-header {
    display: none;
  }
}
.booking-periods-row .column-headings .booking-addon-collapse-header {
  padding: 4px 10px;
}
@media (max-width: 767px) {
  .booking-periods-row .column-headings .booking-addon-collapse-header {
    padding: 4px 0px;
  }
}
.booking-periods-row .date-details {
  padding: 5px 0;
}
.booking-periods-row .date-details date {
  text-transform: capitalize;
  font-weight: bold;
  display: block;
  font-size: 13px;
}
.booking-periods-row .booking-layout {
  overflow: hidden;
  display: block;
  height: 50px;
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  background: #f4f3f3;
}
@media (max-width: 767px) {
  .booking-periods-row .booking-layout {
    height: auto;
  }
}
.booking-periods-row .booking-layout .booking-details {
  padding: 6px 10px;
  overflow: hidden;
  min-width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.booking-periods-row .booking-layout .booking-details i.house {
  width: 38px;
  display: block;
  float: left;
  padding: 9px 0;
}
.booking-periods-row .booking-layout .booking-details i.house:before {
  font-size: 20px;
}
@media (max-width: 767px) {
  .booking-periods-row .booking-layout .booking-details i.house {
    display: none;
  }
}
.booking-periods-row .booking-layout .booking-details .housename {
  height: 21px;
  overflow: hidden;
}
.booking-periods-row .booking-layout .subscription-tag {
  font-size: 10px;
  padding: 2px 4px;
  border: 1px solid var(--site-primary-color);
  background: #fff;
  color: var(--bs-body-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.4;
  border-radius: 8px;
  max-height: 40px;
}
.booking-periods-row .booking-layout .subscription-tag .title {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
  text-align: center;
  max-width: 100px;
}
.booking-periods-row .booking-layout .booking-price {
  height: 50px;
  line-height: 50px;
}
.booking-periods-row .booking-layout .booking-addon-collapse {
  height: 50px;
  float: left;
  border-left: 1px solid #fff;
}
.booking-periods-row .booking-layout .booking-addon-collapse .btn-collapse .addOnTxt {
  float: left;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  text-transform: none;
  color: #7fa93e;
}
@media (max-width: 1199px) {
  .booking-periods-row .booking-layout .booking-addon-collapse .btn-collapse .addOnTxt {
    display: none;
  }
}
.booking-periods-row .booking-layout .booking-addon-collapse .btn-collapse.addon {
  height: 50px;
  width: 100%;
  float: left;
  padding: 0;
}
@media (max-width: 767px) {
  .booking-periods-row .booking-layout .booking-addon-collapse .btn-collapse.addon {
    width: 100%;
    border: 0;
  }
}
.booking-periods-row .booking-layout .booking-addon-collapse .btn-collapse.addon:focus {
  outline: none !important;
}
.booking-periods-row .booking-layout .booking-addon-collapse .btn-collapse.addon i {
  color: #7fa93e;
  padding: 15px;
  float: left;
}
@media (max-width: 767px) {
  .booking-periods-row .booking-layout .booking-addon-collapse .btn-collapse.addon i {
    display: block;
    padding: 0px;
    margin: 0 auto;
    float: none;
  }
}
.booking-periods-row .booking-layout .booking-addon-collapse .btn-collapse.addon i:before {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}
.booking-periods-row .booking-layout.collapsed .btn-collapse.addon i:before {
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -webkit-transform: rotate(270deg);
  /* Chrome, Safari, Opera */
  transform: rotate(270deg);
}

.booking-period-resource-entry {
  background: #f8f8f8;
  padding: 10px 0;
  line-height: 40px;
}
.booking-period-resource-entry.row {
  margin: 0;
  margin-bottom: 2px;
}
.booking-period-resource-entry .mobile-container {
  position: relative;
  z-index: 99;
}
@media (max-width: 767px) {
  .booking-period-resource-entry .mobile-container {
    width: 280px;
    margin: 0 auto;
    padding-left: 40px;
  }
}
.booking-period-resource-entry .entry-name {
  width: 314px;
  float: left;
  padding: 0 15px;
  font-weight: normal;
}
@media (max-width: 767px) {
  .booking-period-resource-entry .entry-name {
    text-align: center;
  }
}
.booking-period-resource-entry .entry-name .asteric {
  color: #e74e28;
}
@media (max-width: 1199px) {
  .booking-period-resource-entry .entry-name {
    width: 181px;
  }
}
@media (max-width: 991px) {
  .booking-period-resource-entry .entry-name {
    width: 279px;
  }
}
@media (max-width: 767px) {
  .booking-period-resource-entry .entry-name {
    width: 100%;
    float: none;
    clear: both;
    font-weight: bold;
    margin-bottom: 10px;
  }
}
.booking-period-resource-entry .entry-selector {
  width: 205px;
  float: left;
  min-height: 1px;
}
.booking-period-resource-entry .entry-selector > div {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .booking-period-resource-entry .entry-selector {
    width: auto;
  }
}
.booking-period-resource-entry .entry-selector .count-text {
  padding-right: 15px;
  font-weight: bold;
  float: left;
}
.booking-period-resource-entry .entry-selector .select-count {
  float: left;
}
.booking-period-resource-entry .entry-price {
  width: 100px;
  float: left;
}
.booking-period-resource-entry .entry-price span {
  font-weight: bold;
}
@media (max-width: 767px) {
  .booking-period-resource-entry .entry-price {
    width: auto;
    line-height: 40px;
    margin-bottom: 0;
    padding-left: 4px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 449px) {
  .booking-period-resource-entry .entry-price {
    padding-left: 4px;
  }
}
.booking-period-resource-entry .service-info {
  display: block;
  width: 100%;
  clear: both;
  color: #e74e28;
  padding: 0 15px;
  position: relative;
  top: -20px;
  font-size: 10px;
  z-index: 0;
  height: 20px;
}
@media (max-width: 767px) {
  .booking-period-resource-entry .service-info {
    text-align: center;
    top: 0px;
  }
}

.booking-period-resource-entries {
  margin-top: 0;
  padding-bottom: 1px;
  overflow: hidden;
}
.booking-period-resource-entries > booking-period-resource-entry:last-child .booking-period-resource-entry {
  padding-bottom: 10px;
}
.booking-period-resource-entries h3 {
  font-size: 13px;
  color: #7fa93e;
  text-transform: uppercase;
  margin-top: 0px;
}

@media (max-width: 991px) {
  booking-hero .container {
    padding: 0;
  }
  booking-hero .container .row {
    margin: 0;
  }
}
booking-hero .booking-hero {
  height: 240px;
  width: 100%;
  display: block;
  margin-top: 20px;
  padding: 20px 20px 0 20px;
  background-color: #fff;
  position: relative;
}
@media (max-width: 991px) {
  booking-hero .booking-hero {
    height: 180px;
    padding: 0;
  }
}
@media (max-width: 767px) {
  booking-hero .booking-hero {
    height: 120px;
    margin-top: 0px;
    padding: 0;
  }
}
@media (max-width: 549px) {
  booking-hero .booking-hero {
    height: 80px;
  }
}
booking-hero .booking-hero .bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 111;
  background-position: center;
}
booking-hero .booking-hero .bg-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(25, 75, 110, 0.5);
  z-index: 245;
}
booking-hero .booking-hero .title-container {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
booking-hero .booking-hero .title-container h2 {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  text-align: center;
  width: 100%;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.15);
  z-index: 250;
}
@media (max-width: 549px) {
  booking-hero .booking-hero .title-container h2 {
    font-size: 24px;
  }
}

.payment-cards img {
  height: 28px;
}

.bz-wizard-wide-edition {
  width: 100%;
  overflow: hidden;
}
/*Form Wizard*/
.bs-wizard {
  border-bottom: solid 0px #e0e0e0;
  padding: 0 0 3px 0;
  margin-top: 20px;
}
.bs-wizard.has-4-steps {
  margin-left: -75px;
  margin-right: -75px;
}
@media (max-width: 1199px) {
  .bs-wizard.has-4-steps {
    margin-left: -60px;
    margin-right: -60px;
  }
}
@media (max-width: 767px) {
  .bs-wizard.has-4-steps {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (max-width: 449px) {
  .bs-wizard.has-4-steps {
    margin-left: -5px;
    margin-right: -5px;
  }
}
.bs-wizard.has-3-steps {
  margin-left: -142px;
  margin-right: -142px;
}
@media (max-width: 1399px) {
  .bs-wizard.has-3-steps {
    margin-left: -112px;
    margin-right: -112px;
  }
}
@media (max-width: 1199px) {
  .bs-wizard.has-3-steps {
    margin-left: -80px;
    margin-right: -80px;
  }
}
@media (max-width: 767px) {
  .bs-wizard.has-3-steps {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (max-width: 449px) {
  .bs-wizard.has-3-steps {
    margin-left: -5px;
    margin-right: -5px;
  }
}
.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative;
}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  color: #595959;
  font-size: 12px;
  margin-bottom: 5px;
}
.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #999;
  font-size: 14px;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 24px;
  height: 24px;
  display: block;
  background: #ffffff;
  top: 8px;
  left: 50%;
  margin-top: 0px;
  margin-left: -12px;
  border-radius: 50%;
  border: 2px solid #42767e;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  content: '';
  width: 6px;
  height: 6px;
  background: #42767e;
  border-radius: 50px;
  position: absolute;
  top: 7px;
  left: 7px;
  display: none;
}
.bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 20px 0;
  background-color: #e0e0e0;
}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #42767e;
}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after {
  display: block;
}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%;
}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  left: 50%;
  width: 0%;
}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color: #fff;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0;
}
.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
}
.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%;
}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events: none;
}

.booking-infobox-mobile {
  position: fixed;
  bottom: 0;
  height: 60px;
  width: 100%;
  left: 0;
  border-top: 2px solid #fff;
  background-color: #42767e;
  z-index: 1040;
  font-size: 13px;
}
.booking-infobox-mobile .totalprice {
  text-align: center;
  color: #fff;
  line-height: 60px;
}
.booking-infobox-mobile .totalprice span {
  font-size: 18px;
  font-weight: bold;
}

.booking-info-box {
  margin-bottom: 20px;
}
.booking-info-box.bookings-completed section h3 {
  text-transform: uppercase;
}
.booking-info-box.bookings-completed section ul li i {
  float: left;
  width: 35px;
  font-size: 17px;
  color: #42767e;
}
.booking-info-box.bookings-completed section ul li .entry {
  font-size: 13px;
  color: #42767e;
  text-transform: uppercase;
  font-weight: normal;
}
.booking-info-box header {
  height: 60px;
  background-color: #42767e;
  width: 100%;
  margin-top: 20px;
}
.booking-info-box header h3 {
  text-align: center;
  line-height: 60px;
  color: #fff;
}
.booking-info-box section {
  background-color: #f8f8f8;
  padding-bottom: 40px;
}
.booking-info-box section ul {
  margin: 0;
  padding: 0 15px;
  list-style-type: none;
}
.booking-info-box section ul li {
  padding: 20px 0px;
  border-bottom: 1px solid #c8c8c8;
}
.booking-info-box section ul li .type {
  text-transform: uppercase;
  font-size: 10px;
}
.booking-info-box section ul li .entry {
  font-size: 13px;
  font-weight: bold;
  margin-top: 4px;
}
.booking-info-box section ul li small {
  color: #3d3d3d;
  font-weight: 400;
}

.order-summary {
  background: #f4f3f3;
  width: 100%;
  border: 1px solid #c2c2c2;
  padding: 10px 0;
}
.order-summary .payment-method,
.order-summary .total-price {
  line-height: 32px;
  height: 32px;
}
.order-summary .total-price .total-text {
  padding: 0 15px;
}
.order-summary .total-price .total-amount {
  width: 220px;
  text-align: right;
}
@media (max-width: 449px) {
  .order-summary .payment-method {
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: center;
  }
}
.order-summary .payment-method .cardtype {
  padding: 0 15px;
}


.add-on-service-bookings-completed {
  width: 100%;
  height: 57px;
  padding: 15px 0;
  background: #f8f8f8;
  display: block;
  margin-bottom: 1px;
}
.add-on-service-bookings-completed:before {
  display: table;
  content: " ";
}
.add-on-service-bookings-completed .entry .entry-name {
  padding-left: 15px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .add-on-service-bookings-completed .entry .entry-name {
    padding-left: 10px;
  }
}
.add-on-service-bookings-completed .entry .entry-name .service-info {
  display: block;
  width: 100%;
  clear: both;
  color: #e74e28;
  font-size: 10px;
}
@media (max-width: 767px) {
  .add-on-service-bookings-completed .entry .entry-price {
    text-align: center;
    line-height: 20px;
    margin-bottom: 20px;
  }
}

.choose-payment li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  position: relative;
  /* Change background when input is checked */
}
.choose-payment li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 24px;
  padding-left: 60px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}
.choose-payment li label:hover {
  background-color: #dedede;
  cursor: pointer;
}
.choose-payment li label i {
  font-size: 40px;
}
.choose-payment li label img {
  height: 40px;
}
.choose-payment li input[type='radio'] {
  display: block;
  position: absolute;
  left: 26px;
  top: 42px;
}
.choose-payment li input[type='radio']:checked + label {
  background-color: #cce5ff;
  /* Light blue for selected */
  border: 1px solid #598dc1;
}

@media (max-width: 991px) {
  checkout-hero .container {
    padding: 0;
  }
  checkout-hero .container .row {
    margin: 0;
  }
}
checkout-hero .checkout-hero {
  height: 240px;
  width: 100%;
  display: block;
  margin-top: 20px;
  padding: 20px 20px 0 20px;
  background-color: #fff;
  position: relative;
}
@media (max-width: 991px) {
  checkout-hero .checkout-hero {
    height: 180px;
    padding: 0;
  }
}
@media (max-width: 767px) {
  checkout-hero .checkout-hero {
    height: 120px;
    margin-top: 0px;
    padding: 0;
  }
}
@media (max-width: 549px) {
  checkout-hero .checkout-hero {
    height: 80px;
  }
}
checkout-hero .checkout-hero .bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 111;
  background-position: center;
}
checkout-hero .checkout-hero .bg-image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(25, 75, 110, 0.5);
  z-index: 245;
}
checkout-hero .checkout-hero .title-container {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
checkout-hero .checkout-hero .title-container h2 {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  margin: 0;
  text-align: center;
  width: 100%;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.15);
  z-index: 250;
}
@media (max-width: 549px) {
  checkout-hero .checkout-hero .title-container h2 {
    font-size: 24px;
  }
}


.checkout-infobox {
  margin-bottom: 20px;
}
.checkout-infobox.bookings-completed section h3 {
  text-transform: uppercase;
}
.checkout-infobox.bookings-completed section ul li i {
  float: left;
  width: 35px;
  font-size: 17px;
  color: #42767e;
}
.checkout-infobox.bookings-completed section ul li .entry {
  font-size: 13px;
  color: #42767e;
  text-transform: uppercase;
  font-weight: normal;
}
.checkout-infobox header {
  height: 60px;
  background-color: #42767e;
  width: 100%;
  margin-top: 20px;
}
.checkout-infobox header h3 {
  text-align: center;
  line-height: 60px;
  color: #fff;
}
.checkout-infobox section {
  background-color: #f8f8f8;
  padding-bottom: 40px;
}
.checkout-infobox section ul {
  margin: 0;
  padding: 0 15px;
  list-style-type: none;
}
.checkout-infobox section ul li {
  padding: 20px 0px;
  border-bottom: 1px solid #c8c8c8;
}
.checkout-infobox section ul li .type {
  text-transform: uppercase;
  font-size: 10px;
}
.checkout-infobox section ul li .entry {
  font-size: 13px;
  font-weight: bold;
  margin-top: 4px;
}
.checkout-infobox section ul li small {
  color: #3d3d3d;
  font-weight: 400;
}

#checkout-subscription-info label.termAccept {
  border-bottom: 1px solid transparent;
}
#checkout-subscription-info label.termAccept.invalid {
  border-bottom: 1px solid #ff8383;
}

.order-number {
  color: #42767e;
  text-transform: uppercase;
  font-weight: bold;
}

.order-number {
  color: #42767e;
  text-transform: uppercase;
  font-weight: bold;
}

#bookinginfo label.termAccept {
  border-bottom: 1px solid transparent;
}
#bookinginfo label.termAccept.invalid {
  border-bottom: 1px solid #ff8383;
}
#bookinginfo .change-role-dev .role {
  cursor: pointer;
}
#bookinginfo .change-role-dev .role:hover {
  color: green;
}



.order-number {
  color: #42767e;
  text-transform: uppercase;
  font-weight: bold;
}

account-nav ul {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0px;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
account-nav ul li.nav-item {
  position: relative;
  display: block;
  float: left;
  margin-bottom: -1px;
  padding-right: 0px;
}
account-nav ul li.nav-item a.nav-link {
  position: relative;
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #6b6b6b;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  padding: 14px 24px;
}
account-nav ul li.nav-item a.nav-link:hover {
  border-color: #eeeeee #eeeeee #ddd;
  background-color: #eeeeee;
}
account-nav ul li.nav-item a.nav-link.active {
  color: #49454f;
  background-color: #f5f7f9;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
account-nav ul li.nav-item a.nav-link.active:hover,
account-nav ul li.nav-item a.nav-link.active:focus {
  cursor: default;
}
account-nav ul li.nav-item a.nav-link.active:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #f5f7f9;
  z-index: 999;
}

#my-profile.section-content {
  padding-top: 42px;
}
#my-profile .view-mode {
  padding: 0px;
  border-bottom: none;
  margin-bottom: 15px;
}
#my-profile .toggle-mode {
  margin-left: 30px;
}
#my-profile .toggle-mode.active,
#my-profile .toggle-mode:hover {
  color: #42767e;
}

#my-bookings.section-content {
  padding-top: 42px;
}
#my-bookings .view-mode {
  padding: 0px;
  border-bottom: none;
  margin-bottom: 15px;
}
#my-bookings .toggle-mode {
  margin-left: 30px;
}
#my-bookings .toggle-mode.active,
#my-bookings .toggle-mode:hover {
  color: #42767e;
}

.user-bookings section {
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.user-bookings section .item {
  padding-right: 15px;
  padding-left: 15px;
}
.user-bookings .panel-heading {
  padding: 0;
}
.user-bookings .inner-accordian .panel-heading {
  background-color: #fff;
}
.user-bookings .panel-default .panel-body .accordian-content {
  padding: 0;
}
.user-bookings .panel-default .panel-body .accordian-content .panel-body {
  padding: 15px;
}
.user-bookings .bp-entries {
  padding: 10px 0 15px;
}
.user-bookings .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-bookings .flex.first {
  padding: 0px;
}
.user-bookings .flex.first .time {
  padding: 20px;
}
.user-bookings .flex.last {
  padding: 0px;
}
.user-bookings .flex.last .time {
  padding: 20px;
}

section.user-booking {
  background-color: #f8f8f8;
  font-size: 15px;
  line-height: 21px;
  color: #4c4c4c;
  font-weight: 500;
}
section.user-booking.cancelled .date-box {
  opacity: 0.5;
}
section.user-booking hr {
  margin-top: 20px;
  margin-bottom: 16px;
}
section.user-booking .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
section.user-booking .price .vague {
  opacity: 0.4;
  padding-left: 3px;
}

.booking-period {
  border-bottom: 1px solid #ebebeb;
}
.booking-period .user-booking-period {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 13px;
  line-height: 21px;
  font-weight: 500;
}
.booking-period .user-booking-period.cancelled .date-box {
  opacity: 0.5;
}
.booking-period .user-booking-period .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.booking-period .user-booking-period .last {
  padding: 20px 0px;
}
@media (max-width: 640px) {
  .booking-period .user-booking-period .first {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .booking-period .user-booking-period .first date-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    background-color: #42767e;
  }
  .booking-period .user-booking-period .first date-box .date-box {
    width: 80px;
  }
  .booking-period .user-booking-period .first .info {
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .booking-period .user-booking-period .first .info .item {
    padding: 2px 15px;
  }
  .booking-period .user-booking-period .last {
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
.booking-period .user-booking-period .actions {
  text-align: right;
}
.booking-period .user-booking-period .actions a,
.booking-period .user-booking-period .actions button {
  width: auto;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 1199px) {
  .booking-period .user-booking-period .actions a,
  .booking-period .user-booking-period .actions button {
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  .booking-period .user-booking-period .actions {
    text-align: left;
  }
}
.booking-period .user-booking-period .actions .btn-restyled {
  /* FONT: */
  font-size: 13px;
}
.booking-period .user-booking-period .actions .btn-cancel {
  background: #ffffff;
  border: 1px solid #42767e;
}
.booking-period .user-booking-period .actions .btn-cancel:hover {
  background: #e6e6e6;
}
.booking-period .user-booking-period .actions .btn-cancel:hover i {
  color: #42767e;
}
.booking-period .bp-extras {
  padding: 10px 0;
}

.user-booking-period-entry {
  padding: 5px 0;
  font-size: 13px;
}
.user-booking-period-entry .item {
  padding: 5px 15px;
}

.accordian-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
}
.accordian-arrow i:before {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}

.update-bp-note-form {
  padding: 0 15px 15px;
}
.update-bp-note-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.update-bp-note-form form label {
  padding: 7px 0px;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  margin: 0;
}
.update-bp-note-form form input {
  -webkit-box-flex: 5;
      -ms-flex-positive: 5;
          flex-grow: 5;
}
.update-bp-note-form form button {
  margin-left: 10px;
}

.user-bookings .disabled {
  opacity: 0.5;
  pointer-events: none;
}
.user-bookings .accordian-indicator {
  padding: 15px;
}


.modal#cancelation .modal-header {
  background-color: #42767e;
  padding: 0;
  color: #fff;
  padding-left: 20px;
  height: 50px;
}
.modal#cancelation .modal-header h4 {
  color: #fff;
  font-size: 18px;
  line-height: 50px;
  margin: 0px;
}
.modal#cancelation .modal-header .close-btn {
  cursor: pointer;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
}
.modal#cancelation .modal-body {
  padding: 0;
  padding-bottom: 20px;
}
.modal#cancelation .modal-body .user-booking-item {
  padding: 0px;
}
.modal#cancelation .modal-body .user-booking-item date-box {
  left: 20px;
}
@media (max-width: 400px) {
  .modal#cancelation .modal-body .user-booking-item date-box {
    left: 0px;
    margin-bottom: 20px;
  }
}
.modal#cancelation .user-notice-terms {
  padding-top: 20px;
  font-size: 15px;
  color: red;
}
.modal#cancelation .termsAccepted {
  margin-bottom: 20px;
  margin-top: 10px;
}
.modal#cancelation .termsAccepted .checkboxx {
  position: absolute;
  left: 20px;
}
.modal#cancelation .termsAccepted span {
  padding-left: 30px;
  display: block;
}
.modal#cancelation .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal#cancelation .actions button {
  width: 48%;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
}
.lds-ring div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: 2px;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}
@-webkit-keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


#reset-password-form .btn-blue-ghost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  width: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
#reset-password-form .btn-blue-ghost hint {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0;
}
#reset-password-form .btn-blue-ghost hint:hover {
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: red;
  opacity: 1;
}

#reset-password-request-form .btn-blue-ghost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  width: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
#reset-password-request-form .btn-blue-ghost hint {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0;
}
#reset-password-request-form .btn-blue-ghost hint:hover {
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: red;
  opacity: 1;
}
#reset-password-request-form .validation-message {
  padding-top: 10px;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
}
#reset-password-request-form .validation-message.error {
  color: #9e3844;
}

section.user-verification .section-content {
  padding-top: 64px;
}
section.user-verification svg {
  margin-top: 24px;
}
@media only screen and (max-width: 425px) {
  section.user-verification svg {
    max-width: 288px;
  }
}

#my-subscriptions.section-content {
  padding-top: 42px;
}
#my-subscriptions .view-mode {
  padding: 0px;
  border-bottom: none;
  margin-bottom: 15px;
}
#my-subscriptions .toggle-mode {
  margin-left: 30px;
}
#my-subscriptions .toggle-mode.active,
#my-subscriptions .toggle-mode:hover {
  color: #42767e;
}
section.cards-subscription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 40px 0px 80px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.cards-subscription.has-bg {
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #eaf0f3;
}
section.cards-subscription .cards-container {
  container-name: subscriptions-cards;
  container-type: inline-size;
}
section.cards-subscription .layout-grid {
  display: grid;
  row-gap: 24px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  grid-template-columns: repeat(1, minmax(310px, 1fr));
}
section.cards-subscription .title {
  padding-bottom: 24px;
  color: var(--Text, #2c3e50);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  /* Headline 2 */
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}
@container subscriptions-cards (min-width: 688px) {
  section.cards-subscription .layout-grid {
    grid-template-columns: repeat(2, minmax(310px, 1fr));
  }
}
@container subscriptions-cards (min-width: 988px) {
  section.cards-subscription .layout-grid {
    grid-template-columns: repeat(3, minmax(310px, 1fr));
  }
}


.lanes .lane .timeslot-button {
  border: 1px solid var(--Primary-Green-900, #0d5931);
  background: var(--Primary-Green-50, #e3f4eb);
  color: var(--Primary-Green-900, #0d5931);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.lanes .lane .timeslot-button .text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.lanes .lane .timeslot-button svg {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
}
.lanes .lane .timeslot-button.in-basket svg.icon-in-basket,
.lanes .lane .timeslot-button .active svg.icon-in-basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lanes .lane .timeslot-button.facility-period-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 15px 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  border-radius: 28px;
}
.lanes .lane .timeslot-button.facility-period-button .text {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.lanes .lane .timeslot-button.default-timeslot-button {
  position: relative;
  padding: 7px 8px;
  border-radius: 66px;
  min-width: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.lanes .lane .timeslot-button:hover:not(.active) {
  background: var(--Primary-Green-100, #bce4cc);
  border: 1px solid var(--Primary-Green-900, #0d5931);
}
.lanes .lane .timeslot-button.active,
.lanes .lane .timeslot-button.in-basket {
  color: var(--White, #fff);
  background: var(--Primary-Green-900, #0d5931);
}
.lanes .lane .timeslot-button.already-reserved,
.lanes .lane .timeslot-button .disabled {
  color: #a9a8a8;
  border-color: #e4e4e4;
  cursor: not-allowed;
  background-color: var(--White, #fff);
}
.lanes .lane .timeslot-button.already-reserved:hover,
.lanes .lane .timeslot-button .disabled:hover {
  background-color: var(--White, #fff);
  border-color: #e4e4e4;
}
.lanes .lane .timeslot-button.reservation-booking {
  border-color: #0dcaf0;
  color: #0dcaf0;
  background-color: var(--White, #fff);
  border-style: dashed;
}
.lanes .lane .timeslot-button.reservation-booking:hover {
  border-style: dashed;
}
.lanes .lane .timeslot-button.limited-booking,
.lanes .lane .timeslot-button.period-available-from,
.lanes .lane .timeslot-button.period-available-to {
  background-color: var(--White, #fff);
  border-style: dashed;
}
.lanes .lane .timeslot-button.limited-booking:hover,
.lanes .lane .timeslot-button.period-available-from:hover,
.lanes .lane .timeslot-button.period-available-to:hover {
  border-style: dashed;
}

/* house card */
.house-cards {
  padding-top: 20px;
  width: 100%;
}
.isotope-item {
  width: 100%;
  padding: 0;
  margin: 0;
}
@media (max-width: 450px) {
  .isotope-item {
    width: 100%;
  }
}
.house-card {
  margin-bottom: 40px;
  position: relative;
  text-align: center;
  padding: 0 10px;
}
.house-card.area {
  min-height: 447px;
}
.house-card.area .info {
  padding: 10px 20px 80px;
}
@media (max-width: 767px) {
  .house-card.area .info {
    padding: 10px 15px 80px;
  }
}
.house-card .border-card {
  border: 1px solid #ddd;
}
.house-card h3 {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  padding-top: 2px;
}
.house-card h4 {
  color: #42767e;
  cursor: pointer;
}
.house-card p.descrip {
  min-height: 88px;
  font-size: 15px;
  line-height: 22px;
  margin: 0;
}
.house-card .info {
  position: relative;
  padding: 10px 20px 20px;
}
@media (max-width: 767px) {
  .house-card .info {
    padding: 10px 15px 20px;
  }
}
.house-card .info .switch-container > div {
  bottom: 0px;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0 25px;
  position: absolute;
  height: 85px;
  background-color: #fff;
  -webkit-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
  overflow: hidden;
}
.house-card .info .switch-container > div.expanded {
  height: 164px;
}
.house-card .info .switch-container > div h4 {
  position: absolute;
  bottom: 0px;
  width: 100%;
  right: 0;
  left: 0;
  background-color: #fff;
  z-index: 999;
  line-height: 38px;
  margin: 0;
  font-size: 12px;
  margin-left: 10px;
}
.house-card .info .switch-container > div p.address {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 0px;
  overflow-wrap: break-word;
}
.house-card .bg-image {
  height: 200px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  background-size: cover;
  cursor: pointer;
}
.house-card .btn {
  margin-top: 10px;
  margin-bottom: 15px;
}
.searchResults .house-card .info {
  min-height: 220px;
}

.lanes .panel-group {
  border-bottom: 1px solid #2b4f87;
  margin-bottom: 0;
}
.lanes .panel-group .panel {
  border-radius: 0;
  margin-bottom: 0;
  border: 0;
  padding-top: 18px;
  margin-top: 6px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .lanes .panel-group .panel {
    padding-top: 12px;
  }
}
.lanes .accordian .inner {
  background-color: #eef1f6;
}
.lanes .accordian .panel-heading {
  height: 60px;
  background-color: #eef1f6;
  padding: 0;
  position: relative;
}
.lanes .accordian .panel-heading .panel-title {
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
  margin-top: 0;
}
.lanes .accordian .panel-heading .panel-title a {
  display: block;
}
.lanes .accordian .panel-heading .accordian-indicator {
  position: absolute;
  right: 40px;
  width: 120px;
  text-align: center;
  top: 0;
  padding: 15px;
}
@media (max-width: 768px) {
  .lanes .accordian .panel-heading .accordian-indicator {
    right: 10px;
  }
}
.lanes .accordian .panel-heading .accordian-indicator i.accordian-indicator-icon {
  position: relative;
  background-color: #2b4f87;
  border-radius: 18px;
  height: 36px;
  width: 36px;
  top: -33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0px;
  right: 50%;
  margin-right: -18px;
}
.lanes .accordian .panel-heading .accordian-indicator i.accordian-indicator-icon:before {
  font-size: 22px;
  color: #d8d8d8;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 768px) {
  .lanes .accordian .panel-heading .accordian-indicator i.accordian-indicator-icon {
    height: 24px;
    width: 24px;
    top: -27px;
    margin-right: -12px;
  }
  .lanes .accordian .panel-heading .accordian-indicator i.accordian-indicator-icon:before {
    font-size: 14px;
  }
}
.lanes .accordian .panel-heading .accordian-indicator span {
  position: absolute;
  top: 31px;
  line-height: 1;
  font-size: 14px;
  left: 0;
  right: 0;
  color: #2b4f87;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .lanes .accordian .panel-heading .accordian-indicator span {
    top: 26px;
    font-size: 10px;
  }
}
.lanes .accordian .panel-heading .lane-attribute-highlights {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 20px;
}
@media (max-width: 991px) {
  .lanes .accordian .panel-heading .lane-attribute-highlights {
    padding-left: 20px;
  }
}
@media (max-width: 400px) {
  .lanes .accordian .panel-heading .lane-attribute-highlights {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 8px;
  }
}
.lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon {
  font-size: 14px;
  text-transform: none;
  color: #2b4f87;
  line-height: 60px;
  font-weight: 300;
  position: relative;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon {
    font-size: 10px;
  }
}
@media (max-width: 400px) {
  .lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon {
    font-size: 11px;
  }
}
@media (max-width: 400px) {
  .lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon {
    line-height: 2.25;
  }
}
.lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon i {
  position: absolute;
  left: 0;
  line-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon i svg {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon.spots {
  padding-left: 27px;
}
.lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon.spots i {
  width: 18px;
  height: 20px;
  bottom: 23px;
  margin-left: 2px;
}
@media (max-width: 767px) {
  .lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon.spots {
    padding-left: 28px;
  }
  .lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon.spots i {
    height: 15px;
    width: 20px;
  }
}
@media (max-width: 400px) {
  .lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon.spots {
    padding-left: 30px;
  }
  .lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon.spots i {
    bottom: 4px;
  }
}
.lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon.price {
  padding-left: 32px;
}
.lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon.price i {
  width: 26px;
  height: 20px;
  bottom: 21px;
}
@media (max-width: 767px) {
  .lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon.price {
    padding-left: 28px;
  }
  .lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon.price i {
    height: 15px;
    width: 20px;
  }
}
@media (max-width: 400px) {
  .lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon.price {
    padding-left: 30px;
  }
  .lanes .accordian .panel-heading .lane-attribute-highlights .lane-attribute-w-icon.price i {
    bottom: 3px;
  }
}
.lanes .accordian .panel-heading:hover .panel-title a {
  color: #2b4f87;
}
.lanes .accordian .panel-heading:hover i:before {
  color: #d8d8d8;
}
.lanes .accordian .panel-body {
  background-color: #eef1f6;
  border-top: 0px solid #ddd !important;
  font-size: 14px;
  line-height: 20px;
  padding: 15px 20px 30px;
  cursor: auto;
}
@media (max-width: 991px) {
}
.lanes .accordian .panel-body ul {
  padding-left: 20px;
}
.lanes .accordian .panel-body .ac-inside-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lanes .accordian .panel-body .ac-inside-image img {
  max-width: 100%;
}
@media (min-width: 768px) {
  .lanes .accordian .panel-body .ac-inside-image {
    display: none;
  }
}

.lane-gallery {
  position: relative;
}
.lane-gallery .tag > * {
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 40px;
  background: var(--Schemes-On-Primary_s, #fff);
}
.lane-gallery .tag > * * {
  color: var(--Primary-Green-900, #0d5931);
  text-align: center;
  font-family: var(--Label-Large-Font, Roboto);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--Label-Large-Line-Height, 20px);
  /* 166.667% */
  letter-spacing: var(--Label-Large-Tracking, 0.1px);
}
.lane-gallery .image-gallery-entry {
  position: relative;
  cursor: pointer;
}
.lane-gallery .image-gallery-entry img {
  height: 254px !important;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  width: 100%;
}
.lane-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria {
  left: 0px;
  right: 0px;
}
.lane-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .next.bubbles-on,
.lane-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .prev.bubbles-on {
  z-index: 999;
}
.lane-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container {
  z-index: 4444;
}
.lane-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .control-icons-container .close {
  opacity: 0.8;
}

.view-mode {
  position: absolute;
  top: 16px;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media (max-width: 991px) {
  .view-mode {
    position: relative;
    top: 0;
    right: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.view-mode .info {
  text-transform: uppercase;
}
.view-mode .info .location-title {
  font-size: 12px;
  padding-bottom: 5px;
}
.view-mode .info .activity-title {
  font-size: 18px;
}
.view-mode .show-already-reserved-switch .radio-switch {
  margin-right: 0px;
  border: none;
}
.view-mode .viev-mode-component i {
  font-size: 30px;
  margin-bottom: 10px;
}
.view-mode .viev-mode-component .mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.view-mode .viev-mode-component .mode .toggle-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.view-mode .viev-mode-component .mode .faste-tider {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 0px 10px;
  border-radius: 4px;
}
.view-mode .viev-mode-component .mode .faste-tider i {
  padding-left: 10px;
  margin-top: 4px;
}
.view-mode .viev-mode-component .mode .seperator {
  height: 100%;
  margin-left: 20px;
  padding-right: 20px;
  border-left: 1px solid #1e3864;
}
.view-mode .viev-mode-component .mode .calender-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 10px;
}
.view-mode .viev-mode-component .mode.fixed {
  font-size: 14px;
}
.view-mode .viev-mode-component .mode.fixed .toggle-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.view-mode .viev-mode-component .mode.fixed .toggle-mode i {
  padding-right: 12px;
}
.view-mode .viev-mode-component .mode.fixed .change-fixed-submode {
  border: 1px solid #1e3864;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.view-mode .viev-mode-component .mode.fixed .change-fixed-submode button {
  -webkit-box-shadow: none;
          box-shadow: none;
  text-transform: none;
}
.view-mode .viev-mode-component .mode.fixed .dropdown-fixed-submode .dropdown-item {
  cursor: pointer;
  padding: 7.5px 15px;
}
.view-mode .viev-mode-component .mode.fixed .dropdown-fixed-submode .dropdown-item:hover {
  background: #eef1f6;
}
.view-mode .viev-mode-component .mode.classic .change-classic-submode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.view-mode .viev-mode-component .mode.classic .change-classic-submode .submode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}
.view-mode .viev-mode-component .mode.classic .change-classic-submode .submode span {
  padding-top: 7px;
}



.periods-week-view .lane-accordian .panel-group {
  background: var(--Background-100, #eaf0f3);
  border-radius: 8px;
  overflow: hidden;
}
.periods-week-view .panel-heading {
  position: relative;
}
.periods-week-view .panel-heading .panel-title {
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
  margin-top: 0;
}
.periods-week-view .panel-heading .panel-title .accordian-indicator {
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--Secondary-Blue-900, #335072);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 16px */
}
.periods-week-view .panel-heading .panel-title .accordian-indicator .accordian-indicator-icon {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.periods-week-view .panel-heading .panel-title .accordian-indicator .accordian-indicator-icon.point-up {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.periods-week-view .panel-body {
  background-color: #f4f8fa;
  padding: 24px;
}
.periods-week-view .panel-body .ac-inside-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.periods-week-view .panel-body .ac-inside-image img {
  max-width: 100%;
}
@media (min-width: 991px) {
  .periods-week-view .panel-body .ac-inside-image {
    display: none;
  }
}

.periods-week-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.periods-week-view .flex-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.periods-week-view .grid-layout {
  display: grid;
  grid-template-columns: 4fr 8fr;
  gap: 24px;
}
@media (max-width: 991px) {
  .periods-week-view .grid-layout {
    grid-template-columns: 1fr;
  }
}
.periods-week-view .periods-week-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(174px, 1fr));
  gap: 16px 21px;
}
.periods-week-view .lane .lane-name {
  padding-bottom: 16px;
  line-height: 1;
}
.periods-week-view .lane .lane-name h3 {
  color: var(--Text, #2c3e50);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  /* Headline 4 */
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 120% */
  letter-spacing: 0.15px;
  margin-bottom: 0;
}

.period-week-card.ng-enter {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.period-week-card.ng-enter-active {
  opacity: 1;
}
.period-week-card .period-week-card-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #dbdee8;
  background: #fff;
}
.period-week-card .period-week-card-inner .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.period-week-card .period-week-card-inner .btn-facility-link {
  border: 1px solid var(--Primary-Green-900, #0d5931);
  background: var(--Primary-Green-50, #e3f4eb);
  color: var(--Primary-Green-900, #0d5931);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.period-week-card .period-week-card-inner .btn-facility-link .text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.period-week-card .period-week-card-inner .btn-facility-link svg {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
}
.period-week-card .period-week-card-inner .btn-facility-link.in-basket svg.icon-in-basket,
.period-week-card .period-week-card-inner .btn-facility-link .active svg.icon-in-basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.period-week-card .period-week-card-inner .btn-facility-link.facility-period-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 15px 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  border-radius: 28px;
}
.period-week-card .period-week-card-inner .btn-facility-link.facility-period-button .text {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.period-week-card .period-week-card-inner .btn-facility-link.default-timeslot-button {
  position: relative;
  padding: 7px 8px;
  border-radius: 66px;
  min-width: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.period-week-card .period-week-card-inner .btn-facility-link:hover:not(.active) {
  background: var(--Primary-Green-100, #bce4cc);
  border: 1px solid var(--Primary-Green-900, #0d5931);
}
.period-week-card .period-week-card-inner .btn-facility-link.active,
.period-week-card .period-week-card-inner .btn-facility-link.in-basket {
  color: var(--White, #fff);
  background: var(--Primary-Green-900, #0d5931);
}
.period-week-card .period-week-card-inner .btn-facility-link.already-reserved,
.period-week-card .period-week-card-inner .btn-facility-link .disabled {
  color: #a9a8a8;
  border-color: #e4e4e4;
  cursor: not-allowed;
  background-color: var(--White, #fff);
}
.period-week-card .period-week-card-inner .btn-facility-link.already-reserved:hover,
.period-week-card .period-week-card-inner .btn-facility-link .disabled:hover {
  background-color: var(--White, #fff);
  border-color: #e4e4e4;
}
.period-week-card .period-week-card-inner .btn-facility-link.reservation-booking {
  border-color: #0dcaf0;
  color: #0dcaf0;
  background-color: var(--White, #fff);
  border-style: dashed;
}
.period-week-card .period-week-card-inner .btn-facility-link.reservation-booking:hover {
  border-style: dashed;
}
.period-week-card .period-week-card-inner .btn-facility-link.limited-booking,
.period-week-card .period-week-card-inner .btn-facility-link.period-available-from,
.period-week-card .period-week-card-inner .btn-facility-link.period-available-to {
  background-color: var(--White, #fff);
  border-style: dashed;
}
.period-week-card .period-week-card-inner .btn-facility-link.limited-booking:hover,
.period-week-card .period-week-card-inner .btn-facility-link.period-available-from:hover,
.period-week-card .period-week-card-inner .btn-facility-link.period-available-to:hover {
  border-style: dashed;
}
.period-week-card .period-week-card-inner.already-reserved .date {
  color: #828282;
}

.prio-lane .layout-flex-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.prio-lane .info-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.prio-lane .info-tag .circle {
  border-radius: 18px;
  background: var(--Primary-Green-100, #bce4cc);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  padding: 0px 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.prio-lane .info-tag .text {
  color: var(--Primary-Green-900, #0d5931);
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 100% */
}
.prio-lane .timeslots .timeslot-counter-button {
  border: 1px solid var(--Primary-Green-900, #0d5931);
  background: transparent;
  color: var(--Primary-Green-900, #0d5931);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 130px;
  padding: 3px 8px 3px 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.prio-lane .timeslots .timeslot-counter-button .counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 32px;
  height: 32px;
  padding: 0px 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 18px;
  background: var(--Primary-Green-100, #bce4cc);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.prio-lane .timeslots .timeslot-counter-button .counter .number {
  color: var(--Primary-Green-900, #0d5931);
  text-align: center;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 116.667% */
}
.prio-lane .timeslots .timeslot-counter-button .text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.prio-lane .timeslots .timeslot-counter-button:hover {
  background: var(--Primary-Green-100, #bce4cc);
}
.prio-lane .timeslots .timeslot-counter-button:hover .counter {
  background: var(--Primary-Green-900, #0d5931);
}
.prio-lane .timeslots .timeslot-counter-button:hover .counter .number {
  color: var(--Primary-Green-100, #bce4cc);
}
.prio-lane .timeslots .timeslot-counter-button:active {
  background: var(--Primary-Green-900, #0d5931);
  color: var(--Primary-Green-100, #bce4cc);
}
.prio-lane .timeslots .timeslot-counter-button:active .counter {
  background: var(--Primary-Green-100, #bce4cc);
}
.prio-lane .timeslots .timeslot-counter-button:active .counter .number {
  color: var(--Primary-Green-900, #0d5931);
}
.prio-lane .timeslots .timeslot-counter-button.in-basket .counter {
  background: var(--Primary-Green-900, #0d5931);
}
.prio-lane .timeslots .timeslot-counter-button.in-basket .counter .number {
  color: var(--Primary-Green-100, #bce4cc);
}

.periods-fixed .period-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 10px 0;
  padding-left: 150px;
}

.table-period {
  height: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  padding-top: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 4px;
}
.table-period.available {
  background-color: #119ca9;
  cursor: pointer;
}
.table-period.available:hover {
  background-color: #0c717b;
}
.table-period.occupied {
  background-color: #ccd5e2;
}
.table-period.unavailable {
  background-color: #eaeef4;
  position: relative;
}
.table-period.unavailable:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: solid 49px #000;
  -webkit-border-image: -webkit-repeating-linear-gradient(45deg, #ffffff, #b8b8b800 1%, #be3d3d00 0%, transparent 5%) 20;
       -o-border-image: -o-repeating-linear-gradient(45deg, #ffffff, #b8b8b800 1%, #be3d3d00 0%, transparent 5%) 20;
          border-image: repeating-linear-gradient(45deg, #ffffff, #b8b8b800 1%, #be3d3d00 0%, transparent 5%) 20;
}
.table-period.unavailable .weeks,
.table-period.unavailable .name {
  display: none;
}
.table-period .weeks {
  font-size: 18px;
  line-height: 1;
  padding-bottom: 4px;
}
.table-period .name {
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
}

.period-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 16px;
  color: #1d3a67;
  font-weight: normal;
}

.table-resources {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  font-size: 16px;
  height: 40px;
  line-height: 1;
}
.table-resources .parent-resource {
  text-transform: uppercase;
}
.table-resources .resources {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.table-resources .resources .resource {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: clip;
     text-overflow: clip;
  width: 30px;
  margin: 0 10px;
}
.table-resources .resources .sep {
  height: 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.period-status-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
}
.period-status-type.available .type-color {
  background-color: #119ca9;
}
.period-status-type.occupied .type-color {
  background-color: #ccd5e2;
}
.period-status-type.unavailable .type-color {
  background-color: #eaeef4;
  position: relative;
}
.period-status-type.unavailable .type-color:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: solid 24px #000;
  -webkit-border-image: -webkit-repeating-linear-gradient(45deg, #ffffff, #b8b8b800 1%, #be3d3d00 0%, transparent 5%) 7;
       -o-border-image: -o-repeating-linear-gradient(45deg, #ffffff, #b8b8b800 1%, #be3d3d00 0%, transparent 5%) 7;
          border-image: repeating-linear-gradient(45deg, #ffffff, #b8b8b800 1%, #be3d3d00 0%, transparent 5%) 7;
}
.period-status-type .type-color {
  height: 24px;
  width: 24px;
}
.period-status-type .name {
  font-size: 14px;
  line-height: 1;
  color: #2b4f87;
  padding-left: 10px;
}

.table-fixed-periods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-fixed-periods .table-responsive {
  width: 100%;
}
.table-fixed-periods table th,
.table-fixed-periods table td {
  font-weight: normal;
  border: none !important;
}
.table-fixed-periods table thead tr th {
  padding: 10px 0;
  background: #30538a;
}
.table-fixed-periods table thead tr th:first-child {
  min-width: 150px;
  width: 150px;
}
.table-fixed-periods table thead tr th:last-child {
  width: 20px;
  min-width: 20px;
}
.table-fixed-periods tbody tr th {
  position: relative;
}
.table-fixed-periods tbody tr th > :first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.table-fixed-periods tbody tr td:nth-child(2) {
  padding-left: 0px;
}
.table-fixed-periods tbody tr td:last-child {
  padding-right: 0px;
}
.table-fixed-periods tbody tr td {
  padding: 2px 4px;
}
.table-fixed-periods tbody tr td .periods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.table-fixed-periods tbody tr td .periods table-period {
  width: 100%;
}
.table-fixed-periods tbody tr td .periods .table-period {
  width: calc(100% - 4px);
}

.filter-bar {
  background-color: #fff;
  width: 100%;
  position: relative;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.filter-bar .info {
  text-transform: uppercase;
}
.filter-bar .info .location-title {
  font-size: 12px;
  padding-bottom: 5px;
}
.filter-bar .info .activity-title {
  font-size: 18px;
}
.filter-bar .viev-mode-component i {
  line-height: 0;
}
.filter-bar .viev-mode-component .mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.filter-bar .viev-mode-component .mode .toggle-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.filter-bar .viev-mode-component .mode .seperator {
  height: 100%;
  margin-left: 20px;
  padding-right: 20px;
  border-left: 1px solid #1e3864;
}
.filter-bar .viev-mode-component .mode .calender-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 10px;
}
.filter-bar .viev-mode-component .mode.fixed {
  font-size: 14px;
}
.filter-bar .viev-mode-component .mode.fixed .toggle-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.filter-bar .viev-mode-component .mode.fixed .toggle-mode i {
  padding-right: 12px;
}
.filter-bar .viev-mode-component .mode.fixed .change-fixed-submode {
  border: 1px solid #1e3864;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-bar .viev-mode-component .mode.fixed .change-fixed-submode button {
  -webkit-box-shadow: none;
          box-shadow: none;
  text-transform: none;
}
.filter-bar .viev-mode-component .mode.fixed .dropdown-fixed-submode .dropdown-item {
  cursor: pointer;
  padding: 7.5px 15px;
}
.filter-bar .viev-mode-component .mode.fixed .dropdown-fixed-submode .dropdown-item:hover {
  background: #eef1f6;
}

.book-facility {
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.book-facility .periods {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}

.abook-gallery {
  position: relative;
  /***
    * selector for .prev-arrow,.next-arrow
    *  
    ***/
}
.abook-gallery:hover [class*='-arrow'] {
  opacity: 1;
}
.abook-gallery [class*='-arrow'] {
  opacity: 0;
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.9);
  /* Light background */
  border-radius: 50%;
  /* Fully rounded */
  padding: 4px;
  /* Adjust padding for size */
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  /* Subtle shadow */
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.abook-gallery [class*='-arrow'] svg {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke: #85b8d3;
  /* Match the dot color */
}
.abook-gallery [class*='-arrow']:hover {
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  /* Subtle shadow */
}
.abook-gallery [class*='-arrow']:hover svg {
  stroke: #426d93;
  /* White arrow on hover */
}
.abook-gallery [class*='-arrow'].prev-arrow {
  left: 12px;
  /* Adjust position */
  padding-right: 5px;
}
.abook-gallery [class*='-arrow'].next-arrow {
  right: 12px;
  /* Adjust position */
  padding-left: 5px;
}
.abook-gallery .image-gallery-entry {
  position: relative;
  cursor: pointer;
}
.abook-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria {
  left: 0px;
  right: 0px;
}
.abook-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria-image {
  position: relative;
  max-width: 100%;
  top: -51px;
  max-height: 300px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.abook-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria-bubbles-wrapper {
  position: absolute;
  margin: 0;
  height: auto !important;
  bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.abook-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria-bubbles-wrapper .galleria-bubbles {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.abook-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria-bubbles-wrapper .galleria-bubbles:hover {
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  /* Subtle shadow */
}
.abook-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria-bubbles-wrapper .galleria-bubbles .galleria-bubble {
  margin: 0 !important;
  background-color: #85b8d3 !important;
}
.abook-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria-bubbles-wrapper .galleria-bubbles .galleria-bubble.active {
  background-color: #426d93 !important;
}
.abook-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .next.bubbles-on,
.abook-gallery .ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .prev.bubbles-on {
  display: none;
}

:root {
  --abook-calender-hover: #dde5e9;
  --abook-calender-min-width: 316px;
}
.facility-calender-heading {
  min-width: var(--abook-calender-min-width);
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  background: #eaf0f3;
  padding: 16px 12px 12px 24px;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0px;
  border-bottom: 1px solid #c3c7c9;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left;
  /* Fallback for older browsers */
  text-align: start;
  /* Logical property for modern browsers */
}
#facility-calender {
  min-width: var(--abook-calender-min-width);
}
#facility-calender .datepicker-inline {
  width: 100%;
}
#facility-calender .datepicker-inline .datepicker-picker {
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
  background: #eaf0f3;
}
#facility-calender .datepicker-header .datepicker-controls {
  padding: 16px 12px 12px 12px;
}
#facility-calender .datepicker-header .datepicker-controls .button {
  background-color: #eaf0f3;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 100px;
}
#facility-calender .datepicker-header .datepicker-controls .button:hover {
  background-color: var(--abook-calender-hover, #dcdcdc);
}
#facility-calender .datepicker-header .datepicker-controls .view-switch {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  /* Move this element to the first position */
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
#facility-calender .datepicker-main {
  padding: 0px 12px 24px;
}
#facility-calender .datepicker-main .datepicker-view {
  width: 100%;
}
#facility-calender .datepicker-main .datepicker-view .days-of-week .dow {
  height: 40px;
}
#facility-calender .datepicker-main .datepicker-view .datepicker-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px 2px;
}
#facility-calender .datepicker-main .datepicker-view .datepicker-cell {
  height: 40px;
  width: 40px;
  color: #1c1b1b;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.5px;
  border-radius: 100px;
  margin: 0 auto;
  border: 1px solid transparent;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#facility-calender .datepicker-main .datepicker-view .datepicker-cell.focused:not(.selected) {
  background-color: #f0f0f0;
  border-color: var(--site-primary-color);
}
#facility-calender .datepicker-main .datepicker-view .datepicker-cell.disabled {
  color: #717171;
}
#facility-calender .datepicker-main .datepicker-view .datepicker-cell.selected,
#facility-calender .datepicker-main .datepicker-view .datepicker-cell.selected:hover {
  background: var(--site-primary-color);
  color: #fff;
}
#facility-calender .datepicker-main .datepicker-view .datepicker-cell.today {
  background-color: transparent;
  border-color: var(--site-primary-color);
  border-radius: 100px;
  color: var(--site-primary-color);
}
#facility-calender .datepicker-main .datepicker-view .datepicker-cell.today:hover {
  border-color: var(--site-primary-color);
}
#facility-calender .datepicker-main .datepicker-view .datepicker-cell.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
#facility-calender .datepicker-main .datepicker-view .datepicker-cell:hover {
  background-color: transparent;
  border-color: var(--abook-calender-hover);
  border-radius: 100px;
  color: #1c1b1b;
  border: 1px solid transparent;
  background: rgba(29, 27, 32, 0.08);
}

.facility-period-button {
  border: 1px solid var(--Primary-Green-900, #0d5931);
  background: var(--Primary-Green-50, #e3f4eb);
  color: var(--Primary-Green-900, #0d5931);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.facility-period-button .text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.facility-period-button svg {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
}
.facility-period-button.in-basket svg.icon-in-basket,
.facility-period-button .active svg.icon-in-basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.facility-period-button.facility-period-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 15px 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  border-radius: 28px;
}
.facility-period-button.facility-period-button .text {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.facility-period-button.default-timeslot-button {
  position: relative;
  padding: 7px 8px;
  border-radius: 66px;
  min-width: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.facility-period-button:hover:not(.active) {
  background: var(--Primary-Green-100, #bce4cc);
  border: 1px solid var(--Primary-Green-900, #0d5931);
}
.facility-period-button.active,
.facility-period-button.in-basket {
  color: var(--White, #fff);
  background: var(--Primary-Green-900, #0d5931);
}
.facility-period-button.already-reserved,
.facility-period-button .disabled {
  color: #a9a8a8;
  border-color: #e4e4e4;
  cursor: not-allowed;
  background-color: var(--White, #fff);
}
.facility-period-button.already-reserved:hover,
.facility-period-button .disabled:hover {
  background-color: var(--White, #fff);
  border-color: #e4e4e4;
}
.facility-period-button.reservation-booking {
  border-color: #0dcaf0;
  color: #0dcaf0;
  background-color: var(--White, #fff);
  border-style: dashed;
}
.facility-period-button.reservation-booking:hover {
  border-style: dashed;
}
.facility-period-button.limited-booking,
.facility-period-button.period-available-from,
.facility-period-button.period-available-to {
  background-color: var(--White, #fff);
  border-style: dashed;
}
.facility-period-button.limited-booking:hover,
.facility-period-button.period-available-from:hover,
.facility-period-button.period-available-to:hover {
  border-style: dashed;
}
.facility-period-button.available svg.icon-add-to-basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal#limited-booking-modal .modal-dialog {
  width: 468px;
  max-width: 90%;
  margin: 15% auto 0;
}
.modal#limited-booking-modal .modal-content {
  border: 0;
}
.modal#limited-booking-modal .modal-header {
  background-color: #2b4f87;
  padding: 0;
  color: #fff;
  padding-left: 20px;
  height: 50px;
}
.modal#limited-booking-modal .modal-header h4 {
  color: #fff;
  font-size: 16px;
  line-height: 50px;
  margin: 0px;
  text-align: center;
}
.modal#limited-booking-modal .modal-header .close-btn {
  cursor: pointer;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
}
.modal#limited-booking-modal .modal-body {
  padding: 40px 20px;
  text-align: center;
}
.modal#limited-booking-modal .modal-body p {
  font-size: 14px;
}
.modal#limited-booking-modal .modal-body .btn {
  margin: 10px auto 0;
  padding: 10px 30px;
}

.book-facility {
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.book-facility .periods {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}


.tabs-bar-underline {
  border-bottom: 1px solid var(--Schemes-Surface-Container-Highest, #e5e2e1);
}
.tabs-bar-tab:after {
  content: '';
  display: block;
  width: 100%;
  margin: 8px;
  border-bottom: 1px solid var(--Schemes-Surface-Container-Highest, #e5e2e1);
}
/**
* Layout for subscription cards
*/
section.cards-subscription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 40px 0px 80px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.cards-subscription.has-bg {
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #eaf0f3;
}
section.cards-subscription .cards-container {
  container-name: subscriptions-cards;
  container-type: inline-size;
}
section.cards-subscription .layout-grid {
  display: grid;
  row-gap: 24px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  grid-template-columns: repeat(1, minmax(310px, 1fr));
}
section.cards-subscription .title {
  padding-bottom: 24px;
  color: var(--Text, #2c3e50);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  /* Headline 2 */
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}
@container subscriptions-cards (min-width: 688px) {
  section.cards-subscription .layout-grid {
    grid-template-columns: repeat(2, minmax(310px, 1fr));
  }
}
@container subscriptions-cards (min-width: 988px) {
  section.cards-subscription .layout-grid {
    grid-template-columns: repeat(3, minmax(310px, 1fr));
  }
}
/**
* Subscription info section styles
*/
section.subscription-info {
  padding-top: 80px;
  padding-bottom: 80px;
}
section.subscription-info > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (min-width: 992px) {
  section.subscription-info > .container {
    gap: 80px;
  }
}
section.subscription-info .location-subscription-terms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
section.subscription-info .location-subscription-terms .title {
  margin-bottom: 0;
  color: var(--Text, #2c3e50);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  /* Headline 4 */
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 120% */
  letter-spacing: 0.15px;
}
section.subscription-info .description,
section.subscription-info .description p {
  color: #000;
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  /* Body 1/Regular */
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}
section.subscription-info .description:last-child,
section.subscription-info .description p:last-child {
  margin-bottom: 0;
}
/* Example CSS for a 2x2 grid with custom spans */
/* filepath: /Users/mjatzmac/Work/Umano/projects/abook/abook-app/src/app/pages/location/template.css */
.grid-gallery {
  container-name: grid-gallery;
  container-type: inline-size;
}
.grid-gallery .layout-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 8px;
}
.grid-gallery .layout-grid img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
  grid-column: span 6;
  max-height: 430px;
}
.grid-gallery .layout-grid .img-0 {
  grid-column: 1 / span 4;
}
.grid-gallery .layout-grid .img-1 {
  grid-column: 5 / span 8;
}
.grid-gallery .layout-grid .img-2 {
  grid-column: 1 / span 8;
}
.grid-gallery .layout-grid .img-3 {
  grid-column: 9 / span 4;
}
@container grid-gallery (min-width: 508px) {
  .grid-gallery .layout-grid {
    gap: 16px;
  }
}
@container grid-gallery (min-width: 1108px) {
  .grid-gallery .layout-grid {
    gap: 24px;
  }
}


/****** subscriptionActionsModal MODAL *********/
.modal#subscriptionActionsModal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal#subscriptionActionsModal h4 {
  margin: 0;
}
.modal#subscriptionActionsModal .close-btn {
  position: absolute;
  right: 0px;
  padding: 15px;
  top: 0;
  cursor: pointer;
}
.modal#subscriptionActionsModal .modal-dialog {
  margin: 0;
  max-width: 90%;
  width: 600px;
  height: auto;
}
@media (max-width: 767px) {
  .modal#subscriptionActionsModal .modal-dialog {
    max-width: 90%;
    width: 100%;
  }
}
.modal#subscriptionActionsModal .modal-body {
  background-color: #fafafa;
  max-height: calc(100vh - 212px);
  overflow-y: auto;
}

section#basket-fixed .periods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* justify-content: center; */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section#basket-fixed .period {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1px;
}
@media (max-width: 767px) {
  section#basket-fixed .period {
    margin-bottom: 10px;
    width: 100%;
    max-width: 380px;
  }
}
section#basket-fixed .period .item {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
@media (max-width: 767px) {
  section#basket-fixed .period .item {
    padding: 10px 5px;
  }
}
section#basket-fixed .period .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 30px;
}
@media (max-width: 767px) {
  section#basket-fixed .period .details {
    padding: 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  section#basket-fixed .period .details .item {
    padding: 0px 5px;
  }
}
section#basket-fixed .period .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}
@media (max-width: 767px) {
  section#basket-fixed .period .price {
    padding-left: 70px;
  }
  section#basket-fixed .period .price .item {
    padding: 0;
  }
}
@media (max-width: 450px) {
  section#basket-fixed .period .price {
    padding-left: 30px;
  }
}
section#basket-fixed .period.unavailable .details {
  text-decoration: line-through;
}
section#basket-fixed .period .availability {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f4f3f3;
  height: 80px;
  width: 80px;
  color: #fff;
}
@media (max-width: 767px) {
  section#basket-fixed .period .availability {
    display: none;
  }
}
section#basket-fixed .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px;
}
section#basket-fixed .actions .btn {
  height: 60px;
  padding: 6px 68px;
  font-size: 18px;
}

.week-dropdown {
  background-color: #fff;
  width: 100%;
  position: relative;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #1e3864;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .week-dropdown {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.week-dropdown .info {
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .week-dropdown .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
  }
}
.week-dropdown .info .location-title {
  font-size: 12px;
  padding-bottom: 5px;
}
@media (max-width: 767px) {
  .week-dropdown .info .location-title {
    font-size: 16px;
    padding-bottom: 10px;
  }
}
.week-dropdown .info .activity-title {
  font-size: 18px;
}
@media (max-width: 767px) {
  .week-dropdown .info .activity-title {
    font-size: 22px;
  }
}
.week-dropdown .viev-mode-component i {
  line-height: 0;
}
.week-dropdown .viev-mode-component .mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.week-dropdown .viev-mode-component .mode .toggle-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.week-dropdown .viev-mode-component .mode .seperator {
  height: 100%;
  margin-left: 20px;
  padding-right: 20px;
  border-left: 1px solid #1e3864;
}
@media (max-width: 767px) {
  .week-dropdown .viev-mode-component .mode .seperator {
    display: none;
  }
}
.week-dropdown .viev-mode-component .mode .calender-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .week-dropdown .viev-mode-component .mode .calender-icon {
    display: none;
  }
}
.week-dropdown .viev-mode-component .mode.fixed {
  font-size: 14px;
}
.week-dropdown .viev-mode-component .mode.fixed .toggle-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.week-dropdown .viev-mode-component .mode.fixed .toggle-mode i {
  padding-right: 12px;
}
.week-dropdown .viev-mode-component .mode.fixed .change-fixed-submode {
  border: 1px solid #1e3864;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.week-dropdown .viev-mode-component .mode.fixed .change-fixed-submode button {
  -webkit-box-shadow: none;
          box-shadow: none;
  text-transform: none;
}
.week-dropdown .viev-mode-component .mode.fixed .dropdown-fixed-submode .dropdown-item {
  cursor: pointer;
  padding: 7.5px 15px;
}
.week-dropdown .viev-mode-component .mode.fixed .dropdown-fixed-submode .dropdown-item:hover {
  background: #eef1f6;
}

ul.test-completion {
  margin-top: 10px;
  margin-bottom: 100px;
}
ul.test-completion li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
ul.test-completion li span {
  margin-left: 10px;
}

.filter-by-tag-component {
  width: 400px;
}
.results-container {
  min-height: 800px;
}
.spinner-container {
  min-height: 380px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.material-spinner {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border-top-color: var(--site-primary-color);
  -webkit-animation: spin 1s ease-in-out infinite;
          animation: spin 1s ease-in-out infinite;
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

association-details .activities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
association-details .activities .activity-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px;
  font-size: 16px;
  border: 1px solid #0d773b;
  color: #0d773b;
  border-radius: 4px;
  background-color: transparent;
}
association-details .locations {
  display: grid;
  grid-template-columns: auto auto auto;
}
@media (max-width: 768px) {
  association-details .locations {
    grid-template-columns: auto;
  }
  association-details .locations .location {
    border-bottom: 3px solid #e0ebf0;
  }
  association-details .locations .location:last-child {
    border-bottom: none;
  }
}

association-meta .list-group-item {
  background-color: transparent;
}


.development-bar {
  background-color: black;
  height: 32px;
  z-index: 1111;
  position: fixed;
  top: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  padding: 0 30px;
}
.development-bar .item {
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.development-bar .dummy-data checkboxx {
  padding: 0 4px;
}
.development-bar .btn-group button {
  font-size: 11px;
}
.development-bar .dropdown-menu {
  min-width: 250px;
}
body.has-devbar .main-navigation.desktop,
body.has-devbar .main-navigation.mobile {
  top: 32px !important;
}
body.has-devbar .ng-aside .modal-dialog {
  right: 0;
  top: 32px;
}
body.has-devbar .headerFixedPad-desktop {
  height: 130px !important;
}

/****** LOGIN MODAL *********/
.modal#login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal#login h4 {
  margin: 0;
}
.modal#login .close-btn {
  position: absolute;
  right: 0px;
  padding: 15px;
  top: 0;
  cursor: pointer;
}
.modal#login .modal-dialog {
  margin: 0;
  max-width: 90%;
  width: 600px;
  height: auto;
}
@media (max-width: 767px) {
  .modal#login .modal-dialog {
    max-width: 90%;
    width: 100%;
  }
}
.modal#login .modal-body {
  background-color: #fafafa;
  max-height: calc(100vh - 212px);
  overflow-y: auto;
}
.modal#login .info-message {
  text-align: center;
  padding: 20px;
  font-size: 14px;
  margin: 0;
}
.modal#login .actions {
  padding: 20px 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 400px) {
  .modal#login .actions button {
    margin-bottom: 20px;
    width: 80%;
  }
}
.modal#login a.switchMode {
  display: block;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
  cursor: pointer;
}
.modal#login input[type="submit"],
.modal#login .btn-submit {
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.modal#login .btn-submit {
  width: 170px;
}

.checkboxx {
  position: relative;
}
.checkboxx div {
  height: 20px;
  width: 20px;
  border: 1px solid #2c3e50;
  background-color: #fff;
  cursor: pointer;
}
.checkboxx div i {
  position: absolute;
  top: -3px;
  left: 2px;
}
.checkboxx.disableCheckboxx div {
  background-color: black;
  opacity: 0.3;
}

.cookie-compliance .cookie-settings-button {
  color: #fff;
}

.modal#cookieCompliance .modal-header p {
  margin-top: 20px;
}
.modal#cookieCompliance .user-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal#cookieCompliance .user-options .categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media (max-width: 640px) {
  .modal#cookieCompliance .user-options .categories {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.modal#cookieCompliance .user-options .categories .category {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.modal#cookieCompliance .user-options .categories .category.functional svg polyline {
  stroke: #9d9d9d;
}
.modal#cookieCompliance .user-options .categories .category:first-child {
  padding-left: 0;
}
.modal#cookieCompliance .user-options .categories .category .title {
  padding-left: 5px;
}
.modal#cookieCompliance .user-options .categories .category .title::-moz-selection {
  background: transparent;
}
.modal#cookieCompliance .user-options .categories .category .title::selection {
  background: transparent;
}
@media (max-width: 640px) {
  .modal#cookieCompliance .user-options .categories .category {
    padding: 10px 0;
  }
}
.modal#cookieCompliance .user-options .details-toggle {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.modal#cookieCompliance .user-options .details-toggle span {
  line-height: 14px;
  display: block;
  padding: 4px;
}
@media (max-width: 640px) {
  .modal#cookieCompliance .user-options .details-toggle span {
    padding: 10px 0;
  }
}
.modal#cookieCompliance .modal-footer {
  padding: 15px;
  text-align: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 640px) {
  .modal#cookieCompliance .modal-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.modal#cookieCompliance .modal-footer:before,
.modal#cookieCompliance .modal-footer:after {
  content: none;
}
.modal#cookieCompliance .modal-footer .btn {
  margin: 0;
  width: 50%;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media (max-width: 640px) {
  .modal#cookieCompliance .modal-footer .btn {
    margin-bottom: 6px;
    font-size: 12px;
    padding: 6px;
    width: 100%;
    border: 0;
  }
}

.modal-cookie-details {
  padding: 20px 0px;
  max-height: 300px;
  overflow: scroll;
}
.modal-cookie-details h3 {
  margin-top: 0;
}

.modal#cancelation .modal-dialog {
  height: 100%;
}
.modal#cancelation .modal-header {
  background-color: #42767e;
  padding: 0;
  color: #fff;
  padding-left: 20px;
  height: 50px;
}
.modal#cancelation .modal-header h4 {
  color: #fff;
  font-size: 18px;
  line-height: 50px;
  margin: 0px;
}
.modal#cancelation .modal-header .close-btn {
  cursor: pointer;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
}
.modal#cancelation .modal-body {
  padding: 0;
  padding-bottom: 20px;
}
.modal#cancelation .modal-body .user-booking-item {
  padding: 20px;
}
.modal#cancelation .modal-body .user-booking-item date-box {
  left: 20px;
}
@media (max-width: 400px) {
  .modal#cancelation .modal-body .user-booking-item date-box {
    left: 0px;
    margin-bottom: 20px;
  }
}
.modal#cancelation .user-notice-terms {
  padding-top: 20px;
  font-size: 15px;
  color: red;
}
.modal#cancelation .termsAccepted {
  margin-bottom: 20px;
  margin-top: 10px;
}
.modal#cancelation .termsAccepted .checkboxx {
  position: absolute;
  left: 20px;
}
.modal#cancelation .termsAccepted span {
  padding-left: 30px;
  display: block;
}
#terms .col-md-4,
#terms .col-md-8 {
  width: 100%;
}

.termsAccepted .terms-label {
  padding-left: 30px;
  position: relative;
}
.termsAccepted .terms-label:after {
  content: "";
  border-bottom: 2px solid transparent;
  position: relative;
  width: 100%;
  display: block;
  top: 0px;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.termsAccepted .terms-label.notice-user-to-approve {
  color: #e74e28;
}
.termsAccepted .terms-label.notice-user-to-approve:after {
  border-bottom: 2px solid #e74e28;
}
.termsAccepted .checkboxx {
  position: absolute;
  z-index: 9;
}

h2 {
  word-break: break-word;
}

.basket {
  position: relative;
}
.basket .day-detail {
  padding: 0 10px 10px;
}
.basket .day-detail .hasUIExplanation {
  padding-right: 100px;
}
.basket .explanation-UI {
  font-size: 10px;
  width: 100px;
  position: absolute;
  right: 0;
  text-align: center;
}
.basket .explanation-UI .delete-UI {
  position: absolute;
  right: 0;
  width: 50px;
}
.basket .explanation-UI .repeat-UI {
  position: absolute;
  right: 50px;
  width: 50px;
}
.basket .title-key {
  font-size: 11px;
}
.basket .title-value {
  font-size: 14px;
  color: #2c3e50;
  font-weight: bold;
}
.basket .hr-container {
  padding: 0px 10px;
}
.basket hr {
  margin-top: 20px;
  border-color: #c8c8c8;
}
.basket .book-now-btn {
  width: 100%;
  padding: 0;
  font-size: 24px;
  display: block;
  margin: 15px auto 0;
  font-style: normal;
  font-weight: normal;
  height: 52px;
  line-height: 52px;
  max-width: 80%;
}

.aside-basket {
  position: relative;
}
.aside-basket [class^='icon-']:before,
.aside-basket [class*=' icon-']:before {
  width: auto;
}
.aside-basket .header-button {
  cursor: pointer;
  position: relative;
}
.aside-basket .header-button .wrapper {
  position: relative;
}
.aside-basket .header-button .wrapper .rounded-pill {
  right: -15px;
}
.aside-basket .header-button i {
  font-size: 16px;
}
.aside-basket .header-button i .booking-counter {
  position: absolute;
  top: 0;
  height: 20px;
  width: 20px;
  font-size: 11px;
  line-height: 18px;
  background-color: #e7a528;
  border-radius: 10px;
  color: #000;
  padding-top: 0px;
  border: 1px solid #fff;
  text-align: center;
  font-style: normal;
}
.aside-basket.mobile-layout .header-button {
  height: 60px;
  background-color: #f8f8f8;
  width: 60px;
  text-align: center;
}
.aside-basket.mobile-layout .header-button .wrapper {
  position: initial;
}
.aside-basket.mobile-layout .header-button .wrapper .rounded-pill {
  top: 15px;
  right: -10px;
}
.aside-basket.mobile-layout .header-button span.title {
  display: none;
}
.aside-basket.mobile-layout .header-button i {
  font-size: 32px;
  margin-top: -13px;
  color: #42767e;
  width: 100%;
}
.aside-basket.mobile-layout .header-button i .booking-counter {
  right: 22px;
  top: -3px;
}
.aside-basket.desktop-layout .header-button {
  /*  height: 38px; */
}
.aside-basket.desktop-layout .header-button i {
  position: relative;
  font-size: 24px;
  color: #42767e;
}
.aside-basket.desktop-layout .header-button i .booking-counter {
  position: absolute;
  right: 12px;
  top: -5px;
  height: 17px;
  width: 17px;
  font-size: 9px;
  line-height: 16px;
}

.basket-booking {
  background-color: #ededed;
  margin: 0;
  position: relative;
  margin-bottom: 10px;
}
.basket-booking .notifications {
  margin-top: 0;
}
.basket-booking i {
  padding: 15px 0;
  font-size: 17px;
  display: block;
}
.basket-booking .house-icon i {
  float: right;
  font-size: 20px;
}
.basket-booking .house-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
}
.basket-booking .detail {
  padding: 9px 0;
  padding-left: 50px;
  padding-right: 100px;
}
.basket-booking .detail .bookinglane {
  line-height: 1;
  padding-top: 5px;
  overflow: hidden;
}
.basket-booking .repaetable-icon {
  position: absolute;
  right: 50px;
  width: 50px;
  top: 0;
  border-left: 1px solid #f8f8f8;
}
.basket-booking .repaetable-icon i {
  color: #2c3e50;
  height: 58px;
  padding: 10px 0;
}
.basket-booking .repaetable-icon:hover {
  background-color: #e0e0e0;
}
.basket-booking .repaetable-icon:hover svg * {
  fill: #42767e;
}
.basket-booking .repaetable-icon:hover .ui-helper-text {
  color: #42767e;
}
.basket-booking .repaetable-icon .ui-helper-text {
  font-size: 10px;
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  text-align: center;
}
.basket-booking .remove {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  background-color: #ededed;
  border-left: 1px solid #f8f8f8;
}
.basket-booking .remove i {
  color: #7fa93e;
}
.basket-booking .remove:hover {
  background-color: #e0e0e0;
}
.basket-booking .notifications {
  width: 100%;
}
.basket-booking .notifications .alert {
  width: 100%;
  margin-bottom: 0;
}

.basket-header .category-image {
  background-repeat: no-repeat;
  height: 120px;
  background-size: cover;
  background-position: center;
}
.basket-header .housecategy-name {
  text-align: center;
  font-size: 18px;
  padding: 15px;
  background-color: rgba(66, 118, 126, 0.5);
  color: #fff;
  width: 100%;
}
.basket-header .location {
  padding: 10px;
}
.basket-header .location .title-key {
  text-transform: uppercase;
}
.basket-header .location address {
  margin-bottom: 0;
}
.basket-header .location address .street-address {
  font-size: 14px;
  color: #2c3e50;
  font-weight: bold;
}

.basket-price {
  padding: 0 10px;
}
.basket-price .title-value {
  margin-top: 5px;
}

.repeatable-booking {
  background-color: #f8f8f8;
  padding-bottom: 20px;
}
.repeatable-booking h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 0;
}
.repeatable-booking .options {
  padding: 20px;
}
.repeatable-booking .options ul.weekdaysCheckboxes {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
}
.repeatable-booking .options ul.weekdaysCheckboxes label {
  text-transform: capitalize;
  font-size: 14px;
  color: #909090;
  margin-bottom: 5px;
  display: block;
  font-weight: normal;
  width: auto;
}
.repeatable-booking .options ul.weekdaysCheckboxes li {
  display: inline-block;
  list-style-type: none;
  width: 20px;
  margin-right: 19px;
}
.repeatable-booking .options ul.weekdaysCheckboxes li:last-child {
  margin-right: 0;
}
.repeatable-booking .options .weeksDropdown {
  margin-top: 20px;
}
.repeatable-booking .options .weeksDropdown .title-key {
  margin-bottom: 10px;
}
.repeatable-booking .options .weeksDropdown .dropdown-container {
  position: relative;
}
.repeatable-booking .options .weeksDropdown button {
  background-color: #fff;
  color: #2c3e50;
  border: 1px solid #42767e;
  height: 50px;
  line-height: 50px;
  padding-left: 40px;
  width: 100%;
}
.repeatable-booking .options .weeksDropdown button i {
  width: 50px;
  height: 50px;
}
.repeatable-booking .options .weeksDropdown button i.icon-date {
  width: 40px;
  height: 50px;
  position: absolute;
  left: 0px;
  top: 0;
  font-size: 22px;
}
.repeatable-booking .options .weeksDropdown button i.drop-btn {
  width: 48px;
  height: 48px;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #f8f8f8;
}
.repeatable-booking .options .weeksDropdown button i.drop-btn:before {
  color: #42767e;
  font-size: 22px;
  margin-top: 14px;
}
.repeatable-booking .options .weeksDropdown button .selectedTxt {
  text-align: left;
  font-size: 16px;
  font-weight: normal;
}
.repeatable-booking .options .weeksDropdown ul.dropdown-menu li {
  padding: 5px 10px;
  cursor: pointer;
}
.repeatable-booking .options .weeksDropdown ul.dropdown-menu li:hover {
  background-color: #f8f8f8;
}
.repeatable-booking .actions {
  padding: 0 20px;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .repeatable-booking .actions button {
    padding: 10px 18px;
    font-size: 16px;
  }
}
.repeatable-booking .actions button#searchRepeatables {
  padding: 10px 36px;
}
.repeatable-booking .actions button .count {
  height: 24px;
  background-color: #e7a528;
  width: 24px;
  font-size: 12px;
  position: absolute;
  top: -5px;
  right: -7px;
  border-radius: 15px;
  padding: 2px;
  border: 1px solid #ffffff;
}
.repeatable-booking .actions button .count:focus {
  outline: none;
}

.repeatable-results {
  padding: 0 0 20px 0;
}
.repeatable-results .result-header {
  position: relative;
  padding: 0px 20px 10px 50px;
}
.repeatable-results .result-header .checkboxx {
  position: absolute;
  left: 20px;
  top: 5px;
}
.repeatable-results .result-header .checkboxx-title {
  line-height: 30px;
}
.repeatable-results ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 20px;
}
.repeatable-results ul li.booking {
  position: relative;
  width: 100%;
  background-color: #ededed;
  margin-bottom: 10px;
  padding: 0px 20px 0 50px;
  height: 50px;
}
.repeatable-results ul li.booking.unavailable .housename {
  color: red;
}
.repeatable-results ul li.booking .details {
  padding: 12px 0;
}
.repeatable-results ul li.booking .details .housename {
  font-size: 12px;
  line-height: 1;
}
.repeatable-results ul li.booking .details .housetime {
  font-size: 11px;
}
.repeatable-results ul li.booking .details .housetime .weekday {
  text-transform: capitalize;
}
.repeatable-results ul li.booking .details .allreadyInBasket {
  color: red;
  line-height: 1;
  position: relative;
  top: -5px;
  font-size: 11px;
}
.repeatable-results ul li.booking .checkboxx {
  position: absolute;
  left: 20px;
  top: 15px;
}

.modal#basketConditions .modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

date-box {
  height: 80px;
  width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
date-box .date-box {
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  text-transform: uppercase;
}
date-box .date-box.blue {
  background-color: #42767e;
}
date-box .date-box.orange {
  background-color: #e7a528;
}
date-box .date-box.grey {
  background-color: grey;
}
date-box .date-box .date {
  font-size: 36px;
  padding-bottom: 10px;
  line-height: 1;
}
date-box .date-box .month-year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 0 5px;
  font-size: 16px;
  line-height: 1;
}

footer {
  color: #fff;
  font-size: 14px;
  overflow-wrap: break-word;
}
footer a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.4s color;
  -o-transition: 0.4s color;
  transition: 0.4s color;
  cursor: pointer;
}
footer a:hover {
  color: #fff;
  text-decoration: underline;
}
footer .top {
  padding: 50px 0 100px 0;
  background: #42767e;
}
footer .bottom {
  position: absolute;
  bottom: 0;
  background: #212121;
  padding: 10px 0;
  width: 100%;
}
footer .bottom .flex-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767px) {
  footer h1,
  footer h2,
  footer h3,
  footer h4,
  footer h5,
  footer h5,
  footer p,
  footer a {
    text-align: center;
  }
}
footer h4 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  footer h4 {
    margin-bottom: 10px;
    margin-top: 40px;
  }
}
footer .contact-link {
  display: block;
}
@media (max-width: 767px) {
  footer .contact-link {
    text-align: center;
    margin-bottom: 6px;
  }
}
footer .contact-link a {
  color: #fff;
  padding: 4px;
  -webkit-transition: 0.4s background-color;
  -o-transition: 0.4s background-color;
  transition: 0.4s background-color;
  margin-left: -4px;
  width: auto;
  cursor: pointer;
}
footer .contact-link a:hover {
  background-color: #f8f8f8;
  color: #42767e;
}
@media (max-width: 991px) {
  footer .logo-container {
    display: none;
  }
}
footer .logo-container a.logo {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
  /*             
                background: url("../../../../assets/vingsted-logo-white.png"); 
            */
  background-repeat: no-repeat;
  background-size: cover;
  height: 84px;
  width: 300px;
}
footer .logo-container a.logo:hover {
  background-color: transparent;
  -webkit-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
}

.headerFixedPad-desktop {
  height: 120px;
}
.main-navigation.desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 120px;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1040;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.41);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.41);
  padding: 0 15px;
}
.main-navigation.desktop [class^='icon-']:before,
.main-navigation.desktop [class*=' icon-']:before {
  width: auto;
}
.main-navigation.desktop .logo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.main-navigation.desktop .logo-container a.logo {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 170px;
  color: #1e3864;
}
.main-navigation.desktop .logo-container a.logo img {
  width: 100%;
}
.main-navigation.desktop .logo-container a.logo .logo-title {
  font-size: 30px;
  font-weight: bold;
}
.main-navigation.desktop .logo-container a.logo:hover {
  -webkit-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
}
.main-navigation.desktop ul.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  list-style-type: none;
  margin: 0;
}
.main-navigation.desktop ul.nav li .menu-item {
  position: relative;
  padding: 10px 15px;
  color: #1e3864;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.main-navigation.desktop ul.nav li .menu-item i {
  color: #42767e;
  padding-right: 4px;
}
.main-navigation.desktop ul.nav.menu-nav {
  position: relative;
  bottom: 0;
}
.main-navigation.desktop ul.nav.menu-nav li .menu-item:hover {
  background-color: #ffffff;
  color: #42767e;
}
.main-navigation.desktop ul.nav.menu-nav li .menu-item:active,
.main-navigation.desktop ul.nav.menu-nav li .menu-item:focus {
  background-color: transparent;
}
.main-navigation.desktop ul.nav.menu-nav li.current span {
  border-bottom: 1px solid #42767e;
}
.main-navigation.desktop ul.nav.user-nav li .menu-item {
  font-size: 14px;
}
.main-navigation.desktop ul.nav.user-nav li .menu-item:hover {
  background-color: #ffffff;
  color: #42767e;
}
.main-navigation.desktop ul.nav.user-nav li .menu-item:active,
.main-navigation.desktop ul.nav.user-nav li .menu-item:focus {
  background-color: transparent;
}

.headerFixedPad-mobile {
  height: 60px;
}
.main-navigation.mobile {
  height: 60px;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1040;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.41);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.41);
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-navigation.mobile [class^='icon-']:before,
.main-navigation.mobile [class*=' icon-']:before {
  width: auto;
}
.main-navigation.mobile a.logo {
  width: 100px;
}
.main-navigation.mobile a.logo img {
  width: 100%;
}
.main-navigation.mobile .burger,
.main-navigation.mobile .aside-basket {
  position: relative;
}
.main-navigation.mobile .burger .header-button,
.main-navigation.mobile .aside-basket .header-button {
  cursor: pointer;
  height: 60px;
  width: 60px;
  background-color: #f8f8f8;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-navigation.mobile .burger .header-button i,
.main-navigation.mobile .aside-basket .header-button i {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -9px;
  font-size: 16px;
  width: 100%;
  color: #42767e;
}
.main-navigation.mobile .aside-basket .header-button i {
  font-size: 32px;
  margin-top: -13px;
}
.main-navigation.mobile .aside-basket .header-button i .booking-counter {
  position: absolute;
  top: 0;
  height: 20px;
  width: 20px;
  font-size: 11px;
  line-height: 19px;
  background-color: #e7a528;
  right: 22px;
  top: -3px;
  border-radius: 10px;
  color: #000;
  padding-top: 0px;
  border: 1px solid #fff;
  text-align: center;
  font-style: normal;
}
@media (max-width: 991px) {
  .main-navigation.mobile {
    padding: 0;
  }
  .main-navigation.mobile .container {
    padding: 0;
  }
  .main-navigation.mobile .container .row {
    margin: 0;
  }
  .main-navigation.mobile .container .col-sm-12 {
    padding: 0;
  }
}

.ng-aside.left .modal-footer {
  border-top: 0;
}
.ng-aside.left .modal-body ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ng-aside.left .modal-body ul.user-nav {
  margin-top: 40px;
  border-top: 1px solid #fff;
}
.ng-aside.left .modal-body ul li a {
  width: 100%;
  display: block;
  border-bottom: 1px solid #fff;
  padding-left: 80px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
}
.ng-aside.left .modal-body ul li a i {
  position: absolute;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  left: 3px;
  font-size: 28px;
  line-height: 60px;
  width: 73px;
  text-align: center;
}
.ng-aside.left .modal-body ul li a i:before {
  width: auto;
  margin-right: 0;
  margin-left: 0;
  text-align: center;
}
.ng-aside.left .modal-body ul li a:hover i {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.ng-aside.left .modal-body ul li.highlight-elem a {
  background-color: #fff;
  color: #42767e;
}
.ng-aside.left .modal-body ul li.highlight-elem a i {
  color: #42767e;
}

.gradient {
  background: rgba(255, 255, 255, 0.02);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.02)), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.02) 0%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.02) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.02)), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.ng-aside.right .modal-content .ui-more-in-basket-overlay.active {
  position: absolute;
  height: 100px;
  width: 100%;
  top: -101px;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.02);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.02)), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.02) 0%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.02) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.02)), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.ng-aside.right .modal-content .modal-header {
  position: absolute;
  top: 0;
  width: 344px;
  background-color: #42767e;
  z-index: 99;
  border-radius: 0px;
}
.ng-aside.right .modal-content .modal-header .close-drawer {
  position: absolute;
  right: 0px;
}
.ng-aside.right .modal-content .modal-header .basket-counter-icon {
  height: 60px;
  width: 60px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 18px 0px 0px;
  cursor: pointer;
  text-align: center;
}
.ng-aside.right .modal-content .modal-header .basket-counter-icon i {
  font-size: 32px;
}
.ng-aside.right .modal-content .modal-header .basket-counter-icon i:before {
  width: auto;
}
.ng-aside.right .modal-content .modal-header .basket-counter-icon i .booking-counter {
  position: absolute;
  top: 0;
  height: 20px;
  width: 20px;
  font-size: 11px;
  line-height: 19px;
  background-color: #e7a528;
  right: 22px;
  top: 14px;
  border-radius: 10px;
  color: #000;
  padding-top: 0px;
  border: 1px solid #fff;
  text-align: center;
  font-style: normal;
}
.ng-aside.right .modal-content .modal-body {
  background-color: #fff;
  padding-top: 60px;
  height: 100%;
  overflow-x: auto;
  padding-bottom: 85px;
  color: #000;
}
.ng-aside.right .modal-content .modal-body .message {
  font-size: 12px;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #000;
  width: 100%;
  line-height: 15px;
}
.ng-aside.right .modal-content .modal-footer {
  position: fixed;
  bottom: 0;
  width: 344px;
  height: 52px;
  background-color: #f8f8f8;
  padding: 0;
  z-index: 6667;
}
.ng-aside.right .modal-content .modal-footer .btn {
  width: 100%;
  padding: 8px 24px;
  font-size: 24px;
  display: block;
  margin: 15px auto 0;
  font-style: normal;
  position: absolute;
  bottom: 0;
  font-weight: normal;
  height: 52px;
}

.ng-aside {
  margin: auto;
}
.ng-aside .modal-sm {
  --bs-modal-width: 344px;
}
.ng-aside .modal-dialog {
  width: 344px;
}
@media (min-width: 768px) {
  .ng-aside .modal-dialog .modal-sm {
    width: 344px;
  }
}
.ng-aside .modal-content {
  background-color: #42767e;
  color: #fff;
  width: 344px;
}
.ng-aside .modal-content .modal-header {
  height: 60px;
  position: relative;
  display: block;
}
.ng-aside .modal-content .modal-header .close-drawer {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  width: 60px;
  cursor: pointer;
}
.ng-aside .modal-content .modal-header .close-drawer i {
  position: absolute;
  right: 15px;
  top: 20px;
  color: #fff;
}
.ng-aside .modal-content .modal-header .close-drawer i:before {
  font-size: 20px;
  font-weight: bold;
}
.ng-aside .modal-content .modal-body {
  padding: 0;
}
.ng-aside.left .modal-footer {
  border-top: 0;
}
.ng-aside.left .modal-body ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ng-aside.left .modal-body ul.user-nav {
  margin-top: 40px;
  border-top: 1px solid #fff;
}
.ng-aside.left .modal-body ul li a {
  width: 100%;
  display: block;
  border-bottom: 1px solid #fff;
  padding-left: 80px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
}
.ng-aside.left .modal-body ul li a i {
  position: absolute;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  left: 3px;
  font-size: 28px;
  line-height: 60px;
  width: 73px;
  text-align: center;
}
.ng-aside.left .modal-body ul li a i:before {
  width: auto;
  margin-right: 0;
  margin-left: 0;
  text-align: center;
}
.ng-aside.left .modal-body ul li a:hover i {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.ng-aside.left .modal-body ul li.highlight-elem a {
  background-color: #fff;
  color: #42767e;
}
.ng-aside.left .modal-body ul li.highlight-elem a i {
  color: #42767e;
}
.gradient {
  background: rgba(255, 255, 255, 0.02);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.02)), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.02) 0%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.02) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.02)), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.ng-aside.right .modal-content .ui-more-in-basket-overlay.active {
  position: absolute;
  height: 100px;
  width: 100%;
  top: -101px;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.02);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.02)), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.02) 0%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.02) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.02)), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.ng-aside.right .modal-content .modal-header {
  position: absolute;
  top: 0;
  width: 344px;
  background-color: #42767e;
  z-index: 99;
  border-radius: 0px;
}
.ng-aside.right .modal-content .modal-header .close-drawer {
  position: absolute;
  right: 0px;
}
.ng-aside.right .modal-content .modal-header .basket-counter-icon {
  height: 60px;
  width: 60px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 18px 0px 0px;
  cursor: pointer;
  text-align: center;
}
.ng-aside.right .modal-content .modal-header .basket-counter-icon i {
  font-size: 32px;
}
.ng-aside.right .modal-content .modal-header .basket-counter-icon i:before {
  width: auto;
}
.ng-aside.right .modal-content .modal-header .basket-counter-icon i .booking-counter {
  position: absolute;
  top: 0;
  height: 20px;
  width: 20px;
  font-size: 11px;
  line-height: 19px;
  background-color: #e7a528;
  right: 22px;
  top: 14px;
  border-radius: 10px;
  color: #000;
  padding-top: 0px;
  border: 1px solid #fff;
  text-align: center;
  font-style: normal;
}
.ng-aside.right .modal-content .modal-body {
  background-color: #fff;
  padding-top: 60px;
  height: 100%;
  overflow-x: auto;
  padding-bottom: 85px;
  color: #000;
}
.ng-aside.right .modal-content .modal-body .message {
  font-size: 12px;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #000;
  width: 100%;
  line-height: 15px;
}
.ng-aside.right .modal-content .modal-footer {
  position: fixed;
  bottom: 0;
  width: 344px;
  height: 52px;
  background-color: #f8f8f8;
  padding: 0;
  z-index: 6667;
}
.ng-aside.right .modal-content .modal-footer .btn {
  width: 100%;
  padding: 8px 24px;
  font-size: 24px;
  display: block;
  margin: 15px auto 0;
  font-style: normal;
  position: absolute;
  bottom: 0;
  font-weight: normal;
  height: 52px;
}

body.has-search-bar.has-hero-desktop .hero {
  position: absolute;
}
.hero.desktop {
  height: 550px;
  width: 100%;
  background-size: cover;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  position: relative;
  background-color: #ddd;
  overflow: hidden;
}
.hero.desktop .text-box {
  width: 50%;
  margin: 0 auto;
  height: 274px;
  overflow: hidden;
  display: table;
}
.hero.desktop .text-box .page-title {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.hero.desktop .text-box .page-title h1 {
  font-size: 36px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  line-height: 50px;
  margin-bottom: 0;
}
.hero.desktop .text-box .page-title h1 span {
  font-size: 24px;
  line-height: 1.4em;
}
.hero.desktop.hero-xs {
  height: 200px;
}
@media (max-width: 991px) {
  .hero.desktop.hero-xs {
    height: 100px;
  }
}

body.has-search-bar.has-hero-mobile hero-desktop .hero {
  position: absolute;
}
.hero.mobile {
  height: 180px;
  background-size: cover;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  position: relative;
  height: 450px;
  width: 100%;
  position: absolute;
}
.hero.mobile .text-box {
  width: 90%;
  margin: 0 auto;
  height: 180px;
  overflow: hidden;
  display: table;
}
.hero.mobile .text-box .page-title {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.hero.mobile .text-box .page-title h1 {
  font-size: 22px;
  line-height: 26px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0;
}
.hero.mobile .text-box .page-title h1 span {
  font-size: 16px;
  line-height: 1.4em;
}
@media (max-width: 580px) {
  .hero.mobile {
    height: 500px;
  }
}

.notifications-on-page {
  margin-top: 100px;
  opacity: 0.6;
}

.notifications {
  margin-top: 20px;
}
.notifications .alert {
  border-radius: 8px;
  border: none;
  padding: 32px;
  margin-bottom: 32px;
}
.notifications a {
  color: #2c3e50;
}

.toggleBTN {
  position: absolute;
  left: -100px;
  background-color: green;
  padding: 10px;
  border: 1px solid red;
}
.keyboard-ui-tooltip.open-calender-tooltip {
  height: 36px;
  width: 100%;
  position: absolute;
  opacity: 0;
  top: 62px;
  left: 0;
  pointer-events: none;
}
.keyboard-ui-tooltip.open-calender-tooltip .tooltip-message {
  position: relative;
  font-size: 14px;
  padding: 8px;
  background-color: #d05801;
  color: #fff;
  text-align: center;
  border-radius: 6px;
}
.keyboard-ui-tooltip.open-calender-tooltip .tooltip-message:before {
  content: '';
  position: absolute;
  top: -6px;
  width: 0;
  height: 0;
  left: 50%;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #d05801;
  margin-left: -7px;
}
@media (max-width: 991px) {
  .keyboard-ui-tooltip.open-calender-tooltip {
    top: 76px;
    height: 62px;
    left: 0;
    z-index: 122;
    /* border-radius: 6px; */
  }
  .keyboard-ui-tooltip.open-calender-tooltip .tooltip-message {
    height: 100%;
    padding: 16px;
  }
}
#search-calender-container:focus-visible ~ .keyboard-ui-tooltip {
  opacity: 1;
  pointer-events: auto;
}
.ui-tooltip .prevent-wide-search {
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 120;
  left: 16px;
  right: 16px;
  bottom: 0;
  border-radius: 8px;
}
.ui-tooltip.tooltip-dialog-container {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  padding-top: 14px;
}
.ui-tooltip.tooltip-dialog-container .tooltip-dialog {
  position: relative;
  top: 0;
  width: 100%;
}
.ui-tooltip.tooltip-dialog-container .tooltip-message {
  position: relative;
  font-size: 14px;
  padding: 8px;
  width: 100%;
  background-color: #d05801;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  z-index: 135;
}
.ui-tooltip.tooltip-dialog-container .tooltip-message:before {
  content: '';
  position: absolute;
  top: -6px;
  width: 0;
  height: 0;
  left: 50%;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #d05801;
  margin-left: -7px;
}
@media (max-width: 991px) {
  .ui-tooltip.tooltip-dialog-container {
    top: 136px;
  }
  .ui-tooltip.tooltip-dialog-container .tooltip-dialog .tooltip-message {
    padding: 12px 16px;
    width: 100%;
  }
}
#search-bar #search-activity,
#search-bar #search-location,
#search-bar #search-association-activity,
#search-bar #search-association-district,
#search-bar #search-subscription-activity,
#search-bar #search-subscription-location {
  z-index: 140;
}
:root {
  --searchbar-padding-left: 80px;
}
@media (max-width: 1199px) {
  :root {
    --searchbar-padding-left: 16px;
  }
}
@media (max-width: 540px) {
  :root {
    --searchbar-padding-left: 16px;
  }
}
search-bar {
  height: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
search-bar #searchBarTab {
  padding-left: var(--searchbar-padding-left);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #f5f7f9;
  z-index: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}
@media (max-width: 991px) {
  search-bar #searchBarTab {
    padding-left: 16px;
    padding-right: 16px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    gap: 0px;
    border-bottom: 2px solid #a3a3a34f;
  }
}
@media (max-width: 540px) {
  search-bar #searchBarTab {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  search-bar #searchBarTab button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
search-bar #searchBarTab .text.desktop {
  display: block;
}
@media (max-width: 500px) {
  search-bar #searchBarTab .text.desktop {
    display: none;
  }
}
search-bar #searchBarTab .text.mobile {
  display: none;
}
@media (max-width: 500px) {
  search-bar #searchBarTab .text.mobile {
    display: block;
  }
}
@media (max-width: 992px) {
  search-bar {
    position: relative;
    top: 0;
    height: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 580px) {
  search-bar {
    position: relative;
    top: 0;
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
}
/*************************
 * Root/Sub menu animation
 *************************/
.animate-rootmenu.ng-enter,
.animate-rootmenu.ng-leave.ng-leave-active {
  -webkit-animation: MenuAnimOut2 0.4s ease-out;
  animation: MenuAnimOut2 0.4s ease-out;
}
.animate-rootmenu.ng-leave,
.animate-rootmenu.ng-enter.ng-enter-active {
  -webkit-animation: MenuAnimIn2 0.4s;
  animation: MenuAnimIn2 0.4s;
}
@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}
.animate-submenu.ng-leave,
.animate-submenu.ng-enter.ng-enter-active {
  -webkit-animation: SubMenuAnimIn2 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: SubMenuAnimIn2 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.animate-submenu.ng-enter,
.animate-submenu.ng-leave.ng-leave-active {
  -webkit-animation: SubMenuAnimOut2 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: SubMenuAnimOut2 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
/*************************
 * Search Bar LAYOUT
 *************************/
#search-bar {
  position: relative;
  /**
    *  SEARCH BAR - INPUTS
    */
}
#search-bar.container {
  margin-top: 0;
}
@media (max-width: 992px) {
  #search-bar.container {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 574px) {
  #search-bar.container {
    margin-top: 0;
  }
}
#search-bar .search-fields-wrap {
  padding: 24px 16px 16px var(--searchbar-padding-left);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #fff;
}
@media (max-width: 991px) {
  #search-bar .search-fields-wrap {
    padding: 16px 16px 16px var(--searchbar-padding-left);
    background-color: #f5f7f9;
  }
}
@media (max-width: 576px) {
  #search-bar .search-fields-wrap {
    background-color: #f5f7f9;
    border-radius: 0;
  }
}
#search-bar .search-fields-wrap:focus-visible {
  -webkit-box-shadow: 0 0 0 8px var(--site-primary-color) !important;
          box-shadow: 0 0 0 8px var(--site-primary-color) !important;
}
#search-bar .nav-tabs {
  padding: 24px 16px 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #f3f3f3;
  margin-bottom: 0px;
  gap: 8px;
}
#search-bar .nav-tabs button.nav-link {
  color: #2c3e50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 0;
  gap: 8px;
}
#search-bar .nav-tabs button.nav-link i {
  padding: 0 8px;
}
@media (max-width: 500px) {
  #search-bar .nav-tabs button.nav-link i {
    padding: 0;
  }
}
#search-bar .nav-tabs button.nav-link.active {
  background: #f3f3f3;
  border-color: transparent;
  border-bottom: 1px solid green;
  color: #159953;
  position: relative;
}
#search-bar .nav-tabs button.nav-link.active:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 3px;
  border-radius: 100px 100px 0px 0px;
  background: var(--Primary-Green-600, #159953);
  left: 0;
  right: 0;
}
#search-bar .nav-tabs button.nav-link .text {
  padding-right: 8px;
}
#search-bar .nav-tabs button.nav-link .text.desktop {
  display: block;
}
@media (max-width: 500px) {
  #search-bar .nav-tabs button.nav-link .text.desktop {
    display: none;
  }
}
#search-bar .nav-tabs button.nav-link .text.mobile {
  display: none;
}
@media (max-width: 500px) {
  #search-bar .nav-tabs button.nav-link .text.mobile {
    display: block;
  }
}
#search-bar .tab-content {
  padding: 0;
}
#search-bar .reset-search {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  line-height: 48px;
  margin: auto;
}
#search-bar .form-control[disabled],
#search-bar .form-control[readonly],
#search-bar fieldset[disabled] .form-control {
  background-color: #fff;
}
#search-bar .aBook-menuwrapper {
  position: relative;
}
#search-bar .aBook-menuwrapper .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  z-index: 0;
}
#search-bar .aBook-menuwrapper .input-group-addon {
  width: auto;
  width: 48px;
  height: 48px;
  position: absolute;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#search-bar .aBook-menuwrapper .input-group-addon.prefix-addon-absolute {
  left: 0;
}
#search-bar .aBook-menuwrapper .input-group-addon.suffix-addon-absolute {
  right: 0;
}
#search-bar .aBook-menuwrapper .close-focus-selector {
  outline: none;
}
#search-bar .aBook-menuwrapper .close-focus-selector i.icon-close {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.aBook-dropdown.active ul {
  opacity: 1;
  pointer-events: auto;
  height: auto;
}
.aBook-dropdown ul {
  overflow: hidden;
  height: 0;
  z-index: 999;
  background: #fff;
  margin: 0;
  padding: 0px;
  position: absolute;
  width: 100%;
  opacity: 1;
  pointer-events: none;
  list-style: none;
}
.aBook-dropdown ul.aBook-submenu {
  display: block;
}
.aBook-dropdown ul li {
  position: relative;
  list-style-type: none;
}
.aBook-dropdown ul li a,
.aBook-dropdown ul li span.inactive {
  padding: 12px 6px;
  color: #42767e;
  margin-top: -1px;
  border-top: 1px solid #888;
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  outline: none;
}
.aBook-dropdown ul li a {
  cursor: pointer;
}
.aBook-dropdown ul li a:hover {
  background-color: #f1f1f1;
}
.aBook-dropdown ul li span.inactive {
  background-color: #cccccc;
  color: #a5a5a5;
  display: none;
}
.aBook-dropdown ul li.isBackToRootMenuItem a {
  padding-left: 35px;
  font-size: 15px;
}
.aBook-dropdown ul li.isBackToRootMenuItem a i {
  color: #42767e;
  left: 10px;
}
.aBook-dropdown ul li.highlight a {
  background: var(--site-primary-color);
  color: #fff;
}
.aBook-dropdown ul li.highlight.isBackToRootMenuItem .icon-arrow {
  color: #fff;
}
.aBook-dropdown i.nav-arrow {
  position: absolute;
}
.aBook-menu.root-menu .nav-arrow {
  right: 10px;
  top: 50%;
  margin-top: -10px;
}
.aBook-submenu .input-search-menu li:first-child a {
  background-color: #e7fdff;
}
.aBook-select-pop {
  height: 0;
  z-index: 222;
  background: #fff;
  margin: 0;
  padding: 0px;
  position: absolute;
  width: 100%;
  opacity: 0;
  left: 0;
  top: 55px;
  overflow: hidden;
}
.aBook-select-pop.active {
  height: auto;
  opacity: 1;
}
/*********************
* OVERLAY 
**********************/
.overlay.active {
  display: none;
}
.aBook-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #000000;
  opacity: 0;
  overflow-x: hidden;
  z-index: -1;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.aBook-overlay.active {
  opacity: 0.5;
  z-index: 100;
}
#search-bar input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #717171;
}
#search-bar input::-moz-placeholder {
  /* Firefox 19+ */
  color: #717171;
}
#search-bar input:-ms-input-placeholder {
  /* IE 10+ */
  color: #717171;
}
#search-bar input:-moz-placeholder {
  /* Firefox 18- */
  color: #717171;
}
#search-bar .aBook-select-pop.time-pop {
  background-color: #f5f5f5;
}
.search-now-btn {
  height: 48px;
  line-height: 48px;
  z-index: 111;
  position: relative;
  background-color: #42767e;
  border-color: #42767e;
  padding: 0;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  border: 0;
  font-weight: 400;
  font-size: 22px;
  padding: 0 16px;
}
.search-now-btn:hover {
  background-color: #39666d;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
#search-bar .search-btn-container {
  margin-bottom: 0px;
  width: 100%;
}
/*************************
*  INPUT SIZES / POS
*************************/
#search-bar fieldset {
  display: grid;
  grid-template-columns: 3.5fr 1fr;
  gap: 16px;
}
#search-bar fieldset .fields {
  display: grid;
  gap: 16px;
  position: relative;
}
#search-bar fieldset .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding-left: 16px;
}
@media (max-width: 1399px) {
  #search-bar fieldset {
    grid-template-columns: 3fr 1fr;
    gap: 12px;
  }
  #search-bar fieldset .actions {
    gap: 12px;
  }
  #search-bar fieldset .fields {
    gap: 12px;
  }
}
@media (max-width: 991px) {
  #search-bar fieldset {
    grid-template-columns: 1fr;
  }
  #search-bar fieldset .fields .sep {
    display: none;
  }
  #search-bar fieldset .actions {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  #search-bar fieldset {
    grid-template-columns: 1fr;
  }
  #search-bar fieldset .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#search-bar .fields .sep {
  border-right: 1px solid var(--bs-border-color);
}
#search-bar .fields .input-wrap {
  padding-right: 0;
  width: 100%;
}
@media (max-width: 991px) {
  #search-bar .fields .input-wrap {
    width: 100%;
  }
  #search-bar .fields .input-wrap.input-calender {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #search-bar .fields .input-wrap {
    width: 100%;
  }
  #search-bar .fields .input-wrap.input-calender {
    width: 100%;
  }
}
#search-bar .fields .input-group {
  width: 100%;
  padding-right: 0;
}
#search-bar #book-tab-pane .fields {
  grid-template-columns: 1fr auto 1fr auto 1fr;
}
@media (max-width: 991px) {
  #search-bar #book-tab-pane .fields {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  #search-bar #book-tab-pane .fields {
    grid-template-columns: 1fr;
  }
}
#search-bar #book-tab-pane .fields .tooltip-message {
  width: 600px;
}
@media (max-width: 1399px) {
  #search-bar #book-tab-pane .fields .tooltip-message {
    width: 492px;
  }
}
@media (max-width: 1199px) {
  #search-bar #book-tab-pane .fields .tooltip-message {
    width: 402px;
  }
}
@media (max-width: 991px) {
  #search-bar #book-tab-pane .fields .tooltip-message {
    width: 100%;
  }
}
#search-bar #association-tab-pane .aBook-dropdown.active ul {
  overflow-y: scroll;
  max-height: 300px;
}
#search-bar #association-tab-pane .fields,
#search-bar #subscriptions-tab-pane .fields {
  grid-template-columns: 1fr auto 1fr;
}
@media (max-width: 991px) {
  #search-bar #association-tab-pane .fields,
  #search-bar #subscriptions-tab-pane .fields {
    grid-template-columns: 1fr;
  }
}
#search-bar .aBook-select-pop,
#search-bar .aBook-dropdown ul {
  top: 60px;
}
#search-bar .input-group {
  width: 100%;
  z-index: 122;
}
@media (min-width: 992px) {
  #search-bar .input-group {
    margin-bottom: 0;
  }
}
#search-bar input.form-control {
  height: 48px;
  font-size: 15px;
  border: 0;
  color: #655e58;
  padding-left: 52px;
  padding-right: 52px;
}
#search-bar input.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  outline: none;
}
/*** INPUT-GROUP-ADDON COLORS */
#search-bar .input-group-addon {
  outline: 0;
  cursor: pointer;
  border: 0;
  padding: 0;
  border-radius: 0;
  background-color: #fff;
}
#search-bar .input-group-addon i {
  height: 48px;
  display: block;
  width: 48px;
  line-height: 48px;
  z-index: 160;
  position: relative;
  text-align: center;
}
#search-bar .input-group-addon i:before {
  line-height: 48px;
  margin-top: 0;
  font-size: 14px;
}
#search-bar .input-group-addon i.icon-arrow:before {
  font-weight: bold;
}
#search-bar .input-group-addon.blue-edition {
  background-color: #42767e;
  color: #fff;
}
#search-bar .input-group-addon.grey-edition {
  background-color: #f8f8f8;
  color: #42767e;
}
#search-bar .input-group-addon.orange-edition {
  background-color: #f4daaf;
}
#search-bar .input-group-addon.white-edition {
  background-color: #fff;
  color: inherit;
}
#search-bar .input-group-addon.away {
  position: absolute;
  left: -9999px;
}
#search-bar .aBook-dropdown ul {
  top: 62px;
  border-radius: 6px;
}
@media (max-width: 767px) {
  #search-bar .aBook-dropdown ul {
    top: 56px;
  }
}
.time-is-hidden #search-calender.calender-select {
  width: 100%;
  padding-right: 0;
}
.input-group-text {
  background-color: #fff;
  border: 0;
}

/*********************
* CALENDER 
**********************/
:root {
  --duet-color-primary: #005fcc;
  --duet-color-text: #333;
  --duet-color-text-active: #fff;
  --duet-color-placeholder: #666;
  --duet-color-button: #f5f5f5;
  --duet-color-surface: #fff;
  --duet-color-overlay: rgba(0, 0, 0, 0.8);
  --duet-color-border: #333;
  --duet-font: 'Roboto', 'Blinker', 'Helvetica Neue', Helvetica, Arial,
        sans-serif;
  --duet-font-normal: 400;
  --duet-font-bold: 600;
  --duet-radius: 4px;
  --duet-z-index: 600;
}
#search-calender-container.input-group {
  z-index: 102;
}
.duet-date__input-wrapper {
  height: 50px;
  background: #fff;
  line-height: 50px;
  display: none;
}
.duet-date__close {
  opacity: 1;
}
.duet-date__dialog-content {
  background: #fff;
  margin-top: 0;
  margin-left: 0;
}
.duet-date__input {
  border: none;
  height: 50px;
}
.calender-pop {
  height: 0;
  opacity: 0;
  background: transparent;
  overflow: visible;
}
.calender-pop.active {
  opacity: 1;
  height: auto;
  width: auto;
}
.calender-pop .search-now-btn.mobile-calender {
  display: none;
}
.calender-pop .input-group-addon.prefix {
  background-color: #ececec;
  color: #555;
  font-size: 12px;
}
.calender-pop .search-now-btn.mobile-calender {
  margin-top: 0px;
  display: block;
  margin-top: 20px;
}
/* SEARCH BAR - date-time-display */
.calender-select .time-input {
  position: absolute;
  right: 57px;
  line-height: 40px;
  color: #555;
  z-index: 999;
  pointer-events: none;
}
/*// .calender-select .date-input-as-div #btnCheckin{
// 	position: absolute;
// 	right: -1px;
// 	top: -1px;
// 	cursor: pointer;
// 	padding: 8px 4px;
// }*/
/*************************
 *  CALENDER
 *************************/
#search-bar .calender-select {
  padding-right: 10px;
  width: 50%;
  float: left;
}
/*** TIME / CALENDER SHARED COLUMN */
#search-bar .calender-select {
  width: 50%;
  float: left;
}
#search-bar .calender-select {
  padding-right: 10px;
}

.service-bar .bar-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.service-bar .bar-title-container bar-title {
  width: 100%;
  display: block;
}
.service-bar .bar-date {
  background: var(--Background-100, #eaf0f3);
}
.service-bar .bar-date .bar-date-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 12px 0;
}
.service-bar .bar-filters {
  background: var(--Background-100, #eaf0f3);
  padding: 15px 0;
}
.service-bar .bar-filters .bar-filters-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.item-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 24px;
}
@media (max-width: 768px) {
  .item-filters {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
  }
}
@media (max-width: 500px) {
  .item-filters {
    grid-template-columns: 1fr 1fr;
  }
}

.filter-type-dropdown > button.dropdown-toggle {
  width: 100%;
  border-radius: 4px;
  border-color: #2c3e50;
  background-color: transparent;
  color: #2c3e50;
  padding: 8px 8px 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
}
.filter-type-dropdown > button.dropdown-toggle .icon-swap-container {
  height: 24px;
  width: 24px;
  position: relative;
}
.filter-type-dropdown > button.dropdown-toggle .icon-swap-container .filter-icon,
.filter-type-dropdown > button.dropdown-toggle .icon-swap-container .filter-count {
  position: absolute;
  left: 0;
  top: 0;
}
.filter-type-dropdown > button.dropdown-toggle .icon-swap-container .filter-count {
  height: 24px;
  width: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-type-dropdown > button.dropdown-toggle .icon-swap-container .filter-count .mat-badge {
  height: 20px;
  width: 20px;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #118846;
  border-radius: 100%;
  color: #fff;
  line-height: 100%;
}
.filter-type-dropdown > button.dropdown-toggle .name {
  color: #2c3e50;
}
.filter-type-dropdown > button.dropdown-toggle:after {
  display: none;
}
.filter-type-dropdown > button.dropdown-toggle.show {
  background-color: #fff;
}
.filter-type-dropdown > button.dropdown-toggle.show .button-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.filter-type-dropdown .dropdown-menu {
  padding: 0;
  min-width: 280px;
  border: 1px solid #0a4325;
}
.filter-type-dropdown .dropdown-menu ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
  max-height: 280px;
  overflow-y: scroll;
}
.filter-type-dropdown .dropdown-menu ul li:last-child label {
  border-bottom: none;
}
.filter-type-dropdown .dropdown-item {
  color: #2c3e50;
  position: relative;
  padding: 0;
}
.filter-type-dropdown .dropdown-item label {
  pointer-events: none;
  border-bottom: 1px solid #e2e3e5;
  padding: 12px 16px;
  padding-left: 0;
  font-size: 14px;
  margin-left: 16px;
  display: block;
}
.filter-type-dropdown .dropdown-item label::after {
  content: '';
  display: inline-block;
  position: absolute;
  border-bottom: 2px solid #42767e;
  border-left: 2px solid #42767e;
  border-radius: 0 0 0 3px;
  height: 8px;
  opacity: 0;
  right: 16px;
  top: 18px;
  -webkit-transform: rotate(-50deg);
      -ms-transform: rotate(-50deg);
          transform: rotate(-50deg);
  width: 16px;
}
.filter-type-dropdown .dropdown-item:hover {
  background-color: #e2e3e5;
}
.filter-type-dropdown .dropdown-item.active {
  background-color: #fff;
}
.filter-type-dropdown .dropdown-item.active label {
  font-weight: bold;
}
.filter-type-dropdown .dropdown-item.active label::after {
  opacity: 1;
}
.filter-type-dropdown .actions {
  border-top: 1px solid black;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.filter-type-dropdown .actions button {
  width: 100%;
  border-radius: 0;
  padding: 12px;
}

.filter-type-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.filter-type-input .add-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  border: 1px solid #2c3e50;
  border-radius: 4px;
}
.filter-type-input .add-tag input {
  width: 100%;
  border-radius: 0;
  padding: 8px 58px 8px 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  border-radius: 4px;
  border: 0;
  line-height: 24px;
  background: transparent;
  color: #2c3e50;
}
.filter-type-input .add-tag input::-webkit-input-placeholder,
.filter-type-input .add-tag input::-webkit-input-placeholder {
  color: #2c3e50;
}
.filter-type-input .add-tag input::placeholder,
.filter-type-input .add-tag input::-webkit-input-placeholder {
  color: #2c3e50;
}
.filter-type-input .add-tag input::-ms-input-placeholder {
  color: #2c3e50;
}
.filter-type-input .add-tag button {
  height: 100%;
  border-radius: 0;
  border-color: transparent;
  position: absolute;
  right: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 58px;
}
.filter-type-input .add-tag .tag {
  position: absolute;
  left: 4px;
}
.filter-type-input .add-tag .tag .badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
}
.filter-type-input .add-tag .tag .badge i {
  pointer-events: none;
}
.filter-type-input .add-tag .tag .badge i.icon-sm {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.bar-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 24px;
  gap: 16px;
  padding-bottom: 24px;
}
.bar-title .title {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.18px;
}

.date-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 320px;
  max-width: 420px;
  padding: 4px 8px;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: 30px;
  border: 1px solid #fff;
}
.date-control .date-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 102px;
}
@media (max-width: 420px) {
  .date-control .date-display {
    width: 120px;
  }
}
.date-control .date-display .weekday {
  color: var(--Text, #2c3e50);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 21px */
  text-transform: capitalize;
}
.date-control .text {
  color: var(--Text, #2c3e50);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
}
.date-control button {
  width: 48px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 8px;
}
.date-control button.back svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.date-control button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.accordian-basic .panel .panel-heading {
  background-color: #42767e;
  color: white;
}
.accordian-basic .panel .panel-title {
  padding: 16px;
}
.accordian-basic .panel .panel-title a {
  color: #fff;
}
.accordian-basic .panel .panel-title a:focus {
  color: #fff;
}
.accordian-basic .panel .panel-body {
  padding: 20px;
}
.accordion-button,
.accordion-button:not(.collapsed) {
  background-color: #e0ebf0;
  color: var(--bs-accordion-btn-color);
}

.toggle-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.toggle-switch .toggle-label {
  position: relative;
  display: block;
  width: 50px;
  height: 24px;
  cursor: pointer;
}
.toggle-switch .toggle-label input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.toggle-switch .toggle-label input[type="checkbox"] + .back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: background 150ms linear;
  -o-transition: background 150ms linear;
  transition: background 150ms linear;
  padding: 1px;
  border: 1px solid #2b4f87;
  border-radius: 12px;
}
.toggle-switch .toggle-label input[type="checkbox"] + .back .toggle {
  display: block;
  position: absolute;
  content: " ";
  background: #119ca9;
  width: 20px;
  height: 20px;
  -webkit-transition: margin 150ms linear;
  -o-transition: margin 150ms linear;
  transition: margin 150ms linear;
  border-radius: 100%;
  -webkit-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}
.toggle-switch .toggle-label input[type="checkbox"]:checked + .back .toggle {
  margin-left: 25px;
  background: #119ca9;
}
.toggle-switch.toggled-off .labels .off {
  color: #aeb4bd;
}
.toggle-switch.toggled-off .labels .on {
  color: #333;
}
.toggle-switch.toggled-on .labels .off {
  color: #333;
}
.toggle-switch.toggled-on .labels .on {
  color: #aeb4bd;
}

.toggle-radio-switch {
  /*
	get rid of the fieldset styling and keep
	this all on a single line
    */
  /**
    * Inner wrapper to set a position relative for the inputs
    * that need to be position absolute.
    * display inline-block kees the wrapper only as wide
    * as the radio switch within.
    */
  /*
	radio button groups often benefit from a legend to
	provide context as to what the different
	options pertain to. Ideally this would be visible to all
	users, but you know...
    */
  /*
	relative labels to help position the pseudo elements
	the z-index will be handy later, when the labels that
	overlap the visual switch UI need to be adjusted
	to allow for a user to toggle the switch without
	having to move their mouse/finger to the different
	sides of the UI
*/
  /*
	inputs set to opcacity 0 are still accessible.
	Apparently there can be issues targetting inputs with
	Dragon speech recognition software if you use the typical
	'visually-hidden' class...so might as well just avoid that issue...
*/
  /*
	a 2 option toggle can only have 2 options...so instead of
	adding more classes, i'm just going to use some
	structural pseudo-classes to target them...
	cause why let all that good work go to waste?!

  the large padding is used to position the labels
  on top of the visual UI, so the switch UI itself
  can be mouse clicked or finger tapped to toggle
  the current option
*/
  /*
	oh focus within, I can't wait for you to have even more support.
	But you'll never be in IE11, so we're going to need a
	polyfill for you for a bit...
 */
  /* making the switch UI.  */
  /* IE11 has some weirdness in how it's calculating the right positioning
   of the switch knob.  this hacky workaround is fitting for the hacky browser :) */
  /*
	Visually change the switch UI to match the
	checked state of the first radio button
*/
  /* IE11 hack for correct positioning */
  /* Move the 2nd label to have a lower z-index, so when that
   option is toggled, the first label will overlay on top of the
   Switch ui, and the switch can be pressed again to toggle back
   to the prevoius state. */
  /* 'color in' the switch knob in high contrast mode by giving it
   a large border */
}
.toggle-radio-switch .radio-switch {
  padding: 5px 10px;
  white-space: nowrap;
  border: 1px solid #edf1f5;
  border-radius: 4px;
  /* polyfill class*/
}
.toggle-radio-switch .radio-switch:focus-within label:first-of-type:after {
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #42767e;
          box-shadow: 0 0 0 2px #fff, 0 0 0 4px #42767e;
}
.toggle-radio-switch .radio-switch.focus-within label:first-of-type:after {
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #42767e;
          box-shadow: 0 0 0 2px #fff, 0 0 0 4px #42767e;
}
.toggle-radio-switch .radio-switch input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  height: 100%;
  opacity: 0.00001;
  position: absolute;
  top: 0;
  width: 30%;
  z-index: 3;
  margin: 0;
}
.toggle-radio-switch .radio-switch input:first-of-type {
  left: 0;
}
.toggle-radio-switch .radio-switch input:last-of-type {
  right: 0;
}
.toggle-radio-switch .radio-switch input:not(:checked):hover {
  cursor: pointer;
}
.toggle-radio-switch .radio-switch input:not(:checked):hover + label {
  text-decoration: underline;
  cursor: pointer;
}
.toggle-radio-switch .radio-switch label {
  display: inline-block;
  line-height: 2;
  position: relative;
  z-index: 2;
  font-weight: normal;
  margin-bottom: 0;
}
.toggle-radio-switch .radio-switch label:first-of-type {
  padding-right: 5em;
}
.toggle-radio-switch .radio-switch label:last-child {
  margin-left: -4.25em;
  padding-left: 5em;
}
.toggle-radio-switch .radio-switch label:hover {
  cursor: pointer;
}
.toggle-radio-switch .radio-switch__inner {
  display: inline-block;
  position: relative;
}
.toggle-radio-switch .radio-switch--hide-legend legend {
  font-size: 2px;
  opacity: 0;
  position: absolute;
}
.toggle-radio-switch .radio-switch label:first-of-type:before,
.toggle-radio-switch .radio-switch label:first-of-type:after {
  border: 1px solid #aaa;
  content: "";
  height: 2em;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  vertical-align: middle;
}
.toggle-radio-switch .radio-switch label:first-of-type:before {
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 100%;
  position: absolute;
  right: 0;
  -webkit-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
  width: 2em;
  z-index: 2;
}
.toggle-radio-switch _:-ms-fullscreen,
.toggle-radio-switch :root .radio-switch label:first-of-type:before {
  right: -0.2em;
}
.toggle-radio-switch .radio-switch label:first-of-type:after {
  background: #42767e;
  border-radius: 1em;
  margin: 0 1em;
  -webkit-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  width: 4em;
}
.toggle-radio-switch .radio-switch input:first-of-type:checked ~ label:first-of-type:after {
  background: #42767e;
}
.toggle-radio-switch .radio-switch input:first-of-type:checked ~ label:first-of-type:before {
  right: 2em;
}
.toggle-radio-switch _:-ms-fullscreen,
.toggle-radio-switch :root .radio-switch input:first-of-type:checked ~ label:first-of-type:before {
  right: 1.8em;
}
.toggle-radio-switch .radio-switch input:last-of-type:checked ~ label:last-of-type {
  z-index: 1;
}
@media screen and (-ms-high-contrast: active) {
  .toggle-radio-switch {
    /* polyfill class*/
  }
  .toggle-radio-switch .radio-switch label:first-of-type:before {
    background-color: windowText;
    border: 1em solid transparent;
    /* firefox doesn't respect the bg color,
		   so the border fills the knob */
  }
  .toggle-radio-switch .radio-switch:focus-within label:first-of-type:after {
    outline: 2px solid;
    outline-offset: 3px;
  }
  .toggle-radio-switch .radio-switch.focus-within label:first-of-type:after {
    outline: 2px solid;
    outline-offset: 3px;
  }
}

nav.skip-links {
  position: fixed;
  z-index: 9999;
  width: 100%;
}
nav.skip-links ul {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
nav.skip-links ul li {
  list-style-type: none;
  margin: 0 4px;
}
nav.skip-links ul a {
  color: white;
  padding: 8px 16px;
  border-radius: 6px;
}
nav.skip-links ul a:focus,
nav.skip-links ul a:hover {
  color: white;
}
nav.skip-links.visible ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: auto;
  position: relative;
  left: auto;
  padding: 24px;
  background-color: var(--site-primary-color);
  outline: none;
}

.back-bar button {
  text-decoration: none;
  color: var(--site-secondary-color);
}
.back-bar button:hover {
  color: var(--site-secondary-color);
}

.card-item {
  margin-bottom: 32px;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.card-item .card-img-top {
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.card-item .card-title {
  margin-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.card-item .card-title .title-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card-item .card-body {
  padding: 24px;
}
.card-item:hover {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}
.card-item .badge {
  font-size: 14px;
  font-weight: normal;
  padding: 6px 12px;
  border-radius: 4px;
  color: #2c3e50;
}
.card-item .bg-success {
  background-color: #e3f4eb !important;
}
.card-item .bg-info {
  background-color: #a2cce0 !important;
}
.card-item .card-link {
  color: var(--site-primary-color);
  text-decoration: none;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.card-item .card-link a:focus {
  color: #000;
}
.card-item .card-link:hover {
  color: var(--site-primary-color);
}
.card-item .card-link:focus {
  color: #5e5e5e;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

card-subscription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card-subscription {
  --state-color-button-text: #0d5931;
  --state-color-border: var(--Primary-Green-200, #90d3ac);
  --state-color-main: var(--Primary-Green-900, #0d5931);
  --state-color-status: var(--Primary-Green-900, #0d5931);
  --state-color-button-border: var(--Text-light, #667685);
  --state-color-button-bg: var(--Primary-Green-50, #e3f4eb);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 24px 56px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 56px;
  border-radius: 16px;
  border: 1px solid var(--state-color-border);
  background: var(--White, #fff);
  width: 100%;
}
.card-subscription.status-id-3 {
  --state-color-border: var(--Primary-Green-200, #90d3ac);
  --state-color-main: var(--Primary-Green-900, #0d5931);
  --state-color-button-border: var(--Text-light, #667685);
  --state-color-button-bg: var(--Primary-Green-50, #e3f4eb);
  --state-color-button-text: #0d5931;
}
.card-subscription.status-id-6 {
  --state-color-status: var(--Danger, #eb5757);
}
.card-subscription .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.card-subscription .card-header .name-pricing-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.card-subscription .card-header .name {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: var(--state-color-main);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  /* Body 1/Bold */
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card-subscription .card-header .status {
  color: var(--state-color-status);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
}
.card-subscription .card-header .pricing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.card-subscription .card-header .pricing .price {
  color: var(--state-color-main);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  font-size: 40px;
  font-weight: 600;
  line-height: 36px;
  /* 90% */
}
.card-subscription .card-header .pricing .sep {
  width: 1px;
  height: 28px;
  background-color: var(--state-color-main);
}
.card-subscription .card-header .pricing .periodUnit {
  color: var(--state-color-main);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 120% */
  letter-spacing: 0.15px;
}
.card-subscription .card-header .button-subscription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  padding: 8px 24px 8px 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 24px;
  border: 1px solid var(--state-color-button-border, #bce4cc);
  background: var(--state-color-button-bg, #bce4cc);
}
.card-subscription .card-header .button-subscription svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-subscription .card-header .button-subscription .text {
  color: var(--state-color-button-text);
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  /* 100% */
}
.card-subscription .card-header .button-subscription:hover {
  border: 1px solid var(--Text-light, #667685);
  background: var(--Primary-Green-100, #bce4cc);
}
.card-subscription .card-header .button-subscription:active {
  border: 1px solid var(--Text-light, #667685);
  background: var(--Primary-Green-900, #0d5931);
}
.card-subscription .card-header .button-subscription:active .text {
  color: var(--White, #fff);
}
.card-subscription .card-header .button-subscription:active svg path {
  fill: var(--White, #fff);
}
.card-subscription .card-header .button-subscription:disabled {
  border: 1px solid #e4e4e4;
  background: var(--White, #fff);
}
.card-subscription ul.accessItems {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.card-subscription ul.accessItems li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.card-subscription ul.accessItems li svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.card-subscription ul.accessItems li .text {
  color: var(--state-color-main);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  /* Body 1/Regular */
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}
.card-subscription ul.accessItems li.has-no-access svg * {
  fill: red;
}
.card-subscription.inaktiv {
  border: 1px solid rgba(13, 89, 49, 0.1);
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.card-subscription:hover.inaktiv {
  border: 1px solid rgba(13, 89, 49, 0.5);
}

.input-group {
  margin-bottom: 15px;
}
.form-control option {
  color: #5e5e5e;
  border-radius: 0px;
}
.form-control[readonly],
.form-control option:disabled {
  color: #bfbfbf;
}
.form-control:focus-visible.invalid {
  -webkit-box-shadow: 0 0px 4px #ffffff inset, 0px 0px 6px #ff0000 !important;
          box-shadow: 0 0px 4px #ffffff inset, 0px 0px 6px #ff0000 !important;
}
.form-control:-moz-placeholder {
  color: #bfbfbf;
}
.form-control::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #bfbfbf;
}
.form-control::-webkit-input-placeholder {
  color: #bfbfbf;
}
.disabled[disabled] {
  background-color: #007a85;
  border: 1px solid #007a85;
}
.disabled[disabled]:hover {
  background-color: #00636c;
  border: 1px solid #00636c;
}
.disabled.is-invalid {
  background-color: #007a85;
  border: 1px solid #007a85;
}
.disabled.is-invalid:hover {
  background-color: #00636c;
  border: 1px solid #00636c;
}
form label {
  color: #5e5e5e;
}
form .btn-submit,
form input[type='submit'] {
  margin-top: 15px;
}
form input.invalid {
  border: 1px solid #ff8383;
}
.form-control {
  border-bottom: 1px solid #1d1b20;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
}
.radio-inline,
.checkbox-inline {
  margin-right: 20px;
}
.btn-submit[disabled],
input[type='submit'][disabled] {
  background-color: #007a85;
  border: 1px solid #007a85;
}
.btn-submit[disabled]:hover,
input[type='submit'][disabled]:hover {
  background-color: #00636c;
  border: 1px solid #00636c;
}
.btn-submit.is-invalid,
input[type='submit'].is-invalid {
  background-color: #007a85;
  border: 1px solid #007a85;
}
.btn-submit.is-invalid:hover,
input[type='submit'].is-invalid:hover {
  background-color: #00636c;
  border: 1px solid #00636c;
}

.input-user-roles label {
  margin-bottom: 15px;
}
.input-user-roles .roles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.input-user-roles .roles .role {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 5px;
  margin-bottom: 20px;
  cursor: pointer;
}
.input-user-roles .roles .role .name {
  padding-left: 8px;
}