body {
  font-family: "aileronregular";
  line-height: 1.5;
  color: #000000;
  font-size: 14px;
  background: #fff; }
  @media (max-width: 767px) {
    body {
      background: #E0E0E0; } }

@media (min-width: 1300px) {
  .container {
    max-width: 1200px; } }
img {
  max-width: 100%;
  height: auto; }

a {
  color: #000; }

a:focus,
a:hover {
  outline: 0 !important;
  text-decoration: none;
  color: #410078; }

figure {
  margin: 0; }

h1,
h2,
h3 {
  margin: 0;
  line-height: normal;
  font-size: 24px;
  font-family: "aileronbold"; }

h2 {
  font-size: 24px; }

.bold {
  font-weight: 600; }

.t1 {
  text-align: left; }

.t2 {
  text-align: center; }

.t3 {
  text-align: right; }

.img-circle {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.hide {
  display: none; }

::-webkit-scrollbar-track {
  background-color: inherit; }

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: inherit; }

::-moz-scrollbar {
  width: 4px;
  height: 4px;
  background-color: inherit; }

::-webkit-scrollbar-thumb {
  background-color: #ccc; }

::placeholder {
  color: #d3d3d3; }

:-ms-input-placeholder {
  color: #d3d3d3; }

::-ms-input-placeholder {
  color: #d3d3d3; }

body::-webkit-scrollbar,
.modal::-webkit-scrollbar {
  width: 10px;
  height: 10px; }
body::-moz-scrollbar,
.modal::-moz-scrollbar {
  width: 10px;
  height: 10px; }

* {
  outline: 0; }

body,
.container {
  min-width: 0 !important; }

.app-checkbox,
.app-radio {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 10px;
  line-height: 20px;
  cursor: pointer;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

.app-checkbox > input,
.app-radio > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0); }

.app-checkbox > span,
.app-radio > span {
  top: 1px;
  left: 0;
  height: 18px;
  width: 18px;
  position: absolute;
  border: 1px solid transparent;
  border-radius: 100%; }

.app-checkbox > span {
  border-radius: 4px; }

.app-radio > span {
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  border-radius: 50% !important; }

.app-checkbox:hover > input:not([disabled]):checked ~ span,
.app-checkbox:hover > input:not([disabled]) ~ span,
.app-checkbox > input:checked ~ span,
.app-checkbox > input:focus ~ span,
.app-checkbox > span,
.app-checkbox:hover > input:not([disabled]):checked ~ span,
.app-checkbox:hover > input:not([disabled]) ~ span,
.app-checkbox > input:checked ~ span,
.app-checkbox > input:focus ~ span,
.app-checkbox > span,
.app-radio:hover > input:not([disabled]):checked ~ span,
.app-radio:hover > input:not([disabled]) ~ span,
.app-radio > input:checked ~ span,
.app-radio > input:focus ~ span,
.app-radio > span,
.app-radio:hover > input:not([disabled]):checked ~ span,
.app-radio:hover > input:not([disabled]) ~ span,
.app-radio > input:checked ~ span,
.app-radio > input:focus ~ span,
.app-radio > span {
  border: 1px solid #ccc; }

/*hover css being*/
.app-checkbox > input:not([disabled]):checked ~ span {
  border: 1px solid #410078 !important;
  background: #410078 !important; }

.app-radio > input:not([disabled]):checked ~ span {
  border: 1px solid #410078 !important;
  background: #fff !important; }

.app-checkbox > input:not([disabled]):checked ~ span:after {
  border-color: #fff; }

.app-radio > input:not([disabled]):checked ~ span:after {
  background: #410078; }

/*hover css end*/
.app-checkbox > input[disabled] ~ span,
.app-radio > input[disabled] ~ span {
  cursor: no-drop;
  background: #fff; }

.app-checkbox > span:after,
.app-radio > span:after {
  content: '';
  display: none;
  position: absolute; }

.app-checkbox > span:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid #888;
  border-width: 0 2px 2px 0;
  transform: rotate(40deg); }

.app-radio > span:after {
  left: 5px;
  top: 5px;
  height: 6px;
  width: 6px;
  border-radius: 100% !important;
  background: #888; }

.input-icon > i, .app-checkbox-list .app-checkbox,
.app-checkbox-list .app-radio,
.app-checkbox > input:checked ~ span:after,
.app-radio-list .app-checkbox,
.app-radio-list .app-radio,
.app-radio > input:checked ~ span:after {
  display: block; }

.app-checkbox-inline,
.app-radio-inline {
  font-size: 14px;
  padding-bottom: 10px; }

.form-horizontal .form-group .app-checkbox-inline,
.form-horizontal .form-group .app-radio-inline {
  padding-top: 8px; }

.app-checkbox-inline .app-checkbox,
.app-checkbox-inline .app-radio,
.app-radio-inline .app-checkbox,
.app-radio-inline .app-radio {
  display: inline-block;
  margin-right: 15px; }

.app-checkbox-inline .app-checkbox:last-child,
.app-checkbox-inline .app-radio:last-child,
.app-radio-inline .app-checkbox:last-child,
.app-radio-inline .app-radio:last-child {
  margin-right: 0; }

.pointer {
  cursor: pointer; }

.cursorPointer {
  cursor: pointer; }

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

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

.mr-2 {
  margin-right: 2px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mt-5 {
  margin-top: 5rem; }

.mauto {
  margin: auto; }

.pos_abs {
  position: absolute !important; }

.visibility-hidden {
  visibility: hidden; }

.dropdown-toggle {
  text-transform: capitalize; }
  .dropdown-toggle.no {
    text-transform: none; }

.app-body {
  overflow: hidden; }

.display-flex {
  display: flex !important; }

.ml-auto {
  margin-left: auto !important; }

@media (min-width: 1180px) {
  .container {
    max-width: 1118px; } }
@media (min-width: 1024px) and (max-width: 1180px) {
  .container {
    max-width: 1006px; } }
@media (max-width: 1023px) {
  .container {
    max-width: 100%; } }

.row.cr {
  margin-left: -8px;
  margin-right: -8px; }
  .row.cr [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px; }

.rating-gutter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .rating-gutter .rating-count {
    line-height: 1;
    border-radius: 3px; }
  .rating-gutter .star-ember {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    .rating-gutter .star-ember span {
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      .rating-gutter .star-ember span.half span:first-child {
        width: 50%;
        z-index: 1; }
      .rating-gutter .star-ember span.half span:last-child {
        position: absolute; }
      .rating-gutter .star-ember span .star-icon.sm {
        width: 12px;
        height: 12px; }
      .rating-gutter .star-ember span .star-icon.md {
        width: 18px;
        height: 18px; }

.dropdown-menu.share {
  padding: 0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
  .dropdown-menu.share li a {
    font-size: 14px;
    display: block;
    padding: 8px 12px 8px 36px; }
    .dropdown-menu.share li a:hover {
      color: #16181b;
      background: #f8f9fa; }
    .dropdown-menu.share li a.vrt:before {
      left: 10px;
      top: -1px;
      bottom: 0;
      width: 17px;
      height: 17px;
      margin: auto;
      z-index: 1; }
    .dropdown-menu.share li a.vrt:after {
      left: 10px;
      top: -1px;
      bottom: 0;
      width: 17px;
      height: 17px;
      margin: auto;
      content: "";
      position: absolute;
      border-radius: 3px; }
    .dropdown-menu.share li a.vrt.fb:before {
      background-position: -34px -245px; }
    .dropdown-menu.share li a.vrt.fb:after {
      background: #1877f3; }
    .dropdown-menu.share li a.vrt.twit:before {
      background-position: -34px -264px; }
    .dropdown-menu.share li a.vrt.twit:after {
      background: #1da1f1; }
    .dropdown-menu.share li a.vrt.copy:before {
      background-position: -35px -278px; }
    .dropdown-menu.share li a.vrt.copy:after {
      background: #9A9999; }

.mobile-visible {
  display: none; }
  @media (max-width: 767px) {
    .mobile-visible {
      display: block; } }

@media (max-width: 767px) {
  .mobile-hide {
    display: none !important; } }

.hide {
  display: none !important; }

.no-data-heading {
  padding: 18px 45px;
  color: #410078;
  font-size: 1.2rem;
  font-family: aileronsemibold;
  display: inline-flex;
  margin-top: 1rem;
  max-width: 420px;
  text-align: left;
  line-height: normal; }
  .no-data-heading span {
    align-self: center;
    margin-right: 12px; }
    .no-data-heading span.info-data img {
      max-width: 2.5rem; }
    .no-data-heading span.info-text {
      margin-left: 7px; }
  @media (max-width: 600px) {
    .no-data-heading {
      max-width: 296px;
      padding: 18px 16px; } }

.modal-claim {
  padding: 32px 20px 20px;
  font-size: 14px;
  color: inherit;
  line-height: 20px;
  background: inherit; }
  .modal-claim.lg {
    margin: 4px 0 0;
    display: flex !important;
    justify-content: center; }
    @media (min-width: 768px) {
      .modal-claim.lg {
        max-width: 340px;
        min-width: 340px; } }
    .modal-claim.lg span {
      color: #410078 !important;
      font-family: aileronsemibold;
      font-size: 12px; }

.tab-content .tab-pane.fade.in {
  opacity: 1; }
.tab-content > .active {
  min-height: 100px; }

@media (min-width: 768px) {
  .minHeight300 {
    min-height: 300px !important; } }
.text-danger {
  color: red !important; }

small.sub-text.text-danger {
  line-height: 28px !important; }

.text-ellipse {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.spinner-loader.listing-spinner .ui-progress-spinner {
  width: 60px;
  height: 60px; }
  @media (max-width: 1600px) {
    .spinner-loader.listing-spinner .ui-progress-spinner {
      width: 50px;
      height: 50px; } }
  @media (max-width: 767px) {
    .spinner-loader.listing-spinner .ui-progress-spinner {
      width: 40px;
      height: 40px; } }

.app-loader .circular {
  width: 40px;
  height: 40px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  transform-origin: center center;
  animation: rotate-data 1.5s linear infinite; }

.app-loader .circular .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dash-data 2s ease-in-out infinite, color-data 6s ease-in-out infinite; }

@keyframes rotate-data {
  100% {
    transform: rotate(360deg); } }
@keyframes dash-data {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -124px; } }
@keyframes color-data {
  0% {
    stroke: #410078; }
  50% {
    stroke: #410078; }
  100% {
    stroke: #410078; } }
.loader_image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2; }

.pi-spin {
  animation: 2s linear infinite fa-spin; }

.ld {
  position: relative; }
  .ld .form-control {
    padding-right: 40px; }
  .ld .xsm-loader {
    opacity: 0;
    width: 14px;
    height: 14px;
    top: 0;
    right: 14px;
    bottom: 0;
    opacity: 0.5;
    margin: auto;
    position: absolute;
    border-radius: 100%;
    border: 2px solid #000; }
    .ld .xsm-loader:before {
      top: 0;
      right: -5px;
      bottom: 0;
      width: 6px;
      height: 5px;
      margin: auto;
      content: "";
      position: absolute;
      background: #fff; }

.fa-spinner {
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto !important;
  position: absolute;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }
  .fa-spinner.purple {
    background: url("../img/blue.svg") no-repeat 0 0;
    background-size: 100%; }
  .fa-spinner.white {
    background: url("../img/white.svg") no-repeat 0 0;
    background-size: 100%; }

.spinner-loader {
  width: 16px;
  height: 16px;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  border-radius: 100%;
  border: 2px solid #410078;
  animation: fa-spin 1s infinite linear; }
  .spinner-loader:before {
    top: 0;
    right: -5px;
    bottom: 0;
    width: 6px;
    height: 5px;
    margin: auto;
    content: "";
    position: absolute;
    background: #fff; }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.modal .modal-dialog {
  pointer-events: visible !important; }
  .modal .modal-dialog .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px); }
    .modal .modal-dialog .modal-header h4 {
      font-size: 22px; }
    .modal .modal-dialog .modal-header .close {
      font-size: 30px;
      opacity: 1;
      padding: 1rem;
      margin: -1rem -1rem -1rem auto; }
  @media (min-width: 767px) {
    .modal .modal-dialog {
      max-width: 600px; } }
  .modal .modal-dialog .desc {
    font-size: 16px;
    line-height: 1.6; }
  .modal .modal-dialog .modal-body {
    font-size: 16px;
    line-height: 1.8; }
.modal.rv-modal .close {
  font-size: 40px;
  opacity: 1;
  float: right; }
.modal.rv-modal .modal-body {
  padding: 0; }

.modal-backdrop.show {
  opacity: 0.9; }

/*
.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
	.modal-content{
		width: 100%;
	}
}

@media (min-width: 576px) {
  .modal-dialog-centered {
    min-height: calc(100% - (3rem * 2));
  }
}*/
.btn {
  border: 0;
  font-size: 14px;
  padding: 8px 18px;
  position: relative;
  text-align: center;
  border-radius: 4px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); }
  .btn.primary, .btn.red {
    color: #fff;
    background: #410078; }
    .btn.primary:hover, .btn.red:hover {
      background: #370164; }
  .btn.secondry {
    color: #410078;
    background: #97e167; }
    .btn.secondry:hover {
      background: #89d458; }
  .btn.default {
    color: #595959;
    background: #D9D9D9; }
    .btn.default:hover {
      background: #CDCCCC; }
  .btn.red {
    color: #fff;
    background: #FF0000; }
    .btn.red:hover {
      background: #F30909; }

button {
  outline: 0 !important; }

.form-actions {
  padding-top: 20px; }
  .form-actions .btn.lg {
    width: 100%;
    height: 50px;
    font-size: 18px; }

i.circle {
  width: 4px;
  height: 4px;
  margin: 0 4px;
  position: relative;
  border-radius: 100%;
  background: #b2b2b2; }
i.svg {
  display: block;
  background: url(../img/sprites.svg) no-repeat; }

.vrt {
  position: relative; }
  .vrt:before {
    content: "";
    position: absolute;
    background: url(../img/sprites.svg) no-repeat; }

a.svg {
  background: url(../img/sprites.svg) no-repeat; }

ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

@font-face {
  font-display: "swap";
  font-family: "aileronblack";
  src: url("../fonts/aileron/aileron-black.woff2") format("woff2"), url("../fonts/aileron/aileron-black.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "aileronblack_italic";
  src: url("../fonts/aileron/aileron-blackitalic.woff2") format("woff2"), url("../fonts/aileron/aileron-blackitalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "aileronbold";
  src: url("../fonts/aileron/aileron-bold.woff2") format("woff2"), url("../fonts/aileron/aileron-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "aileronbold_italic";
  src: url("../fonts/aileron/aileron-bolditalic.woff2") format("woff2"), url("../fonts/aileron/aileron-bolditalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "aileronheavy";
  src: url("../fonts/aileron/aileron-heavy.woff2") format("woff2"), url("../fonts/aileron/aileron-heavy.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "aileronheavy_italic";
  src: url("../fonts/aileron/aileron-heavyitalic.woff2") format("woff2"), url("../fonts/aileron/aileron-heavyitalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "aileronitalic";
  src: url("../fonts/aileron/aileron-italic.woff2") format("woff2"), url("../fonts/aileron/aileron-italic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "aileronlight";
  src: url("../fonts/aileron/aileron-light.woff2") format("woff2"), url("../fonts/aileron/aileron-light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "aileronthin";
  src: url("../fonts/aileron/aileron-thin.woff2") format("woff2"), url("../fonts/aileron/aileron-thin.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "aileronlight_italic";
  src: url("../fonts/aileron/aileron-lightitalic.woff2") format("woff2"), url("../fonts/aileron/aileron-lightitalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "aileronregular";
  src: url("../fonts/aileron/aileron-regular.woff2") format("woff2"), url("../fonts/aileron/aileron-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "aileronsemibold";
  src: local("aileronsemibold"), url("../fonts/aileron/aileron-semibold.woff2") format("woff2"), url("../fonts/aileron/aileron-semibold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "aileronsemibold_italic";
  src: url("../fonts/aileron/aileron-semibolditalic.woff2") format("woff2"), url("../fonts/aileron/aileron-semibolditalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "aileronthin";
  src: url("../fonts/aileron/aileron-thin.woff2") format("woff2"), url("../fonts/aileron/aileron-thin.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-display: "swap";
  font-family: "din_condensedbold";
  src: url("../fonts/dincondenced/din_condensed_bold-webfont.woff2") format("woff2"), url("../fonts/dincondenced/din_condensed_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.spinner-loader.listing-spinner .ui-progress-spinner {
  width: 60px;
  height: 60px; }
  @media (max-width: 1600px) {
    .spinner-loader.listing-spinner .ui-progress-spinner {
      width: 50px;
      height: 50px; } }
  @media (max-width: 767px) {
    .spinner-loader.listing-spinner .ui-progress-spinner {
      width: 40px;
      height: 40px; } }

.app-loader .circular {
  width: 40px;
  height: 40px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  transform-origin: center center;
  animation: rotate-data 1.5s linear infinite; }

.app-loader .circular .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: dash-data 2s ease-in-out infinite, color-data 6s ease-in-out infinite; }

@keyframes rotate-data {
  100% {
    transform: rotate(360deg); } }
@keyframes dash-data {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -124px; } }
@keyframes color-data {
  0% {
    stroke: #410078; }
  50% {
    stroke: #410078; }
  100% {
    stroke: #410078; } }
.loader_image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2; }

.pi-spin {
  animation: 2s linear infinite fa-spin; }

.ld {
  position: relative; }
  .ld .form-control {
    padding-right: 40px; }
  .ld .xsm-loader {
    opacity: 0;
    width: 14px;
    height: 14px;
    top: 0;
    right: 14px;
    bottom: 0;
    opacity: 0.5;
    margin: auto;
    position: absolute;
    border-radius: 100%;
    border: 2px solid #000; }
    .ld .xsm-loader:before {
      top: 0;
      right: -5px;
      bottom: 0;
      width: 6px;
      height: 5px;
      margin: auto;
      content: "";
      position: absolute;
      background: #fff; }

.fa-spinner {
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto !important;
  position: absolute;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }
  .fa-spinner.purple {
    background: url("../img/blue.svg") no-repeat 0 0;
    background-size: 100%; }
  .fa-spinner.white {
    background: url("../img/white.svg") no-repeat 0 0;
    background-size: 100%; }

.spinner-loader {
  width: 16px;
  height: 16px;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  border-radius: 100%;
  border: 2px solid #410078;
  animation: fa-spin 1s infinite linear; }
  .spinner-loader:before {
    top: 0;
    right: -5px;
    bottom: 0;
    width: 6px;
    height: 5px;
    margin: auto;
    content: "";
    position: absolute;
    background: #fff; }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@media (max-width: 767px) {
  #advertisement-container {
    position: fixed;
    bottom: -8000px; } }
.lg-toolbar.lg-group .ocr-matches {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }

.advertisement-container.render-ad,
.top-advertisement.render-ad,
.modal-dialog .advrt-box,
.advrt-top {
  height: 120px;
  overflow: hidden !important; }

.modal-dialog .advrt-box {
  padding-top: 10px; }

.advertisement-container {
  line-height: 0;
  padding-top: 20px; }

.sirved-advrt-box {
  cursor: pointer; }

.ads-photos-section {
  padding-bottom: 10px;
  height: 150px !important;
  align-items: center;
  display: flex;
  width: 100%;
  justify-content: center; }

.advrt-head > img,
.advrt-top > img,
.advrt-bottom > img {
  min-height: 90px; }

header.app-header {
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
  position: fixed;
  line-height: 1.5;
  transition: 0.1s;
  padding: 6px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #fafafa;
  border-bottom: 1px solid #e2e2e2; }

@media (min-width: 768px) {
  header.app-header {
    height: 86px;
    align-items: flex-end; }
    header.app-header.no {
      height: 85px; } }
header.app-header.fixed {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }

@media (max-width: 767px) {
  header.app-header {
    height: 70px;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }

  header.app-header:not(.no) {
    align-items: center; } }
header.app-header .ins {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

@media (max-width: 767px) {
  header.app-header .ins {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; } }
@media (min-width: 768px) {
  header.app-header .ins .app-logo {
    margin-right: 22px; } }
@media (max-width: 767px) {
  header.app-header .ins .app-logo {
    margin-right: 14px; } }
header.app-header .ins .app-logo .logo {
  display: block;
  position: relative;
  background: url(../img/sprites.svg) no-repeat; }

header.app-header .ins .app-logo .claim {
  font-size: 14px;
  color: #410078;
  cursor: pointer;
  position: relative;
  padding-left: 26px;
  display: inline-block;
  font-family: aileronregular; }

header.app-header:not(.fixed) .ins .app-logo .claim {
  color: #fff; }

header.app-header:not(.fixed) .ins .app-logo .claim:before {
  background-position: -164px -167px; }

header.app-header .ins .app-logo .claim:before {
  width: 21px;
  height: 22px;
  top: -2px;
  left: 0;
  content: "";
  position: absolute;
  background: url(../img/sprites.svg) no-repeat -164px -140px; }

.listing-header header.app-header .app-logo .logo,
.listing-header header.app-header .search-container .search-right .is i.svg.location-icon,
.listing-header header.app-header .search-container .search-right .is i.svg.arrow-icon,
.listing-header header.app-header .header-navi .action .getapp i.svg.getapp-icon,
.detail-header header.app-header .app-logo .logo,
.detail-header header.app-header .search-container .search-right .is i.svg.location-icon,
.detail-header header.app-header .search-container .search-right .is i.svg.arrow-icon,
.detail-header header.app-header .header-navi .action .getapp i.svg.getapp-icon {
  background: url(../img/header.svg) no-repeat; }

@media (min-width: 768px) {
  header.app-header .ins .app-logo .logo {
    width: 110px;
    height: 30px;
    background-position: -3px -1px; }

  header.app-header.no .ins .app-logo .logo,
  .static-header header.app-header .ins .app-logo .logo {
    width: 113px;
    height: 30px;
    background-position: -3px -578px; } }
@media (max-width: 767px) {
  header.app-header .ins .app-logo .logo {
    width: 90px;
    height: 26px;
    background-position: -3px -36px; } }
@media (min-width: 768px) {
  header.app-header .ins .app-logo .getapp-btn {
    display: none; } }
@media (max-width: 767px) {
  header.app-header .ins .app-logo .getapp-btn {
    height: 26px;
    max-width: 92px;
    color: #fff;
    font-size: 11px;
    margin-top: 8px;
    border-radius: 4px;
    background: #410078;
    position: relative;
    padding-left: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    font-family: aileronsemibold; }

  header.app-header .ins .app-logo .getapp-btn:before {
    left: 6px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 14px;
    min-width: 14px;
    height: 14px;
    position: absolute;
    border-radius: 100px;
    background: url(../img/sprites.svg) no-repeat -167px -14px #fff; } }
header.app-header .ins .search-container {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

@media (min-width: 768px) {
  header.app-header .ins .search-container {
    margin-right: 22px; } }
@media (max-width: 767px) {
  header.app-header .ins .search-container {
    flex-wrap: wrap; } }
header.app-header .ins .search-container .form-control {
  height: 32px;
  font-size: 13px;
  color: #000;
  border-radius: 2px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }

@media (max-width: 767px) {
  header.app-header .ins .search-container .form-control {
    height: 30px; } }
header.app-header .ins .search-container .search-left {
  width: 326px;
  position: relative; }
  header.app-header .ins .search-container .search-left i.close-icon {
    right: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    background-position: -80px -227px; }
  header.app-header .ins .search-container .search-left .app-loader .circular {
    width: 20px;
    height: 20px;
    right: 12px;
    left: auto;
    background: #fff; }

@media (min-width: 768px) and (max-width: 1024px) {
  header.app-header .ins .search-container .search-left {
    width: 50%; } }
@media (max-width: 767px) {
  header.app-header .ins .search-container .search-left {
    width: 100%;
    margin-bottom: 3px; } }
header.app-header .ins .search-container .search-right {
  width: 296px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

@media (min-width: 768px) {
  header.app-header .ins .search-container .search-right {
    margin-left: 6px; } }
@media (min-width: 768px) and (max-width: 1024px) {
  header.app-header .ins .search-container .search-right {
    width: 50%; } }
@media (max-width: 767px) {
  header.app-header .ins .search-container .search-right {
    width: 100%; }

  header.app-header .ins .search-container .search-right .btn {
    height: 30px; } }
header.app-header .ins .search-container .search-right .is {
  width: 100%;
  position: relative;
  max-width: calc(100% - 45px); }

header.app-header .ins .search-container .search-right .is .form-control {
  padding-left: 30px;
  padding-right: 30px; }

header.app-header .ins .search-container .search-right .is i.svg {
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute; }

header.app-header .ins .search-container .search-right .is i.svg.location-icon {
  left: 8px;
  width: 20px;
  height: 20px;
  background-position: -124px -1px; }

header.app-header .ins .search-container .search-right .is i.svg.arrow-icon {
  right: 10px;
  width: 12px;
  height: 9px;
  transition: .3s;
  background-position: -150px -1px; }

header.app-header .ins .search-container .search-right .btn {
  width: 40px;
  height: 32px;
  margin-left: 6px;
  padding: 2px 9px;
  border-radius: 2px;
  font-family: "aileronsemibold"; }

header.app-header .ins .header-navi {
  margin-left: auto; }

header.app-header .ins .header-navi .action {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  white-space: nowrap;
  margin-top: 4px; }

header.app-header .ins .header-navi .action .getapp,
header.app-header .ins .header-navi .action .login {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

@media (max-width: 1023px) {
  header.app-header .ins .header-navi .action .getapp,
  header.app-header .ins .header-navi .action .login {
    font-size: 0; } }
@media (max-width: 767px) {
  header.app-header .ins .header-navi .action .getapp,
  header.app-header .ins .header-navi .action .login {
    display: none; } }
header.app-header .ins .header-navi .action .getapp i.svg.getapp-icon {
  width: 20px;
  height: 20px;
  top: -0.5px;
  position: relative;
  margin-right: 5px;
  border-radius: 50%;
  background-position: -162px -351px;
  background-color: #410078; }

header.app-header .ins .header-navi .action .login {
  cursor: pointer;
  margin-right: 16px; }

header.app-header .ins .header-navi .action .login:not(.hide) {
  display: none; }

header.app-header.no .ins.no .header-navi .action .login:not(.hide) {
  display: flex; }

header.app-header .ins .header-navi .action .login i.svg.login-icon {
  width: 20px;
  height: 20px;
  top: -1px;
  position: relative;
  margin-right: 6px; }

header.app-header:not(.fixed) .ins .header-navi .action .login i.svg.login-icon {
  background-position: -164px -220px; }

header.app-header.fixed .ins .header-navi .action .login i.svg.login-icon {
  background-position: -164px -194px;
  margin-right: 5px; }

header.app-header.no .ins.no .action {
  margin-top: 0; }
  @media (max-width: 767px) {
    header.app-header.no .ins.no .action a.login {
      display: none !important; } }

header.app-header.no .ins .action .getapp i.svg.getapp-icon,
.static-header header.app-header .ins .action .getapp i.svg.getapp-icon {
  top: -0.5px;
  margin-right: 4px;
  position: relative; }

.static-header header.app-header .ins .header-navi .action .getapp i.svg.getapp-icon {
  background-position: -162px -351px; }

header.app-header.no .ins.no .action .getapp i.svg.getapp-icon {
  top: 0; }

header.app-header.no .ins .header-navi .action .menu-toggle {
  margin-top: 1px; }

header.app-header.no .action a.login,
header.app-header.no .action a.getapp {
  margin-top: -1px; }

header.app-header .ins .header-navi .action .menu-toggle {
  width: 20px;
  height: 22px;
  cursor: pointer;
  margin-left: 16px;
  position: relative; }

header.app-header .ins .header-navi .action .menu-toggle:after {
  content: "";
  top: 10px;
  height: 8px;
  width: 20px;
  display: block;
  position: absolute;
  border-top: 2px solid #410078;
  border-bottom: 2px solid #410078; }

header.app-header .ins .header-navi .action .menu-toggle:before {
  content: "";
  top: 4px;
  height: 2px;
  width: 20px;
  display: block;
  position: absolute;
  background: #410078;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease; }

header.app-header .ins .header-navi .action i.svg.down-icon {
  width: 11px;
  height: 7px;
  left: 0;
  right: 0;
  top: 21px;
  margin: auto;
  position: absolute;
  background-position: -187px 0px;
  display: none; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu {
  line-height: 20px;
  background: #f0f0f0;
  position: absolute;
  width: 250px;
  right: 0;
  opacity: 0;
  letter-spacing: .025em;
  visibility: hidden;
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  transition: 0.4s ease;
  top: 63px;
  z-index: 9999; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .close-menu {
  top: 25px;
  right: 22px;
  width: 16px;
  height: 16px;
  opacity: 0.5;
  position: absolute;
  background-position: -161px -31px; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .close-menu:hover {
  opacity: 1; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .user-scope {
  height: 70px;
  margin-bottom: 20px;
  background: #eaeaea;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .user-scope .user-info {
  padding-left: 20px;
  width: calc(100% - 50px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .user-scope .user-info figure {
  margin-right: 10px; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .user-scope .user-info figure:before {
  width: 36px;
  height: 36px;
  content: "";
  display: block;
  background: url(../img/sprites.svg) -120px -29px no-repeat; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .user-scope .user-info .cnt {
  line-height: 22px; }
  header.app-header .ins .header-navi .fixed-menu .toggle-menu .user-scope .user-info .cnt h3 {
    margin: 0;
    font-size: 18px;
    color: #410078;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: aileronsemibold; }
  header.app-header .ins .header-navi .fixed-menu .toggle-menu .user-scope .user-info .cnt span {
    opacity: 0.8; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .user-scope .user-info .cnt a {
  display: block; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .menu-list {
  margin-bottom: 20px; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .menu-list li {
  font-size: 15px;
  color: #333; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .menu-list li.menu-heading {
  padding-left: 18px;
  font-family: aileronsemibold; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .menu-list li a {
  color: #333;
  display: block;
  line-height: normal;
  padding: 4px 10px 4px 30px; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .menu-list li a:hover {
  color: #410078; }

header.app-header .ins .header-navi .fixed-menu .toggle-menu .scroller {
  overflow: auto;
  max-height: calc(100vh - 160px); }

@media (max-width: 767px) {
  header.app-header .ins .header-navi .fixed-menu .toggle-menu .scroller {
    max-height: calc(100vh - 210px); } }
header.app-header .filter-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: 132px;
  margin-top: 5px; }
  @media (min-width: 1024px) {
    header.app-header .filter-container {
      align-items: center; } }

header.app-header .filter-container .item {
  font-size: 13px;
  color: #959595;
  margin-right: 16px;
  white-space: nowrap;
  letter-spacing: .025em; }

header.app-header .filter-container .item a {
  cursor: pointer; }

header.app-header .filter-container .item .switch-bar {
  top: 3px;
  width: 26px;
  height: 13px;
  margin-bottom: 0px;
  position: relative;
  display: inline-block; }

header.app-header .filter-container .item .switch-bar input {
  display: none; }

header.app-header .filter-container .item .switch-bar input:checked + .switch-slider {
  background-color: #410078; }

header.app-header .filter-container .item .switch-bar input:focus + .switch-slider {
  box-shadow: 0 0 1px #2196f3; }

header.app-header .filter-container .item .switch-bar input:checked + .switch-slider:before {
  -webkit-transform: translateX(13px);
  -moz-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px); }

header.app-header .filter-container .item .switch-bar .switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #808080;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  transition: 0.4s ease; }

header.app-header .filter-container .item .switch-bar .switch-slider:before {
  content: "";
  position: absolute;
  height: 9px;
  width: 9px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  transition: 0.4s ease; }

header.app-header .filter-container .item .switch-bar .switch-slider.round {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

header.app-header .filter-container .item .switch-bar .switch-slider.round:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

header.app-header .filter-container .item .dropdown a.dropdown-toggle {
  color: #959595; }

header.app-header .filter-container .item .dropdown a.dropdown-toggle:after {
  width: 0;
  height: 0;
  margin-left: 6px;
  vertical-align: 2px;
  content: "";
  display: inline-block;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent; }

header.app-header .filter-container .item .dropdown a.dropdown-toggle.active {
  color: #410078; }

header.app-header .filter-container .item .dropdown .dropdown-menu {
  top: 24px !important;
  border: 0;
  padding: 6px 8px;
  max-width: 160px;
  min-width: 130px;
  border-radius: 0;
  box-shadow: none;
  background: #eff0f0;
  transform: none !important; }

header.app-header .filter-container .item.km-data .dropdown-menu {
  min-width: 108px; }

header.app-header .filter-container .item .dropdown .dropdown-menu .scroll {
  overflow: auto;
  max-height: 350px; }

header.app-header .filter-container .item .dropdown .dropdown-menu a {
  color: #959595;
  padding: 5px 6px;
  font-size: 12.5px;
  display: block;
  line-height: normal;
  font-family: aileronregular; }

header.app-header .filter-container .item .dropdown .dropdown-menu a.active,
header.app-header .filter-container .item .dropdown .dropdown-menu a:hover {
  color: #410078; }

header.app-header .filter-container .item.clear-filter a {
  font-size: 13px;
  color: #410078;
  line-height: 1;
  font-family: aileronsemibold; }

header.app-header.no {
  padding: 19px 0;
  align-items: center;
  background: transparent;
  border: transparent;
  letter-spacing: 0; }
  header.app-header.no .ins .header-navi .fixed-menu .toggle-menu {
    top: 58px; }

header.app-header.no .ins .app-logo .logo {
  top: -1px; }
  @media (max-width: 767px) {
    header.app-header.no .ins .app-logo .logo {
      top: 1px; } }

header.app-header.no:not(.fixed) .ins .app-logo .logo {
  background-position: -2px -445px; }
  @media (max-width: 767px) {
    header.app-header.no:not(.fixed) .ins .app-logo .logo {
      background-position: -2px -479px; } }

header.app-header.no.fixed {
  background: #fff; }

header.app-header.no:not(.fixed) .ins .header-navi .action a {
  color: #fff; }

header.app-header.no:not(.fixed) .ins .header-navi .action .getapp i.svg.getapp-icon {
  background-position: -162px -334px;
  background-color: #fff; }

header.app-header.no .ins .header-navi .action .getapp i.svg.getapp-icon {
  background-position: -162px -351px; }

header.app-header.no:not(.fixed) .ins .header-navi .action .menu-toggle:before {
  background: #fff; }

header.app-header.no:not(.fixed) .ins .header-navi .action .menu-toggle:after {
  border-color: #fff; }

header.app-header.no:not(.fixed) .ins .header-navi .action i.svg.down-icon {
  background-position: -168px -129px; }

@media (min-width: 1024px) {
  header.app-header.no {
    padding-left: 52px;
    padding-right: 52px; }

  header.app-header.no .container {
    max-width: 100%;
    width: 100%; } }
header.app-header.is {
  align-items: center; }

@media (min-width: 1024px) {
  header.app-header.is {
    padding-left: 52px;
    padding-right: 52px; }

  header.app-header.is .container {
    max-width: 100%;
    width: 100%; } }
header.app-header.no .logo {
  top: 8px; }

header.app-header.no .logo img {
  height: 30px; }

header.app-header.no .header-nav {
  margin-top: 6px; }

header.app-header.no .header-nav-item.toggle-nav:after {
  left: 2px;
  visibility: visible;
  transform: translateY(10px); }

header.app-header.no.is .header-search-form {
  display: none !important; }

@media (min-width: 1024px) {
  header.app-header.no.is .header-nav-item.toggle-nav:after {
    left: 0 !important; } }
body.offcanvas header.app-header .ins .header-navi .toggle-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px); }

@media (min-width: 768px) {
  .filter-gutter .filter-header,
  header.app-header .filter-container .item .control-label {
    display: none; } }
@media (max-width: 767px) {
  .filter-gutter {
    top: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 999999;
    display: block;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    background: #fff;
    transition: 0.3s ease; }

  .filter-gutter.fixed {
    right: 0;
    opacity: 1 !important;
    visibility: visible; }

  .filter-gutter .filter-header {
    left: 0;
    right: 0;
    top: 0;
    height: 70px;
    z-index: 999;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    position: fixed;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); }

  .filter-gutter .filter-header a {
    font-size: 16px;
    color: #410078;
    text-transform: uppercase;
    font-family: aileronsemibold; }

  .filter-gutter .filter-header span {
    font-size: 18px;
    font-family: aileronbold; }

  header.app-header .filter-container {
    overflow: auto;
    padding: 80px 20px 20px 20px;
    max-height: calc(100vh - 100px);
    position: relative;
    z-index: 9;
    margin: 0;
    display: block;
    flex-direction: column; }

  header.app-header .filter-container .item .control-label {
    font-weight: normal;
    display: block;
    color: #949599;
    font-size: 18px;
    margin-bottom: 0; }

  header.app-header .filter-container .item {
    clear: left;
    font-size: 18px;
    margin-right: 0;
    margin-bottom: 8px;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #f5f5f5; }

  header.app-header .filter-container .item .switch-bar {
    display: inline-block;
    margin: 0; }

  header.app-header .filter-container .item .dropdown a.dropdown-toggle {
    color: #000; }

  header.app-header .filter-container .item.clear-filter {
    border: 0;
    bottom: 50px;
    left: 0;
    right: 0;
    background: #fff;
    font-size: 15px;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    z-index: 9999; }

  header.app-header .filter-container .item.clear-filter a {
    font-size: 15px; }

  header.app-header .filter-container .item .dropdown a.dropdown-toggle:before {
    left: 0;
    right: 0;
    top: -25px;
    bottom: 0;
    width: 100%;
    content: "";
    position: absolute; }

  header.app-header .filter-container .item .dropdown a.dropdown-toggle:after {
    right: 12px;
    bottom: 15px;
    width: 12px;
    height: 22px;
    border: 0;
    position: absolute;
    background: url(../img/sprites.svg) no-repeat -62px -178px; }

  header.app-header .filter-container .item .dropdown.show a.dropdown-toggle:after {
    transform: rotate(90deg); }

  header.app-header .filter-container .item .dropdown .dropdown-menu {
    width: 100%;
    max-width: 100%;
    padding: 0;
    position: relative !important;
    transform: none !important;
    top: 0 !important;
    background: transparent; }

  header.app-header .filter-container .item .dropdown .dropdown-menu a {
    font-size: 15px; } }
#locationSuggestionListDd {
  margin-top: 8px;
  padding: 6px 18px;
  border-radius: 8px;
  border: 1px solid #b5b5b5;
  background: white; }

#locationSuggestionListDd li {
  letter-spacing: 0.35px;
  cursor: pointer;
  border-top: 1px solid #e6e6e6;
  line-height: 28px;
  font-size: 15px;
  color: #410078;
  display: block;
  cursor: pointer;
  padding: 4px;
  text-align: left; }
  #locationSuggestionListDd li.main {
    border: 0 !important;
    font-family: "aileronbold";
    padding-left: 30px !important;
    position: relative; }
    #locationSuggestionListDd li.main:before {
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 20px;
      height: 20px;
      content: "";
      position: absolute;
      background: url(../img/sprites.svg) no-repeat -164px -244px; }

.search-suggestion,
#locationSuggestionListDd {
  position: absolute;
  width: 100%;
  z-index: 1; }

.search-right i.arrow-icon.toggle-icon {
  transform: rotate(180deg); }

@media (min-width: 768px) {
  .item.now-data .switch-bar {
    display: inline-block !important; } }
@media (max-width: 767px) {
  .detail-header {
    display: none; } }

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block; }

input[type=submit] {
  background-color: #410078;
  color: #fff;
  cursor: pointer; }

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  width: inherit;
  text-align: initial; }

.autocomplete-items div:last-child {
  border-bottom: 1px solid #d4d4d4; }

.autocomplete-items div {
  padding: .375rem .75rem;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff; }

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; }

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: #410078 !important;
  color: #ffffff; }

.opaque {
  opacity: 0; }

.page-content,
.app-contents,
.listing-container {
  letter-spacing: .028em; }

.page-content {
  padding-top: 84px;
  background: #fff;
  line-height: 28px; }
  @media (max-width: 767px) {
    .page-content {
      line-height: 26px; } }

.page-content.no {
  padding-top: 0;
  background: transparent; }

.page-content.is {
  padding-top: 0; }

@media (min-width: 768px) {
  .app-contents {
    padding-top: 84px; } }
@media (max-width: 767px) {
  .app-contents {
    padding-top: 10px; } }

.app-breadcrumb {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.app-breadcrumb li {
  color: #410078;
  margin-right: 4px;
  padding-right: 8px;
  position: relative; }

.app-breadcrumb li a {
  color: grey; }

.app-breadcrumb li:not(:last-child):after {
  right: 0;
  top: 2px;
  bottom: 0;
  width: 5px;
  height: 8px;
  content: "";
  margin: auto;
  position: absolute;
  background: url(../img/sprites.svg) no-repeat -155px -15px; }

@media (max-width: 767px) {
  .app-breadcrumb {
    display: none; } }
@media (min-width: 768px) {
  .app-contents .app-logo {
    display: none; } }
@media (max-width: 767px) {
  .app-contents .app-logo {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }

  .app-contents .app-logo .logo {
    width: 90px;
    height: 26px;
    margin-right: 10px;
    background: url(../img/sprites.svg) no-repeat -3px -36px;
    transform: scale(1.12);
    margin-left: 8px; }

  .app-contents .app-logo .res-btn {
    width: 100%;
    max-width: calc(100% - 150px);
    position: absolute;
    right: 20px;
    border-radius: 4px;
    overflow: hidden;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2c004e; } }
.app-contents .app-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.app-contents .app-row .app-sidebar {
  width: 100%; }

@media (min-width: 1024px) {
  .app-contents .app-row .app-sidebar {
    max-width: 338px;
    padding-right: 38px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .app-contents .app-row .app-sidebar {
    max-width: 320px;
    padding-right: 20px; } }
.app-contents .app-row .app-cnts {
  width: 100%; }

@media (min-width: 1024px) {
  .app-contents .app-row .app-cnts {
    max-width: calc(100% - 338px); } }
@media (min-width: 768px) and (max-width: 1023px) {
  .app-contents .app-row .app-cnts {
    max-width: calc(100% - 320px); } }
.app-contents .advrt-head {
  text-align: center; }

@media (min-width: 768px) {
  .app-contents .advrt-head {
    margin-bottom: 14px; } }
@media (max-width: 767px) {
  .app-contents .advrt-head {
    margin-bottom: 10px; } }
.app-contents .advrt-top {
  text-align: center;
  margin-bottom: 14px; }

.app-contents .advrt-bottom {
  text-align: center;
  margin: 14px 0; }

@media (max-width: 767px) {
  .app-contents .advrt-bottom.bottom-advertisement.render-ad {
    min-height: 300px; } }

footer.app-footer {
  color: #484747;
  padding: 44px 0 40px;
  overflow: hidden;
  background: #000;
  text-align: center;
  letter-spacing: .028em;
  line-height: 28px; }
  @media (max-width: 767px) {
    footer.app-footer {
      line-height: 26px; } }
  footer.app-footer .container {
    max-width: 100%; }
  footer.app-footer ul {
    position: relative; }
    footer.app-footer ul.social-list {
      margin-bottom: 24px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      footer.app-footer ul.social-list:after {
        width: 100%;
        top: 50%;
        content: "";
        display: block;
        position: absolute;
        border-top: 1px solid #282727; }
      footer.app-footer ul.social-list li {
        z-index: 4;
        padding: 0 8px;
        position: relative;
        background: #000; }
        @media (max-width: 330px) {
          footer.app-footer ul.social-list li {
            padding: 0 4px; } }
        footer.app-footer ul.social-list li a {
          width: 42px;
          height: 42px;
          opacity: .8;
          display: block;
          transition: .2s;
          border-radius: 100px;
          border: 1px solid #282727; }
          footer.app-footer ul.social-list li a:hover {
            opacity: 1;
            border-color: #3a3a3a; }
          footer.app-footer ul.social-list li a:before {
            width: 18px;
            height: 18px;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto; }
          footer.app-footer ul.social-list li a.fb:before {
            background-position: -34px -295px; }
          footer.app-footer ul.social-list li a.insta:before {
            background-position: -34px -316px; }
          footer.app-footer ul.social-list li a.tw:before {
            background-position: -34px -336px; }
          footer.app-footer ul.social-list li a.youtube:before {
            background-position: -58px -308px; }
          footer.app-footer ul.social-list li a.pinterest:before {
            background-position: -58px -325px; }
          footer.app-footer ul.social-list li a.tiktok:before {
            background-position: -58px -348px; }
    footer.app-footer ul.foot-menu {
      margin-bottom: 16px;
      text-transform: uppercase;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      footer.app-footer ul.foot-menu li {
        padding: 0 8px; }
        footer.app-footer ul.foot-menu li a {
          color: #fff;
          opacity: 0.8;
          position: relative;
          transition: .2s; }
          @media (min-width: 768px) {
            footer.app-footer ul.foot-menu li a {
              font-size: 16px; } }
          @media (max-width: 767px) {
            footer.app-footer ul.foot-menu li a {
              font-size: 12px; } }
          footer.app-footer ul.foot-menu li a:after {
            left: 0;
            right: 0;
            bottom: 0;
            width: 0;
            height: 1px;
            z-index: 1;
            content: "";
            margin: 0 auto;
            position: absolute;
            background: #fff;
            transition: .2s; }
          footer.app-footer ul.foot-menu li a:hover {
            opacity: 1; }
            footer.app-footer ul.foot-menu li a:hover:after {
              width: 100%; }
          footer.app-footer ul.foot-menu li a.btn {
            opacity: 0.5;
            border-radius: 4px;
            padding: 6px 14px;
            text-align: center;
            border: 1px solid #fff; }
            footer.app-footer ul.foot-menu li a.btn:after {
              display: none; }
            footer.app-footer ul.foot-menu li a.btn:hover {
              opacity: 1;
              color: #fff;
              background: #444; }
  footer.app-footer .copyright {
    color: rgba(255, 255, 255, 0.4); }
    @media (min-width: 768px) {
      footer.app-footer .copyright {
        font-size: 13px; } }
    @media (max-width: 767px) {
      footer.app-footer .copyright {
        font-size: 11px; } }
    footer.app-footer .copyright p {
      margin-bottom: 1px; }
      footer.app-footer .copyright p:last-child {
        margin-bottom: 0; }

.login-modal .modal-dialog {
  width: 360px; }

.login-modal .modal-content {
  border: 0;
  padding: 36px 26px;
  border-radius: 12px;
  background: url(../img/login-bg.png) no-repeat #410078 top center !important; }

.login-modal .modal-content figure {
  text-align: center; }

.login-modal .modal-body {
  padding: 0; }

.login-modal .modal-body .sub-text {
  color: #fff;
  line-height: 13px;
  display: flex;
  flex: 1;
  margin-top: 3px;
  font-size: 11px; }

.login-modal .modal-header {
  border: 0 !important;
  padding: 0 !important;
  margin: 22px 0 36px 0; }

.login-modal .modal-header button.close {
  font-size: 40px;
  color: #fff;
  opacity: 1;
  font-weight: normal;
  box-shadow: none; }

.login-modal .modal-header .nav-tabs {
  width: 100%;
  border: 0;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.login-modal .modal-header .nav-tabs .nav-item {
  width: 50%;
  text-align: center;
  margin-bottom: 0; }

.login-modal .modal-header .nav-tabs .nav-item a {
  color: #fff;
  font-size: 20px;
  padding: 4px 2px;
  background: transparent !important;
  border: 0;
  position: relative;
  border-bottom: 2px solid transparent;
  font-family: aileronthin; }

.login-modal .modal-header .nav-tabs .nav-item a:before {
  left: 0;
  right: 0;
  bottom: -1px;
  width: 0;
  content: "";
  height: 3px;
  margin: 0 auto;
  position: absolute;
  transition: 0.2s; }

.login-modal .modal-header .nav-tabs .nav-item a.active {
  font-family: aileronbold; }

.login-modal .modal-header .nav-tabs .nav-item a.active:before {
  width: 100%;
  background: #9CE667; }

.login-modal .modal-header .close {
  position: absolute;
  top: 0px;
  right: 7px; }

.login-modal .social-btn-group .btn {
  width: 100%;
  height: 44px;
  font-size: 14px;
  position: relative;
  background: #fff;
  border: 0;
  text-align: left;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.login-modal .social-btn-group .btn i {
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/apps.svg) no-repeat; }

.login-modal .social-btn-group .btn i.fb-icon {
  width: 30px;
  height: 29px;
  background-position: -40px -133px; }

.login-modal .social-btn-group .btn i.google-icon {
  top: -3px;
  width: 30px;
  height: 23px;
  transform: scale(1.08);
  background-position: 0px -136px; }

.login-modal .social-btn-group .btn {
  margin-bottom: 8px; }

.login-modal .social-btn-group .btn .facebookLogin {
  padding-left: 50px; }

.login-modal .social-btn-group .btn-google .abcRioButtonContents {
  padding-left: 10px;
  letter-spacing: 0;
  font-size: 14px;
  font-family: aileronregular; }

.login-modal .more-option {
  height: 30px;
  margin: 26px 0;
  position: relative; }

@media (max-width: 767px) {
  .login-modal .more-option {
    margin: 20px 0; }

  .login-modal .modal-header {
    margin: 18px 0 30px 0; } }
.login-modal .more-option:before,
.login-modal .more-option:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(50% - 30px);
  height: 1px;
  top: 50%;
  background: #fff; }

.login-modal .more-option:before {
  right: 0; }

.login-modal .more-option .more-option-text {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 11px;
  color: #B3B3B3;
  background: #fff;
  font-family: aileronsemibold; }

.login-modal .form-group .form-control {
  height: 44px;
  font-size: 14px;
  border: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.login-modal .form-action {
  color: #fff;
  font-size: 13px;
  text-align: center; }

.login-modal .form-action .forgot {
  line-height: 1.6; }

.login-modal .form-action .forgot a {
  color: #fff; }
  .login-modal .form-action .forgot a:hover {
    text-decoration: underline; }

.login-modal .form-action .create {
  line-height: 1.6;
  margin-bottom: 16px; }

.login-modal .form-action .create a {
  color: #9CE667;
  font-family: aileronbold; }
  .login-modal .form-action .create a:hover {
    text-decoration: underline !important; }

.login-modal .form-action .login {
  line-height: 1.6;
  margin-top: 6px; }

.login-modal .form-action .login a {
  color: #9CE667;
  font-family: aileronbold; }
  .login-modal .form-action .login a:hover {
    text-decoration: underline !important; }

.login-modal .form-action .login-submit {
  width: 100%;
  height: 44px;
  font-size: 18px;
  color: #410078;
  border: 0;
  opacity: 1 !important;
  background: #9be567;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }

.login-modal .form-action .login-submit:hover,
.login-modal .form-action .login-submit:focus {
  color: #410078;
  background: #9CE667; }

.login-modal .form-action .login-submit i.svg.key-icon {
  width: 23px;
  height: 23px;
  top: 4px;
  margin-right: 8px;
  position: relative;
  display: inline-block;
  background-position: -129px -159px; }

.login-modal .login-modal-btn {
  margin-top: 32px; }

.login-modal .modal-header.forgot {
  justify-content: center; }

.login-modal .modal-header span.title {
  font-size: 16px;
  padding: 10px 8px;
  text-align: center;
  display: block;
  color: #fff;
  font-family: aileronsemibold;
  text-transform: uppercase; }

.login-modal .fa-spinner {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: url(../images/svg/loader/white.svg) no-repeat 0 0;
  background-size: 100%;
  animation: fa-spin 2s infinite linear; }

.login-modal .fa-spinner:before {
  display: none; }

.login-modal .social-btn-group .btn-google .abcRioButton {
  width: 100% !important;
  border: 0;
  height: auto !important;
  box-shadow: none;
  margin: 0;
  padding: 0;
  top: -3px;
  padding: 8px 18px !important; }

.login-modal .social-btn-group .btn-google div.abcRioButtonIconImage {
  top: -1px;
  left: -4px;
  position: relative;
  transform: scale(1.3); }

.login-modal .btn-google .abcRioButtonIcon {
  padding: 8px !important;
  transform: none; }

.login-modal .btn-google {
  padding: 0 !important;
  overflow: hidden; }
  .login-modal .btn-google .g-signin {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    display: flex;
    align-items: center; }
    .login-modal .btn-google .g-signin .googleLogin {
      top: -0.5px;
      position: relative;
      padding-left: 68px; }

.login-modal .social-btn-group .btn-google div {
  margin: 0;
  padding: 0;
  text-align: left; }

.login-modal .social-btn-group .btn-google span {
  font-size: 14px;
  color: #000; }

.login-modal button {
  outline: 0 !important; }

#loginModal {
  background: #000000c7; }

.login-modal {
  z-index: 9999999 !important; }

.g-signin2 div {
  margin: auto; }

#disclaimerModal,
#errorModal,
#otherIssueModal,
#reportIssueModal {
  background: #000000e3; }

#disclaimerModal .modal-dialog,
#errorModal .modal-dialog,
#otherIssueModal .modal-dialog,
#reportIssueModal .modal-dialog {
  transform: none !important; }

#errorModal .modal-dialog .modal-content .modal-header,
#otherIssueModal .modal-dialog .modal-content .modal-header,
#reportIssueModal .modal-dialog .modal-content .modal-header {
  display: flex; }

#errorModal .modal-dialog .modal-content .modal-header h1,
#otherIssueModal .modal-dialog .modal-content .modal-header h1,
#reportIssueModal .modal-dialog .modal-content .modal-header h1 {
  width: 100%; }

.modal-header-close.claim-close {
  position: absolute;
  right: 9px;
  top: 2px; }

form#otherIssueForm button {
  width: 100%; }

form#otherIssueForm label {
  font-weight: 500 !important; }

.swiper-slide#recommendations {
  min-height: 540px; }

.heading-mobile {
  display: none; }

@media (max-width: 767px) {
  .heading-mobile {
    display: block; }

  .heading-mobile .res-address {
    margin-bottom: 6px; }

  .heading-mobile .res-address * {
    display: block !important; } }
#errorModal {
  z-index: 9999999999; }

#errorModal .close {
  margin-left: auto; }

.checkbox-info-modal .app-checkbox {
  font-size: 13px;
  line-height: 18px;
  color: #fff;
  font-weight: normal; }
  .checkbox-info-modal .app-checkbox a {
    color: #fff;
    text-decoration: underline; }
    .checkbox-info-modal .app-checkbox a:hover {
      text-decoration: none; }

.login-modal .app-checkbox > input:not([disabled]):checked ~ span {
  border: 1px solid #97e167 !important;
  background: #97e167 !important; }
.login-modal .app-checkbox > input:not([disabled]):checked ~ span:after {
  border-color: #410078; }

.flexi-action {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .flexi-action .btn.grey {
    background: #ddd; }
    .flexi-action .btn.grey:hover {
      background: #fff; }

/*# sourceMappingURL=app.css.map */