/* Sini Colors */
/* Global colors */
.sini-fg-primary {
  color: var(--primary-color) !important; }

.sini-fg-pink {
  color: #D7006C !important; }

.sini-fg-white {
  color: white !important; }

.sini-fg-red {
  color: #AA1919 !important; }

.sini-fg-blue {
  color: #1986AA !important; }

.sini-fg-purple {
  color: #971AB3 !important; }

.sini-fg-green {
  color: #19AA73 !important; }

.sini-fg-grey {
  color: #9BA3A0 !important; }

.sini-fg-brown {
  color: #AA7019 !important; }

.sini-fg-orange {
  color: #DE8B29 !important; }

.sini-fg-bright-red {
  color: #FF0000 !important; }

.sini-bg-pink {
  background-color: #D7006C !important; }

.sini-bg-white {
  background-color: white !important; }

.sini-bg-primary {
  background-color: var(--primary-color) !important; }

.sini-bg-red {
  background-color: #AA1919 !important; }

.sini-bg-blue {
  background-color: #1986AA !important; }

.sini-bg-purple {
  background-color: #971AB3 !important; }

.sini-bg-green {
  background-color: #19AA73 !important; }

.sini-bg-grey {
  background-color: #9BA3A0 !important; }

.sini-bg-brown {
  background-color: #AA7019 !important; }

.sini-bg-orange {
  background-color: #DE8B29 !important; }

.sini-bg-bright-red {
  background-color: #FF0000 !important; }

/* Grid */
.font-weight-normal {
  font-weight: 400; }

.font-weight-600 {
  font-weight: 600; }

.font-weight-500 {
  font-weight: 500; }

.font-weight-400 {
  font-weight: 400; }

.font-40 {
  font-size: 40px; }

.font-38 {
  font-size: 38px; }

.font-36 {
  font-size: 36px; }

.font-34 {
  font-size: 34px; }

.font-32 {
  font-size: 32px; }

.font-30 {
  font-size: 30px; }

.font-28 {
  font-size: 28px; }

.font-26 {
  font-size: 26px; }

.font-24 {
  font-size: 24px; }

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

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

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

.font-16 {
  font-size: 1rem; }

.font-15 {
  font-size: 0.9375rem; }

.font-14 {
  font-size: 0.875rem; }

.font-13 {
  font-size: 0.8125rem; }

.font-12 {
  font-size: 0.75rem; }

.font-10 {
  font-size: 0.60rem; }

html, body {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-family: "Poppins";
  font-size: 1em !important; }

:root {
  --primary-color: #D7006C; }

html {
  height: 100%; }

.cart-charmbar {
  display: none; }

@media (max-width: 768px) {
  body {
    padding-top: 0 !important; } }

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

@page {
  size: auto;
  /* auto is the initial value */
  margin: 0mm;
  /* this affects the margin in the printer settings */
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px; }

@media print {
  div.modal div.modal-dialog {
    margin: 0;
    width: 100%; } }

div.app-splash {
  padding-top: 100px;
  height: 100%;
  width: 100%; }
  div.app-splash .loading-container {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    div.app-splash .loading-container img {
      margin-top: -15px;
      width: 150px; }
    div.app-splash .loading-container .booking-zone {
      font-weight: 500;
      font-size: 1.4rem;
      color: #34495e; }
      div.app-splash .loading-container .booking-zone span.zone {
        margin-left: 2px;
        color: #e74c3c; }
    div.app-splash .loading-container .loading {
      margin-left: -20px;
      margin-top: 15px;
      border-radius: 50%;
      width: 24px;
      height: 24px;
      border: .25rem solid #cac3c6;
      border-top-color: var(--primary-color);
      animation: spin 1s infinite linear; }
      div.app-splash .loading-container .loading--double {
        border-style: double;
        border-width: .5rem; }

body {
  min-width: 320px;
  padding-top: 100px;
  padding-bottom: 100px;
  color: #303030;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased;
  background-color: white; }
  body div.sini-main-container {
    font-size: 1rem;
    padding-bottom: 3rem; }
  @media only screen and (max-width: 480px) {
    body div.sini-main-container {
      padding-bottom: 2rem; } }

input {
  padding: 3px;
  outline: none;
  border: solid 1px silver; }
  input:focus {
    border: solid 1px #555555 !important;
    outline: none !important; }

a, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration: inherit; }

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.user-select-none {
  user-select: none; }

.avoid-clicks {
  pointer-events: none; }

.user-events-none {
  user-events: none; }

.display-none {
  display: none; }

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

.cursor {
  cursor: pointer; }

.cursor-pointer {
  cursor: pointer; }

.cursor-help {
  cursor: help; }

.cursor-not-allowed {
  cursor: not-allowed !important; }

.hidden, .print {
  display: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

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

.text-capitalize {
  text-transform: capitalize; }

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

.text-lowercase {
  text-transform: lowercase; }

.text-underline {
  text-decoration: underline; }

.visible {
  visibility: visible; }

.invisible {
  visibility: hidden; }

.width-inherit {
  width: inherit; }

.numb-opacity-30 {
  pointer-events: none;
  opacity: .3; }

.sini-blue {
  color: #1986AA; }

.sini-green {
  color: #19AA73; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.full-height {
  min-height: 100%;
  height: 100%; }

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

.mobile-width {
  width: 480px !important; }

.desktop-width {
  max-width: 750px !important; }

.width-100-percent {
  width: 100%; }

.height-100-percent {
  height: 100%; }

input, textarea, select {
  outline: none;
  font-size: 0.8125rem; }
  input:focus, textarea:focus, select:focus {
    outline: none; }

textarea:focus {
  border: solid 1px #555555 !important;
  outline: none !important; }

.dashed-border-top {
  border-top: dashed 1px #909090; }

.dashed-border-bottom {
  border-bottom: dashed 1px #909090; }

.solid-border-top {
  border-top: solid 1px #909090; }

.solid-border-bottom {
  border-bottom: solid 1px #909090; }

.tr-height-4 {
  height: .25rem; }

.tr-height-8 {
  height: .5rem; }

.tr-height-12 {
  height: .75rem; }

.tr-height-16 {
  height: 1rem; }

.main-view-container > .page {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }

.popover {
  max-width: 400px; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

.border-underline {
  border-bottom: solid 1px silver; }

.sini-label {
  padding: .1875rem .5rem;
  color: #464646;
  background-color: #e2e2e2;
  border-radius: 2px; }
  .sini-label.red {
    border-left: solid 3px #AA1919; }
  .sini-label.blue {
    border-left: solid 3px #1986AA; }
  .sini-label.green {
    border-left: solid 3px #19AA73; }
  .sini-label.orange {
    border-left: solid 3px #DE8B29; }
  .sini-label.pink {
    border-left: solid 3px #D7006C; }
  .sini-label.grey {
    border-left: solid 3px #9BA3A0; }
  .sini-label.purple {
    border-left: solid 3px #971AB3; }
  .sini-label.brown {
    border-left: solid 3px #AA7019; }

.transparent-when-disabled:disabled {
  pointer-events: none;
  border: solid 1px transparent;
  background-color: transparent;
  box-shadow: none; }

select.transparent-when-disabled:disabled {
  appearance: none;
  border: none;
  box-shadow: none;
  outline: none;
  box-shadow: none; }

.transform-rotate-180 {
  transform: rotate(-180deg);
  transition: 0.5s; }

.link {
  color: #1986AA; }
  .link:hover {
    text-decoration: underline;
    cursor: pointer; }

button:focus {
  outline: none !important; }

@media screen {
  .hidden-screen {
    display: none !important; } }

@media print {
  .modal .modal-content {
    border: none; } }

@media screen and (min-width: 100px) and (max-width: 765px) {
  .navbar-nav {
    float: left;
    margin: 0; }
  .navbar-nav > li {
    float: left; } }

@media screen and (min-width: 100px) {
  .navbar-fixed-top {
    border-radius: 0; }
  .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0;
    margin-left: 0; }
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0; }
  .navbar-collapse.collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important; } }

.form-reset {
  min-height: 2rem; }
  .form-reset i {
    cursor: pointer;
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-block;
    margin-top: -3px; }

/* @see https://stackoverflow.com/questions/306252/how-to-align-checkboxes-and-their-labels-consistently-cross-browsers */
div.lovelace-simple-label-checkbox label {
  display: block;
  padding-left: 15px;
  text-indent: -15px; }

div.lovelace-simple-label-checkbox input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden; }

.panel-navbar {
  min-height: inherit;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  background-color: white;
  border-bottom: 1px solid #ddd;
  border-top: solid 3px #e7eaec; }
  .panel-navbar .navbar-nav > li {
    display: inline; }
  .panel-navbar .navbar-nav > li > a {
    font-size: .8rem;
    color: inherit;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 3px transparent; }
    .panel-navbar .navbar-nav > li > a:focus {
      background-color: white; }
    .panel-navbar .navbar-nav > li > a.active {
      border-bottom: solid 3px var(--primary-color); }
  .panel-navbar .navbar-nav > li.active > a {
    font-size: .8rem;
    background-color: #d62c1a; }

.margin-top-auto {
  margin-top: auto; }

.margin-bottom-auto {
  margin-bottom: auto; }

.margin-left-auto {
  margin-left: auto; }

.margin-right-auto {
  margin-right: auto; }

.margin-auto {
  margin: auto; }

.margin-left--15 {
  margin-left: -15px !important; }

.margin-right--15 {
  margin-right: -15px !important; }

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

.padding-5 {
  padding: 5px !important; }

.padding-10 {
  padding: 0.625rem !important; }

.padding-15 {
  padding: 0.9375rem !important; }

.padding-20 {
  padding: 1.25rem !important; }

.padding-30 {
  padding: 1.875rem !important; }

.padding-40 {
  padding: 2.5rem !important; }

.padding-50 {
  padding: 3.125rem !important; }

.padding-60 {
  padding: 3.75rem !important; }

.padding-70 {
  padding: 4.375rem !important; }

.padding-80 {
  padding: 5rem !important; }

.padding-90 {
  padding: 5.625rem !important; }

.padding-100 {
  padding: 6.25rem !important; }

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

.padding-top-5 {
  padding-top: 5px !important; }

.padding-top-10 {
  padding-top: 0.625rem !important; }

.padding-top-15 {
  padding-top: 0.9375rem !important; }

.padding-top-20 {
  padding-top: 1.25rem !important; }

.padding-top-30 {
  padding-top: 1.875rem !important; }

.padding-top-40 {
  padding-top: 2.5rem !important; }

.padding-top-50 {
  padding-top: 3.125rem !important; }

.padding-top-60 {
  padding-top: 3.75rem !important; }

.padding-top-70 {
  padding-top: 4.375rem !important; }

.padding-top-80 {
  padding-top: 5rem !important; }

.padding-top-90 {
  padding-top: 5.625rem !important; }

.padding-top-100 {
  padding-top: 6.25rem !important; }

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

.padding-left-5 {
  padding-left: 5px !important; }

.padding-left-15 {
  padding-left: 0.9375rem !important; }

.padding-left-10 {
  padding-left: 0.625rem !important; }

.padding-left-20 {
  padding-left: 1.25rem !important; }

.padding-left-30 {
  padding-left: 1.875rem !important; }

.padding-left-40 {
  padding-left: 2.5rem !important; }

.padding-left-50 {
  padding-left: 3.125rem !important; }

.padding-left-60 {
  padding-left: 3.75rem !important; }

.padding-left-70 {
  padding-left: 4.375rem !important; }

.padding-left-80 {
  padding-left: 5rem !important; }

.padding-left-90 {
  padding-left: 5.625rem !important; }

.padding-left-100 {
  padding-left: 6.25rem !important; }

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

.padding-right-5 {
  padding-right: 5px !important; }

.padding-right-10 {
  padding-right: 0.625rem !important; }

.padding-right-15 {
  padding-right: 0.9375rem !important; }

.padding-right-20 {
  padding-right: 1.25rem !important; }

.padding-right-30 {
  padding-right: 1.875rem !important; }

.padding-right-40 {
  padding-right: 2.5rem !important; }

.padding-right-50 {
  padding-right: 3.125rem !important; }

.padding-right-60 {
  padding-right: 3.75rem !important; }

.padding-right-70 {
  padding-right: 4.375rem !important; }

.padding-right-80 {
  padding-right: 5rem !important; }

.padding-right-90 {
  padding-right: 5.625rem !important; }

.padding-right-100 {
  padding-right: 6.25rem !important; }

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

.padding-bottom-5 {
  padding-bottom: 5px !important; }

.padding-bottom-10 {
  padding-bottom: 0.625rem !important; }

.padding-bottom-15 {
  padding-bottom: 0.9375rem !important; }

.padding-bottom-20 {
  padding-bottom: 1.25rem !important; }

.padding-bottom-30 {
  padding-bottom: 1.875rem !important; }

.padding-bottom-40 {
  padding-bottom: 2.5rem !important; }

.padding-bottom-50 {
  padding-bottom: 3.125rem !important; }

.padding-bottom-60 {
  padding-bottom: 3.75rem !important; }

.padding-bottom-70 {
  padding-bottom: 4.375rem !important; }

.padding-bottom-80 {
  padding-bottom: 5rem !important; }

.padding-bottom-90 {
  padding-bottom: 5.625rem !important; }

.padding-bottom-100 {
  padding-bottom: 6.25rem !important; }

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

.margin-5 {
  margin: 5px !important; }

.margin-10 {
  margin: 0.625rem !important; }

.margin-15 {
  margin: 0.9375rem !important; }

.margin-20 {
  margin: 1.25rem !important; }

.margin-30 {
  margin: 1.875rem !important; }

.margin-40 {
  margin: 2.5rem !important; }

.margin-50 {
  margin: 3.125rem !important; }

.margin-60 {
  margin: 3.75rem !important; }

.margin-70 {
  margin: 4.375rem !important; }

.margin-80 {
  margin: 5rem !important; }

.margin-90 {
  margin: 5.625rem !important; }

.margin-100 {
  margin: 6.25rem !important; }

.margin-top-0 {
  margin-top: 0px !important; }

.margin-top-5 {
  margin-top: 5px !important; }

.margin-top-10 {
  margin-top: 0.625rem !important; }

.margin-top-15 {
  margin-top: 0.9375rem !important; }

.margin-top-20 {
  margin-top: 1.25rem !important; }

.margin-top-30 {
  margin-top: 1.875rem !important; }

.margin-top-40 {
  margin-top: 2.5rem !important; }

.margin-top-50 {
  margin-top: 3.125rem !important; }

.margin-top-60 {
  margin-top: 3.75rem !important; }

.margin-top-70 {
  margin-top: 4.375rem !important; }

.margin-top-80 {
  margin-top: 5rem !important; }

.margin-top-90 {
  margin-top: 5.625rem !important; }

.margin-top-100 {
  margin-top: 6.25rem !important; }

.margin-bottom-0 {
  margin-bottom: 0px !important; }

.margin-bottom-5 {
  margin-bottom: 5px !important; }

.margin-bottom-10 {
  margin-bottom: 0.625rem !important; }

.margin-bottom-15 {
  margin-bottom: 0.9375rem !important; }

.margin-bottom-20 {
  margin-bottom: 1.25rem !important; }

.margin-bottom-30 {
  margin-bottom: 1.875rem !important; }

.margin-bottom-40 {
  margin-bottom: 2.5rem !important; }

.margin-bottom-50 {
  margin-bottom: 3.125rem !important; }

.margin-bottom-60 {
  margin-bottom: 3.75rem !important; }

.margin-bottom-70 {
  margin-bottom: 4.375rem !important; }

.margin-bottom-80 {
  margin-bottom: 5rem !important; }

.margin-bottom-90 {
  margin-bottom: 5.625rem !important; }

.margin-bottom-100 {
  margin-bottom: 6.25rem !important; }

.margin-right-0 {
  margin-right: 0px !important; }

.margin-right-5 {
  margin-right: 5px !important; }

.margin-right-10 {
  margin-right: 0.625rem !important; }

.margin-right-15 {
  margin-right: 0.9375rem !important; }

.margin-right-20 {
  margin-right: 1.25rem !important; }

.margin-right-30 {
  margin-right: 1.875rem !important; }

.margin-right-40 {
  margin-right: 2.5rem !important; }

.margin-right-50 {
  margin-right: 3.125rem !important; }

.margin-right-60 {
  margin-right: 3.75rem !important; }

.margin-right-70 {
  margin-right: 4.375rem !important; }

.margin-right-80 {
  margin-right: 5rem !important; }

.margin-right-90 {
  margin-right: 5.625rem !important; }

.margin-right-100 {
  margin-right: 6.25rem !important; }

.margin-left-0 {
  margin-left: 0px !important; }

.margin-left-5 {
  margin-left: 5px !important; }

.margin-left-10 {
  margin-left: 0.625rem !important; }

.margin-left-15 {
  margin-left: 0.9375rem !important; }

.margin-left-20 {
  margin-left: 1.25rem !important; }

.margin-left-30 {
  margin-left: 1.875rem !important; }

.margin-left-40 {
  margin-left: 2.5rem !important; }

.margin-left-50 {
  margin-left: 3.125rem !important; }

.margin-left-60 {
  margin-left: 3.75rem !important; }

.margin-left-70 {
  margin-left: 4.375rem !important; }

.margin-left-80 {
  margin-left: 5rem !important; }

.margin-left-90 {
  margin-left: 5.625rem !important; }

.margin-left-100 {
  margin-left: 6.25rem !important; }

.font-weight-100 {
  font-weight: 100; }

.font-weight-200 {
  font-weight: 200; }

.font-weight-300 {
  font-weight: 300; }

.font-weight-400 {
  font-weight: 400; }

.font-weight-500 {
  font-weight: 500; }

.font-weight-600 {
  font-weight: 600; }

.font-weight-700 {
  font-weight: 700; }

.font-weight-800 {
  font-weight: 800; }

.font-weight-900 {
  font-weight: 900; }

/*
    Flaticon icon font: Flaticon
    Creation date: 18/05/2020 13:56
    */
@font-face {
  font-family: "Flaticon";
  src: url("./Flaticon.eot");
  src: url("./Flaticon.eot?#iefix") format("embedded-opentype"), url("./Flaticon.woff2") format("woff2"), url("./Flaticon.woff") format("woff"), url("./Flaticon.ttf") format("truetype"), url("./Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg"); } }

.fi:before {
  display: inline-block;
  font-family: "Flaticon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.flaticon-cake:before {
  content: "\f100"; }

.flaticon-add:before {
  content: "\f101"; }

.flaticon-calendar:before {
  content: "\f102"; }

.flaticon-list:before {
  content: "\f103"; }

.flaticon-minus:before {
  content: "\f104"; }

.flaticon-menu:before {
  content: "\f105"; }

.flaticon-eye:before {
  content: "\f106"; }

.flaticon-stats:before {
  content: "\f107"; }

.flaticon-invoice:before {
  content: "\f108"; }

.flaticon-reception:before {
  content: "\f109"; }

.flaticon-credit-card:before {
  content: "\f10a"; }

.flaticon-dashboard:before {
  content: "\f10b"; }

.flaticon-mortarboard:before {
  content: "\f10c"; }

.flaticon-diskette:before {
  content: "\f10d"; }

.flaticon-set-alarm:before {
  content: "\f10e"; }

.flaticon-coins:before {
  content: "\f10f"; }

.flaticon-rupee-indian:before {
  content: "\f110"; }

.flaticon-users-group:before {
  content: "\f111"; }

.flaticon-multiple-users-silhouette:before {
  content: "\f112"; }

.flaticon-kids-couple:before {
  content: "\f113"; }

.flaticon-united-heterosexual-symbols:before {
  content: "\f114"; }

.flaticon-delivery-packages-on-a-trolley:before {
  content: "\f115"; }

.flaticon-menu-button-of-three-horizontal-lines:before {
  content: "\f116"; }

.flaticon-menu-button:before {
  content: "\f117"; }

.flaticon-cell-phone:before {
  content: "\f118"; }

.flaticon-rubbish-bin:before {
  content: "\f119"; }

.flaticon-user-silhouette:before {
  content: "\f11a"; }

.flaticon-specialist-user:before {
  content: "\f11b"; }

.flaticon-male-telemarketer:before {
  content: "\f11c"; }

.flaticon-sms-message:before {
  content: "\f11d"; }

.flaticon-percent:before {
  content: "\f11e"; }

.flaticon-hairdresser-chair:before {
  content: "\f11f"; }

.flaticon-signs:before {
  content: "\f120"; }

.flaticon-edit:before {
  content: "\f121"; }

.flaticon-payment:before {
  content: "\f122"; }

.flaticon-startup:before {
  content: "\f123"; }

.flaticon-lightbulb-idea:before {
  content: "\f124"; }

.flaticon-identity:before {
  content: "\f125"; }

.flaticon-id-card:before {
  content: "\f126"; }

.flaticon-search:before {
  content: "\f127"; }

.flaticon-massage-spa-body-treatment:before {
  content: "\f128"; }

.flaticon-spa:before {
  content: "\f129"; }

.flaticon-user:before {
  content: "\f12a"; }

.flaticon-add-1:before {
  content: "\f12b"; }

.flaticon-minus-1:before {
  content: "\f12c"; }

.panel.lovelace-panel-apple {
  border-top: solid 3px #e7eaec;
  margin-top: 1.25rem;
  border-radius: 0;
  background-color: white; }
  .panel.lovelace-panel-apple p.input-group.has-float-label {
    margin: 0 0 0.75rem; }
  .panel.lovelace-panel-apple .title {
    padding: .875rem .9375rem;
    font-size: .875rem;
    font-weight: 600; }
    .panel.lovelace-panel-apple .title .label {
      line-height: inherit;
      font-weight: 600;
      font-size: .6785rem;
      padding: .1875rem .5rem;
      color: white;
      border-radius: .1875rem; }
  .panel.lovelace-panel-apple.create-panel div.reset {
    min-height: 2rem; }
    .panel.lovelace-panel-apple.create-panel div.reset i {
      cursor: pointer;
      padding-left: 1rem;
      padding-right: 1rem;
      display: inline-block;
      margin-top: -3px; }
  .panel.lovelace-panel-apple.collapsible-panel .title {
    cursor: pointer; }
  .panel.lovelace-panel-apple > .content {
    border-top: solid 1px #e7eaec;
    padding: .9375rem;
    font-size: .8125rem;
    min-height: 100px; }

table.lovelace-grid {
  table-layout: fixed; }
  table.lovelace-grid input, table.lovelace-grid select {
    padding: 3px;
    width: 85%;
    height: inherit; }
  table.lovelace-grid th {
    font-weight: 600; }
  table.lovelace-grid td.input-box {
    padding: 0.4rem; }
  table.lovelace-grid tbody tr td {
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  table.lovelace-grid tbody.disable-all-rows button.edit, table.lovelace-grid tbody.disable-all-rows button.delete {
    pointer-events: none;
    background-color: #f8c9c4;
    border: solid 1px #f8c9c4; }

.lovelace-grid-row:nth-of-type(even) {
  background-color: #ffffff; }

.lovelace-grid-row:nth-of-type(odd) {
  background-color: #f9f9f9; }

.lovelace-grid-row:hover {
  background-color: #eaeaea !important; }

.lovelace-grid-row.editing {
  background-color: #ededed !important; }

.display-flex {
  display: flex; }

.flex-1 {
  flex: 1; }

.flex-2 {
  flex: 2; }

.flex-3 {
  flex: 3; }

.flex-4 {
  flex: 4; }

.flex-5 {
  flex: 5; }

.flex-6 {
  flex: 6; }

.flex-7 {
  flex: 7; }

.flex-8 {
  flex: 8; }

.flex-9 {
  flex: 9; }

.flex-10 {
  flex: 10; }

.flex-11 {
  flex: 11; }

.flex-12 {
  flex: 12; }

.flex-13 {
  flex: 13; }

.flex-14 {
  flex: 14; }

.flex-15 {
  flex: 15; }

.flex-16 {
  flex: 16; }

.flex-17 {
  flex: 17; }

.flex-18 {
  flex: 18; }

.flex-19 {
  flex: 19; }

.flex-20 {
  flex: 20; }

.justify-content-flex-end {
  justify-content: flex-end; }

.justify-content-center {
  justify-content: center; }

.justify-content-flex-start {
  justify-content: flex-start; }

.justify-content-space-between {
  justify-content: space-between; }

.align-self-center {
  align-self: center; }

.align-self-flex-end {
  align-self: flex-end; }

.align-self-flex-start {
  align-self: flex-start; }

.align-items-center {
  align-items: center; }

.align-items-end {
  align-items: flex-end; }

.align-items-stretch {
  align-items: stretch; }

.flex-direction-column {
  flex-direction: column; }

.input-textbox-addon {
  font-size: 0px; }
  .input-textbox-addon span:first-of-type {
    position: relative;
    width: 1.875rem;
    height: 1.875rem;
    border: solid 1px silver;
    border-left: none;
    background-color: white;
    display: inline-block;
    cursor: pointer;
    vertical-align: bottom; }
    .input-textbox-addon span:first-of-type:before {
      color: var(--primary-color);
      font-family: Flaticon;
      position: absolute;
      display: block;
      line-height: 1.875rem;
      top: 0;
      left: 0;
      width: 1.875rem;
      height: 1.875rem;
      text-align: center;
      font-size: 1rem; }
    .input-textbox-addon span:first-of-type.user:before {
      content: "\f10b"; }
    .input-textbox-addon span:first-of-type.phone:before {
      content: "\f102 "; }
    .input-textbox-addon span:first-of-type.card:before {
      content: "\f09d"; }
    .input-textbox-addon span:first-of-type.calendar:before {
      content: "\f101"; }
    .input-textbox-addon span:first-of-type.scissors:before {
      content: "\f0c4"; }
    .input-textbox-addon span:first-of-type.time:before {
      content: "\f017"; }
    .input-textbox-addon span:first-of-type.rupee:before {
      content: "\f156"; }
    .input-textbox-addon span:first-of-type.dark-bg {
      background-color: var(--primary-color) !important;
      border: none !important; }
      .input-textbox-addon span:first-of-type.dark-bg:before {
        color: white !important; }
  .input-textbox-addon input {
    font-size: 0.8125rem;
    border: solid 1px silver;
    border-right: none !important;
    height: 1.875rem; }
    .input-textbox-addon input:focus {
      border: solid 1px silver !important;
      border-right: none !important; }
    .input-textbox-addon input.editable:focus {
      border: solid 1px grey !important;
      border-right: none !important; }

button [class^="flaticon-"]:before, button [class*=" flaticon-"]:before,
button [class^="flaticon-"]:after, button [class*=" flaticon-"]:after {
  font-size: 0.8125rem;
  margin-left: 0;
  margin-right: 5px; }

button.btn-xs [class^="flaticon-"]:before, button.btn-xs [class*=" flaticon-"]:before,
button.btn-xs [class^="flaticon-"]:after, button.btn-xs [class*=" flaticon-"]:after {
  font-size: 10px;
  margin-left: 0;
  margin-right: 5px; }

button:focus {
  box-shadow: 0px 0px 5px 0px #6d6d6d; }

button i.glyphicon:before {
  margin-left: 0;
  margin-right: 5px; }

button.btn {
  border-radius: 2px; }

.input-group-btn button i.fi:before {
  margin-left: 0;
  margin-right: 0;
  width: 16px; }

.input-group-btn button i.glyphicon:before {
  margin-left: 0;
  margin-right: 0; }

.input-group-btn button i {
  min-width: 16px; }

.input-group input {
  padding: 6px;
  box-shadow: none;
  border-radius: 0; }
  .input-group input:focus {
    outline: none !important; }

.form-control {
  font-size: 0.8125rem;
  border-radius: 0; }
  .form-control:focus {
    border-color: inherit;
    box-shadow: none;
    border-radius: 0; }
  .form-control textarea {
    border-radius: 0; }

.input-group-btn:last-child > .btn {
  border-radius: 0; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: inherit;
  opacity: inherit; }

.modal-dialog .modal-title {
  color: #353535; }

.table > thead > tr > th, .table > tbody > tr > th {
  border: 0 !important;
  font-weight: 600; }

table tfoot {
  border-bottom: 1px solid #ddd; }

.modal .modal-content {
  border-radius: 2px; }

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
    max-width: 1200px; } }

@media (min-width: 768px) {
  .modal-sm-350 {
    width: 350px; } }

@media (min-width: 768px) {
  .modal-md-480 {
    width: 480px; } }

div.pagination > li > a,
div.pagination > li > span {
  color: var(--primary-color); }

div.pagination > .active > a, div.pagination > .active > a:hover, div.pagination > .active > a:focus,
div.pagination > .active > span,
div.pagination > .active > span:hover,
div.pagination > .active > span:focus {
  z-index: 3;
  color: white;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  cursor: default; }

div.pagination > li > a:hover, div.pagination > li > a:focus,
div.pagination > li > span:hover,
div.pagination > li > span:focus {
  outline: none;
  color: var(--primary-color); }

/* Specify styling for tooltip contents */
.tooltip.lovelace-tooltip .tooltip-inner {
  color: white;
  background-color: #8B8987;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

/* Hide arrow */
.tooltip.lovelace-tooltip .tooltip-arrow {
  display: none; }

.pagination {
  margin: 0; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  vertical-align: middle; }

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
* Ref: https://codepen.io/bootpen/pen/jbbaRa
*******************************/
.modal.left .modal-content, .modal.right .modal-content {
  border-radius: 0;
  border: none; }

.modal.left .modal-header, .modal.right .modal-header {
  border-bottom-color: #EEEEEE;
  background-color: #FAFAFA; }

.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto; }

.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 80px; }

/*Left*/
.modal.left.fade .modal-dialog {
  left: -320px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out; }

.modal.left.fade.in .modal-dialog {
  left: 0; }

/*Right*/
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out; }

.modal.right.fade.in .modal-dialog {
  right: 0; }

@media (min-width: 768px) and (max-width: 1200px) {
  .container {
    width: 100%; } }

.modal .modal-title {
  color: inherit;
  font-size: 1rem; }

.modal .modal-header button.close {
  opacity: 0.5; }
  .modal .modal-header button.close:hover {
    opacity: 0.8; }

.modal .modal-body {
  font-size: 0.8125rem; }

.modal .modal-footer .btn {
  font-size: 0.8125rem; }

.uib-daypicker:focus, .uib-monthpicker:focus, .uib-yearpicker:focus {
  outline: none !important; }

.uib-daypicker thead button, .uib-monthpicker thead button, .uib-yearpicker thead button {
  border: none !important;
  box-shadow: none !important; }

.uib-daypicker .uib-day button {
  border: none !important;
  box-shadow: none !important; }

.uib-monthpicker .uib-month button {
  border: none !important;
  box-shadow: none !important; }

.uib-yearpicker .uib-year button {
  border: none !important;
  box-shadow: none !important; }

.uib-datepicker-popup {
  z-index: 1100; }

.growl-container > .growl-item.ng-enter,
.growl-container > .growl-item.ng-leave {
  transition: 0.2s linear all; }

/* @see https://github.com/minipai/ng-trans.css/blob/master/ng-trans.css */
.growl-container > .growl-item.ng-enter, .growl-container > .growl-item.ng-leave.ng-leave-active, .growl-container > .growl-item.ng-hide-remove, .growl-container > .growl-item.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  -webkit-transform: perspective(400px) rotateX(90deg);
  -ms-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg); }

.growl-container > .growl-item.ng-leave, .growl-container > .growl-item.ng-enter.ng-enter-active, .growl-container > .growl-item.ng-hide-remove.ng-hide-remove-active, .growl-container > .growl-item.ng-hide-add {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg); }

.growl-container > .growl-item:nth-child(1) {
  margin-top: 40px; }

.growl-container > .growl-item button.close {
  opacity: .5;
  color: white; }
  .growl-container > .growl-item button.close:hover {
    opacity: .9;
    color: white; }

/* @see https://github.com/needim/noty/blob/master/src/themes/mint.scss */
.alert-success {
  color: white;
  background-color: #AFC765;
  border: 1px solid #A0B55C;
  border-radius: 2px; }

.alert-info {
  color: white;
  background-color: #7F7EFF;
  border-bottom: 1px solid #7473E8;
  border-radius: 2px; }

.alert-error {
  color: white;
  background-color: #DE636F;
  border: 1px solid #CA5A65;
  border-radius: 2px; }

.alert-warning {
  color: white;
  background-color: #FFAE42;
  border: 1px solid #E89F3C;
  border-radius: 2px; }

.alert-success {
  color: white;
  background-color: #60A917;
  border: 1px solid #60A917; }

.alert-warning {
  background-color: #ff9200; }

.treasure-overlay-spinner-container {
  background-color: white;
  transition: none !important;
  z-index: 10; }

.modal .modal-body .treasure-overlay-spinner-container {
  z-index: 10; }

.modal .modal-body .treasure-overlay-spinner-content {
  padding-top: 5px; }

treasure-overlay-spinner.transparent .treasure-overlay-spinner-container, .modal .modal-body .transparent .treasure-overlay-spinner-container {
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 1; }

.with-default-opacity.treasure-overlay-spinner-active .treasure-overlay-spinner-container {
  opacity: 0.6; }

.ui-select-container.select2-container.select2-container-active .select2-choice {
  border: solid 1px #555; }

.ui-select-container.select2-container.select2-container-active.select2-dropdown-open .select2-choice {
  border: 1px solid #aaa; }

.ui-select-container.select2-container .select2-choice {
  border-radius: 0;
  border: solid 1px #aaa;
  box-shadow: none;
  background-image: none; }
  .ui-select-container.select2-container .select2-choice span {
    color: #636363; }

.ui-select-container.select2-container .search-container.select2-search {
  margin-top: 6px; }

.ui-select-container.select2-container .ui-select-dropdown.select2-drop-active {
  border: 1px solid #aaa; }

.ui-select-container.select2-container .select2-arrow.ui-select-toggle {
  background: none;
  border-left: none; }

.ui-select-container.select2-container.select2-container-active.select2-dropdown-open .select2-choice {
  border-bottom: none;
  background-color: white; }
  .ui-select-container.select2-container.select2-container-active.select2-dropdown-open .select2-choice span {
    color: #3a3a3a; }

.ui-select-container.select2-container.select2-container-active.select2-dropdown-open .select2-with-searchbox.select2-drop-active {
  border-top: none; }

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

.aligner-item {
  flex: 1; }

.aligner-item-top {
  align-self: flex-start; }

.aligner-item-bottom {
  align-self: flex-end; }

.aligner-item-fixed {
  flex: none;
  max-width: 50%; }

.component.bounce-spinner .bounce-spinner-container {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto; }
  .component.bounce-spinner .bounce-spinner-container .double-bounce1, .component.bounce-spinner .bounce-spinner-container .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--primary-color);
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    animation: bounce 2.0s infinite ease-in-out; }
  .component.bounce-spinner .bounce-spinner-container .double-bounce2 {
    animation-delay: -1.0s; }

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

.has-float-label {
  position: relative; }

.has-float-label label {
  position: absolute;
  cursor: text;
  font-size: 11px;
  color: var(--primary-color);
  opacity: 1;
  -webkit-transition: all .2s;
  transition: all .2s;
  top: -.5em;
  left: 12px;
  z-index: 3;
  line-height: 1;
  padding: 0 1px; }

.has-float-label label::after {
  content: " ";
  display: block;
  position: absolute;
  background: #fff;
  height: 2px;
  top: 50%;
  left: -.2em;
  right: -.2em;
  z-index: -1; }

.has-float-label .form-control::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
  transition: all .2s; }

.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0; }

.has-float-label .form-control:placeholder-shown:not(:focus) + label {
  font-size: 0.8125rem;
  opacity: .8;
  top: .8em;
  font-weight: 400;
  color: #464646; }

.input-group .has-float-label {
  display: table-cell; }

.input-group.has-float-label input {
  padding-left: 12px; }

.input-group .has-float-label .form-control {
  border-radius: 4px; }

.input-group .has-float-label:not(:last-child) .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group .has-float-label:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px; }

.btn {
  border-radius: 2px;
  font-weight: 600; }

.btn-blue {
  color: white;
  background-color: #1c98c0;
  border: solid 1px #1c98c0;
  outline: none; }
  .btn-blue:hover, .btn-blue:active, .btn-blue:focus, .btn-blue:active:focus, .btn-blue:active:hover {
    color: white;
    outline: none;
    border: solid 1px #1c98c0;
    background-color: #1986AA; }
  .btn-blue:focus {
    color: white;
    border: solid 1px #555555 !important; }
  .btn-blue:disabled, .btn-blue.disabled, .btn-blue[disabled]:focus, .btn-blue[disabled]:hover {
    color: white;
    pointer-events: none;
    background-color: #2fb4e0;
    border: solid 1px #2fb4e0; }
  .btn-blue.active {
    color: white;
    background-color: #12637e; }
    .btn-blue.active:hover, .btn-blue.active:active, .btn-blue.active:focus, .btn-blue.active:active:focus {
      color: white;
      background-color: #12637e !important; }

.btn-green {
  color: white;
  background-color: #1cc082;
  border: solid 1px #1cc082;
  outline: none; }
  .btn-green:hover, .btn-green:active, .btn-green:focus, .btn-green:active:focus, .btn-green:active:hover {
    color: white;
    outline: none;
    border: solid 1px #1cc082;
    background-color: #19AA73; }
  .btn-green:focus {
    color: white;
    border: solid 1px #555555 !important; }
  .btn-green:disabled, .btn-green.disabled, .btn-green[disabled]:focus, .btn-green[disabled]:hover {
    color: white;
    pointer-events: none;
    background-color: #2fe09d;
    border: solid 1px #2fe09d; }
  .btn-green.active {
    color: white;
    background-color: #127e55; }
    .btn-green.active:hover, .btn-green.active:active, .btn-green.active:focus, .btn-green.active:active:focus {
      color: white;
      background-color: #127e55 !important; }

.btn-light-green {
  color: white;
  background-color: #8ac91d;
  border: solid 1px #8ac91d;
  outline: none; }
  .btn-light-green:hover, .btn-light-green:active, .btn-light-green:focus, .btn-light-green:active:focus, .btn-light-green:active:hover {
    color: white;
    outline: none;
    border: solid 1px #8ac91d;
    background-color: #7BB31A; }
  .btn-light-green:focus {
    color: white;
    border: solid 1px #555555 !important; }
  .btn-light-green:disabled, .btn-light-green.disabled, .btn-light-green[disabled]:focus, .btn-light-green[disabled]:hover {
    color: white;
    pointer-events: none;
    background-color: #a4e237;
    border: solid 1px #a4e237; }
  .btn-light-green.active {
    color: white;
    background-color: #5c8614; }
    .btn-light-green.active:hover, .btn-light-green.active:active, .btn-light-green.active:focus, .btn-light-green.active:active:focus {
      color: white;
      background-color: #5c8614 !important; }

.btn-purple {
  color: white;
  background-color: #aa1dc9;
  border: solid 1px #aa1dc9;
  outline: none; }
  .btn-purple:hover, .btn-purple:active, .btn-purple:focus, .btn-purple:active:focus, .btn-purple:active:hover {
    color: white;
    outline: none;
    border: solid 1px #aa1dc9;
    background-color: #971AB3; }
  .btn-purple:focus {
    color: white;
    border: solid 1px #555555 !important; }
  .btn-purple:disabled, .btn-purple.disabled, .btn-purple[disabled]:focus, .btn-purple[disabled]:hover {
    color: white;
    pointer-events: none;
    background-color: #c337e2;
    border: solid 1px #c337e2; }
  .btn-purple.active {
    color: white;
    background-color: #711486; }
    .btn-purple.active:hover, .btn-purple.active:active, .btn-purple.active:focus, .btn-purple.active:active:focus {
      color: white;
      background-color: #711486 !important; }

.btn-brown {
  color: white;
  background-color: #c07f1c;
  border: solid 1px #c07f1c;
  outline: none; }
  .btn-brown:hover, .btn-brown:active, .btn-brown:focus, .btn-brown:active:focus, .btn-brown:active:hover {
    color: white;
    outline: none;
    border: solid 1px #c07f1c;
    background-color: #AA7019; }
  .btn-brown:focus {
    color: white;
    border: solid 1px #555555 !important; }
  .btn-brown:disabled, .btn-brown.disabled, .btn-brown[disabled]:focus, .btn-brown[disabled]:hover {
    color: white;
    pointer-events: none;
    background-color: #e0992f;
    border: solid 1px #e0992f; }
  .btn-brown.active {
    color: white;
    background-color: #7e5312; }
    .btn-brown.active:hover, .btn-brown.active:active, .btn-brown.active:focus, .btn-brown.active:active:focus {
      color: white;
      background-color: #7e5312 !important; }

.btn-red {
  color: white;
  background-color: #c01c1c;
  border: solid 1px #c01c1c;
  outline: none; }
  .btn-red:hover, .btn-red:active, .btn-red:focus, .btn-red:active:focus, .btn-red:active:hover {
    color: white;
    outline: none;
    border: solid 1px #c01c1c;
    background-color: #AA1919; }
  .btn-red:focus {
    color: white;
    border: solid 1px #555555 !important; }
  .btn-red:disabled, .btn-red.disabled, .btn-red[disabled]:focus, .btn-red[disabled]:hover {
    color: white;
    pointer-events: none;
    background-color: #e02f2f;
    border: solid 1px #e02f2f; }
  .btn-red.active {
    color: white;
    background-color: #7e1212; }
    .btn-red.active:hover, .btn-red.active:active, .btn-red.active:focus, .btn-red.active:active:focus {
      color: white;
      background-color: #7e1212 !important; }

.btn-orange {
  color: white;
  background-color: #e1973f;
  border: solid 1px #e1973f;
  outline: none; }
  .btn-orange:hover, .btn-orange:active, .btn-orange:focus, .btn-orange:active:focus, .btn-orange:active:hover {
    color: white;
    outline: none;
    border: solid 1px #e1973f;
    background-color: #DE8B29; }
  .btn-orange:focus {
    color: white;
    border: solid 1px #555555 !important; }
  .btn-orange:disabled, .btn-orange.disabled, .btn-orange[disabled]:focus, .btn-orange[disabled]:hover {
    color: white;
    pointer-events: none;
    background-color: #e8af6b;
    border: solid 1px #e8af6b; }
  .btn-orange.active {
    color: white;
    background-color: #b8701c; }
    .btn-orange.active:hover, .btn-orange.active:active, .btn-orange.active:focus, .btn-orange.active:active:focus {
      color: white;
      background-color: #b8701c !important; }

.btn-grey {
  color: white;
  background-color: #a8afad;
  border: solid 1px #a8afad;
  outline: none; }
  .btn-grey:hover, .btn-grey:active, .btn-grey:focus, .btn-grey:active:focus, .btn-grey:active:hover {
    color: white;
    outline: none;
    border: solid 1px #a8afad;
    background-color: #9BA3A0; }
  .btn-grey:focus {
    color: white;
    border: solid 1px #555555 !important; }
  .btn-grey:disabled, .btn-grey.disabled, .btn-grey[disabled]:focus, .btn-grey[disabled]:hover {
    color: white;
    pointer-events: none;
    background-color: #c3c8c6;
    border: solid 1px #c3c8c6; }
  .btn-grey.active {
    color: white;
    background-color: #808b87; }
    .btn-grey.active:hover, .btn-grey.active:active, .btn-grey.active:focus, .btn-grey.active:active:focus {
      color: white;
      background-color: #808b87 !important; }

.btn-light-grey {
  color: white;
  background-color: #989694;
  border: solid 1px #989694;
  outline: none; }
  .btn-light-grey:hover, .btn-light-grey:active, .btn-light-grey:focus, .btn-light-grey:active:focus, .btn-light-grey:active:hover {
    color: white;
    outline: none;
    border: solid 1px #989694;
    background-color: #8B8987; }
  .btn-light-grey:focus {
    color: white;
    border: solid 1px #555555 !important; }
  .btn-light-grey:disabled, .btn-light-grey.disabled, .btn-light-grey[disabled]:focus, .btn-light-grey[disabled]:hover {
    color: white;
    pointer-events: none;
    background-color: #b1afae;
    border: solid 1px #b1afae; }
  .btn-light-grey.active {
    color: white;
    background-color: #71706e; }
    .btn-light-grey.active:hover, .btn-light-grey.active:active, .btn-light-grey.active:focus, .btn-light-grey.active:active:focus {
      color: white;
      background-color: #71706e !important; }

.btn-primary {
  color: white;
  background-color: var(--primary-color);
  border: solid 1px var(--primary-color);
  outline: none; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover {
    color: white;
    outline: none;
    border: solid 1px var(--primary-color);
    background-color: var(--primary-color); }
  .btn-primary:focus {
    color: white;
    border: solid 1px #555555 !important; }
  .btn-primary:disabled, .btn-primary.disabled, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover {
    color: white;
    pointer-events: none;
    background-color: var(--primary-color);
    border: solid 1px var(--primary-color); }
  .btn-primary.active {
    color: white;
    background-color: var(--primary-color); }
    .btn-primary.active:hover, .btn-primary.active:active, .btn-primary.active:focus, .btn-primary.active:active:focus {
      color: white;
      background-color: var(--primary-color) !important; }

.btn-xs i.glyphicon {
  font-size: 11px; }

.scrollbar-style-1::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5; }

.scrollbar-style-1::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5; }

.scrollbar-style-1::-webkit-scrollbar-thumb {
  background-color: grey; }

.scrollbar-style-2::-webkit-scrollbar, .scrollbar-style-3::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

.scrollbar-style-2::-webkit-scrollbar-track {
  background-color: #DAD8D8; }

/* the new scrollbar will have a flat appearance with the set background color */
.scrollbar-style-2::-webkit-scrollbar-thumb {
  background-color: #AFAFAF;
  border-radius: 10px; }

/* this will style the thumb, ignoring the track */
/* this will style the corner */
.scrollbar-style-3::-webkit-scrollbar-track {
  background-color: #EFEFEF; }

/* the new scrollbar will have a flat appearance with the set background color */
.scrollbar-style-3::-webkit-scrollbar-thumb {
  background-color: #D2D2D2;
  border-radius: 10px; }

/* this will style the thumb, ignoring the track */
.app-footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: white;
  color: #605f5f; }
  .app-footer .social-links {
    font-size: 1.25rem;
    padding-top: 2rem;
    padding-bottom: 1rem; }
    .app-footer .social-links span {
      margin-right: 1rem; }
      .app-footer .social-links span:last-child {
        margin-right: 0; }
  .app-footer .copyright {
    font-size: 0.9375rem;
    padding-bottom: 1rem; }

.component.date-selector p.input-group.date-selector {
  width: 9rem;
  margin-bottom: 0; }

.component.date-selector select.form-control {
  margin-right: .3rem;
  width: initial; }

.component.date-selector .from-date, .component.date-selector .to-date {
  margin-top: 7px;
  margin-right: 10px;
  margin-left: 10px; }

.component.birthday-picker .form-control.day {
  width: 60px; }

.component.birthday-picker .form-control.month {
  width: 80px; }

.component.birthday-picker a {
  color: #1986AA; }
  .component.birthday-picker a:hover {
    text-decoration: underline;
    cursor: pointer; }

.component.main-navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; }
  .component.main-navbar .navbar {
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05);
    background: #fff;
    border-radius: none !important;
    border-bottom: solid 1px #f4f4f4;
    margin-bottom: 0px; }
    .component.main-navbar .navbar .brand {
      display: inline-block;
      text-align: center;
      padding: 1rem;
      margin-right: 1rem; }
    .component.main-navbar .navbar .call-us {
      background-color: #efefef;
      padding: 4px 10px;
      border-radius: 10px;
      margin-bottom: 5px;
      display: inline-block; }
    .component.main-navbar .navbar div.left {
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: center;
      padding: 0.75rem 0; }
      .component.main-navbar .navbar div.left .brand-name {
        font-size: 1.25rem;
        font-weight: 500; }
    .component.main-navbar .navbar div.right {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: flex-end; }
      .component.main-navbar .navbar div.right a {
        font-family: "Poppins";
        font-size: 0.875rem;
        font-weight: 500;
        text-transform: uppercase; }
      .component.main-navbar .navbar div.right .btn {
        box-shadow: none; }
        .component.main-navbar .navbar div.right .btn.active {
          color: var(--primary-color); }
  .component.main-navbar .toggle .menu-icon {
    cursor: pointer;
    display: inline-block;
    position: relative;
    user-select: none;
    padding: 28px 20px; }
  .component.main-navbar .toggle .menu-icon .navicon {
    background: #333;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px; }
  .component.main-navbar .toggle .menu-icon .navicon:before,
  .component.main-navbar .toggle .menu-icon .navicon:after {
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%; }
  .component.main-navbar .toggle .menu-icon .navicon:before {
    top: 5px; }
  .component.main-navbar .toggle .menu-icon .navicon:after {
    top: -5px; }
  .component.main-navbar .toggle .menu-btn {
    display: none; }
  .component.main-navbar .toggle .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent; }
  .component.main-navbar .toggle .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg); }
  .component.main-navbar .toggle .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg); }
  .component.main-navbar .toggle .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
  .component.main-navbar .toggle .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0; }
  .component.main-navbar .hamburger-menu {
    z-index: 1000; }
    .component.main-navbar .hamburger-menu ul {
      padding: 15px;
      list-style: none;
      max-height: 0;
      transition: slide-down 1s ease-out;
      box-shadow: 0 7px 6px rgba(0, 0, 0, 0.15); }
    .component.main-navbar .hamburger-menu.open ul {
      max-height: 240px; }
  .component.main-navbar .hamburger-menu ul li {
    border-bottom: 1px solid #eee; }
    .component.main-navbar .hamburger-menu ul li:last-child {
      border-bottom: none; }
    .component.main-navbar .hamburger-menu ul li a {
      display: block;
      padding: 15px 15px; }

.component.flash-message {
  line-height: 1.5rem; }

.component.lovelace-spinner .spinner .xs {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  border: 0.15rem solid #cac3c6;
  border-top-color: var(--primary-color);
  animation: spin 1s infinite linear; }

.component.lovelace-spinner .spinner .sm {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  border: 0.2rem solid #cac3c6;
  border-top-color: var(--primary-color);
  animation: spin 1s infinite linear; }

.component.lovelace-spinner .spinner .md {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  border: 0.2rem solid #cac3c6;
  border-top-color: var(--primary-color);
  animation: spin 1s infinite linear; }

.component.lovelace-spinner .spinner .lg {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 0.25rem solid #cac3c6;
  border-top-color: var(--primary-color);
  animation: spin 1s infinite linear; }

.component.menu-selector label {
  margin-bottom: 0;
  margin-right: 0.5rem;
  font-size: 0.8125rem;
  display: flex;
  align-items: center; }

.component.menu-selector .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

.component.menu-selector .btn-group > .btn:last-child:not(:first-child), .component.menu-selector .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.component.menu-selector .ui-select-container {
  width: 300px;
  font-size: 0.8125rem; }
  .component.menu-selector .ui-select-container .select2-result-label i.flaticon-rupee-indian {
    font-size: .65rem;
    color: #636363; }
  .component.menu-selector .ui-select-container .select2-highlighted span.rate {
    color: white; }
    .component.menu-selector .ui-select-container .select2-highlighted span.rate i.flaticon-rupee-indian {
      color: white; }

.component.menu-selector .gender > label {
  flex: 0 0 100px; }

.component.menu-selector .gender .btn-group label {
  margin-right: 0px; }

.component.menu-selector .gender .btn-group .btn {
  min-width: 80px; }

.component.menu-selector .gender .btn-group i {
  margin-top: -4px;
  margin-right: 5px; }

.component.menu-selector .quick-search {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 6px;
  padding-right: 6px; }
  .component.menu-selector .quick-search i.glyphicon:before {
    margin-right: 0; }

.component.no-resources div.panel-content {
  padding-top: 0; }
  .component.no-resources div.panel-content .repeat-item.ng-leave {
    transition: 0.3s ease-out all; }
  .component.no-resources div.panel-content .no-resources {
    margin-bottom: 8rem;
    margin-top: 3rem; }
    .component.no-resources div.panel-content .no-resources div.title {
      font-family: Roboto;
      font-weight: 300;
      font-size: 1.8rem;
      margin-bottom: 1rem; }
    .component.no-resources div.panel-content .no-resources div.icon {
      color: var(--primary-color);
      font-size: 3.5rem;
      margin-bottom: 1rem; }
    .component.no-resources div.panel-content .no-resources button {
      margin-top: 1rem; }

.alert-modal .notification {
  animation-name: zoomIn;
  animation-duration: .5s;
  animation-delay: 0s; }
  .alert-modal .notification.ng-show {
    animation-name: fadeOut;
    animation-duration: .5s; }
  .alert-modal .notification i {
    font-size: 4rem; }
  .alert-modal .notification span {
    padding-top: .5rem;
    display: inline-block;
    font-size: 1rem;
    padding-bottom: 2rem; }

.select-from-time-modal .modal-body .select-minute, .select-from-time-modal .modal-body .select-hour {
  height: 50px; }

.select-from-time-modal .modal-body .selected-time {
  height: 30px; }

.select-from-time-modal .modal-body .select-meredian {
  height: 80px;
  line-height: 80px;
  width: 100%;
  text-align: center; }
  .select-from-time-modal .modal-body .select-meredian .meredian-list {
    margin-top: 10px;
    display: inline-table; }
    .select-from-time-modal .modal-body .select-meredian .meredian-list .meredian {
      margin: 2px;
      height: 40px;
      line-height: 40px;
      width: 40px;
      float: left;
      border-radius: 20px;
      text-align: center;
      justify-content: center;
      cursor: pointer; }
    .select-from-time-modal .modal-body .select-meredian .meredian-list .meredian:hover {
      background-color: var(--primary-color);
      color: white; }
    .select-from-time-modal .modal-body .select-meredian .meredian-list .selected {
      background-color: var(--primary-color);
      color: white; }

.select-from-time-modal .modal-body .hour-list, .select-from-time-modal .modal-body .minute-list {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); }
  .select-from-time-modal .modal-body .hour-list .hour, .select-from-time-modal .modal-body .hour-list .minute, .select-from-time-modal .modal-body .minute-list .hour, .select-from-time-modal .modal-body .minute-list .minute {
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-radius: 20px;
    text-align: center;
    justify-content: center;
    cursor: pointer; }
  .select-from-time-modal .modal-body .hour-list .hour:hover, .select-from-time-modal .modal-body .hour-list .minute:hover, .select-from-time-modal .modal-body .minute-list .hour:hover, .select-from-time-modal .modal-body .minute-list .minute:hover {
    background-color: var(--primary-color);
    color: white; }
  .select-from-time-modal .modal-body .hour-list .selected, .select-from-time-modal .modal-body .minute-list .selected {
    background-color: var(--primary-color);
    color: white; }

.page.index {
  /* Navbar */
  /* Blocks */ }
  .page.index a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .page.index a:hover {
    text-decoration: none; }
  .page.index h1, .page.index h2, .page.index h3, .page.index h4, .page.index h5,
  .page.index .h1, .page.index .h2, .page.index .h3, .page.index .h4, .page.index .h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
  .page.index .bg-light {
    background: #f6f6f6 !important; }
  .page.index .border-2 {
    border-width: 2px; }
  .page.index .text-black {
    color: #000 !important; }
  .page.index .bg-black {
    background: #000 !important; }
  .page.index .color-black-opacity-5 {
    color: rgba(0, 0, 0, 0.5); }
  .page.index .color-white-opacity-5 {
    color: rgba(255, 255, 255, 0.5); }
  .page.index .site-wrap:before {
    display: none;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    background: rgba(0, 0, 0, 0.6);
    content: "";
    position: absolute;
    z-index: 2000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden; }
  .page.index .offcanvas-menu .site-wrap {
    height: 100%;
    width: 100%;
    z-index: 2; }
  .page.index .offcanvas-menu .site-wrap:before {
    opacity: 1;
    visibility: visible; }
  .page.index .btn {
    font-size: 16px;
    border-radius: 30px;
    padding: 10px 30px; }
  .page.index .btn:hover, .page.index .btn:active, .page.index .btn:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .page.index .btn.btn-primary {
    border-width: 2px;
    background: #D7006C;
    border-color: #D7006C;
    color: #fff;
    -webkit-box-shadow: 0 4px 20px -5px rgba(0, 210, 181, 0.4);
    box-shadow: 0 4px 20px -5px rgba(0, 210, 181, 0.4); }
  .page.index .btn.btn-primary:hover {
    background: transparent;
    border-color: #D7006C;
    color: #000; }
  .page.index .line-height-1 {
    line-height: 1 !important; }
  .page.index .bg-black {
    background: #000; }
  .page.index .form-control {
    height: 43px;
    border-radius: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
  .page.index .form-control:active, .page.index .form-control:focus {
    border-color: #D7006C; }
  .page.index .form-control:hover, .page.index .form-control:active, .page.index .form-control:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .page.index .site-section {
    padding: 2.5em 0; }
  @media (min-width: 768px) {
    .page.index .site-section {
      padding: 5em 0; } }
  .page.index .site-section.site-section-sm {
    padding: 4em 0; }
  .page.index .site-section-heading {
    padding-bottom: 20px;
    margin-bottom: 0px;
    position: relative;
    font-size: 2.5rem; }
  @media (min-width: 768px) {
    .page.index .site-section-heading {
      font-size: 3rem; } }
  .page.index .border-top {
    border-top: 1px solid #edf0f5 !important; }
  .page.index .site-footer {
    padding: 4em 0;
    background: #333333; }
  @media (min-width: 768px) {
    .page.index .site-footer {
      padding: 8em 0; } }
  .page.index .site-footer .border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  .page.index .site-footer p {
    color: #737373; }
  .page.index .site-footer h2, .page.index .site-footer h3, .page.index .site-footer h4, .page.index .site-footer h5 {
    color: #fff; }
  .page.index .site-footer a {
    color: #999999; }
  .page.index .site-footer a:hover {
    color: white; }
  .page.index .site-footer ul li {
    margin-bottom: 10px; }
  .page.index .site-footer .footer-heading {
    font-size: 16px;
    color: #fff; }
  .page.index .bg-text-line {
    display: inline;
    background: #000;
    -webkit-box-shadow: 20px 0 0 #000, -20px 0 0 #000;
    box-shadow: 20px 0 0 #000, -20px 0 0 #000; }
  .page.index .text-white-opacity-05 {
    color: rgba(255, 255, 255, 0.5); }
  .page.index .text-black-opacity-05 {
    color: rgba(0, 0, 0, 0.5); }
  .page.index .hover-bg-enlarge {
    overflow: hidden;
    position: relative; }
  @media (max-width: 991.98px) {
    .page.index .hover-bg-enlarge {
      height: auto !important; } }
  .page.index .hover-bg-enlarge > div {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .8s all ease-in-out;
    -o-transition: .8s all ease-in-out;
    transition: .8s all ease-in-out; }
  .page.index .hover-bg-enlarge:hover > div, .page.index .hover-bg-enlarge:focus > div, .page.index .hover-bg-enlarge:active > div {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  @media (max-width: 991.98px) {
    .page.index .hover-bg-enlarge .bg-image-md-height {
      height: 300px !important; } }
  .page.index .bg-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed; }
  .page.index .bg-image.overlay {
    position: relative; }
  .page.index .bg-image.overlay:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7); }
  .page.index .bg-image > .container {
    position: relative;
    z-index: 1; }
  @media (max-width: 991.98px) {
    .page.index .img-md-fluid {
      max-width: 100%; } }
  @media (max-width: 991.98px) {
    .page.index .display-1, .page.index .display-3 {
      font-size: 3rem; } }
  .page.index .play-single-big {
    width: 90px;
    height: 90px;
    display: inline-block;
    border: 2px solid #fff;
    color: #fff !important;
    border-radius: 50%;
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  .page.index .play-single-big > span {
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%); }
  .page.index .play-single-big:hover {
    width: 120px;
    height: 120px; }
  .page.index .overlap-to-top {
    margin-top: -150px; }
  .page.index .ul-check {
    margin-bottom: 50px; }
  .page.index .ul-check li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    line-height: 1.5; }
  .page.index .ul-check li:before {
    left: 0;
    font-size: 20px;
    top: -.3rem;
    font-family: "icomoon";
    content: "\e5ca";
    position: absolute; }
  .page.index .ul-check.white li:before {
    color: #fff; }
  .page.index .ul-check.success li:before {
    color: #8bc34a; }
  .page.index .ul-check.primary li:before {
    color: #D7006C; }
  .page.index .select-wrap, .page.index .wrap-icon {
    position: relative; }
  .page.index .select-wrap .icon, .page.index .wrap-icon .icon {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 22px; }
  .page.index .select-wrap select, .page.index .wrap-icon select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%; }
  .page.index .site-navbar {
    margin-bottom: 0px;
    z-index: 1999;
    position: absolute;
    width: 100%;
    background: #fff; }
  .page.index .site-navbar .site-logo {
    position: relative;
    left: 0;
    top: -5px; }
  .page.index .site-navbar .site-navigation.border-bottom {
    border-bottom: 1px solid #f3f3f4 !important; }
  .page.index .site-navbar .site-navigation .site-menu {
    margin-bottom: 0; }
  .page.index .site-navbar .site-navigation .site-menu .active {
    color: #D7006C;
    display: inline-block;
    padding: 5px 20px; }
  .page.index .site-navbar .site-navigation .site-menu a {
    text-decoration: none !important;
    display: inline-block; }
  .page.index .site-navbar .site-navigation .site-menu > li {
    display: inline-block; }
  .page.index .site-navbar .site-navigation .site-menu > li > a {
    padding: 5px 20px;
    color: #000;
    display: inline-block;
    text-decoration: none !important; }
  .page.index .site-navbar .site-navigation .site-menu > li > a:hover {
    color: #D7006C; }
  .page.index .site-navbar .site-navigation .site-menu .has-children {
    position: relative; }
  .page.index .site-navbar .site-navigation .site-menu .has-children > a {
    position: relative;
    padding-right: 20px; }
  .page.index .site-navbar .site-navigation .site-menu .has-children > a:before {
    position: absolute;
    content: "\e313";
    font-size: 16px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'icomoon'; }
  .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top: 100%;
    position: absolute;
    text-align: left;
    border-top: 2px solid #D7006C;
    -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
    border-left: 1px solid #edf0f5;
    border-right: 1px solid #edf0f5;
    border-bottom: 1px solid #edf0f5;
    padding: 0px 0;
    margin-top: 20px;
    margin-left: 0px;
    background: #fff;
    -webkit-transition: 0.2s 0s;
    -o-transition: 0.2s 0s;
    transition: 0.2s 0s; }
  .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
    position: absolute; }
  .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px; }
  .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown a {
    text-transform: none;
    letter-spacing: normal;
    -webkit-transition: 0s all;
    -o-transition: 0s all;
    transition: 0s all;
    color: #343a40; }
  .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
    color: #D7006C !important; }
  .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 200px; }
  .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
    padding: 9px 20px;
    display: block; }
  .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
    background: #f4f5f9;
    color: #25262a; }
  .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
    content: "\e315";
    right: 20px; }
  .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
    left: 100%;
    top: 0; }
  .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .page.index .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
    background: #f4f5f9;
    color: #25262a; }
  .page.index .site-navbar .site-navigation .site-menu .has-children:hover > a, .page.index .site-navbar .site-navigation .site-menu .has-children:focus > a, .page.index .site-navbar .site-navigation .site-menu .has-children:active > a {
    color: #D7006C; }
  .page.index .site-navbar .site-navigation .site-menu .has-children:hover, .page.index .site-navbar .site-navigation .site-menu .has-children:focus, .page.index .site-navbar .site-navigation .site-menu .has-children:active {
    cursor: pointer; }
  .page.index .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .page.index .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .page.index .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    margin-top: 0px;
    visibility: visible;
    opacity: 1; }
  .page.index .site-mobile-menu {
    width: 300px;
    position: fixed;
    right: 0;
    z-index: 2000;
    padding-top: 20px;
    background: #fff;
    height: calc(100vh);
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  .page.index .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .page.index .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .page.index .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
    float: right;
    margin-top: 8px; }
  .page.index .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
    font-size: 30px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 0px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .page.index .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
    color: #25262a; }
  .page.index .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
    float: left;
    margin-top: 10px;
    margin-left: 0px; }
  .page.index .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
    display: inline-block;
    text-transform: uppercase; }
  .page.index .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
    max-width: 70px; }
  .page.index .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
    text-decoration: none; }
  .page.index .site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 20px 20px 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
  .page.index .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
  .page.index .site-mobile-menu .site-nav-wrap a {
    padding: 10px 20px;
    display: block;
    position: relative;
    color: #212529; }
  .page.index .site-mobile-menu .site-nav-wrap a:hover {
    color: #D7006C; }
  .page.index .site-mobile-menu .site-nav-wrap li {
    position: relative;
    display: block; }
  .page.index .site-mobile-menu .site-nav-wrap li .active {
    color: #D7006C; }
  .page.index .site-mobile-menu .site-nav-wrap .arrow-collapse {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 20;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%; }
  .page.index .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
    background: #f8f9fa; }
  .page.index .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
    font-size: 12px;
    z-index: 20;
    font-family: "icomoon";
    content: "\f078";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    -ms-transform: translate(-50%, -50%) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(-180deg);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .page.index .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .page.index .site-mobile-menu .site-nav-wrap > li {
    display: block;
    position: relative;
    float: left;
    width: 100%; }
  .page.index .site-mobile-menu .site-nav-wrap > li > a {
    padding-left: 20px;
    font-size: 20px; }
  .page.index .site-mobile-menu .site-nav-wrap > li > ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  .page.index .site-mobile-menu .site-nav-wrap > li > ul > li {
    display: block; }
  .page.index .site-mobile-menu .site-nav-wrap > li > ul > li > a {
    padding-left: 40px;
    font-size: 16px; }
  .page.index .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
    padding: 0;
    margin: 0; }
  .page.index .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
    display: block; }
  .page.index .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
    font-size: 16px;
    padding-left: 60px; }
  .page.index .site-mobile-menu .site-nav-wrap[data-class="social"] {
    float: left;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 5em; }
  .page.index .site-mobile-menu .site-nav-wrap[data-class="social"] > li {
    width: auto; }
  .page.index .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
    padding-left: 15px !important; }
  .page.index .sticky-wrapper {
    position: absolute;
    z-index: 100;
    width: 100%; }
  .page.index .sticky-wrapper .site-navbar {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .page.index .sticky-wrapper.is-sticky .site-navbar {
    -webkit-box-shadow: 4px 0 20px -10px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 0 20px -10px rgba(0, 0, 0, 0.2); }
  .page.index .sticky-wrapper .shrink {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }
  .page.index .primary-gradient {
    background: #00d2b6;
    background: -moz-linear-gradient(left, #00d2b6 0%, #daff09 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #00d2b6), color-stop(100%, #daff09));
    background: -webkit-linear-gradient(left, #00d2b6 0%, #daff09 100%);
    background: -o-linear-gradient(left, #00d2b6 0%, #daff09 100%);
    background: -ms-linear-gradient(left, #00d2b6 0%, #daff09 100%);
    background: -webkit-gradient(linear, left top, right top, from(#00d2b6), to(#daff09));
    background: linear-gradient(to right, #00d2b6 0%, #daff09 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d2b6', endColorstr='#daff09', GradientType=1 ); }
  .page.index .site-blocks-cover {
    background-size: cover;
    background-size: 120% 200%;
    background-repeat: no-repeat;
    background-position: top;
    position: relative; }
  .page.index .site-blocks-cover:after {
    position: absolute;
    background-image: url("../images/svg_1.svg");
    content: "";
    right: 0; }
  .page.index .site-blocks-cover.overlay {
    position: relative; }
  .page.index .site-blocks-cover.overlay:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2); }
  .page.index .site-blocks-cover .player {
    position: absolute;
    bottom: -250px;
    width: 100%; }
  .page.index .site-blocks-cover, .page.index .site-blocks-cover > .container > .row {
    min-height: 600px;
    height: calc(100vh); }
  .page.index .site-blocks-cover.inner-page-cover, .page.index .site-blocks-cover.inner-page-cover > .container > .row {
    min-height: 400px;
    height: calc(20vh); }
  .page.index .site-blocks-cover h1 {
    font-size: 3.5rem;
    font-weight: 400;
    color: #000;
    font-weight: 900; }
  @media (max-width: 991.98px) {
    .page.index .site-blocks-cover h1 {
      font-size: 2rem; } }
  .page.index .site-blocks-cover p {
    color: #6c757d;
    font-size: 1rem;
    font-weight: 300; }
  .page.index .site-blocks-cover .intro-text {
    font-size: 16px;
    line-height: 1.5; }
  @media (max-width: 991.98px) {
    .page.index .site-blocks-cover .display-1 {
      font-size: 3rem; } }
  .page.index .img-absolute {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(30%);
    -ms-transform: translateY(-50%) translateX(30%);
    transform: translateY(-50%) translateX(30%); }
  .page.index .img-absolute img {
    max-width: 100%; }
  @media (max-width: 991.98px) {
    .page.index .img-absolute {
      position: relative;
      top: auto;
      -webkit-transform: translateY(0%) translateX(0%);
      -ms-transform: translateY(0%) translateX(0%);
      transform: translateY(0%) translateX(0%);
      margin-bottom: 30px; } }
  .page.index .site-block-subscribe .btn {
    padding-left: 20px;
    padding-right: 20px; }
  .page.index .site-block-subscribe .form-control {
    font-weight: 300;
    border-color: #fff !important;
    height: 80px;
    font-size: 22px;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px; }
  .page.index .site-block-subscribe .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.5);
    font-weight: 200;
    font-style: italic; }
  .page.index .site-block-subscribe .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.5);
    font-weight: 200;
    font-style: italic; }
  .page.index .site-block-subscribe .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.5);
    font-weight: 200;
    font-style: italic; }
  .page.index .site-block-subscribe .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.5);
    font-weight: 200;
    font-style: italic; }
  .page.index .bg-light {
    background: #ccc; }
  .page.index .team-member {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden; }
  .page.index .team-member img {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .page.index .team-member:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 210, 181, 0.8);
    z-index: 2;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .page.index .team-member .text {
    top: 50%;
    text-align: center;
    position: absolute;
    padding: 20px;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease;
    opacity: 0;
    visibility: hidden;
    color: #fff; }
  .page.index .team-member:hover:before, .page.index .team-member:focus:before, .page.index .team-member:active:before {
    opacity: 1;
    visibility: visible; }
  .page.index .team-member:hover img, .page.index .team-member:focus img, .page.index .team-member:active img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  .page.index .team-member:hover .text, .page.index .team-member:focus .text, .page.index .team-member:active .text {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    opacity: 1;
    visibility: visible;
    z-index: 4; }
  .page.index .feature-blocks-1 {
    position: relative;
    margin-top: -70px;
    z-index: 2;
    color: #999999; }
  .page.index .feature-blocks-1.no-margin-top {
    margin-top: 0px; }
  .page.index .feature-blocks-1 .feature-block-1 {
    position: relative;
    top: 0;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    overflow: hidden;
    z-index: 1; }
  .page.index .feature-blocks-1 .feature-block-1.bg {
    position: relative;
    background-size: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  .page.index .feature-blocks-1 .feature-block-1 .text {
    z-index: 10;
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  .page.index .feature-blocks-1 .feature-block-1:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  .page.index .feature-blocks-1 .feature-block-1 p {
    color: #cccccc; }
  .page.index .feature-blocks-1 .feature-block-1:hover, .page.index .feature-blocks-1 .feature-block-1:focus, .page.index .feature-blocks-1 .feature-block-1:active {
    top: -10px;
    -webkit-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.4); }
  .page.index .feature-blocks-1 .feature-block-1:hover .text, .page.index .feature-blocks-1 .feature-block-1:focus .text, .page.index .feature-blocks-1 .feature-block-1:active .text {
    opacity: 1;
    visibility: visible; }
  .page.index .feature-blocks-1 .feature-block-1:hover.bg, .page.index .feature-blocks-1 .feature-block-1:focus.bg, .page.index .feature-blocks-1 .feature-block-1:active.bg {
    position: relative;
    background-size: cover;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 2; }
  .page.index .feature-blocks-1 .feature-block-1:hover:before, .page.index .feature-blocks-1 .feature-block-1:focus:before, .page.index .feature-blocks-1 .feature-block-1:active:before {
    background: rgba(0, 0, 0, 0.9); }
  .page.index .site-blocks-vs .bg-image {
    padding-top: 3em;
    padding-bottom: 3em; }
  @media (min-width: 992px) {
    .page.index .site-blocks-vs .bg-image {
      padding-top: 5em;
      padding-bottom: 5em; } }
  .page.index .site-blocks-vs .image {
    width: 80px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px; }
  @media (max-width: 991.98px) {
    .page.index .site-blocks-vs .image {
      margin-left: auto !important;
      margin-right: auto !important; } }
  .page.index .site-blocks-vs .image img {
    border-radius: 50%; }
  .page.index .site-blocks-vs .image.image-small {
    width: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px; }
  .page.index .site-blocks-vs .country {
    color: rgba(255, 255, 255, 0.7); }
  .page.index .match-entry {
    position: relative;
    -webkit-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .page.index .match-entry .small {
    color: #ccc;
    font-weight: normal;
    letter-spacing: .15em; }
  .page.index .match-entry:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 90;
    -webkit-box-shadow: 0 5px 40px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 40px -5px rgba(0, 0, 0, 0.1); }
  .page.index .post-entry {
    position: relative;
    overflow: hidden;
    border: 1px solid #e6e6e6; }
  .page.index .post-entry, .page.index .post-entry .text {
    border-radius: 4px;
    border-top: none !important; }
  .page.index .post-entry .date {
    color: #ccc;
    font-weight: normal;
    letter-spacing: .1em; }
  .page.index .post-entry .image {
    overflow: hidden;
    position: relative; }
  .page.index .post-entry .image img {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .page.index .post-entry:hover .image img, .page.index .post-entry:active .image img, .page.index .post-entry:focus .image img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  .page.index .site-block-tab .nav-item {
    text-transform: uppercase;
    font-size: 0.8rem;
    margin: 0 20px; }
  .page.index .site-block-tab .nav-item:first-child {
    margin-left: 0 !important; }
  .page.index .site-block-tab .nav-item > a {
    padding-left: 0 !important;
    background: none !important;
    padding-right: 0 !important;
    border-bottom: 2px solid transparent;
    border-radius: 0 !important;
    font-weight: bold;
    color: #cccccc; }
  .page.index .site-block-tab .nav-item > a:hover, .page.index .site-block-tab .nav-item > a.active {
    border-bottom: 2px solid #D7006C;
    color: #000; }
  .page.index .block-13, .page.index .slide-one-item {
    position: relative;
    z-index: 1; }
  .page.index .block-13 .owl-nav, .page.index .slide-one-item .owl-nav {
    position: relative;
    position: absolute;
    bottom: -90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .page.index .block-13 .owl-nav .owl-prev, .page.index .block-13 .owl-nav .owl-next, .page.index .slide-one-item .owl-nav .owl-prev, .page.index .slide-one-item .owl-nav .owl-next {
    position: relative;
    display: inline-block;
    padding: 20px;
    font-size: 30px;
    color: #000; }
  .page.index .block-13 .owl-nav .owl-prev.disabled, .page.index .block-13 .owl-nav .owl-next.disabled, .page.index .slide-one-item .owl-nav .owl-prev.disabled, .page.index .slide-one-item .owl-nav .owl-next.disabled {
    opacity: .2; }
  .page.index .slide-one-item.home-slider .owl-nav {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    width: 100%; }
  @media (max-width: 991.98px) {
    .page.index .slide-one-item.home-slider .owl-nav {
      display: none; } }
  .page.index .slide-one-item.home-slider .owl-prev {
    left: 10px !important; }
  .page.index .slide-one-item.home-slider .owl-next {
    right: 10px !important; }
  .page.index .slide-one-item.home-slider .owl-prev, .page.index .slide-one-item.home-slider .owl-next {
    color: #fff;
    position: absolute !important;
    top: 50%;
    padding: 0px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    line-height: 0;
    text-align: center;
    font-size: 25px; }
  @media (min-width: 768px) {
    .page.index .slide-one-item.home-slider .owl-prev, .page.index .slide-one-item.home-slider .owl-next {
      font-size: 25px; } }
  .page.index .slide-one-item.home-slider .owl-prev > span, .page.index .slide-one-item.home-slider .owl-next > span {
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .page.index .slide-one-item.home-slider .owl-prev:hover, .page.index .slide-one-item.home-slider .owl-prev:focus, .page.index .slide-one-item.home-slider .owl-next:hover, .page.index .slide-one-item.home-slider .owl-next:focus {
    background: black; }
  .page.index .slide-one-item.home-slider:hover .owl-nav, .page.index .slide-one-item.home-slider:focus .owl-nav, .page.index .slide-one-item.home-slider:active .owl-nav {
    opacity: 10;
    visibility: visible; }
  .page.index .slide-one-item .owl-dots {
    text-align: center; }
  .page.index .slide-one-item .owl-dots .owl-dot {
    display: inline-block;
    margin: 4px; }
  .page.index .slide-one-item .owl-dots .owl-dot span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #dee2e6; }
  .page.index .slide-one-item .owl-dots .owl-dot.active span {
    background: #D7006C; }
  .page.index .block-12 {
    position: relative; }
  .page.index .block-12 figure {
    position: relative; }
  .page.index .block-12 figure:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
    background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); }
  .page.index .block-12 .text-overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 10; }
  .page.index .block-12 .text-overlay h2 {
    color: #fff; }
  .page.index .block-12 .text {
    position: relative;
    top: -100px; }
  .page.index .block-12 .text .meta {
    text-transform: uppercase;
    padding-left: 40px;
    color: #fff;
    display: block;
    margin-bottom: 20px; }
  .page.index .block-12 .text .text-inner {
    -webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.3);
    background: #fff;
    padding: 10px;
    margin-right: 30px;
    position: relative; }
  @media (min-width: 576px) {
    .page.index .block-12 .text .text-inner {
      padding: 20px; } }
  @media (min-width: 768px) {
    .page.index .block-12 .text .text-inner {
      padding: 30px 40px; } }
  .page.index .block-12 .text .text-inner:before {
    position: absolute;
    content: "";
    width: 80px;
    height: 4px;
    margin-top: -4px;
    background: #D7006C;
    top: 0; }
  .page.index .block-12 .text .text-inner .heading {
    font-size: 20px;
    margin: 0;
    padding: 0; }
  .page.index .block-16 figure {
    position: relative; }
  .page.index .block-16 figure .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px;
    width: 70px;
    height: 70px;
    background: #fff;
    display: block;
    border-radius: 50%;
    opacity: 1;
    color: #D7006C !important; }
  .page.index .block-16 figure .play-button:hover {
    opacity: 1; }
  .page.index .block-16 figure .play-button > span {
    position: absolute;
    left: 55%;
    top: 50%;
    -webkit-transform: translate(-60%, -50%);
    -ms-transform: translate(-60%, -50%);
    transform: translate(-60%, -50%); }
  .page.index .block-25 ul, .page.index .block-25 ul li {
    padding: 0;
    margin: 0; }
  .page.index .block-25 ul li a .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px; }
  .page.index .block-25 ul li a .image img {
    border-radius: 4px;
    max-width: 100%;
    opacity: 1;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  .page.index .block-25 ul li a .text .heading {
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: #999999; }
  .page.index .block-25 ul li a .meta {
    color: #D7006C; }
  .page.index .block-25 ul li a:hover img {
    opacity: .5; }
  .page.index .block-25 ul li a:hover .text .heading {
    color: #fff; }
  .page.index #date-countdown .countdown-block {
    color: #b3b3b3; }
  .page.index #date-countdown .label {
    font-size: 40px;
    color: #000; }
  .page.index .next-match .image {
    width: 50px;
    border-radius: 50%; }
  .page.index .player {
    position: relative; }
  .page.index .player img {
    max-width: 100px;
    border-radius: 50%;
    margin-bottom: 20px; }
  .page.index .player .team-number {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #D7006C;
    border-radius: 50%;
    color: #fff; }
  .page.index .player .team-number > span {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%; }
  .page.index .player h2 {
    font-size: 20px;
    letter-spacing: .2em;
    text-transform: uppercase; }
  .page.index .player .position {
    font-size: 14px;
    color: #b3b3b3;
    text-transform: uppercase; }
  .page.index .site-block-27 ul, .page.index .site-block-27 ul li {
    padding: 0;
    margin: 0; }
  .page.index .site-block-27 ul li {
    display: inline-block;
    margin-bottom: 4px; }
  .page.index .site-block-27 ul li a, .page.index .site-block-27 ul li span {
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #ccc; }
  .page.index .site-block-27 ul li.active a, .page.index .site-block-27 ul li.active span {
    background: #D7006C;
    color: #fff;
    border: 1px solid transparent; }
  .page.index .site-block-feature-7 .icon {
    -webkit-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .page.index .site-block-feature-7:hover .icon, .page.index .site-block-feature-7:focus .icon, .page.index .site-block-feature-7:active .icon {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  .page.index .unit-1 {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: block; }
  .page.index .unit-1:after {
    content: "";
    z-index: 1;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
    background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); }
  .page.index .unit-1 img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .page.index .unit-1 img, .page.index .unit-1 .unit-1-text {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }
  .page.index .unit-1 .unit-1-text {
    z-index: 2;
    position: absolute;
    bottom: -90px;
    color: #fff;
    display: block;
    width: 100%; }
  .page.index .unit-1 .unit-1-text .unit-1-heading {
    font-size: 1.5rem;
    position: relative; }
  .page.index .unit-1 p {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    color: rgba(255, 255, 255, 0.5); }
  .page.index .unit-1:hover p {
    opacity: 1;
    visibility: visible; }
  .page.index .unit-1:hover .unit-1-text {
    bottom: 30px; }
  .page.index .unit-1:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  .page.index .overlap-section {
    margin-top: -150px;
    position: relative;
    z-index: 9; }
  .page.index .unit-4 {
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    position: relative;
    top: 0; }
  .page.index .unit-4 .unit-4-icon .icon-wrap {
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    background-color: #D7006C;
    -webkit-box-shadow: 0 4px 20px -5px rgba(0, 210, 181, 0.4);
    box-shadow: 0 4px 20px -5px rgba(0, 210, 181, 0.4); }
  .page.index .unit-4 .unit-4-icon .icon-wrap span {
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    color: #fff !important;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .page.index .unit-4 h3 {
    font-size: 16px;
    color: #000;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .page.index .unit-4 p {
    font-weight: 300;
    font-size: 15px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .page.index .unit-4 *:last-child {
    margin-bottom: 0; }
  .page.index .unit-4:hover {
    background: #D7006C;
    -webkit-box-shadow: 0 4px 20px -5px rgba(0, 210, 181, 0.4);
    box-shadow: 0 4px 20px -5px rgba(0, 210, 181, 0.4);
    top: -7px; }
  .page.index .unit-4:hover .icon-wrap {
    background-color: #fff; }
  .page.index .unit-4:hover .icon-wrap span {
    color: #D7006C !important; }
  .page.index .unit-4:hover h3 {
    color: #fff; }
  .page.index .unit-4:hover p {
    font-weight: 300;
    color: rgba(255, 255, 255, 0.7); }
  .page.index .unit-4:hover p a {
    color: #fff; }
  .page.index .h-entry img {
    margin-bottom: 30px; }
  .page.index .h-entry .meta {
    color: #b3b3b3;
    font-size: 14px; }
  .page.index .h-entry h2 {
    font-size: 20px; }
  .page.index .overlap-left {
    margin-left: -100px; }
  @media (max-width: 991.98px) {
    .page.index .overlap-left {
      margin-left: 0px; } }
  .page.index .overlap-section {
    margin-top: -100px; }
  .page.index .feature-1, .page.index .free-quote, .page.index .feature-3 {
    background: #D7006C;
    padding: 30px 50px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 15px; }
  .page.index .feature-1 .heading, .page.index .free-quote .heading, .page.index .feature-3 .heading {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff; }
  .page.index .feature-1 .icon, .page.index .free-quote .icon, .page.index .feature-3 .icon {
    border: 2px solid rgba(255, 255, 255, 0.5);
    width: 80px;
    height: 80px;
    line-height: 80px;
    position: relative;
    border-radius: 50%;
    margin: 0 auto !important; }
  .page.index .feature-1 .icon > span, .page.index .free-quote .icon > span, .page.index .feature-3 .icon > span {
    font-size: 35px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .page.index .free-quote {
    background: #00b99f; }
  .page.index .free-quote .form-control {
    border: 2px solid rgba(255, 255, 255, 0.5);
    background: none;
    color: #fff; }
  .page.index .free-quote .form-control:active, .page.index .free-quote .form-control:focus {
    border: 2px solid #fff; }
  .page.index .free-quote .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
    font-style: italic; }
  .page.index .free-quote .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
    font-style: italic; }
  .page.index .free-quote .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
    font-style: italic; }
  .page.index .free-quote .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
    font-style: italic; }
  .page.index .feature-3 {
    background: #00ae96; }
  .page.index .border-primary {
    position: relative; }
  .page.index .border-primary h2 {
    font-weight: 700 !important; }
  .page.index .border-primary:after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 80px;
    height: 3px;
    background: #D7006C; }
  .page.index .border-primary.text-center:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .page.index .border-primary.text-left:after {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .page.index .testimonial {
    max-width: 800px;
    margin: 0 auto !important;
    text-align: center; }
  .page.index .testimonial blockquote {
    font-size: 1.5rem;
    font-style: italic; }
  .page.index .testimonial figure img {
    max-width: 100px;
    margin: 0 auto;
    border-radius: 50%; }
  .page.index .breadcrumb-custom {
    font-size: 1rem !important; }
  .page.index .text-muted {
    color: #ccc !important;
    font-size: 12px;
    text-transform: uppercase; }
  .page.index .how-it-work-item .number {
    width: 50px;
    height: 50px;
    background: #D7006C;
    color: #fff;
    line-height: 55px;
    font-weight: 300;
    display: inline-block;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    margin-bottom: 40px; }
  .page.index .how-it-work-item h2 {
    font-size: 18px;
    margin-bottom: 30px;
    color: #fff; }
  .page.index .how-it-work-item p {
    color: white; }
  .page.index .person h3 {
    font-size: 18px; }
  .page.index .ul-social-circle {
    list-style: none;
    padding: 0;
    margin: 0; }
  .page.index .ul-social-circle li {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 5px; }
  .page.index .ul-social-circle li:first-child {
    margin-left: 0; }
  .page.index .ul-social-circle li span {
    width: 30px;
    height: 30px;
    background: #777;
    font-size: 13px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    display: inline-block; }
  .page.index .ul-social-circle li a span {
    color: #fff;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .page.index .ul-social-circle li a:hover span {
    background: #2b2b2b;
    color: #fff; }
  .page.index .custom-pagination a, .page.index .custom-pagination span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    display: inline-block;
    background: #D7006C;
    color: #fff; }
  .page.index .custom-pagination span {
    background: #e6e6e6;
    color: #000; }
  .page.index .custom-pagination .more-page {
    background: none;
    letter-spacing: .1em; }
  .page.index .form-search-wrap {
    background: #fff;
    border-radius: 30px; }
  .page.index .form-search-wrap .form-control {
    border: none; }
  @media (max-width: 1199.98px) {
    .page.index .form-search-wrap .form-control {
      height: 55px; } }
  .page.index .form-search-wrap .btn {
    border-radius: 30px;
    padding: 10px 30px; }
  @media (max-width: 1199.98px) {
    .page.index .form-search-wrap .btn {
      width: 100% !important;
      display: block; } }
  .page.index .popular-category {
    background: #fff;
    display: block;
    text-align: center;
    padding: 30px 10px;
    border-radius: 7px;
    background: #f8f9fa;
    position: relative; }
  .page.index .popular-category .icon {
    display: block;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease; }
  .page.index .popular-category .icon > span {
    line-height: 0;
    font-size: 40px; }
  .page.index .popular-category .caption {
    color: #666666;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease; }
  .page.index .popular-category .number {
    padding: 2px 20px;
    border-radius: 30px;
    display: inline-block;
    background: #e9ecef;
    color: #000;
    font-size: 14px;
    -webkit-transition: .1s all ease;
    -o-transition: .1s all ease;
    transition: .1s all ease; }
  .page.index .popular-category:hover {
    background: #D7006C;
    -webkit-box-shadow: 0 5px 30px -5px rgba(0, 210, 181, 0.5);
    box-shadow: 0 5px 30px -5px rgba(0, 210, 181, 0.5); }
  .page.index .popular-category:hover .caption {
    color: #fff; }
  .page.index .popular-category:hover .icon {
    color: #fff; }
  .page.index .popular-category:hover .number {
    background: #00b99f;
    color: #fff; }
  @media (max-width: 1199.98px) {
    .page.index .no-sm-border {
      border: none !important; } }
  .page.index .listing-item {
    position: relative;
    overflow: hidden;
    border-radius: 4px; }
  .page.index .listing-item:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4); }
  .page.index .listing-item img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .page.index .listing-item:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  .page.index .listing-item .listing-item-content {
    position: absolute;
    bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2;
    width: 100%; }
  .page.index .listing-item .listing-item-content .category {
    font-size: 12px;
    display: inline-block;
    padding: 5px 30px;
    background: #D7006C;
    border-radius: 30px;
    color: #fff;
    letter-spacing: .2em;
    text-transform: uppercase; }
  .page.index .listing-item .listing-item-content h2 {
    font-size: 22px; }
  .page.index .listing-item .listing-item-content h2, .page.index .listing-item .listing-item-content h2 a {
    color: #fff; }
  .page.index .listing-item .listing-item-content span {
    color: #fff; }
  .page.index .listing-item .listing-item-content .address {
    color: rgba(255, 255, 255, 0.8); }
  .page.index .listing-item .bookmark {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .page.index .listing-item .bookmark span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .page.index .listing-item .bookmark:hover {
    background: #f23a2e; }
  .page.index .listing-item .bookmark:hover span {
    color: #fff; }
  .page.index .accordion-item[aria-expanded="true"] {
    color: #D7006C; }
  .page.index .social-media {
    display: inline-block;
    float: left;
    margin-bottom: 0px;
    padding: 0; }
  .page.index .social-media li {
    display: inline-block; }
  .page.index .ft-feature-1 {
    margin-bottom: 80px; }
  .page.index .ft-feature-1 .ft-feature-1-content {
    padding: 30px;
    position: relative;
    z-index: 10; }
  .page.index .ft-feature-1 h2, .page.index .ft-feature-1 h3 {
    font-size: 20px;
    color: #fff; }
  .page.index .ft-feature-1 h3 {
    font-size: 18px; }
  .page.index .ft-feature-1 h3 .icon {
    font-size: 30px; }
  .page.index .ft-feature-1 a {
    color: #fff;
    text-decoration: underline; }
  .page.index .ft-feature-1 a:hover {
    color: #fff;
    text-decoration: none; }
  .page.index .ft-feature-1 .play {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #D7006C;
    margin-right: 1.5rem;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    text-decoration: none !important; }
  .page.index .ft-feature-1 .play span {
    color: #fff;
    display: inline; }
  .page.index .ft-feature-1 .img-feature {
    position: relative;
    margin-bottom: 30px; }
  @media (min-width: 992px) {
    .page.index .ft-feature-1 .img-feature {
      margin-bottom: -80px; } }
  .page.index .ft-feature-1 p {
    color: #737373; }
  .page.index .box-with-humber {
    position: relative; }
  .page.index .box-with-humber .number-behind {
    font-size: 6rem;
    position: absolute;
    z-index: -1;
    top: -3rem;
    left: -3rem;
    font-weight: 900;
    color: #f2f4f5; }
  .page.index .box-with-humber h2 {
    font-size: 20px; }
  .page.index .media-1 {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 30px; }
  .page.index .media-1:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    content: "";
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
    visibility: hidden; }
  .page.index .media-1 img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .page.index .media-1 .media-1-content {
    z-index: 4;
    top: 50%;
    position: absolute;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .page.index .media-1 .media-1-content h2 {
    position: relative;
    color: #fff;
    font-size: 1.5rem;
    -webkit-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    opacity: 0;
    visibility: hidden;
    bottom: -10px;
    margin-bottom: 0px; }
  .page.index .media-1 .media-1-content .category {
    position: relative;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    opacity: 0;
    bottom: -10px;
    visibility: hidden;
    color: #999999;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .2em; }
  .page.index .media-1:hover:after {
    opacity: 1;
    visibility: visible; }
  .page.index .media-1:hover h2 {
    bottom: 0px;
    opacity: 1;
    visibility: visible; }
  .page.index .media-1:hover .category {
    opacity: 1;
    visibility: visible;
    bottom: 0px;
    -webkit-transition-delay: 0.09s;
    -o-transition-delay: 0.09s;
    transition-delay: 0.09s; }
  .page.index .media-1:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  .page.index .testimonial-wrap .owl-nav {
    display: none; }
  .page.index .section-sub-title {
    font-size: 13px;
    color: #D7006C;
    letter-spacing: .2em;
    text-transform: uppercase; }
  .page.index .section-title {
    color: #000;
    font-size: 40px;
    font-weight: 900; }
  @media (max-width: 991.98px) {
    .page.index .section-title {
      font-size: 30px; } }
  .page.index .position-relative {
    position: relative; }
  .page.index .experience {
    position: absolute;
    bottom: -10px;
    right: -10px;
    background: #007bff;
    padding: 20px; }
  @media (max-width: 991.98px) {
    .page.index .experience {
      bottom: 0px;
      right: 0px; } }
  .page.index .experience span {
    display: block; }
  .page.index .experience .year {
    font-weight: 900;
    color: #fff;
    font-size: 3rem;
    letter-spacing: normal;
    line-height: 1.2; }
  .page.index .experience span {
    letter-spacing: .2em; }
  .page.index .experience .caption {
    color: #fff;
    letter-spacing: .4em;
    text-transform: uppercase; }
  .page.index .footer-subscribe .btn {
    height: 43px; }
  .page.index .feature-big h2 {
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 30px; }
  .page.index .author-box {
    -webkit-box-shadow: 0 5px 15px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px -2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 20px;
    border: 1px solid #eee; }
  .page.index .author-box *:last-child {
    margin-bottom: 0; }
  .page.index .author-box img {
    max-width: 50px; }
  .page.index .author-box blockquote {
    font-style: italic; }
  .page.index .shadow {
    -webkit-box-shadow: 0 5px 15px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px -2px rgba(0, 0, 0, 0.1); }
  .page.index .h-entry h2 a {
    color: #000;
    font-size: 30px; }
  @media (max-width: 991.98px) {
    .page.index .site-logo {
      top: 0; } }
  @media (max-width: 991.98px) {
    .page.index .main-menu {
      display: none !important; } }

.page.index {
  margin-top: -75px;
  color: #1e272e; }
  .page.index .container.logo {
    text-align: center; }
    .page.index .container.logo img {
      width: 150px; }
    .page.index .container.logo .booking-zone {
      font-weight: 500;
      font-size: 1.4rem;
      color: #34495e; }
      .page.index .container.logo .booking-zone span.zone {
        margin-left: 2px;
        color: #c80064; }
  .page.index ul.navbar-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; }
  .page.index div.banner-section {
    margin-top: 5rem; }
    .page.index div.banner-section img.banner {
      width: 600px;
      margin-right: 3rem; }
    .page.index div.banner-section h1.title {
      color: #1e272e; }
  .page.index .site-blocks-cover {
    min-height: inherit; }

.page.contact div.contact-details {
  /* Small Devices, Tablets */ }
  @media only screen and (max-width: 768px) {
    .page.contact div.contact-details {
      margin-top: 7rem;
      flex-direction: column; }
      .page.contact div.contact-details .address-section {
        margin-left: 0 !important; }
      .page.contact div.contact-details .business-hours-section {
        margin-top: 1rem;
        margin-left: 0 !important; } }

.page.contact .phone-email .fa {
  min-width: 25px;
  text-align: center; }

.page.contact .component.business-hour {
  margin-top: 1rem; }
  .page.contact .component.business-hour span.day-name {
    min-width: 120px; }

.component.service-list .service-panel {
  border: 1px solid #dee5f1;
  margin-bottom: 10px; }
  .component.service-list .service-panel .panel-header {
    background-color: #96add3;
    font-size: 14px;
    font-weight: 600;
    color: white;
    padding: 10px; }
    .component.service-list .service-panel .panel-header .shrink, .component.service-list .service-panel .panel-header .expand {
      cursor: pointer; }
  .component.service-list .service-panel .panel-body {
    padding: 5px 0px;
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s; }
    .component.service-list .service-panel .panel-body .custom-padding {
      padding: 5px 10px; }
      .component.service-list .service-panel .panel-body .custom-padding .service {
        border: 1px solid #d6d6d5; }
      .component.service-list .service-panel .panel-body .custom-padding .service:hover {
        border: 1px solid #8B8987;
        background-color: #d9d9d9; }
  .component.service-list .service-panel .fadeout {
    max-height: 0px;
    padding: 0px;
    overflow-y: hidden; }
  .component.service-list .service-panel .fadein {
    max-height: 400px; }

.page.select-service .panel .content .reset-section {
  width: 100%;
  text-align: center;
  padding: 25px 0px; }

.page.book-appointment ul {
  list-style-type: none; }

.page.book-appointment ul.categories {
  margin-top: 1rem; }
  .page.book-appointment ul.categories > li {
    cursor: pointer;
    text-align: right;
    margin-bottom: 0.5rem; }
    .page.book-appointment ul.categories > li span {
      display: inline-block;
      padding: 0.25rem 1rem;
      padding-right: 0.75rem;
      border-radius: 16px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      color: #777;
      font-size: 0.9375rem; }
  .page.book-appointment ul.categories .selected-category span {
    display: inline-block;
    background-color: var(--primary-color);
    color: white !important; }

@media only screen and (min-width: 1200px) {
  .page.book-appointment .services {
    min-width: 500px; } }

.page.book-appointment .services ul.services-list {
  padding-left: 20px; }
  .page.book-appointment .services ul.services-list .category-name {
    background-color: #efefef;
    color: #585858;
    padding: 3px 16px;
    border-radius: 14px;
    display: inline-block;
    margin-top: 1rem; }
  .page.book-appointment .services ul.services-list .service-rate {
    margin-left: 1rem; }

.page.book-appointment ul.categorywise-service-list {
  margin-top: 0;
  padding-left: 0; }
  .page.book-appointment ul.categorywise-service-list hr {
    margin-top: 5px;
    margin-bottom: 5px; }
  .page.book-appointment ul.categorywise-service-list > li {
    margin-top: 1rem;
    cursor: pointer; }
    .page.book-appointment ul.categorywise-service-list > li:last-child {
      margin-bottom: 1rem; }
      .page.book-appointment ul.categorywise-service-list > li:last-child hr {
        display: none; }

.page.book-appointment .side-sticky-category-selector, .page.book-appointment .sticky-cart-summary {
  position: sticky;
  top: 100px;
  max-height: calc(100vh - 200px); }

.page.book-appointment div.checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  border: solid 1px #a3a3a3;
  border-radius: 30px; }
  .page.book-appointment div.checkbox.unselected {
    animation: flip 0.2s ease-out forwards reverse; }
  .page.book-appointment div.checkbox.selected {
    animation: flip 0.2s ease-out forwards reverse;
    margin-top: 10px;
    display: none;
    color: white;
    border: solid 1px var(--primary-color);
    background-color: var(--primary-color); }
    .page.book-appointment div.checkbox.selected i {
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      height: 100%; }

.page.book-appointment .selected-service div.checkbox.unselected {
  display: none; }

.page.book-appointment .selected-service div.checkbox.selected {
  display: block;
  animation: flip 0.2s ease-out forwards reverse; }

@keyframes flip {
  0% {
    transform: rotateY(0deg); }
  100% {
    transform: rotateY(90deg); } }

.page.book-appointment button.next-action {
  text-align: center;
  margin-top: 2rem;
  border-radius: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.page.book-appointment.visible-xs {
  padding-left: 0;
  padding-right: 0; }
  .page.book-appointment.visible-xs .services {
    min-width: inherit;
    padding-right: 1rem; }

.page.book-appointment .mobile-view-category-list {
  position: sticky;
  top: 0px;
  z-index: 100;
  margin-top: 5rem;
  padding-top: 1rem;
  background-color: white;
  box-shadow: 0 7px 6px rgba(0, 0, 0, 0.1); }

.page.select-datetime button.next-action {
  text-align: center;
  margin-top: 2rem;
  border-radius: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.page.select-datetime.visible-xs {
  padding-left: 0;
  padding-right: 0; }

.page.contact-details .step.inactive {
  cursor: pointer; }

.page.contact-details label {
  font-weight: 500; }

.page.contact-details button.verify-otp {
  border-radius: 1rem; }

.page.contact-details input[type="text"], .page.contact-details input[type="email"] {
  border-radius: 3px; }

.page.contact-details.visible-xs {
  padding-left: 0;
  padding-right: 0; }
  .page.contact-details.visible-xs .input-group input[type="text"], .page.contact-details.visible-xs .input-group input[type="email"] {
    max-width: 300px; }

.page.contact-details button.next-action {
  text-align: center;
  margin-top: 2rem;
  border-radius: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.page.contact-details .container {
  position: relative;
  padding-left: 35px;
  margin: 0;
  cursor: pointer;
  font-weight: 100;
  width: 100px; }

.page.contact-details .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.page.contact-details .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%; }

.page.contact-details .container:hover input ~ .checkmark {
  background-color: #ccc; }

.page.contact-details .container input:checked ~ .checkmark {
  background-color: var(--primary-color); }

.page.contact-details .checkmark:after {
  content: "";
  position: absolute;
  display: none; }

.page.contact-details .container input:checked ~ .checkmark:after {
  display: block; }

.page.contact-details .container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white; }

.page.appointment-confirmation {
  /* Small Devices, Tablets */
  /* Extra Small Devices, Phones */ }
  .page.appointment-confirmation .appointment-confirmed {
    text-align: center;
    position: relative;
    padding: 5px 0px;
    width: 600px;
    margin: 0 auto;
    margin-top: 4rem;
    background-color: #fafafa;
    border-radius: 16px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }
    .page.appointment-confirmation .appointment-confirmed .check-mark-container {
      position: absolute;
      width: 100%;
      margin-top: -2.5rem; }
      .page.appointment-confirmation .appointment-confirmed .check-mark-container i.fa {
        font-size: 4rem;
        color: var(--primary-color);
        background: white; }
    .page.appointment-confirmation .appointment-confirmed .title {
      font-weight: 500;
      font-size: 1.25rem;
      margin-top: 2.5rem;
      margin-bottom: 2.5rem; }
    .page.appointment-confirmation .appointment-confirmed .thank-you-note {
      padding: 2.5rem;
      padding-top: 3rem; }
  .page.appointment-confirmation table tbody tr td, .page.appointment-confirmation table tfoot td {
    padding: 10px; }
    .page.appointment-confirmation table tbody tr td:first-child, .page.appointment-confirmation table tfoot td:first-child {
      text-align: right; }
    .page.appointment-confirmation table tbody tr td:nth-child(2), .page.appointment-confirmation table tfoot td:nth-child(2) {
      text-align: left; }
  .page.appointment-confirmation table tfoot {
    border-bottom: none; }
  @media only screen and (max-width: 768px) {
    .page.appointment-confirmation .appointment-confirmed {
      margin-top: 9rem;
      width: 100%; }
      .page.appointment-confirmation .appointment-confirmed .appointment-info {
        flex-direction: column; }
        .page.appointment-confirmation .appointment-confirmed .appointment-info div.items table {
          margin: 0 auto;
          margin-top: 1rem; } }
  @media only screen and (max-width: 480px) {
    .page.appointment-confirmation .appointment-confirmed {
      max-width: 480px;
      margin-top: 8rem; }
      .page.appointment-confirmation .appointment-confirmed .check-mark-container {
        position: absolute;
        width: 100%;
        margin-top: -1.8rem; }
        .page.appointment-confirmation .appointment-confirmed .check-mark-container i.fa {
          font-size: 3rem;
          color: var(--primary-color);
          background: white; }
      .page.appointment-confirmation .appointment-confirmed .title {
        font-weight: 500;
        font-size: 1.1rem;
        margin-top: 2.5rem;
        margin-bottom: 2.5rem; }
      .page.appointment-confirmation .appointment-confirmed .thank-you-note {
        padding: 1.5rem;
        padding-top: 2rem; } }

.component.booking-breadcrumb {
  margin-bottom: 1.5rem; }
  .component.booking-breadcrumb .delimiter {
    margin-right: 5px;
    margin-left: 5px; }
  .component.booking-breadcrumb .step.inactive {
    cursor: pointer; }
  .component.booking-breadcrumb .step.active {
    font-weight: 500;
    color: var(--primary-color); }

.component.booking-footer .footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5rem;
  z-index: 9; }
  .component.booking-footer .footer > div {
    height: 100%;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
    padding-left: 1rem;
    background: #fff;
    border-radius: none !important;
    border-top: solid 1px #f4f4f4;
    padding-right: 1rem; }
    .component.booking-footer .footer > div button {
      border-radius: 1rem; }

.component.booking-header {
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.component.booking-datetime-picker .datepicker-container {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  padding: 1rem;
  border-radius: 0.5rem; }
  .component.booking-datetime-picker .datepicker-container table {
    width: 100%; }
    .component.booking-datetime-picker .datepicker-container table thead tr th {
      padding-bottom: 0.75rem; }
    .component.booking-datetime-picker .datepicker-container table th {
      font-weight: 500; }
    .component.booking-datetime-picker .datepicker-container table strong {
      font-weight: 500; }
    .component.booking-datetime-picker .datepicker-container table td.uib-day button {
      padding: 0.5rem 0.75rem;
      min-height: 44px;
      min-width: 44px; }
      .component.booking-datetime-picker .datepicker-container table td.uib-day button:hover {
        border-radius: 2rem; }
      .component.booking-datetime-picker .datepicker-container table td.uib-day button.active {
        background-color: var(--primary-color);
        border-radius: 2rem; }
        .component.booking-datetime-picker .datepicker-container table td.uib-day button.active span {
          color: white; }
    .component.booking-datetime-picker .datepicker-container table td.uib-day .btn[disabled] {
      color: #cecece; }
    .component.booking-datetime-picker .datepicker-container table .btn {
      letter-spacing: 1.1px; }

.component.booking-datetime-picker .btn, .component.booking-datetime-picker label {
  font-weight: 500;
  font-size: 15px; }

.component.booking-datetime-picker .morning-dates {
  display: grid;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-columns: 50px 50px 50px 50px;
  text-align: center; }

.component.booking-datetime-picker .morning-dates span {
  padding: 5px;
  cursor: pointer;
  border: 1px solid #f4f4f4;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }

.component.booking-datetime-picker .selected-date {
  color: #f4f4f4;
  background-color: var(--primary-color); }

.component.booking-horizontal-datetime-picker .card {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  margin-top: 20px;
  border-radius: 0.25rem;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  -ms-overflow-style: none;
  /* IE 11 */
  scrollbar-width: none;
  /* Firefox 64 */ }
  .component.booking-horizontal-datetime-picker .card::-webkit-scrollbar {
    display: none; }

.component.booking-horizontal-datetime-picker .card-content {
  flex: 0 0 auto;
  min-width: 80px;
  text-align: center;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  border: solid 1px #e2e2e2;
  margin-right: 0.5rem; }
  .component.booking-horizontal-datetime-picker .card-content p {
    margin-bottom: 0.25rem; }
    .component.booking-horizontal-datetime-picker .card-content p.month, .component.booking-horizontal-datetime-picker .card-content p.day {
      font-family: "Open Sans";
      color: #6c6c6c; }
  .component.booking-horizontal-datetime-picker .card-content.date-active {
    border: solid 1px var(--primary-color); }

.component.booking-horizontal-datetime-picker .date-active {
  background: var(--primary-color); }
  .component.booking-horizontal-datetime-picker .date-active p.month, .component.booking-horizontal-datetime-picker .date-active p.date, .component.booking-horizontal-datetime-picker .date-active p.day {
    color: white; }

.component.booking-horizontal-datetime-picker .morning-dates {
  display: grid;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-columns: 50px 50px 50px 50px;
  text-align: center; }

.component.booking-horizontal-datetime-picker .morning-dates span {
  padding: 5px;
  cursor: pointer;
  border: 1px solid #f4f4f4;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }

.component.booking-horizontal-datetime-picker .selected-date {
  color: #f4f4f4;
  background-color: var(--primary-color); }

.component.menu-category-horizontal-selector {
  cursor: pointer; }
  .component.menu-category-horizontal-selector .card {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-top: 0.75rem;
    margin-bottom: 0.25rem;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    -ms-overflow-style: none;
    /* IE 11 */
    scrollbar-width: none;
    /* Firefox 64 */ }
    .component.menu-category-horizontal-selector .card::-webkit-scrollbar {
      display: none; }
  .component.menu-category-horizontal-selector .card-content {
    flex: 0 0 auto;
    min-width: 80px;
    text-align: center;
    font-size: 0.9375rem;
    margin: 0.5rem 0.25rem; }
    .component.menu-category-horizontal-selector .card-content span {
      display: inline-block;
      width: 100%;
      padding: 0.5rem 0.75rem; }
  .component.menu-category-horizontal-selector .cart-content-active {
    border-radius: 4rem;
    background-color: var(--primary-color);
    color: white !important; }

.cart-summary-modal .modal-body {
  padding-top: 0 !important; }

.cart-summary-modal .component.cart-summary {
  min-width: inherit;
  padding: 0;
  background-color: white;
  box-shadow: none; }
  .cart-summary-modal .component.cart-summary .cart-header {
    display: none; }
  .cart-summary-modal .component.cart-summary .line-items {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0; }
    .cart-summary-modal .component.cart-summary .line-items .cart-item-name {
      text-align: left; }
  .cart-summary-modal .component.cart-summary .summary-footer {
    padding-left: 0;
    padding-right: 0; }
    .cart-summary-modal .component.cart-summary .summary-footer .total {
      text-align: left; }

.page.display-cart .panel .cart-title {
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: #96add3 !important; }

.page.display-cart .panel .selected-services-div {
  margin: 20px;
  border: 1px solid #d6d6d5;
  max-height: 300px;
  overflow-y: scroll;
  text-align: center; }

.page.display-cart .panel .total-amount {
  width: 100%;
  text-align: center;
  padding: 25px 0px;
  font-size: 20px;
  color: #AA1919 !important; }

.page.display-cart .panel .options {
  width: 100%;
  text-align: center; }

.page.display-cart .panel .reset-section {
  width: 100%;
  text-align: center;
  padding: 25px 0px; }

.component.selected-services {
  padding: 5px; }
  .component.selected-services .service {
    border-left: 5px solid #19AA73;
    background-color: #45e4a8;
    margin-bottom: 5px; }
    .component.selected-services .service .service-row {
      display: grid;
      grid-template-columns: 100px auto; }
      .component.selected-services .service .service-row .field, .component.selected-services .service .service-row .value {
        text-align: left;
        padding: 5px; }

.component.cart-summary {
  min-width: 350px;
  background-color: #fafafa;
  border-radius: 16px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }
  .component.cart-summary table tr td {
    padding-top: 1rem; }
  .component.cart-summary .line-items {
    padding: 1.5rem;
    padding-bottom: 1rem; }
  .component.cart-summary hr {
    margin-top: 0;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #eee; }
  .component.cart-summary .summary-footer {
    padding: 1.5rem;
    padding-top: 0; }
  .component.cart-summary .remove-employee-icon {
    cursor: pointer; }
  .component.cart-summary .change-qty {
    display: flex;
    align-items: center;
    justify-content: space-around;
    min-height: 34px;
    padding-right: 1rem;
    padding-left: 1rem; }
    .component.cart-summary .change-qty span.qty {
      margin-right: 0.75rem;
      margin-left: 0.75rem; }
    .component.cart-summary .change-qty i {
      color: var(--primary-color); }
    .component.cart-summary .change-qty .plus, .component.cart-summary .change-qty .minus {
      cursor: pointer; }
  .component.cart-summary .employee-selector i {
    top: 2px;
    position: relative; }
  .component.cart-summary .employee-selector .select-staff {
    font-family: "Open Sans", sans-serif;
    margin-top: 2px; }
  .component.cart-summary .component.select-employees {
    font-family: "Poppins"; }
  .component.cart-summary .weekly-off {
    color: #971AB3;
    pointer-events: none;
    opacity: 0.5; }
  .component.cart-summary .on-leave {
    color: #D7006C;
    pointer-events: none;
    opacity: 0.5; }

.select-employee-modal .modal-body .treasure-overlay-spinner-container {
  opacity: 0.6; }

.select-employee-modal .modal-body .select-employee-grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  max-height: 400px;
  overflow-y: scroll; }
  .select-employee-modal .modal-body .select-employee-grid .employee-profile {
    cursor: pointer;
    text-align: center; }
    .select-employee-modal .modal-body .select-employee-grid .employee-profile .icon {
      margin: 5px;
      font-size: 60px; }
    .select-employee-modal .modal-body .select-employee-grid .employee-profile .employee-name {
      font-weight: 700;
      margin: 5px; }
  .select-employee-modal .modal-body .select-employee-grid .employee-profile:hover {
    filter: brightness(80%); }
  .select-employee-modal .modal-body .select-employee-grid .selected {
    color: #1986AA; }

.page.choose-branch .account-container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(3, minmax(80px, 1fr));
  text-align: center; }

.page.choose-branch .account {
  border-radius: 1rem;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  padding: 1.25rem; }

.page.choose-branch .account:hover {
  cursor: pointer;
  transform: scale(1.03);
  transition: all 0.1s ease;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); }

.page.choose-branch.visible-xs .title {
  padding-top: 110px; }