/* #region Fonts */
/* Poppins font */
@font-face {
  font-family: "Poppins";
  src: local("Poppins"),
    url('../css/fonts/Poppins/Poppins-Regular.woff2') format("woff2"),
    url('../css/fonts/Poppins/Poppins-Regular.woff') format("woff"),
    url('../css/fonts/Poppins/Poppins-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: local("Poppins Medium"),
    url('../css/fonts/Poppins/Poppins-Medium.woff2') format("woff2"),
    url('../css/fonts/Poppins/Poppins-Medium.woff') format("woff"),
    url('../css/fonts/Poppins/Poppins-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: local("Poppins SemiBold"),
    url('../css/fonts/Poppins/Poppins-SemiBold.woff2') format("woff2"),
    url('../css/fonts/Poppins/Poppins-SemiBold.woff') format("woff"),
    url('../css/fonts/Poppins/Poppins-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: local("Poppins"),
    url('../css/fonts/Poppins/Poppins-Bold.woff2') format("woff2"),
    url('../css/fonts/Poppins/Poppins-Bold.woff') format("woff"),
    url('../css/fonts/Poppins/Poppins-Bold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
}

/* Helvetica Neue font */
@font-face {
  font-family: "Helvetica Neue";
  src: local("HelveticaNeueCyr"),
    url('../css/fonts/Helvetica/HelveticaNeue-Regular.woff2') format("woff2"),
    url('../css/fonts/Helvetica/HelveticaNeue-Regular.woff') format("woff"),
    url('../css/fonts/Helvetica/HelveticaNeue-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("HelveticaNeueCyr"),
    url('../css/fonts/Helvetica/HelveticaNeue-Medium.woff2') format("woff2"),
    url('../css/fonts/Helvetica/HelveticaNeue-Medium.woff') format("woff"),
    url('../css/fonts/Helvetica/HelveticaNeue-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("HelveticaNeueCyr"),
    url('../css/fonts/Helvetica/HelveticaNeue-Bold.woff2') format("woff2"),
    url('../css/fonts/Helvetica/HelveticaNeue-Bold.woff') format("woff"),
    url('../css/fonts/Helvetica/HelveticaNeue-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
}

/* #endregion */

/* #region Base styles */
:root {
  --clr-white: #FFFFFF;
  --clr-gray-light: #F5F5F5;
  --clr-border-light: #E0E0E0;
  --clr-gray: #757575;
  --clr-gray-hover: #616161;
  --clr-gray-link: #C2C2C2;
  --clr-gray-btn: #EDEDED;
  --clr-black: #000000;
  --clr-darkest: #181818;
  --clr-orange-light: #FFE0CC;
  --clr-orange: #FD6200;
  --clr-orange-secondary: #FF9500;
  --clr-orange-secondary-shadow: #ff924c;
  --clr-orange-hover: #FD8133;
  --clr-blue: #0054A6;
  --clr-red: #C8232C;
  --clr-green: #379F7A;
  --fz-text: 14px;
  --fn-w: 400;
  --line-h: 1.3;
}

body {
  font-size: var(--fz-text);
  font-weight: var(--fn-w);
  line-height: var(--line-h);
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
}

/* #endregion */


/* #region Main */
.btn {
  background-color: transparent;
  border-radius: .25rem;
  color: #212529;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5;
  padding: .375rem .75rem;
  text-align: center;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle
}

@media (prefers-reduced-motion:reduce) {
  .btn {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none
}

.btn.focus,
.btn:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .25);
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .25);
  outline: 0
}

.btn.disabled,
.btn:disabled {
  opacity: .65
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none
}



.btn {
  background-color: var(--clr-orange);
  border: 1px solid var(--clr-orange);
  border-radius: 8px;
  cursor: pointer;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-white);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  min-height: 40px;
  padding: 7px 15px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transition: all .15s;
  -o-transition: all .15s;
  transition: all .15s;
  white-space: nowrap
}

.btn:focus,
.btn:hover {
  border-color: var(--clr-orange-hover);
  background-color: var(--clr-orange-hover);
  color: var(--clr-white);
}

.btn.disabled,
.btn:disabled {
  opacity: .6
}

.btn.focus,
.btn:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.btn--big{
  padding: 11px 43px;
}

.btn--alt{
  background-color: var(--clr-white);
  color: var(--clr-darkest);
}

.btn--alt:focus,
.btn--alt:hover{
  color: var(--clr-gray-hover);
  background-color: var(--clr-white);
  box-shadow: 0px 4px 8px 0px rgba(24, 24, 24, 0.1);
}

.btn--wide-m{
  width: 100%;
  max-width: 180px;
}

.btn.active {
  background-color: var(--primary-base-color);
  border-color: var(--primary-base-color) !important
}

.btn.active,
.btn.active .ico,
.btn.active span,
.btn.active.btn-simple .ico,
.btn.active.btn-simple span {
  color: #fff !important
}

.h-header-top-box {
  position: relative;
  padding-top: 24px;
  padding-bottom: 24px;
  box-shadow: 0px 2px 5px 0 rgba(64, 61, 57, 0.05);
}

.h-header-nav {
  justify-content: flex-start;
  margin-right: -12px;
  padding-right: 12px
}

.h-header-nav-item>a {
  padding: 12px 20px 6px;
  line-height: 1.2;
  font-size: 14px;
  font-weight: 500;  
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-black);
  transition: .2s ease;
}

.h-header-nav-item>a:hover {
  color: var(--clr-gray);
}

.masonry-wrap::-webkit-scrollbar {
  width: 0;
  background: transparent;
  -ms-overflow-style: none;
  /* IE 10+ */
  scrollbar-width: none;
  /* Firefox */
  display: none;
}

.masonry-wrap {
  overflow-y: hidden;
  overflow-x: auto;
}
.masonry-wrap--mobile{
  display: none;
}
@media (max-width: 1023px) {
  .masonry-wrap--mobile{
    display: block;
  }
  .masonry-wrap--pc{
    display: none;
  }
}

@media (max-width: 575px) {
  .masonry-wrap{
    margin: 0 -8px 0 -8px;
    padding-right: 8px;
    padding-left: 8px;
  }
}

.masonry {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 1023px) {
  .masonry {
    gap: 4px;
    padding-right: 104px;
    position: relative;
  }
}

.masonry-item {
  flex-basis: 125px;
}

@media (max-width: 1023px) {
  .masonry-item {
    flex-basis: 110px;
  }
}

.masonry-item a {
  width: 100%;
  display: block;
  min-height: 100px;
  position: relative;
  background: var(--clr-gray-light);
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  color: var(--clr-black);
  padding: 8px 15px 8px 8px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 2px 2px 0px rgba(239, 239, 239, .25), inset 2px 4px 6px 2px rgba(220, 220, 220, .25);
  transition: .2s ease;
}

@media (max-width: 1023px) {
  .masonry-item a{
    min-height: 74px;
  }
}

.masonry-item a:hover {
  color: var(--clr-black) !important;
  box-shadow: 0px 6px 12px 0 rgba(24, 24, 24, .1), inset 2px 4px 6px 2px rgba(224, 224, 224, .15);
}

.masonry-item a span {
  z-index: 2;
  position: relative;
}
.masonry-item a span.max-w {
  max-width: 90%;
  display: inline-block;
}

.masonry-item a img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.masonry-item a svg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  flex: none;
  margin-right: 14px;
}

.masonry-item a .c-link-arrow {
  position: absolute;
  bottom: 32px;
  right: 8px;
  z-index: 1;
}

.masonry-item:nth-child(1) {
  flex-basis: 275px;
}

.masonry-item:nth-child(2) {
  flex-basis: 250px;
}

.masonry-item:nth-child(3) {
  flex-basis: 200px;
}

.masonry-item:nth-child(4) {
  flex-basis: 240px;
}

.masonry-item:nth-child(5) {
  flex-basis: 175px;
}

.masonry-item:nth-child(7) {
  flex-basis: 205px;
}

.masonry-item:nth-child(8) {
  flex-basis: 225px;
}

.masonry-item:nth-child(9) {
  flex-basis: 225px;
}

.masonry-item:nth-child(10) {
  flex-basis: 225px;
}

@media (max-width: 1023px) {
  .masonry-item:nth-child(1) {
    flex-basis: 150px;
  }

  .masonry-item:nth-child(2) {
    flex-basis: 170px;
  }

  .masonry-item:nth-child(3) {
    flex-basis: 150px;
  }

  .masonry-item:nth-child(4) {
    flex-basis: 155px;
  }

  .masonry-item:nth-child(5) {
    flex-basis: 110px;
  }

  .masonry-item:nth-child(7) {
    flex-basis: 190px;
  }

  .masonry-item:nth-child(8) {
    flex-basis: 155px;
  }

  .masonry-item:nth-child(9) {
    flex-basis: 140px;
  }

  .masonry-item:nth-child(10) {
    flex-basis: 140px;
  }

  .masonry-item:last-child{
    position: absolute;
    right: 0;
    top: 0;
    width: 104px;
    height: 100%;
  }

  .masonry-item:last-child a{
    height: 100%;
    padding-top: 44px;
  }

  .masonry-item:last-child a .c-link-arrow {
    bottom: 44px;
  }

  .masonry-item a img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
/* 
  .masonry-item:nth-child(1) a img{
    max-width: 79%;
    max-height: 100%;
  }
  .masonry-item:nth-child(2) a img{
    max-width: 79%;
    max-height: 100%;
  }
  .masonry-item:nth-child(3) a img{
    max-width: 87%;
    max-height: 100%;
  }
  .masonry-item:nth-child(7) a img{
    max-width: 52%;
    max-height: 100%;
  } */
}

.it-view-banner{
  width: 100%;
  padding: 30px 20px 51px;
}

@media (max-width: 1023px) {
  .it-view-banner{
    display: none;
  }
}

.it-view-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  row-gap: 9px;
  column-gap: 10px;
}

@media (min-width:768px) {
  .it-view-gallery {
    margin-bottom: -20px
  }
}

@media (max-width:767px) {
  .it-view-gallery .it-grid-item:only-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-height: 300px
  }

  .it-view-gallery .it-grid-item:only-child .it-img-box {
    height: 180px
  }

  #j-business-company-v-container .it-view-gallery .it-grid-item:only-child {
    min-height: 335px
  }
  #j-business-company-v-container .it-view-gallery .it-grid-item:only-child .it-img-box {
    height: 251px
  }

  .it-view-gallery.it-view-gallery-cols-mobile .it-grid-item {
    -ms-flex-preferred-size: calc(50% - 5px);
    flex-basis: calc(50% - 5px);
  }

  .it-view-gallery.it-view-gallery-cols-mobile .it-grid-item:hover .it-grid-item-in {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
  }
}

@media (max-width: 575px) {
  .it-view-gallery{
    row-gap: 8px;
    column-gap: 4px;
  }
}

@media (min-width:768px) {
  .it-grid-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    height: 306px
  }
}


@media (min-width:1025px) {
  .it-grid-item {
    height: 320px;
  }
  #j-business-company-v-container .it-grid-item {
    height: 370px;
  }
}



.it-grid-item {
  -ms-flex-preferred-size: calc(20% - 12px);
  flex-basis: calc(20% - 12px);
  /* margin: 0 8px 0px; */
}


.it-grid-item-in {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  padding: 8px 8px 8px;
  transition: .2s ease;
}
.main-company .it-grid-item-in {
  height: auto;
}

@media (max-width: 1023px) {
  .it-grid-item-in{
    padding: 2px;
  }
}

.it-img-box {
  height: 186px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  z-index: 1;
  border-radius: 2px;
}


@media (min-width:1024px) {
  .it-grid-item .it-img-box {
    min-height: 186px
  }
}

@media (max-width: 1023px) {
  .it-img-box {
    border-radius: 6px;
  }
  .it-grid-item .it-img-box{
    height: 185px;
    min-height: 185px;
  }
}


@media (min-width:1025px) {
  .it-grid-item .it-img-box {
    min-height: 215.95px
  }
  #j-business-company-v-container .it-grid-item .it-img-box {
    min-height: 265.94px
  }
  .it-view-gallery-4-items-in-row .it-grid-item .it-img-box {
    min-height: 201.5px
  }
  .vw-latest.it-view-gallery-4-items-in-row .it-grid-item .it-img-box {
    min-height: 209.52px
  }
}

.it-grid-info {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 11px 0 0
}

@media (max-width: 1023px) {
  .it-grid-info {
    padding: 8px 2px 0;
  }
}

.it-item-title {
  font-size: 14px;
  line-height: 1.3;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
  font-weight: 500;
  min-height: 18px;
  margin-bottom: 4px;
  overflow: hidden;
  position: relative;
  max-height: 36px;
  /* white-space: nowrap */
  transition: .2s ease;
}

.it-item-title:hover {
  color: var(--clr-gray)
}

@media (min-width:768px) {
  .it-grid-item .it-item-title+.it-grid-footer {
    margin-top: auto
  }
}

@media (max-width: 1023px) {
  .it-item-title{
    margin-bottom: 2px;
  }
}

@media (min-width:768px) {
  .btn.btn-simple.usr-top-filter-elem.j-app-dropdown {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}


.it-price-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* height: 17px; */
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  margin-bottom: 8px;
}

.it-price {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
  margin-right: 9px;
}

.main-company .it-price-box.c-shadow-overflow .it-price {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.it-item-address {
  color: var(--clr-darkest);
  opacity: .7;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  min-height: 12px;
  overflow: hidden;
  position: relative;
  white-space: nowrap
}

.it-item-address,
.it-owner {
  font-size: 14px;
  line-height: 18px
}

@media (max-width: 1023px) {
  .it-item-address, .it-owner{
    font-size: 12px;
    line-height: 1.6;
  }
}

.it-grid-item .it-item-address {
  margin-bottom: 1px;
  padding-left: 1px
}

.it-grid-footer {
  margin-top: auto;
  height: 21px;
  padding-right: 23px;
  position: relative
}

.it-grid-footer .c-item-fav {
  bottom: 3px;
  position: absolute;
  right: 0;
  width: auto;
  z-index: 2
}

@media (max-width: 1023px) {
  .it-grid-footer .c-item-fav{
    right: 1px;
  }
}

/* @media (max-width:767px) {
  .it-grid-footer .c-item-fav {
    top: 5px
  }
} */

.c-fav .ico,
.c-item-fav .ico {
  fill: var(--clr-darkest);
  color: var(--clr-darkest);
  font-size: 21px;
  max-height: 21px;
  max-width: 21px
}

.l-banner-content {
  width: 100%;
  /* height: 180px; */
}

@media (max-width: 575px) {
  .l-banner-content{
    padding: 0 4px;
  }
}

.l-banner-aside .l-banner-content {
  height: auto;
}

.l-banner-link {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 20px;
}

@media (max-width: 1023px) {
  .l-banner-link{
    border-radius: 10px;
  }
}

.l-banner-link>img {
  border-radius: inherit;
}

@media (max-width: 575px) {
  .l-banner-link>img{
    max-height: none!important;
  }
}

@media (min-width:1024px) {
  .fl-search-h-cat {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    background-color: var(--clr-white);
    border: 2px solid var(--clr-orange);
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    margin: -1px 0 -1px -1px;
    max-width: 280px;
    min-width: 280px;
    padding: 14px 48px 14px 48px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    transition: .2s ease;
  }

  .fl-search-h-cat.open {
    background-color: var(--clr-orange);
  }

  .fl-search-h-cat:hover {
    background-color: var(--clr-orange);
  }
}


.fl-search-h-cat-title {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

@media (min-width:768px) {
  .fl-search-h-cat-title {
    color: var(--clr-darkest);
    display: inline-block;
    max-width: 93%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: .2s ease;
  }

  .fl-search-h-cat.open .fl-search-h-cat-title {
    color: var(--clr-white);
  }

  .fl-search-h-cat:hover .fl-search-h-cat-title {
    color: var(--clr-white);
  }

  .fl-search-h-cat-title:after {
    display: none !important
  }
}

.fl-search-ovr-box {
  margin-left: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  position: relative;
  display: flex;
  border-radius: 10px;
  background-color: var(--clr-orange);
  padding: 2px;
  max-width: 737px;
}

@media (max-width: 1023px) {
  .fl-search-ovr-box{
    margin-left: 0;
    width: 100%;
  }

  .wb-f-filter.wb-f-filter-showed .fl-search-ovr-box{
    display: none;
  }
}

.fl-search-ovr-box .fl-search-h-input {
  border-radius: 7px;
  background-color: var(--clr-white);
}

.fl-search-h-line {
  height: 52px;
}

@media (max-width: 1023px){
  .fl-search-h-line{
    height: 40px;
  }
}

.fl-search-ico {
  position: absolute;
  z-index: 2;
  left: 12px;
  top: 48%;
  transform: translateY(-50%);
}

@media (max-width: 1023px) {
  .fl-search-ico{
    left: 8px;
  }
} 

.fl-search-btn {
  background-color: var(--clr-orange);
  /* background-color: var(--primary-base-color); */
  background-image: none;
  border-radius: 10px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 48px;
  padding: 14px 10px;
  position: relative;
  width: 105px;
  color: var(--clr-white);
  font-size: 16px;
  font-weight: 500;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  transition: .2s ease;
}

.fl-search-btn:hover {
  background-color: #6161611F;
  color: var(--clr-white);
}

@media (min-width:768px) {
  .fl-search-btn {
    border-radius: 0 3px 3px 0
  }
}

.fl-search-btn .ico {
  color: #fff;
  font-size: 14px
}

@media (min-width: 1024px) {
  .fl-search-h-input {
    padding-left: 44px;
    padding-right: 20px
  }
}

@media (min-width:992px) {
  .fl-search-geo {
    max-width: 167px;
    min-width: 92px
  }
}

@media (min-width:768px) {
  .fl-search-geo {
    height: 100%;
    margin-left: auto;
    padding: 0 0 0 8px;
    position: relative
  }

  .fl-search-geo:before {
    background-color: #e8edef;
    content: "";
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px
  }
}

@media (min-width:576px) {
  .fl-geo-input .form-control {
    padding: 0 20px 0 0 !important
  }
}

.c-drop-category {
  fill: #c3c3c3;
  background-image: url('data:image/svg+xml,<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" width="16" height="2" rx="1" fill="%23181818"/><rect x="0.5" y="5" width="16" height="2" rx="1" fill="%23181818"/><rect x="0.5" y="10" width="16" height="2" rx="1" fill="%23181818"/></svg>');
  background-repeat: no-repeat;
  background-size: 16px 12px;
  background-position: center;
  color: #c3c3c3;
  display: inline-block;
  font-size: 16px;
  height: 18px;
  min-height: 18px;
  min-width: 18px;
  vertical-align: middle;
  width: 18px
}

.fl-search-h-cat .c-drop-category {
  margin-right: 12px;
}

.fl-search-h-cat:hover .c-drop-category {
  background-image: url('data:image/svg+xml,<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" width="16" height="2" rx="1" fill="%23FFFFFF"/><rect x="0.5" y="5" width="16" height="2" rx="1" fill="%23FFFFFF"/><rect x="0.5" y="10" width="16" height="2" rx="1" fill="%23FFFFFF"/></svg>');
}

.fl-search-h-cat.open .c-drop-category {
  background-size: 18px;
  background-image: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 4.5L5 13.5M5 4.5L14 13.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.c-link-arrow {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.3335 10H16.6668M16.6668 10L11.6668 5M16.6668 10L11.6668 15" stroke="%23181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  color: var(--clr-darkest);
  display: inline-block;
  font-size: 20px;
  height: 20px;
  width: 20px;
  min-width: 20px;
  min-height: 20px;
  transition: .2s ease;
  vertical-align: middle;
}

.c-drop-arrow {
  fill: #c3c3c3;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 7.5L10 12.5L15 7.5" stroke="%23181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  color: #c3c3c3;
  display: inline-block;
  font-size: 16px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  vertical-align: middle;
  width: 20px
}

.fl-selected-geo .c-drop-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  z-index: 1;
  min-width: 16px;
  width: 16px;
  height: 16px;
  min-height: 16px;
}

@media (max-width: 1023px) {
  .fl-selected-geo .c-drop-arrow{
    height: 16px;
    min-height: 16px;
    min-width: 16px;
    width: 16px;
  }
}

.c-drop-arrow.rotate {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.c-drop-arrow.rotate-l {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.c-drop-arrow.rotate-r {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.c-drop-arrow.c-drop-arrow-white {
  background-image: url(../css/images/arrow-white.svg?5e2dd1544de69f2dcade609f427ac4d5)
}

.c-drop-arrow.c-drop-arrow-black {
  background-image: url(../css/images/arrow-black.svg?da1bf6e5809ea4eb59f6805b92b3851b)
}

.c-drop-arrow+* {
  vertical-align: middle
}

.open .c-drop-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fl-geo-input .form-control {
  cursor: pointer;
  background-position: 100% 50%;
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 0;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 2.4;
  font-weight: 500;
  color: var(--clr-darkest);
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  white-space: nowrap;
}

.fl-geo-input .form-control::-webkit-input-placeholder {
  color: var(--text-color)
}

.fl-geo-input .form-control::-moz-placeholder {
  color: var(--text-color)
}

.fl-geo-input .form-control:-ms-input-placeholder {
  color: var(--text-color)
}

.fl-geo-input .form-control:-moz-placeholder {
  color: var(--text-color)
}

.fl-search-container {
  /* margin-bottom: 15px */
  padding: 20px 0;
}

@media (max-width: 1023px){
.fl-search-container{
  padding: 8px 0 10px;
}
}

@media (max-width: 767px) {
  .fl-search-container{
    background-color: var(--clr-white);
  }
}

@media (min-width:1024px) {
  .i-categories-box-tiles {
    padding: 20px 0 0
  }
}

.f-footer {
  background-color: var(--clr-gray-light);
  margin-top: auto;
  padding: 32px 0;
  position: relative
}

.footer-copyright-block {
  margin-top: 37px;
}

@media (max-width: 1023px) {
  .footer-copyright-block{
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--clr-gray);
  }
}


.copyrightBlockMenu {
  display: none !important;
}

@media (max-width: 1023px) {
  .copyrightBlockMenu {
    display: block!important
  }
}

.f-footer-text {
  color: var(--clr-darkest);
  opacity: .7;
  font-size: 14px;
  line-height: 1.3;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  width: 100%
}

.f-footer-r {
  -webkit-box-flex: 1;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  display: flex;
  justify-content: flex-end;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 50%;
  margin-left: auto;
  flex-wrap: wrap;
  width: 100%;
  margin-left: auto;
  gap: 57px;
  flex-flow: unset;
}

@media (max-width:1279px) {
  .f-footer-r {
    max-width: inherit
  }
}

/* @media (max-width:991px) {
  .f-footer-r {
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
    column-count: 2 !important
  }
} */

@media (max-width: 1023px) {
  .f-footer-r {
    display: flex;
    flex-flow: wrap;
    margin-left: unset;
    width: unset;
    justify-content: flex-start;
    width: 100%;
    gap: 50px;
  }
}

@media (max-width: 767px) {
  .f-footer-r {
    /* display: block; */
    /* column-count: 2; */
    /* column-gap: 20px; */
    column-gap: 72px;
    max-width: 231px;
    justify-content: space-between;
    row-gap: 0;
  }
  /* .f-footer-r > .f-footer-menu{
    break-inside: avoid-column;
    break-after: avoid-page;
  } */
}

.f-footer-menu>h4 {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin-bottom: 20px;
}

@media (max-width: 1023px) {
  .f-footer-menu>h4{
    display: none;
  }
}

.f-footer li {
  list-style-type: none;
}

@media (max-width: 1023px){
  .f-footer-r li {
    display: inline-block;
    padding: 0;
  }

  .f-footer-r li a {
    font-size: 14px
  }
}

.f-footer-r li+li {
  margin-top: 10px
}

@media (max-width: 1023px) {
  .f-footer-r li+li {
    margin-top: 0;
  }
  .f-footer li+li > a,
  .f-footer li+li > span{
    padding-top: 12px;
  }
}

.f-footer-menu {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  /* .f-footer-menu {
    margin-bottom: 20px;
  } */
  .f-footer-menu.f-footer-menu--lang{
    /* break-before: avoid; */
    /* margin-top: -15px; */
    margin-top: 15px;
    margin-left: auto;
    flex-direction: column-reverse;
    min-width: 80px;
  }
}

.f-footer-link {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.3;
  color: var(--clr-darkest);
  transition: .2s ease;
  display: inline-block;
}

.f-footer-link:hover {
  color: var(--clr-gray);
}

.f-copyright-links{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 13px;
}

@media (max-width: 767px) {
  .f-copyright-links{
    align-items: center;
    text-align: center;
    margin-bottom: 12px;
  }
}

.f-copyright-links .f-footer-link:not(:last-child){
  margin-bottom: 9px;
}

.f-copyright-links .f-footer-link{
  line-height: 1.075;
  border-bottom: 1px solid var(--clr-gray-link);
}

.f-footer-messangers {
  margin-top: auto;
  display: flex;
  gap: 8px;
}

@media (max-width: 1023px) {
  .f-footer-messangers{
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .f-footer-messangers{
    margin-bottom: 16px;
  }
}

.dropdown-toggle.c-link-ajax {
  color: var(--clr-darkest);
}

.h-header-logo {
  max-width: 174px;
  min-width: 110px;
  height: 54px;
}

.c-ico-link .ico,
.c-ico-link.ico {
  color: var(--clr-darkest);
  font-size: inherit;
  margin-right: 10px;
  transition: .2s ease;
}

/* .c-ico-link .ico path,
.c-ico-link.ico path{
  stroke: var(--clr-darkest);
} */

.h-header-r-menu .c-ico-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;  
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
}

@media (min-width:768px) {
  .h-header-r-menu .c-ico-link {
    margin-left: 12px
  }
}

.h-header-r-menu .btn-add-item {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: var(--clr-darkest);
  border-radius: 8px;
  border: 2px solid var(--clr-orange);
  box-shadow: 0px 4px 8px 0px rgba(24, 24, 24, 0.1);
  background-color: var(--clr-white);
  transition: .2s ease;
}

.h-header-r-menu .btn-add-item:hover {
  background-color: var(--clr-orange);
  color: var(--clr-white);
}

@media (min-width:768px) {
  .h-header-r-menu {
    padding-left: 20px
  }

  .h-header-r-menu .btn-add-item {
    margin-left: 17px;
    padding-bottom: 11px;
    padding-top: 13px;
    padding-left: 46px;
    padding-right: 46px;
  }
}

.it-view-gallery .btn-show-more {
  margin-top: 32px;
  height: 54px;
  width: 100%;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
  transition: .2s ease;
}

.it-view-gallery .btn-show-more:hover {
  opacity: .8;
}


.in-step-box {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--clr-orange-hover);
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 4px 8px 0px rgba(24, 24, 24, 0.1);
  padding: 20px 20px 24px;
  text-align: center;
}

@media (max-width: 1023px) {
  .in-step-box{
    padding: 12px;
  }
}

.in-step-box--company::before,
.in-step-box--company::after {
  content: "";
  position: absolute;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: var(--size);
  height: var(--size);
  z-index: 1;
  user-select: none;
  pointer-events: none;
}

.in-step-box--company::before {
  --size: 165px;
  right: 4px;
  bottom: -10px;
  background-image: url('data:image/svg+xml,<svg width="165" height="147" viewBox="0 0 165 147" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.4"><path d="M13.75 13.917H22.7299C24.4213 13.917 25.2669 13.917 25.9475 14.2318C26.5473 14.5092 27.0555 14.9553 27.4117 15.517C27.8158 16.1544 27.9354 17.0018 28.1746 18.6964L31.4286 41.7503M31.4286 41.7503L38.6603 95.548C39.578 102.375 40.0369 105.788 41.6494 108.358C43.0704 110.622 45.1074 112.422 47.5156 113.542C50.2484 114.813 53.6521 114.813 60.4595 114.813H119.295C125.775 114.813 129.015 114.813 131.663 113.633C133.998 112.592 136 110.915 137.447 108.788C139.088 106.377 139.694 103.155 140.906 96.7125L150.006 48.3586C150.433 46.091 150.646 44.9572 150.337 44.0709C150.066 43.2935 149.531 42.6388 148.827 42.2236C148.025 41.7503 146.884 41.7503 144.603 41.7503H31.4286ZM68.75 146.125C68.75 149.968 65.672 153.084 61.875 153.084C58.078 153.084 55 149.968 55 146.125C55 142.282 58.078 139.167 61.875 139.167C65.672 139.167 68.75 142.282 68.75 146.125ZM123.75 146.125C123.75 149.968 120.672 153.084 116.875 153.084C113.078 153.084 110 149.968 110 146.125C110 142.282 113.078 139.167 116.875 139.167C120.672 139.167 123.75 142.282 123.75 146.125Z" stroke="%23CA4E00" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
}

.in-step-box--company::after {
  --size: 198px;
  left: -11px;
  top: 0;
  background-image: url('data:image/svg+xml,<svg width="149" height="170" viewBox="0 0 149 170" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.4"><path d="M132.5 29.75L67.5838 94.6662C64.3167 97.9333 62.6831 99.5669 60.7994 100.179C59.1424 100.717 57.3576 100.717 55.7006 100.179C53.8169 99.5669 52.1833 97.9333 48.9162 94.6662L26.3338 72.0838C23.0667 68.8167 21.4331 67.1831 19.5494 66.571C17.8924 66.0327 16.1076 66.0327 14.4506 66.571C12.5669 67.1831 10.9333 68.8167 7.66619 72.0838L-32.5 112.25M132.5 29.75H74.75M132.5 29.75V87.5" stroke="%23CA4E00" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
}

@media (max-width: 1023px) {
  .in-step-box--company::after{
    --size: 139px;
    top: -3px;
    left: -9px;
    background-image: url('data:image/svg+xml,<svg width="120" height="133" viewBox="0 0 120 133" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.6"><path d="M105.917 13.292L50.509 68.7003C47.7204 71.4889 46.3261 72.8832 44.7183 73.4056C43.304 73.8651 41.7806 73.8651 40.3663 73.4056C38.7585 72.8832 37.3642 71.4889 34.5756 68.7003L15.3007 49.4254C12.5121 46.6368 11.1178 45.2425 9.50998 44.7201C8.09571 44.2605 6.57226 44.2605 5.15799 44.7201C3.55018 45.2425 2.15587 46.6368 -0.632752 49.4254L-34.916 83.7087M105.917 13.292H56.6257M105.917 13.292V62.5837" stroke="%23CA4E00" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
  }
  .in-step-box--company::before{
    --size: 85px;
    right: -7px;
    background-image: url('data:image/svg+xml,<svg width="70" height="85" viewBox="0 0 70 85" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.6"><path d="M7 7.08301H11.5716C12.4326 7.08301 12.8632 7.08301 13.2096 7.24323C13.515 7.38443 13.7737 7.61151 13.955 7.8974C14.1608 8.22181 14.2217 8.6531 14.3434 9.51565L16 21.2497M16 21.2497L19.6816 48.6317C20.1488 52.1065 20.3824 53.8439 21.2033 55.1517C21.9267 56.3041 22.9638 57.2204 24.1897 57.7904C25.581 58.4372 27.3138 58.4372 30.7794 58.4372H60.732C64.0309 58.4372 65.6804 58.4372 67.0283 57.8366C68.2169 57.307 69.2365 56.4533 69.973 55.3709C70.8083 54.1433 71.1169 52.5037 71.7342 49.2244L76.3669 24.6132C76.5841 23.459 76.6928 22.8819 76.5353 22.4308C76.3972 22.0351 76.1247 21.7019 75.7664 21.4906C75.358 21.2497 74.7774 21.2497 73.6163 21.2497H16ZM35 74.3747C35 76.3307 33.433 77.9163 31.5 77.9163C29.567 77.9163 28 76.3307 28 74.3747C28 72.4187 29.567 70.833 31.5 70.833C33.433 70.833 35 72.4187 35 74.3747ZM63 74.3747C63 76.3307 61.433 77.9163 59.5 77.9163C57.567 77.9163 56 76.3307 56 74.3747C56 72.4187 57.567 70.833 59.5 70.833C61.433 70.833 63 72.4187 63 74.3747Z" stroke="%23CA4E00" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
    bottom: 33px;
  }
} 

.in-step-box-title {
  max-width: 682px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-white);
  margin-bottom: 16px;
  z-index: 2;
}

@media (max-width: 1023px) {
  .in-step-box-title{
    font-size: 18px;
    line-height: 1.28;
  }
}

.in-step-box-desc {
  max-width: 682px;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-white);
  margin-bottom: 29px;
  z-index: 2;
}

@media (max-width: 1023px) {
  .in-step-box-desc{
    font-size: 14px;
    margin-bottom: 32px;
  }
}

.in-step-box-btn {
  display: block;
  border-radius: 8px;
  border: 1px solid var(--clr-orange);
  background-color: var(--clr-white);
  padding: 13px 24px;
  width: 100%;
  text-align: center;
  max-width: 248px;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
  z-index: 2;
}

@media (max-width: 575px){
  .in-step-box-btn{
    max-width: 100%;
  }
}

.in-user-avatar {
  height: 31px;
  width: 31px;
  object-fit: cover;
  border-radius: 50px;
  margin-right: 4px;
  background-color: #FFE0CC;
  text-align: center;
  vertical-align: middle;
  color: var(--clr-white);
  display: block;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 2.4;
}

.in-user-dropdown .in-user-open-act {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

@media (max-width:767px) {
  .in-user-dropdown .in-user-open-act {
    max-width: 18px
  }

  .in-user-dropdown .in-user-open-act.collapsed .ico,
  .in-user-dropdown .in-user-open-act.collapsed .ico path {
    stroke: none !important;
    fill: #c3c3c3 !important;
    color: #c3c3c3
  }

  .in-user-dropdown .in-user-open-act:not(.collapsed) .ico,
  .in-user-dropdown .in-user-open-act:not(.collapsed) .ico path {
    fill: var(--secondary-base-color) !important;
    color: var(--secondary-base-color) !important
  }

  .in-user-dropdown .in-user-open-act .c-count-dot {
    position: absolute;
    right: 3px;
    top: 6px
  }
}

@media (min-width:768px) {
  .in-user-dropdown .in-user-open-act .collapse-opened {
    display: none
  }
}

.in-user-dropdown .in-user-open-act .c-drop-arrow {
  margin-right: 0
}

@media (max-width:767px) {
  .in-user-dropdown .in-user-open-act .c-drop-arrow {
    display: none
  }
}

.in-user-dropdown .in-user-open-act:hover span {
  text-decoration: none
}

.in-user-dropdown .in-user-open-act .c-drop-arrow {
  min-width: 15px;
  min-height: 15px;
  width: 15px;
  height: 15px;
  background-size: contain;
}

@media (min-width:768px) {
  .in-user-dropdown .in-user-open-act span:not([class]) {
    color: var(--clr-darkest);
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    display: inline-block;
    margin-right: 5px;
    max-width: 199px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
  }
}

.in-user-dropdown .in-user-open-act .ico {
  color: var(--clr-darkest);
  font-size: 18px;
  margin-right: 10px;
  max-width: 18px;
  min-width: 18px
}

.in-user-dropdown .in-user-open-act .ico path {
  fill: var(--clr-darkest);
}

@media (max-width:767px) {
  .in-user-dropdown .in-user-open-act .ico {
    margin-right: 0
  }
}

/* #endregion */

.ps {
  -ms-overflow-style: none;
  overflow: hidden !important;
  overflow-anchor: none;
  touch-action: auto;
  -ms-touch-action: auto
}

.ps__rail-x {
  bottom: 0;
  height: 15px
}

.ps__rail-x,
.ps__rail-y {
  display: none;
  opacity: 0;
  position: absolute;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear
}

.ps__rail-y {
  right: 0;
  width: 15px
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
  background-color: transparent;
  display: block
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
  opacity: .6
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background-color: #eee;
  opacity: .9
}

.ps__thumb-x {
  bottom: 2px;
  height: 6px;
  -o-transition: background-color .2s linear, height .2s ease-in-out;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out
}

.ps__thumb-x,
.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  position: absolute
}

.ps__thumb-y {
  right: 2px;
  -o-transition: background-color .2s linear, width .2s ease-in-out;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
  background-color: #999;
  height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
  background-color: #999;
  width: 11px
}

@supports (-ms-overflow-style:none) {
  .ps {
    overflow: auto !important
  }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
  .ps {
    overflow: auto !important
  }
}

@charset "UTF-8";

:root {
  --blue: #17a2b8;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #17a2b8;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: sans-serif;
  line-height: 1.15;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block
}

body {
  background-color: #fff;
  color: #212529;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  text-align: left
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 7.5px;
  margin-top: 0
}

p {
  margin-bottom: 1rem;
  margin-top: 0
}

abbr[data-original-title],
abbr[title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  font-style: normal;
  line-height: inherit
}

address,
dl,
ol,
ul {
  margin-bottom: 1rem
}

dl,
ol,
ul {
  margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  background-color: transparent;
  color: #17a2b8;
  text-decoration: none
}

a:hover {
  color: #0f6674;
  text-decoration: underline
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em
}

pre {
  -ms-overflow-style: scrollbar;
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto
}

figure {
  margin: 0 0 1rem
}

img {
  border-style: none
}

svg {
  overflow: hidden;
  vertical-align: middle
}

caption {
  caption-side: bottom;
  color: #6c757d;
  padding-bottom: .75rem;
  padding-top: .75rem;
  text-align: left
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

label {
  display: inline-block;
  margin-bottom: .5rem
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0
}

button,
input {
  overflow: visible
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

fieldset {
  min-width: 0
}

legend {
  color: inherit;
  display: block;
  font-size: 1.5rem;
  line-height: inherit;
  margin-bottom: .5rem;
  max-width: 100%;
  width: 100%
}

progress {
  vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: none;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

output {
  display: inline-block
}

summary {
  cursor: pointer;
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 7.5px
}

.h1,
h1 {
  font-size: 2.5rem
}

.h2,
h2 {
  font-size: 2rem
}

.h3,
h3 {
  font-size: 1.75rem
}

.h4,
h4 {
  font-size: 1.5rem
}

.h5,
h5 {
  font-size: 1.25rem
}

.h6,
h6 {
  font-size: 1rem
}

.lead {
  font-size: 1.25rem;
  font-weight: 300
}

.display-1 {
  font-size: 6rem
}

.display-1,
.display-2 {
  font-weight: 300;
  line-height: 1.2
}

.display-2 {
  font-size: 5.5rem
}

.display-3 {
  font-size: 4.5rem
}

.display-3,
.display-4 {
  font-weight: 300;
  line-height: 1.2
}

.display-4 {
  font-size: 3.5rem
}

hr {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
  margin-bottom: 15px;
  margin-top: 15px
}

.small,
small {
  font-size: 80%;
  font-weight: 400
}

.mark,
mark {
  background-color: #fcf8e3;
  padding: .2em
}

.list-inline,
.list-unstyled {
  list-style: none;
  padding-left: 0
}

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: .5rem
}

.initialism {
  font-size: 90%;
  text-transform: uppercase
}

.blockquote {
  font-size: 1.25rem;
  margin-bottom: 15px
}

.blockquote-footer {
  color: #6c757d;
  display: block;
  font-size: 80%
}

.blockquote-footer:before {
  content: "— "
}

.img-fluid,
.img-thumbnail {
  height: auto;
  max-width: 100%
}

.img-thumbnail {
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  padding: .25rem
}

.figure {
  display: inline-block
}

.figure-img {
  line-height: 1;
  margin-bottom: 7.5px
}

.figure-caption {
  color: #6c757d;
  font-size: 90%
}

code {
  word-wrap: break-word;
  color: #e83e8c;
  font-size: 87.5%
}

a>code {
  color: inherit
}

kbd {
  background-color: #212529;
  border-radius: .2rem;
  color: #fff;
  font-size: 87.5%;
  padding: .2rem .4rem
}

kbd kbd {
  font-size: 100%;
  font-weight: 700;
  padding: 0
}

pre {
  color: #212529;
  display: block;
  font-size: 87.5%
}

pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%
}

@media (max-width: 575px) {
  .container{
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 760px
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1200px
  }
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px
}

@media (max-width: 575px) {
  .row{
    margin-left: -8px;
    margin-right: -8px;
  }
}

.no-gutters {
  margin-left: 0;
  margin-right: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
  padding-left: 0;
  padding-right: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  width: 100%
}

@media (max-width: 575px) {
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.col {
  -ms-flex-preferred-size: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.row-cols-1>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.row-cols-2>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.row-cols-3>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.row-cols-4>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.row-cols-5>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%
}

.row-cols-6>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
  width: auto
}

.col-1,
.col-auto {
  -webkit-box-flex: 0
}

.col-1 {
  -ms-flex: 0 0 8.3333333333%;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%
}

.col-2 {
  -ms-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-2,
.col-3 {
  -webkit-box-flex: 0
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.col-4,
.col-5 {
  -webkit-box-flex: 0
}

.col-5 {
  -ms-flex: 0 0 41.6666666667%;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.col-6,
.col-7 {
  -webkit-box-flex: 0
}

.col-7 {
  -ms-flex: 0 0 58.3333333333%;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%
}

.col-8 {
  -ms-flex: 0 0 66.6666666667%;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%
}

.col-8,
.col-9 {
  -webkit-box-flex: 0
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  -ms-flex: 0 0 83.3333333333%;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%
}

.col-10,
.col-11 {
  -webkit-box-flex: 0
}

.col-11 {
  -ms-flex: 0 0 91.6666666667%;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12
}

.offset-1 {
  margin-left: 8.3333333333%
}

.offset-2 {
  margin-left: 16.6666666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.3333333333%
}

.offset-5 {
  margin-left: 41.6666666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.3333333333%
}

.offset-8 {
  margin-left: 66.6666666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.3333333333%
}

.offset-11 {
  margin-left: 91.6666666667%
}

@media (min-width:576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-sm-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-sm-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-sm-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-sm-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-sm-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
  }

  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
  }

  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
  }

  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
  }

  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
  }

  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
  }

  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-md-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-md-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-md-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-md-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-md-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-md-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
  }

  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
  }

  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
  }

  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
  }

  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
  }

  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
  }

  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.3333333333%
  }

  .offset-md-2 {
    margin-left: 16.6666666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.3333333333%
  }

  .offset-md-5 {
    margin-left: 41.6666666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.3333333333%
  }

  .offset-md-8 {
    margin-left: 66.6666666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.3333333333%
  }

  .offset-md-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-lg-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-lg-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-lg-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-lg-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-lg-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
  }

  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
  }

  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
  }

  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
  }

  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
  }

  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
  }

  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-xl-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-xl-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-xl-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-xl-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-xl-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
  }

  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
  }

  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
  }

  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
  }

  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
  }

  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
  }

  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
  }

  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%
  }
}

.table {
  color: #212529;
  margin-bottom: 15px;
  width: 100%
}

.table td,
.table th {
  border-top: 1px solid #dee2e6;
  padding: .75rem;
  vertical-align: top
}

.table thead th {
  border-bottom: 2px solid #dee2e6;
  vertical-align: bottom
}

.table tbody+tbody {
  border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
  padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
  border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
  border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
  border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, .075);
  color: #212529
}

.table-primary,
.table-primary>td,
.table-primary>th {
  background-color: #bee5eb
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
  border-color: #86cfda
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
  background-color: #abdde5
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
  background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
  border-color: #b3b7bb
}

.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
  background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
  background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
  border-color: #8fd19e
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
  background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
  background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
  border-color: #86cfda
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
  background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
  background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
  border-color: #ffdf7e
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
  background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
  background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
  border-color: #ed969e
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
  background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
  background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
  border-color: #fbfcfc
}

.table-hover .table-light:hover,
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
  background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
  background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #95999c
}

.table-hover .table-dark:hover,
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
  background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
  background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
  background-color: #343a40;
  border-color: #454d55;
  color: #fff
}

.table .thead-light th {
  background-color: #e9ecef;
  border-color: #dee2e6;
  color: #495057
}

.table-dark {
  background-color: #343a40;
  color: #fff
}

.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #454d55
}

.table-dark.table-bordered {
  border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: hsla(0, 0%, 100%, .05)
}

.table-dark.table-hover tbody tr:hover {
  background-color: hsla(0, 0%, 100%, .075);
  color: #fff
}

@media (max-width:575.98px) {
  .table-responsive-sm {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%
  }

  .table-responsive-sm>.table-bordered {
    border: 0
  }
}

@media (max-width:767.98px) {
  .table-responsive-md {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%
  }

  .table-responsive-md>.table-bordered {
    border: 0
  }
}

@media (max-width:991.98px) {
  .table-responsive-lg {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%
  }

  .table-responsive-lg>.table-bordered {
    border: 0
  }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%
  }

  .table-responsive-xl>.table-bordered {
    border: 0
  }
}

.table-responsive {
  -webkit-overflow-scrolling: touch;
  display: block;
  overflow-x: auto;
  width: 100%
}

.table-responsive>.table-bordered {
  border: 0
}

.form-control {
  background-clip: padding-box;
  background-color: var(--clr-white);
  border: 1px solid var(--clr-border-light);
  border-radius: 8px;
  /* color: #495057; */
  color: var(--clr-darkest);
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  display: block;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  padding: 9px 8px;
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  width: 100%
}

.form-control.form-control--mask{
  padding: 0 8px 0 44px;
} 

@media (prefers-reduced-motion:reduce) {
  .form-control {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}

.form-control:-moz-focusring {
  color: transparent;
}

.input-group:focus-within .input-group-text{
  border-color: var(--clr-orange);
}

.form-control:focus {
  border-color: var(--clr-orange);
  outline: 0
}

.form-control::-webkit-input-placeholder {
  color: var(--clr-gray-hover);
  opacity: 1
}

.form-control::-moz-placeholder {
  color: var(--clr-gray-hover);
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: var(--clr-gray-hover);
  opacity: 1
}

.form-control::-ms-input-placeholder {
  color: var(--clr-gray-hover);
  opacity: 1
}

.form-control::placeholder {
  color: var(--clr-gray-hover);
  opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

select.form-control:focus::-ms-value {
  background-color: #fff;
  color: #495057
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%
}

.col-form-label {
  font-size: inherit;
  line-height: 1.5;
  margin-bottom: 0;
  padding-bottom: calc(.375rem + 1px);
  padding-top: calc(.375rem + 1px)
}

.col-form-label-lg {
  font-size: 1.25rem;
  line-height: 1.5;
  padding-bottom: calc(.5rem + 1px);
  padding-top: calc(.5rem + 1px)
}

.col-form-label-sm {
  font-size: .875rem;
  line-height: 1.5;
  padding-bottom: calc(.25rem + 1px);
  padding-top: calc(.25rem + 1px)
}

.form-control-plaintext {
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
  color: #212529;
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
  padding: .375rem 0;
  width: 100%
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-left: 0;
  padding-right: 0
}

.form-control-sm {
  border-radius: .2rem;
  font-size: .875rem;
  height: calc(1.5em + .5rem + 2px);
  line-height: 1.5;
  padding: .25rem .5rem
}

.form-control-lg {
  border-radius: .3rem;
  font-size: 1.25rem;
  height: calc(1.5em + 1rem + 2px);
  line-height: 1.5;
  padding: .5rem 1rem
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
  height: auto
}

.form-group {
  margin-bottom: 1rem
}

.form-text {
  display: block;
  margin-top: .25rem
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
  padding-left: 5px;
  padding-right: 5px
}

.form-choice-label{
  display: block;
  position: relative;
  cursor: pointer;
  width: 100%;
  margin: 0;
}

.form-choice-label input[type=checkbox],
.form-choice-label input[type=radio] {
  left: -99999px;
  opacity: 0;
  position: absolute;
}

.form-choice-label-b{
  display: block;
  width: 100%;
  min-height: 40px;
  background-color: var(--clr-white);
  border: 1px solid var(--clr-border-light);
  border-radius: 8px;
  padding: 10px 8px;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--clr-darkest);
  transition: .2s ease;
}

.form-choice-label input[type=checkbox]:checked+.form-choice-label-b,
.form-choice-label input[type=radio]:checked+.form-choice-label-b{
  background-color: var(--clr-orange-light);
  border-color: var(--clr-orange-light);
}

.form-check {
  display: block;
  padding-left: 1.25rem;
  position: relative
}

.form-check-input {
  margin-left: -1.25rem;
  margin-top: .3rem;
  position: absolute
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
  color: #6c757d
}

.form-check-label {
  margin-bottom: 0
}

.form-check-inline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: .75rem;
  padding-left: 0
}

.form-check-inline .form-check-input {
  margin-left: 0;
  margin-right: .3125rem;
  margin-top: 0;
  position: static
}

.valid-feedback {
  color: #28a745;
  display: none;
  font-size: 80%;
  margin-top: .25rem;
  width: 100%
}

.valid-tooltip {
  background-color: rgba(40, 167, 69, .9);
  border-radius: .25rem;
  color: #fff;
  display: none;
  font-size: .875rem;
  left: 0;
  line-height: 1.5;
  margin-top: .1rem;
  max-width: 100%;
  padding: .25rem .5rem;
  position: absolute;
  top: 100%;
  z-index: 5
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
  left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
  display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-position: right calc(.375em + .1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  border-color: #28a745;
  padding-right: calc(1.5em + .75rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
  padding-right: calc(1.5em + .75rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") center right 1.75rem /calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
  border-color: #28a745;
  padding-right: calc(.75em + 2.3125rem)
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
  display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
  color: #28a745
}

.custom-control-input.is-valid~.custom-control-label:before,
.was-validated .custom-control-input:valid~.custom-control-label:before {
  border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .custom-control-input:valid:checked~.custom-control-label:before {
  background-color: #34ce57;
  border-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus~.custom-control-label:before {
  -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before {
  border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
  border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
  color: #dc3545;
  display: none;
  font-size: 80%;
  margin-top: .25rem;
  width: 100%
}

.invalid-tooltip {
  background-color: rgba(220, 53, 69, .9);
  border-radius: .25rem;
  color: #fff;
  display: none;
  font-size: .875rem;
  left: 0;
  line-height: 1.5;
  margin-top: .1rem;
  max-width: 100%;
  padding: .25rem .5rem;
  position: absolute;
  top: 100%;
  z-index: 5
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
  left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
  display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-position: right calc(.375em + .1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
  padding-right: calc(1.5em + .75rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E") center right 1.75rem /calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
  border-color: #dc3545;
  padding-right: calc(.75em + 2.3125rem)
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
  display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
  color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label:before,
.was-validated .custom-control-input:invalid~.custom-control-label:before {
  border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label:before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
  background-color: #e4606d;
  border-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
  -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before {
  border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
  border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}

.form-inline .form-check {
  width: 100%
}

@media (min-width:576px) {
  .form-inline label {
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .form-inline .form-group,
  .form-inline label {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0
  }

  .form-inline .form-group {
    -webkit-box-flex: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-align: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }

  .form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto
  }

  .form-inline .form-control-plaintext {
    display: inline-block
  }

  .form-inline .custom-select,
  .form-inline .input-group {
    width: auto
  }

  .form-inline .form-check {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-left: 0;
    width: auto
  }

  .form-inline .form-check-input {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 0;
    margin-right: .25rem;
    margin-top: 0;
    position: relative
  }

  .form-inline .custom-control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center
  }

  .form-inline .custom-control-label {
    margin-bottom: 0
  }
}



.btn-primary {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
  background-color: #138496;
  border-color: #117a8b;
  color: #fff
}

.btn-primary.focus,
.btn-primary:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5);
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  background-color: #117a8b;
  border-color: #10707f;
  color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5);
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
  background-color: #5a6268;
  border-color: #545b62;
  color: #fff
}

.btn-secondary.focus,
.btn-secondary:focus {
  -webkit-box-shadow: 0 0 0 .2rem hsla(208, 6%, 54%, .5);
  box-shadow: 0 0 0 .2rem hsla(208, 6%, 54%, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
  background-color: #545b62;
  border-color: #4e555b;
  color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem hsla(208, 6%, 54%, .5);
  box-shadow: 0 0 0 .2rem hsla(208, 6%, 54%, .5)
}

.btn-success {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
  background-color: #218838;
  border-color: #1e7e34;
  color: #fff
}

.btn-success.focus,
.btn-success:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5);
  box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
  background-color: #1e7e34;
  border-color: #1c7430;
  color: #fff
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5);
  box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
  background-color: #138496;
  border-color: #117a8b;
  color: #fff
}

.btn-info.focus,
.btn-info:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5);
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
  background-color: #117a8b;
  border-color: #10707f;
  color: #fff
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5);
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
  background-color: #e0a800;
  border-color: #d39e00;
  color: #212529
}

.btn-warning.focus,
.btn-warning:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5);
  box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
  background-color: #d39e00;
  border-color: #c69500;
  color: #212529
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5);
  box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
  background-color: #c82333;
  border-color: #bd2130;
  color: #fff
}

.btn-danger.focus,
.btn-danger:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5);
  box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
  background-color: #bd2130;
  border-color: #b21f2d;
  color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5);
  box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #212529
}

.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
  background-color: #e2e6ea;
  border-color: #dae0e5;
  color: #212529
}

.btn-light.focus,
.btn-light:focus {
  -webkit-box-shadow: 0 0 0 .2rem hsla(220, 4%, 85%, .5);
  box-shadow: 0 0 0 .2rem hsla(220, 4%, 85%, .5)
}

.btn-light.disabled,
.btn-light:disabled {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #212529
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
  background-color: #dae0e5;
  border-color: #d3d9df;
  color: #212529
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem hsla(220, 4%, 85%, .5);
  box-shadow: 0 0 0 .2rem hsla(220, 4%, 85%, .5)
}

.btn-dark {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
  background-color: #23272b;
  border-color: #1d2124;
  color: #fff
}

.btn-dark.focus,
.btn-dark:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5);
  box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
  background-color: #1d2124;
  border-color: #171a1d;
  color: #fff
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5);
  box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
  border-color: #17a2b8;
  color: #17a2b8
}

.btn-outline-primary:hover {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  background-color: transparent;
  color: #17a2b8
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-secondary {
  border-color: #6c757d;
  color: #6c757d
}

.btn-outline-secondary:hover {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
  -webkit-box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5);
  box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  background-color: transparent;
  color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5);
  box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5)
}

.btn-outline-success {
  border-color: #28a745;
  color: #28a745
}

.btn-outline-success:hover {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff
}

.btn-outline-success.focus,
.btn-outline-success:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  background-color: transparent;
  color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
  border-color: #17a2b8;
  color: #17a2b8
}

.btn-outline-info:hover {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff
}

.btn-outline-info.focus,
.btn-outline-info:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  background-color: transparent;
  color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
  border-color: #ffc107;
  color: #ffc107
}

.btn-outline-warning:hover {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  background-color: transparent;
  color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
  border-color: #dc3545;
  color: #dc3545
}

.btn-outline-danger:hover {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  background-color: transparent;
  color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
  border-color: #f8f9fa;
  color: #f8f9fa
}

.btn-outline-light:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #212529
}

.btn-outline-light.focus,
.btn-outline-light:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  background-color: transparent;
  color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #212529
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
  border-color: #343a40;
  color: #343a40
}

.btn-outline-dark:hover {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  background-color: transparent;
  color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
  color: #17a2b8;
  font-weight: 400;
  text-decoration: none
}

.btn-link:hover {
  color: #0f6674
}

.btn-link.focus,
.btn-link:focus,
.btn-link:hover {
  text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
  color: #6c757d;
  pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
  border-radius: .3rem;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: .5rem 1rem
}

.btn-group-sm>.btn,
.btn-sm {
  border-radius: .2rem;
  font-size: .875rem;
  line-height: 1.5;
  padding: .25rem .5rem
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
  width: 100%
}

.fade {
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: height .35s ease;
  -o-transition: height .35s ease;
  transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
  }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle:after {
  border-bottom: 0;
  border-left: .3em solid transparent;
  border-right: .3em solid transparent;
  border-top: .3em solid;
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}

.dropdown-toggle:empty:after {
  margin-left: 0
}

.dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
  color: #212529;
  display: none;
  float: left;
  font-size: 1rem;
  left: 0;
  list-style: none;
  margin: .125rem 0 0;
  min-width: 10rem;
  padding: .5rem 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000
}

.dropdown-menu-left {
  left: 0;
  right: auto
}

.dropdown-menu-right {
  left: auto;
  right: 0
}

@media (min-width:576px) {
  .dropdown-menu-sm-left {
    left: 0;
    right: auto
  }

  .dropdown-menu-sm-right {
    left: auto;
    right: 0
  }
}

@media (min-width:768px) {
  .dropdown-menu-md-left {
    left: 0;
    right: auto
  }

  .dropdown-menu-md-right {
    left: auto;
    right: 0
  }
}

@media (min-width:992px) {
  .dropdown-menu-lg-left {
    left: 0;
    right: auto
  }

  .dropdown-menu-lg-right {
    left: auto;
    right: 0
  }
}

@media (min-width:1200px) {
  .dropdown-menu-xl-left {
    left: 0;
    right: auto
  }

  .dropdown-menu-xl-right {
    left: auto;
    right: 0
  }
}

.dropup .dropdown-menu {
  bottom: 100%;
  margin-bottom: .125rem;
  margin-top: 0;
  top: auto
}

.dropup .dropdown-toggle:after {
  border-bottom: .3em solid;
  border-left: .3em solid transparent;
  border-right: .3em solid transparent;
  border-top: 0;
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}

.dropup .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropright .dropdown-menu {
  left: 100%;
  margin-left: .125rem;
  margin-top: 0;
  right: auto;
  top: 0
}

.dropright .dropdown-toggle:after {
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
  border-right: 0;
  border-top: .3em solid transparent;
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}

.dropright .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropright .dropdown-toggle:after {
  vertical-align: 0
}

.dropleft .dropdown-menu {
  left: auto;
  margin-right: .125rem;
  margin-top: 0;
  right: 100%;
  top: 0
}

.dropleft .dropdown-toggle:after {
  content: "";
  display: inline-block;
  display: none;
  margin-left: .255em;
  vertical-align: .255em
}

.dropleft .dropdown-toggle:before {
  border-bottom: .3em solid transparent;
  border-right: .3em solid;
  border-top: .3em solid transparent;
  content: "";
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em
}

.dropleft .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropleft .dropdown-toggle:before {
  vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
  bottom: auto;
  right: auto
}

.dropdown-divider {
  border-top: 1px solid #e9ecef;
  height: 0;
  margin: 7.5px 0;
  overflow: hidden
}

.dropdown-item {
  background-color: transparent;
  border: 0;
  clear: both;
  color: #212529;
  display: block;
  font-weight: 400;
  padding: .25rem 1.5rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #e9ecef;
  color: #16181b;
  text-decoration: none
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #17a2b8;
  color: #fff;
  text-decoration: none
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  background-color: transparent;
  color: #adb5bd;
  pointer-events: none
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  color: #6c757d;
  display: block;
  font-size: .875rem;
  margin-bottom: 0;
  padding: .5rem 1.5rem;
  white-space: nowrap
}

.dropdown-item-text {
  color: #212529;
  display: block;
  padding: .25rem 1.5rem
}

.btn-group,
.btn-group-vertical {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
  z-index: 1
}

.btn-toolbar {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
  margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.dropdown-toggle-split {
  padding-left: .5625rem;
  padding-right: .5625rem
}

.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
  margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
  margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
  padding-left: .375rem;
  padding-right: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
  padding-left: .75rem;
  padding-right: .75rem
}

.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
  width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
  margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
  margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute
}

.input-group {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 0;
  min-width: 0;
  position: relative;
  width: 1%
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
  margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
  z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
  z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: none;
  padding-left: 4px;
}

.input-group>.custom-file {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.input-group>.custom-file:not(:first-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label:after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3),
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group-append,
.input-group-prepend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
  position: relative;
  z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
  z-index: 3
}

.input-group-append,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
  margin-left: -1px
}

.input-group-text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--clr-white);
  border: 1px solid var(--clr-border-light);
  border-radius: 8px;
  color: var(--clr-darkest);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
  padding: 9px 8px;
  text-align: center;
  white-space: nowrap;
  transition: .2s ease;
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
  margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
  height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
  border-radius: .3rem;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: .5rem 1rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
  height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
  border-radius: .2rem;
  font-size: .875rem;
  line-height: 1.5;
  padding: .25rem .5rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
  padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.custom-control {
  color-adjust: exact;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  position: relative;
  -webkit-print-color-adjust: exact;
  z-index: 1
}

.custom-control-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem
}

.custom-control-input {
  height: 1.25rem;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 1rem;
  z-index: -1
}

.custom-control-input:checked~.custom-control-label:before {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff
}

.custom-control-input:focus~.custom-control-label:before {
  -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .25);
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
  border-color: #63d9ec
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
  background-color: #90e4f1;
  border-color: #90e4f1;
  color: #fff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
  color: #6c757d
}

.custom-control-input:disabled~.custom-control-label:before,
.custom-control-input[disabled]~.custom-control-label:before {
  background-color: #e9ecef
}

.custom-control-label {
  margin-bottom: 0;
  position: relative;
  vertical-align: top
}

.custom-control-label:before {
  background-color: #fff;
  border: 1px solid #adb5bd;
  pointer-events: none
}

.custom-control-label:after,
.custom-control-label:before {
  content: "";
  display: block;
  height: 1rem;
  left: -1.5rem;
  position: absolute;
  top: .25rem;
  width: 1rem
}

.custom-control-label:after {
  background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label:before {
  border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
  background-color: #17a2b8;
  border-color: #17a2b8
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
  background-color: rgba(23, 162, 184, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
  background-color: rgba(23, 162, 184, .5)
}

.custom-radio .custom-control-label:before {
  border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
  background-color: rgba(23, 162, 184, .5)
}

.custom-switch {
  padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
  border-radius: .5rem;
  left: -2.25rem;
  pointer-events: all;
  width: 1.75rem
}

.custom-switch .custom-control-label:after {
  background-color: #adb5bd;
  border-radius: .5rem;
  height: calc(1rem - 4px);
  left: calc(-2.25rem + 2px);
  top: calc(.25rem + 2px);
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  width: calc(1rem - 4px)
}

@media (prefers-reduced-motion:reduce) {
  .custom-switch .custom-control-label:after {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
  }
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
  background-color: #fff;
  -webkit-transform: translateX(.75rem);
  -ms-transform: translateX(.75rem);
  transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
  background-color: rgba(23, 162, 184, .5)
}

.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0 0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  color: #495057;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  height: calc(1.5em + .75rem + 2px);
  line-height: 1.5;
  padding: .375rem 1.75rem .375rem .75rem;
  vertical-align: middle;
  width: 100%
}

.custom-select:focus {
  border-color: #63d9ec;
  -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .25);
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .25);
  outline: 0
}

.custom-select:focus::-ms-value {
  background-color: #fff;
  color: #495057
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  background-image: none;
  height: auto;
  padding-right: .75rem
}

.custom-select:disabled {
  background-color: #e9ecef;
  color: #6c757d
}

.custom-select::-ms-expand {
  display: none
}

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057
}

.custom-select-sm {
  font-size: .875rem;
  height: calc(1.5em + .5rem + 2px);
  padding-bottom: .25rem;
  padding-left: .5rem;
  padding-top: .25rem
}

.custom-select-lg {
  font-size: 1.25rem;
  height: calc(1.5em + 1rem + 2px);
  padding-bottom: .5rem;
  padding-left: 1rem;
  padding-top: .5rem
}

.custom-file {
  display: inline-block;
  margin-bottom: 0
}

.custom-file,
.custom-file-input {
  height: calc(1.5em + .75rem + 2px);
  position: relative;
  width: 100%
}

.custom-file-input {
  margin: 0;
  opacity: 0;
  overflow: hidden;
  z-index: 2
}

.custom-file-input:focus~.custom-file-label {
  border-color: #63d9ec;
  -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .25);
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
  background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label:after {
  content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]:after {
  content: attr(data-browse)
}

.custom-file-label {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  font-weight: 400;
  height: calc(1.5em + .75rem + 2px);
  left: 0;
  overflow: hidden;
  z-index: 1
}

.custom-file-label,
.custom-file-label:after {
  color: #495057;
  line-height: 1.5;
  padding: .375rem .75rem;
  position: absolute;
  right: 0;
  top: 0
}

.custom-file-label:after {
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 .25rem .25rem 0;
  bottom: 0;
  content: "Browse";
  display: block;
  height: calc(1.5em + .75rem);
  z-index: 3
}

.custom-range {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  height: 1.4rem;
  padding: 0;
  width: 100%
}

.custom-range:focus {
  outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(23, 162, 184, .25);
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(23, 162, 184, .25)
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(23, 162, 184, .25)
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(23, 162, 184, .25)
}

.custom-range::-moz-focus-outer {
  border: 0
}

.custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #17a2b8;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  width: 1rem
}

@media (prefers-reduced-motion:reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #90e4f1
}

.custom-range::-webkit-slider-runnable-track {
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
  color: transparent;
  cursor: pointer;
  height: .5rem;
  width: 100%
}

.custom-range::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  background-color: #17a2b8;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 1rem
}

@media (prefers-reduced-motion:reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: #90e4f1
}

.custom-range::-moz-range-track {
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
  color: transparent;
  cursor: pointer;
  height: .5rem;
  width: 100%
}

.custom-range::-ms-thumb {
  appearance: none;
  background-color: #17a2b8;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  margin-left: .2rem;
  margin-right: .2rem;
  margin-top: 0;
  -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 1rem
}

@media (prefers-reduced-motion:reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none
  }
}

.custom-range::-ms-thumb:active {
  background-color: #90e4f1
}

.custom-range::-ms-track {
  background-color: transparent;
  border-color: transparent;
  border-width: .5rem;
  color: transparent;
  cursor: pointer;
  height: .5rem;
  width: 100%
}

.custom-range::-ms-fill-lower,
.custom-range::-ms-fill-upper {
  background-color: #dee2e6;
  border-radius: 1rem
}

.custom-range::-ms-fill-upper {
  margin-right: 15px
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
  cursor: default
}

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd
}

.custom-control-label:before,
.custom-file-label,
.custom-select {
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {

  .custom-control-label:before,
  .custom-file-label,
  .custom-select {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
  }
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.nav-link {
  display: block;
  padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
  text-decoration: none
}

.nav-link.disabled {
  color: #6c757d;
  cursor: default;
  pointer-events: none
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  margin-bottom: -1px
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
  background-color: transparent;
  border-color: transparent;
  color: #6c757d
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  color: #495057
}

.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px
}

.nav-pills .nav-link {
  border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #17a2b8;
  color: #fff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
  -ms-flex-preferred-size: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-basis: 0;
  flex-grow: 1;
  text-align: center
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.breadcrumb {
  background-color: #e9ecef;
  border-radius: .25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 1rem;
  padding: .75rem 1rem
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
  color: #6c757d;
  content: "/";
  float: left;
  padding-right: .5rem
}

.breadcrumb-item+.breadcrumb-item:hover:before {
  text-decoration: underline;
  text-decoration: none
}

.breadcrumb-item.active {
  color: #6c757d
}

.pagination {
  border-radius: .25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-left: 0
}

.page-link {
  background-color: #fff;
  border: 1px solid #dee2e6;
  color: #17a2b8;
  display: block;
  line-height: 1.25;
  margin-left: -1px;
  padding: .5rem .75rem;
  position: relative
}

.page-link:hover {
  background-color: #e9ecef;
  border-color: #dee2e6;
  color: #0f6674;
  text-decoration: none;
  z-index: 2
}

.page-link:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .25);
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .25);
  outline: 0;
  z-index: 3
}

.page-item:first-child .page-link {
  border-bottom-left-radius: .25rem;
  border-top-left-radius: .25rem;
  margin-left: 0
}

.page-item:last-child .page-link {
  border-bottom-right-radius: .25rem;
  border-top-right-radius: .25rem
}

.page-item.active .page-link {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
  z-index: 3
}

.page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
  cursor: auto;
  pointer-events: none
}

.pagination-lg .page-link {
  font-size: 1.25rem;
  line-height: 1.5;
  padding: .75rem 1.5rem
}

.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: .3rem;
  border-top-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: .3rem;
  border-top-right-radius: .3rem
}

.pagination-sm .page-link {
  font-size: .875rem;
  line-height: 1.5;
  padding: .25rem .5rem
}

.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: .2rem;
  border-top-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: .2rem;
  border-top-right-radius: .2rem
}

.badge {
  border-radius: .25rem;
  display: inline-block;
  font-size: 75%;
  line-height: 1;
  padding: .25em .4em;
  text-align: center;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  vertical-align: baseline;
  white-space: nowrap
}

@media (prefers-reduced-motion:reduce) {
  .badge {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
  }
}

a.badge:focus,
a.badge:hover {
  text-decoration: none
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.badge-pill {
  border-radius: 10rem;
  padding-left: .6em;
  padding-right: .6em
}

.badge-primary {
  background-color: #17a2b8;
  color: #fff
}

a.badge-primary:focus,
a.badge-primary:hover {
  background-color: #117a8b;
  color: #fff
}

a.badge-primary.focus,
a.badge-primary:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
  outline: 0
}

.badge-secondary {
  background-color: #6c757d;
  color: #fff
}

a.badge-secondary:focus,
a.badge-secondary:hover {
  background-color: #545b62;
  color: #fff
}

a.badge-secondary.focus,
a.badge-secondary:focus {
  -webkit-box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5);
  box-shadow: 0 0 0 .2rem hsla(208, 7%, 46%, .5);
  outline: 0
}

.badge-success {
  background-color: #28a745;
  color: #fff
}

a.badge-success:focus,
a.badge-success:hover {
  background-color: #1e7e34;
  color: #fff
}

a.badge-success.focus,
a.badge-success:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
  outline: 0
}

.badge-info {
  background-color: #17a2b8;
  color: #fff
}

a.badge-info:focus,
a.badge-info:hover {
  background-color: #117a8b;
  color: #fff
}

a.badge-info.focus,
a.badge-info:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
  outline: 0
}

.badge-warning {
  background-color: #ffc107;
  color: #212529
}

a.badge-warning:focus,
a.badge-warning:hover {
  background-color: #d39e00;
  color: #212529
}

a.badge-warning.focus,
a.badge-warning:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
  outline: 0
}

.badge-danger {
  background-color: #dc3545;
  color: #fff
}

a.badge-danger:focus,
a.badge-danger:hover {
  background-color: #bd2130;
  color: #fff
}

a.badge-danger.focus,
a.badge-danger:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
  outline: 0
}

.badge-light {
  background-color: #f8f9fa;
  color: #212529
}

a.badge-light:focus,
a.badge-light:hover {
  background-color: #dae0e5;
  color: #212529
}

a.badge-light.focus,
a.badge-light:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
  outline: 0
}

.badge-dark {
  background-color: #343a40;
  color: #fff
}

a.badge-dark:focus,
a.badge-dark:hover {
  background-color: #1d2124;
  color: #fff
}

a.badge-dark.focus,
a.badge-dark:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
  outline: 0
}

.alert {
  border: 1px solid transparent;
  border-radius: .25rem;
  margin-bottom: 1rem;
  padding: .75rem 1.25rem;
  position: relative
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 4rem
}

.alert-dismissible .close {
  color: inherit;
  padding: .75rem 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}

.alert-primary {
  background-color: #d1ecf1;
  border-color: #bee5eb;
  color: #0c5460
}

.alert-primary hr {
  border-top-color: #abdde5
}

.alert-primary .alert-link {
  color: #062c33
}

.alert-secondary {
  background-color: #e2e3e5;
  border-color: #d6d8db;
  color: #383d41
}

.alert-secondary hr {
  border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
  color: #202326
}

.alert-success {
  background-color: #d4edda;
  border-color: #c3e6cb;
  color: #155724
}

.alert-success hr {
  border-top-color: #b1dfbb
}

.alert-success .alert-link {
  color: #0b2e13
}

.alert-info {
  background-color: #d1ecf1;
  border-color: #bee5eb;
  color: #0c5460
}

.alert-info hr {
  border-top-color: #abdde5
}

.alert-info .alert-link {
  color: #062c33
}

.alert-warning {
  background-color: #fff3cd;
  border-color: #ffeeba;
  color: #856404
}

.alert-warning hr {
  border-top-color: #ffe8a1
}

.alert-warning .alert-link {
  color: #533f03
}

.alert-danger {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24
}

.alert-danger hr {
  border-top-color: #f1b0b7
}

.alert-danger .alert-link {
  color: #491217
}

.alert-light {
  background-color: #fefefe;
  border-color: #fdfdfe;
  color: #818182
}

.alert-light hr {
  border-top-color: #ececf6
}

.alert-light .alert-link {
  color: #686868
}

.alert-dark {
  background-color: #d6d8d9;
  border-color: #c6c8ca;
  color: #1b1e21
}

.alert-dark hr {
  border-top-color: #b9bbbe
}

.alert-dark .alert-link {
  color: #040505
}

.list-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  border-radius: .25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0
}

.list-group-item-action {
  color: #495057;
  text-align: inherit;
  width: 100%
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  background-color: #f8f9fa;
  color: #495057;
  text-decoration: none;
  z-index: 1
}

.list-group-item-action:active {
  background-color: #e9ecef;
  color: #212529
}

.list-group-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
  display: block;
  padding: .75rem 1.25rem;
  position: relative
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.list-group-item:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
  background-color: #fff;
  color: #6c757d;
  pointer-events: none
}

.list-group-item.active {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
  z-index: 2
}

.list-group-item+.list-group-item {
  border-top-width: 0
}

.list-group-item+.list-group-item.active {
  border-top-width: 1px;
  margin-top: -1px
}

.list-group-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
  border-bottom-left-radius: .25rem;
  border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
  border-bottom-left-radius: 0;
  border-top-right-radius: .25rem
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-left-width: 0;
  border-top-width: 1px
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  border-left-width: 1px;
  margin-left: -1px
}

@media (min-width:576px) {
  .list-group-horizontal-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .list-group-horizontal-sm>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem
  }

  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-left-width: 0;
    border-top-width: 1px
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px
  }
}

@media (min-width:768px) {
  .list-group-horizontal-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .list-group-horizontal-md>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-md>.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem
  }

  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-left-width: 0;
    border-top-width: 1px
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px
  }
}

@media (min-width:992px) {
  .list-group-horizontal-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .list-group-horizontal-lg>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem
  }

  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-left-width: 0;
    border-top-width: 1px
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px
  }
}

@media (min-width:1200px) {
  .list-group-horizontal-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .list-group-horizontal-xl>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem
  }

  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-left-width: 0;
    border-top-width: 1px
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    border-left-width: 1px;
    margin-left: -1px
  }
}

.list-group-flush {
  border-radius: 0
}

.list-group-flush>.list-group-item {
  border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0
}

.list-group-item-primary {
  background-color: #bee5eb;
  color: #0c5460
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  background-color: #abdde5;
  color: #0c5460
}

.list-group-item-primary.list-group-item-action.active {
  background-color: #0c5460;
  border-color: #0c5460;
  color: #fff
}

.list-group-item-secondary {
  background-color: #d6d8db;
  color: #383d41
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  background-color: #c8cbcf;
  color: #383d41
}

.list-group-item-secondary.list-group-item-action.active {
  background-color: #383d41;
  border-color: #383d41;
  color: #fff
}

.list-group-item-success {
  background-color: #c3e6cb;
  color: #155724
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  background-color: #b1dfbb;
  color: #155724
}

.list-group-item-success.list-group-item-action.active {
  background-color: #155724;
  border-color: #155724;
  color: #fff
}

.list-group-item-info {
  background-color: #bee5eb;
  color: #0c5460
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  background-color: #abdde5;
  color: #0c5460
}

.list-group-item-info.list-group-item-action.active {
  background-color: #0c5460;
  border-color: #0c5460;
  color: #fff
}

.list-group-item-warning {
  background-color: #ffeeba;
  color: #856404
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  background-color: #ffe8a1;
  color: #856404
}

.list-group-item-warning.list-group-item-action.active {
  background-color: #856404;
  border-color: #856404;
  color: #fff
}

.list-group-item-danger {
  background-color: #f5c6cb;
  color: #721c24
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  background-color: #f1b0b7;
  color: #721c24
}

.list-group-item-danger.list-group-item-action.active {
  background-color: #721c24;
  border-color: #721c24;
  color: #fff
}

.list-group-item-light {
  background-color: #fdfdfe;
  color: #818182
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  background-color: #ececf6;
  color: #818182
}

.list-group-item-light.list-group-item-action.active {
  background-color: #818182;
  border-color: #818182;
  color: #fff
}

.list-group-item-dark {
  background-color: #c6c8ca;
  color: #1b1e21
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  background-color: #b9bbbe;
  color: #1b1e21
}

.list-group-item-dark.list-group-item-action.active {
  background-color: #1b1e21;
  border-color: #1b1e21;
  color: #fff
}

.close {
  color: #000;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  opacity: .5;
  text-shadow: 0 1px 0 #fff
}

.close:hover {
  color: #000;
  text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: .75
}

button.close {
  background-color: transparent;
  border: 0;
  padding: 0
}

a.close.disabled {
  pointer-events: none
}

.toast {
  -ms-flex-preferred-size: 350px;
  background-clip: padding-box;
  background-color: hsla(0, 0%, 100%, .85);
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: .25rem;
  -webkit-box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
  flex-basis: 350px;
  font-size: .875rem;
  max-width: 350px;
  opacity: 0
}

.toast:not(:last-child) {
  margin-bottom: .75rem
}

.toast.showing {
  opacity: 1
}

.toast.show {
  display: block;
  opacity: 1
}

.toast.hide {
  display: none
}

.toast-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-clip: padding-box;
  background-color: hsla(0, 0%, 100%, .85);
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
  color: #6c757d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .25rem .75rem
}

.toast-body {
  padding: .75rem
}

.modal-open {
  overflow: hidden
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal {
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1050
}

.modal-dialog {
  margin: .5rem;
  pointer-events: none;
  position: relative;
  width: auto
}

.modal.fade .modal-dialog {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
  content: "";
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content
}

.modal-dialog-centered.modal-dialog-scrollable {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
  content: none
}

.modal-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  outline: 0;
  pointer-events: auto;
  position: relative;
  width: 100%
}

.modal-backdrop {
  background-color: #000;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1040
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: .5
}

.modal-header {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: flex-start;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 1rem
}

.modal-header .close {
  margin: -1rem -1rem -1rem auto;
  padding: 1rem
}

.modal-title {
  line-height: 1.5;
  margin-bottom: 0
}

.modal-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
  position: relative
}

.modal-footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  align-items: center;
  border-bottom-left-radius: calc(.3rem - 1px);
  border-bottom-right-radius: calc(.3rem - 1px);
  border-top: 1px solid #dee2e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: .75rem
}

.modal-footer>* {
  margin: .25rem
}

.modal-scrollbar-measure {
  height: 50px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
  width: 50px
}

@media (min-width:576px) {
  .modal-dialog {
    margin: 1.75rem auto;
    max-width: 500px
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem)
  }

  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem)
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem)
  }

  .modal-dialog-centered:before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
  }

  .modal-sm {
    max-width: 300px
  }
}

@media (min-width:992px) {

  .modal-lg,
  .modal-xl {
    max-width: 800px
  }
}

@media (min-width:1200px) {
  .modal-xl {
    max-width: 1140px
  }
}

.tooltip {
  word-wrap: break-word;
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  margin: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: 1070
}

.tooltip.show {
  opacity: .9
}

.tooltip .arrow {
  display: block;
  height: .4rem;
  position: absolute;
  width: .8rem
}

.tooltip .arrow:before {
  border-color: transparent;
  border-style: solid;
  content: "";
  position: absolute
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
  padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
  bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow:before,
.bs-tooltip-top .arrow:before {
  border-top-color: #000;
  border-width: .4rem .4rem 0;
  top: 0
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
  padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
  height: .8rem;
  left: 0;
  width: .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow:before,
.bs-tooltip-right .arrow:before {
  border-right-color: #000;
  border-width: .4rem .4rem .4rem 0;
  right: 0
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
  padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
  top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #000;
  border-width: 0 .4rem .4rem;
  bottom: 0
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
  padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
  height: .8rem;
  right: 0;
  width: .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow:before,
.bs-tooltip-left .arrow:before {
  border-left-color: #000;
  border-width: .4rem 0 .4rem .4rem;
  left: 0
}

.tooltip-inner {
  background-color: #000;
  border-radius: .25rem;
  color: #fff;
  max-width: 200px;
  padding: .25rem .5rem;
  text-align: center
}

.popover {
  word-wrap: break-word;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  left: 0;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  max-width: 276px;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  top: 0;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: 1060
}

.popover,
.popover .arrow {
  display: block;
  position: absolute
}

.popover .arrow {
  height: .5rem;
  margin: 0 .3rem;
  width: 1rem
}

.popover .arrow:after,
.popover .arrow:before {
  border-color: transparent;
  border-style: solid;
  content: "";
  display: block;
  position: absolute
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
  margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
  bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow:before,
.bs-popover-top>.arrow:before {
  border-top-color: rgba(0, 0, 0, .25);
  border-width: .5rem .5rem 0;
  bottom: 0
}

.bs-popover-auto[x-placement^=top]>.arrow:after,
.bs-popover-top>.arrow:after {
  border-top-color: #fff;
  border-width: .5rem .5rem 0;
  bottom: 1px
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
  margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
  height: 1rem;
  left: calc(-.5rem - 1px);
  margin: .3rem 0;
  width: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow:before,
.bs-popover-right>.arrow:before {
  border-right-color: rgba(0, 0, 0, .25);
  border-width: .5rem .5rem .5rem 0;
  left: 0
}

.bs-popover-auto[x-placement^=right]>.arrow:after,
.bs-popover-right>.arrow:after {
  border-right-color: #fff;
  border-width: .5rem .5rem .5rem 0;
  left: 1px
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
  margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
  top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.bs-popover-bottom>.arrow:before {
  border-bottom-color: rgba(0, 0, 0, .25);
  border-width: 0 .5rem .5rem;
  top: 0
}

.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.bs-popover-bottom>.arrow:after {
  border-bottom-color: #fff;
  border-width: 0 .5rem .5rem;
  top: 1px
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
  border-bottom: 1px solid #f7f7f7;
  content: "";
  display: block;
  left: 50%;
  margin-left: -.5rem;
  position: absolute;
  top: 0;
  width: 1rem
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
  margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
  height: 1rem;
  margin: .3rem 0;
  right: calc(-.5rem - 1px);
  width: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow:before,
.bs-popover-left>.arrow:before {
  border-left-color: rgba(0, 0, 0, .25);
  border-width: .5rem 0 .5rem .5rem;
  right: 0
}

.bs-popover-auto[x-placement^=left]>.arrow:after,
.bs-popover-left>.arrow:after {
  border-left-color: #fff;
  border-width: .5rem 0 .5rem .5rem;
  right: 1px
}

.popover-header {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
  font-size: 1rem;
  margin-bottom: 0;
  padding: .5rem .75rem
}

.popover-header:empty {
  display: none
}

.popover-body {
  color: #212529;
  padding: .5rem .75rem
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.spinner-border {
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
  border: .25em solid;
  border-radius: 50%;
  border-right: .25em solid transparent;
  display: inline-block;
  height: 2rem;
  vertical-align: text-bottom;
  width: 2rem
}

.spinner-border-sm {
  border-width: .2em;
  height: 1rem;
  width: 1rem
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.spinner-grow {
  -webkit-animation: spinner-grow .75s linear infinite;
  animation: spinner-grow .75s linear infinite;
  background-color: currentColor;
  border-radius: 50%;
  display: inline-block;
  height: 2rem;
  opacity: 0;
  vertical-align: text-bottom;
  width: 2rem
}

.spinner-grow-sm {
  height: 1rem;
  width: 1rem
}

@media (prefers-reduced-motion:reduce) {

  .spinner-border,
  .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
  }
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.bg-primary {
  background-color: #17a2b8 !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #117a8b !important
}

.bg-secondary {
  background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
  background-color: #545b62 !important
}

.bg-success {
  background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
  background-color: #1e7e34 !important
}

.bg-info {
  background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
  background-color: #117a8b !important
}

.bg-warning {
  background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
  background-color: #d39e00 !important
}

.bg-danger {
  background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
  background-color: #bd2130 !important
}

.bg-light {
  background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
  background-color: #dae0e5 !important
}

.bg-dark {
  background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
  background-color: #1d2124 !important
}

.bg-white {
  background-color: #fff !important
}

.bg-transparent {
  background-color: transparent !important
}

.border {
  border: 1px solid #dee2e6 !important
}

.border-top {
  border-top: 1px solid #dee2e6 !important
}

.border-right {
  border-right: 1px solid #dee2e6 !important
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important
}

.border-left {
  border-left: 1px solid #dee2e6 !important
}

.border-0 {
  border: 0 !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-right-0 {
  border-right: 0 !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-left-0 {
  border-left: 0 !important
}

.border-primary {
  border-color: #17a2b8 !important
}

.border-secondary {
  border-color: #6c757d !important
}

.border-success {
  border-color: #28a745 !important
}

.border-info {
  border-color: #17a2b8 !important
}

.border-warning {
  border-color: #ffc107 !important
}

.border-danger {
  border-color: #dc3545 !important
}

.border-light {
  border-color: #f8f9fa !important
}

.border-dark {
  border-color: #343a40 !important
}

.border-white {
  border-color: #fff !important
}

.rounded-sm {
  border-radius: .2rem !important
}

.rounded {
  border-radius: .25rem !important
}

.rounded-top {
  border-top-left-radius: .25rem !important
}

.rounded-right,
.rounded-top {
  border-top-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-right {
  border-bottom-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-left {
  border-bottom-left-radius: .25rem !important
}

.rounded-left {
  border-top-left-radius: .25rem !important
}

.rounded-lg {
  border-radius: .3rem !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: 50rem !important
}

.rounded-0 {
  border-radius: 0 !important
}

.clearfix:after {
  clear: both;
  content: "";
  display: block
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important
}

@media (min-width:576px) {
  .d-sm-none {
    display: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media (min-width:768px) {
  .d-md-none {
    display: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media (min-width:992px) {
  .d-lg-none {
    display: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media (min-width:1200px) {
  .d-xl-none {
    display: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media print {
  .d-print-none {
    display: none !important
  }

  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

.embed-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%
}

.embed-responsive:before {
  content: "";
  display: block
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.embed-responsive-21by9:before {
  padding-top: 42.8571428571%
}

.embed-responsive-16by9:before {
  padding-top: 56.25%
}

.embed-responsive-4by3:before {
  padding-top: 75%
}

.embed-responsive-1by1:before {
  padding-top: 100%
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important
}

.flex-column,
.flex-row {
  -webkit-box-direction: normal !important
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important
}

.flex-column-reverse,
.flex-row-reverse {
  -webkit-box-direction: reverse !important
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important
}

.flex-fill {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important
}

@media (min-width:576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }

  .flex-sm-column,
  .flex-sm-row {
    -webkit-box-direction: normal !important
  }

  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }

  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
  }

  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
  }

  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
  }

  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }

  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }

  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }

  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
  }

  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}

@media (min-width:768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }

  .flex-md-column,
  .flex-md-row {
    -webkit-box-direction: normal !important
  }

  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }

  .flex-md-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
  }

  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
  }

  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
  }

  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }

  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }

  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }

  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
  }

  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }

  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}

@media (min-width:992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }

  .flex-lg-column,
  .flex-lg-row {
    -webkit-box-direction: normal !important
  }

  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }

  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
  }

  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
  }

  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
  }

  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }

  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }

  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }

  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
  }

  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}

@media (min-width:1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }

  .flex-xl-column,
  .flex-xl-row {
    -webkit-box-direction: normal !important
  }

  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }

  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
  }

  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
  }

  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
  }

  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }

  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }

  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }

  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
  }

  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}

.float-left {
  float: left !important
}

.float-right {
  float: right !important
}

.float-none {
  float: none !important
}

@media (min-width:576px) {
  .float-sm-left {
    float: left !important
  }

  .float-sm-right {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }
}

@media (min-width:768px) {
  .float-md-left {
    float: left !important
  }

  .float-md-right {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }
}

@media (min-width:992px) {
  .float-lg-left {
    float: left !important
  }

  .float-lg-right {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }
}

@media (min-width:1200px) {
  .float-xl-left {
    float: left !important
  }

  .float-xl-right {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: sticky !important
}

.fixed-top {
  top: 0
}

.fixed-bottom,
.fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030
}

.fixed-bottom {
  bottom: 0
}

@supports (position:sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto
}

.shadow-sm {
  -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
  -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.mh-100 {
  max-height: 100% !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.vw-100 {
  width: 100vw !important
}

.vh-100 {
  height: 100vh !important
}

.m-0 {
  margin: 0 !important
}

.mt-0,
.my-0 {
  margin-top: 0 !important
}

.mr-0,
.mx-0 {
  margin-right: 0 !important
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
  margin-left: 0 !important
}

.m-1 {
  margin: 5px !important
}

.mt-1,
.my-1 {
  margin-top: 5px !important
}

.mr-1,
.mx-1 {
  margin-right: 5px !important
}

.mb-1,
.my-1 {
  margin-bottom: 5px !important
}

.ml-1,
.mx-1 {
  margin-left: 5px !important
}

.m-2 {
  margin: 10px !important
}

.mt-2,
.my-2 {
  margin-top: 10px !important
}

.mr-2,
.mx-2 {
  margin-right: 10px !important
}

.mb-2,
.my-2 {
  margin-bottom: 10px !important
}

.ml-2,
.mx-2 {
  margin-left: 10px !important
}

.m-3 {
  margin: 15px !important
}

.mt-3,
.my-3 {
  margin-top: 15px !important
}

.mr-3,
.mx-3 {
  margin-right: 15px !important
}

.mb-3,
.my-3 {
  margin-bottom: 15px !important
}

.ml-3,
.mx-3 {
  margin-left: 15px !important
}

.m-4 {
  margin: 19.95px !important
}

.mt-4,
.my-4 {
  margin-top: 19.95px !important
}

.mr-4,
.mx-4 {
  margin-right: 19.95px !important
}

.mb-4,
.my-4 {
  margin-bottom: 19.95px !important
}

.ml-4,
.mx-4 {
  margin-left: 19.95px !important
}

.m-5 {
  margin: 45px !important
}

.mt-5,
.my-5 {
  margin-top: 45px !important
}

.mr-5,
.mx-5 {
  margin-right: 45px !important
}

.mb-5,
.my-5 {
  margin-bottom: 45px !important
}

.ml-5,
.mx-5 {
  margin-left: 45px !important
}

.p-0 {
  padding: 0 !important
}

.pt-0,
.py-0 {
  padding-top: 0 !important
}

.pr-0,
.px-0 {
  padding-right: 0 !important
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important
}

.pl-0,
.px-0 {
  padding-left: 0 !important
}

.p-1 {
  padding: 5px !important
}

.pt-1,
.py-1 {
  padding-top: 5px !important
}

.pr-1,
.px-1 {
  padding-right: 5px !important
}

.pb-1,
.py-1 {
  padding-bottom: 5px !important
}

.pl-1,
.px-1 {
  padding-left: 5px !important
}

.p-2 {
  padding: 10px !important
}

.pt-2,
.py-2 {
  padding-top: 10px !important
}

.pr-2,
.px-2 {
  padding-right: 10px !important
}

.pb-2,
.py-2 {
  padding-bottom: 10px !important
}

.pl-2,
.px-2 {
  padding-left: 10px !important
}

.p-3 {
  padding: 15px !important
}

.pt-3,
.py-3 {
  padding-top: 15px !important
}

.pr-3,
.px-3 {
  padding-right: 15px !important
}

.pb-3,
.py-3 {
  padding-bottom: 15px !important
}

.pl-3,
.px-3 {
  padding-left: 15px !important
}

.p-4 {
  padding: 19.95px !important
}

.pt-4,
.py-4 {
  padding-top: 19.95px !important
}

.pr-4,
.px-4 {
  padding-right: 19.95px !important
}

.pb-4,
.py-4 {
  padding-bottom: 19.95px !important
}

.pl-4,
.px-4 {
  padding-left: 19.95px !important
}

.p-5 {
  padding: 45px !important
}

.pt-5,
.py-5 {
  padding-top: 45px !important
}

.pr-5,
.px-5 {
  padding-right: 45px !important
}

.pb-5,
.py-5 {
  padding-bottom: 45px !important
}

.pl-5,
.px-5 {
  padding-left: 45px !important
}

.m-n1 {
  margin: -5px !important
}

.mt-n1,
.my-n1 {
  margin-top: -5px !important
}

.mr-n1,
.mx-n1 {
  margin-right: -5px !important
}

.mb-n1,
.my-n1 {
  margin-bottom: -5px !important
}

.ml-n1,
.mx-n1 {
  margin-left: -5px !important
}

.m-n2 {
  margin: -10px !important
}

.mt-n2,
.my-n2 {
  margin-top: -10px !important
}

.mr-n2,
.mx-n2 {
  margin-right: -10px !important
}

.mb-n2,
.my-n2 {
  margin-bottom: -10px !important
}

.ml-n2,
.mx-n2 {
  margin-left: -10px !important
}

.m-n3 {
  margin: -15px !important
}

.mt-n3,
.my-n3 {
  margin-top: -15px !important
}

.mr-n3,
.mx-n3 {
  margin-right: -15px !important
}

.mb-n3,
.my-n3 {
  margin-bottom: -15px !important
}

.ml-n3,
.mx-n3 {
  margin-left: -15px !important
}

.m-n4 {
  margin: -19.95px !important
}

.mt-n4,
.my-n4 {
  margin-top: -19.95px !important
}

.mr-n4,
.mx-n4 {
  margin-right: -19.95px !important
}

.mb-n4,
.my-n4 {
  margin-bottom: -19.95px !important
}

.ml-n4,
.mx-n4 {
  margin-left: -19.95px !important
}

.m-n5 {
  margin: -45px !important
}

.mt-n5,
.my-n5 {
  margin-top: -45px !important
}

.mr-n5,
.mx-n5 {
  margin-right: -45px !important
}

.mb-n5,
.my-n5 {
  margin-bottom: -45px !important
}

.ml-n5,
.mx-n5 {
  margin-left: -45px !important
}

.m-auto {
  margin: auto !important
}

.mt-auto,
.my-auto {
  margin-top: auto !important
}

.mr-auto,
.mx-auto {
  margin-right: auto !important
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
  margin-left: auto !important
}

@media (min-width:576px) {
  .m-sm-0 {
    margin: 0 !important
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important
  }

  .m-sm-1 {
    margin: 5px !important
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 5px !important
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 5px !important
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 5px !important
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 5px !important
  }

  .m-sm-2 {
    margin: 10px !important
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 10px !important
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 10px !important
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 10px !important
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 10px !important
  }

  .m-sm-3 {
    margin: 15px !important
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 15px !important
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 15px !important
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 15px !important
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 15px !important
  }

  .m-sm-4 {
    margin: 19.95px !important
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 19.95px !important
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 19.95px !important
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 19.95px !important
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 19.95px !important
  }

  .m-sm-5 {
    margin: 45px !important
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 45px !important
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 45px !important
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 45px !important
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 45px !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important
  }

  .p-sm-1 {
    padding: 5px !important
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 5px !important
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 5px !important
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 5px !important
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 5px !important
  }

  .p-sm-2 {
    padding: 10px !important
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 10px !important
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 10px !important
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 10px !important
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 10px !important
  }

  .p-sm-3 {
    padding: 15px !important
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 15px !important
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 15px !important
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 15px !important
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 15px !important
  }

  .p-sm-4 {
    padding: 19.95px !important
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 19.95px !important
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 19.95px !important
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 19.95px !important
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 19.95px !important
  }

  .p-sm-5 {
    padding: 45px !important
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 45px !important
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 45px !important
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 45px !important
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 45px !important
  }

  .m-sm-n1 {
    margin: -5px !important
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -5px !important
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -5px !important
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -5px !important
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -5px !important
  }

  .m-sm-n2 {
    margin: -10px !important
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -10px !important
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -10px !important
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -10px !important
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -10px !important
  }

  .m-sm-n3 {
    margin: -15px !important
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -15px !important
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -15px !important
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -15px !important
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -15px !important
  }

  .m-sm-n4 {
    margin: -19.95px !important
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -19.95px !important
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -19.95px !important
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -19.95px !important
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -19.95px !important
  }

  .m-sm-n5 {
    margin: -45px !important
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -45px !important
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -45px !important
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -45px !important
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -45px !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important
  }
}

@media (min-width:768px) {
  .m-md-0 {
    margin: 0 !important
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important
  }

  .m-md-1 {
    margin: 5px !important
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 5px !important
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 5px !important
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 5px !important
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 5px !important
  }

  .m-md-2 {
    margin: 10px !important
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 10px !important
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 10px !important
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 10px !important
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 10px !important
  }

  .m-md-3 {
    margin: 15px !important
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 15px !important
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 15px !important
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 15px !important
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 15px !important
  }

  .m-md-4 {
    margin: 19.95px !important
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 19.95px !important
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 19.95px !important
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 19.95px !important
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 19.95px !important
  }

  .m-md-5 {
    margin: 45px !important
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 45px !important
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 45px !important
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 45px !important
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 45px !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important
  }

  .p-md-1 {
    padding: 5px !important
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 5px !important
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 5px !important
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 5px !important
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 5px !important
  }

  .p-md-2 {
    padding: 10px !important
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 10px !important
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 10px !important
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 10px !important
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 10px !important
  }

  .p-md-3 {
    padding: 15px !important
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 15px !important
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 15px !important
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 15px !important
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 15px !important
  }

  .p-md-4 {
    padding: 19.95px !important
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 19.95px !important
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 19.95px !important
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 19.95px !important
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 19.95px !important
  }

  .p-md-5 {
    padding: 45px !important
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 45px !important
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 45px !important
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 45px !important
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 45px !important
  }

  .m-md-n1 {
    margin: -5px !important
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -5px !important
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -5px !important
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -5px !important
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -5px !important
  }

  .m-md-n2 {
    margin: -10px !important
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -10px !important
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -10px !important
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -10px !important
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -10px !important
  }

  .m-md-n3 {
    margin: -15px !important
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -15px !important
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -15px !important
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -15px !important
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -15px !important
  }

  .m-md-n4 {
    margin: -19.95px !important
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -19.95px !important
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -19.95px !important
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -19.95px !important
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -19.95px !important
  }

  .m-md-n5 {
    margin: -45px !important
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -45px !important
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -45px !important
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -45px !important
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -45px !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important
  }
}

@media (min-width:992px) {
  .m-lg-0 {
    margin: 0 !important
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important
  }

  .m-lg-1 {
    margin: 5px !important
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 5px !important
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 5px !important
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 5px !important
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 5px !important
  }

  .m-lg-2 {
    margin: 10px !important
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 10px !important
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 10px !important
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 10px !important
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 10px !important
  }

  .m-lg-3 {
    margin: 15px !important
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 15px !important
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 15px !important
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 15px !important
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 15px !important
  }

  .m-lg-4 {
    margin: 19.95px !important
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 19.95px !important
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 19.95px !important
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 19.95px !important
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 19.95px !important
  }

  .m-lg-5 {
    margin: 45px !important
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 45px !important
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 45px !important
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 45px !important
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 45px !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important
  }

  .p-lg-1 {
    padding: 5px !important
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 5px !important
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 5px !important
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 5px !important
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 5px !important
  }

  .p-lg-2 {
    padding: 10px !important
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 10px !important
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 10px !important
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 10px !important
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 10px !important
  }

  .p-lg-3 {
    padding: 15px !important
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 15px !important
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 15px !important
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 15px !important
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 15px !important
  }

  .p-lg-4 {
    padding: 19.95px !important
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 19.95px !important
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 19.95px !important
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 19.95px !important
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 19.95px !important
  }

  .p-lg-5 {
    padding: 45px !important
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 45px !important
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 45px !important
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 45px !important
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 45px !important
  }

  .m-lg-n1 {
    margin: -5px !important
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -5px !important
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -5px !important
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -5px !important
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -5px !important
  }

  .m-lg-n2 {
    margin: -10px !important
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -10px !important
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -10px !important
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -10px !important
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -10px !important
  }

  .m-lg-n3 {
    margin: -15px !important
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -15px !important
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -15px !important
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -15px !important
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -15px !important
  }

  .m-lg-n4 {
    margin: -19.95px !important
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -19.95px !important
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -19.95px !important
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -19.95px !important
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -19.95px !important
  }

  .m-lg-n5 {
    margin: -45px !important
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -45px !important
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -45px !important
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -45px !important
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -45px !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important
  }
}

@media (min-width:1200px) {
  .m-xl-0 {
    margin: 0 !important
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important
  }

  .m-xl-1 {
    margin: 5px !important
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 5px !important
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 5px !important
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 5px !important
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 5px !important
  }

  .m-xl-2 {
    margin: 10px !important
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 10px !important
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 10px !important
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 10px !important
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 10px !important
  }

  .m-xl-3 {
    margin: 15px !important
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 15px !important
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 15px !important
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 15px !important
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 15px !important
  }

  .m-xl-4 {
    margin: 19.95px !important
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 19.95px !important
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 19.95px !important
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 19.95px !important
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 19.95px !important
  }

  .m-xl-5 {
    margin: 45px !important
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 45px !important
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 45px !important
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 45px !important
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 45px !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important
  }

  .p-xl-1 {
    padding: 5px !important
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 5px !important
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 5px !important
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 5px !important
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 5px !important
  }

  .p-xl-2 {
    padding: 10px !important
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 10px !important
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 10px !important
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 10px !important
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 10px !important
  }

  .p-xl-3 {
    padding: 15px !important
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 15px !important
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 15px !important
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 15px !important
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 15px !important
  }

  .p-xl-4 {
    padding: 19.95px !important
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 19.95px !important
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 19.95px !important
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 19.95px !important
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 19.95px !important
  }

  .p-xl-5 {
    padding: 45px !important
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 45px !important
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 45px !important
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 45px !important
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 45px !important
  }

  .m-xl-n1 {
    margin: -5px !important
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -5px !important
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -5px !important
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -5px !important
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -5px !important
  }

  .m-xl-n2 {
    margin: -10px !important
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -10px !important
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -10px !important
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -10px !important
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -10px !important
  }

  .m-xl-n3 {
    margin: -15px !important
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -15px !important
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -15px !important
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -15px !important
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -15px !important
  }

  .m-xl-n4 {
    margin: -19.95px !important
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -19.95px !important
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -19.95px !important
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -19.95px !important
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -19.95px !important
  }

  .m-xl-n5 {
    margin: -45px !important
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -45px !important
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -45px !important
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -45px !important
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -45px !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important
  }
}

.stretched-link:after {
  background-color: rgba(0, 0, 0, 0);
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.text-justify {
  text-align: justify !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

@media (min-width:576px) {
  .text-sm-left {
    text-align: left !important
  }

  .text-sm-right {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width:768px) {
  .text-md-left {
    text-align: left !important
  }

  .text-md-right {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width:992px) {
  .text-lg-left {
    text-align: left !important
  }

  .text-lg-right {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .text-xl-left {
    text-align: left !important
  }

  .text-xl-right {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.font-weight-light {
  font-weight: 300 !important
}

.font-weight-lighter {
  font-weight: lighter !important
}

.font-weight-normal {
  font-weight: 400 !important
}

.font-weight-bold {
  font-weight: 700 !important
}

.font-weight-bolder {
  font-weight: bolder !important
}

.font-italic {
  font-style: italic !important
}

.text-white {
  color: #fff !important
}

.text-primary {
  color: #17a2b8 !important
}

a.text-primary:focus,
a.text-primary:hover {
  color: #0f6674 !important
}

.text-secondary {
  color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
  color: #494f54 !important
}

.text-success {
  color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
  color: #19692c !important
}

.text-info {
  color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
  color: #0f6674 !important
}

.text-warning {
  color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
  color: #ba8b00 !important
}

.text-danger {
  color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
  color: #a71d2a !important
}

.text-light {
  color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
  color: #cbd3da !important
}

.text-dark {
  color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
  color: #121416 !important
}

.text-body {
  color: #212529 !important
}

.text-muted {
  color: #6c757d !important
}

.text-black-50 {
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  color: hsla(0, 0%, 100%, .5) !important
}

.text-hide {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none
}

.text-decoration-none {
  text-decoration: none !important
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important
}

.text-reset {
  color: inherit !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

:root {
  --body-bg: #fff
}

.clear,
.p-pay-methods:after {
  clear: both;
  content: "";
  display: block
}

.clear-ul,
.dropdown-menu-list,
.hl-list-items,
.hl-list-search {
  list-style: none;
  margin: 0;
  padding: 0
}

.list-item {
  line-height: 1.5;
  list-style-type: none;
  padding: 3px 0;
  position: relative
}

.list-item+li {
  margin-top: 6px
}

.list-item:before {
  content: "";
  left: -35px;
  position: absolute;
  top: 13px
}

.list-item ul {
  margin-bottom: -6px
}

.list-item-line:before,
.list-item:before {
  background-color: var(--primary-base-color);
  display: block;
  height: 3px;
  margin: 0 10px;
  max-width: 15px;
  min-width: 15px
}

.article-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.15
}

.rightMore {
  fill: #999;
  max-height: 8px;
  max-width: 11px;
  min-height: 8px;
  min-width: 11px
}

.fs-12,
small {
  font-size: 12px !important;
  line-height: 18px
}

.fs-14 {
  font-size: 14px !important
}

@media (max-width:767px) {
  .fs-14-mob {
    font-size: 14px !important
  }
}

.fs-13 {
  font-size: 13px;
  line-height: 24px
}

.fs-16 {
  font-size: 16px !important;
  line-height: 24px !important
}

.fs-18 {
  font-size: 18px !important
}

.nowrap {
  white-space: nowrap
}

.white {
  color: #fff !important
}

.c-orange-color {
  color: #ff9d00 !important
}

.grey-text {
  color: #999 !important
}

.danger-color {
  color: #ff585b !important
}

.danger-hover .ico {
  color: #c3c3c3
}

.danger-hover:hover .ico {
  color: #ff585b !important
}

.text-success {
  color: #74b31b !important
}

.text-color {
  color: var(--text-color) !important
}

.text-green {
  color: #74b31b !important
}

a.text-color:hover {
  color: rgba(var(--links-color)) !important
}

.hidden-link.grey-link,
a.grey-link {
  color: #999 !important
}

.hidden-link.grey-link:hover,
a.grey-link:hover {
  color: rgba(var(--links-color)) !important
}

.hidden-link,
a {
  color: var(--clr-green);
  cursor: pointer;
  outline: none !important;
  text-decoration: none !important
}

/* .hidden-link:hover,
.hidden-link:not(.btn):not(.cc-btn):hover,
a:hover,
a:not(.btn):not(.cc-btn):hover {
  color: rgba(var(--links-color), .8)
} */

.hidden-link:hover,
a:hover {
  text-decoration: underline
}

.c-link {
  color: rgba(var(--links-color)) !important
}

.c-link:hover {
  color: rgba(var(--links-color), .7) !important
}

.c-link-underline {
  text-decoration: underline !important
}

.c-ico-link,
.c-link-underline:hover {
  text-decoration: none !important
}

.c-ico-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.c-ico-link:hover span {
  text-decoration: none
}

.c-ico-link.c-ico-link-xs .ico,
.c-ico-link.c-ico-link-xs.ico {
  font-size: 10px !important;
  width: 10px
}

.c-ico-link span {
  color: var(--text-color);
  text-decoration: none
}

.c-ico-link.c-ico-link-hover:hover .ico {
  color: #999
}

.grey-icon {
  color: #c3c3c3 !important
}

.grey-icon.pointer:hover {
  color: var(--text-color) !important
}

.grey-bg {
  background-color: #999 !important
}

.grey-fill path {
  fill: #999
}

.c-primary-color {
  color: var(--primary-base-color) !important
}

.c-primary-color path {
  fill: var(--primary-base-color)
}

.c-secondary-color {
  color: var(--secondary-base-color) !important
}

.c-secondary-color path {
  fill: var(--secondary-base-color)
}

.c-link-ajax{
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  color: var(--clr-green);
  transition: .2s ease;
}

.c-link-ajax:hover{
  color: var(--clr-gray);
}

.c-link-ajax,
.hidden-link.c-link-ajax {
  text-decoration: none !important;
  white-space: nowrap
}

.c-link-ajax.grey-text>span:not(.c-drop-arrow),
.hidden-link.c-link-ajax.grey-text>span:not(.c-drop-arrow) {
  border-bottom: 1px dashed #999 !important
}

.c-link-ajax.text-color>span,
.hidden-link.c-link-ajax.text-color>span {
  border-bottom: 1px dashed var(--text-color) !important
}

.c-link-ajax.c-primary-color>span,
.hidden-link.c-link-ajax.c-primary-color>span {
  border-bottom-color: var(--primary-base-color) !important
}

.c-link-ajax:active>b,
.c-link-ajax:active>span,
.c-link-ajax:focus>b,
.c-link-ajax:focus>span,
.c-link-ajax:hover>b,
.c-link-ajax:hover>span,
.hidden-link.c-link-ajax:active>b,
.hidden-link.c-link-ajax:active>span,
.hidden-link.c-link-ajax:focus>b,
.hidden-link.c-link-ajax:focus>span,
.hidden-link.c-link-ajax:hover>b,
.hidden-link.c-link-ajax:hover>span {
  border-color: transparent !important
}

/* .c-link-ajax>b,
.c-link-ajax>span:not(.c-drop-arrow),
.hidden-link.c-link-ajax>b,
.hidden-link.c-link-ajax>span:not(.c-drop-arrow) {
  border-bottom: 1px dashed #0096c7;
  border-bottom: 1px dashed rgba(var(--links-color))
} */

.c-link-ajax .c-drop-arrow,
.hidden-link.c-link-ajax .c-drop-arrow {
  border-bottom: 0 !important
}

.link-red,
.link-red .c-ico-cancel,
.link-red.c-ico-cancel {
  color: #ff585b !important
}

.link-red .c-ico-cancel path,
.link-red .c-ico-cancel svg,
.link-red.c-ico-cancel path,
.link-red.c-ico-cancel svg {
  fill: #ff585b
}

.link-red.c-link-ajax>span {
  border-bottom-color: #ff585b !important
}

.link-red:hover.c-link-ajax>span {
  border-bottom-color: transparent
}

p+p,
p+ul {
  margin-top: 15px
}

.c-price {
  color: #5aa926;
  white-space: nowrap
}

.c-price,
.fw-bold {
  font-weight: 700
}

.c-price-sub {
  color: #999;
  font-size: 13px;
  font-weight: 400;
  margin-top: 7px
}

@media (max-width:767px) {
  .c-price-sub {
    display: inline-block;
    white-space: nowrap
  }
}

.l-date {
  color: #999
}

.c-article {
  margin-bottom: 20px
}

.c-article h1,
.c-article h2,
.c-article h3,
.c-article h4,
.c-article h5,
.l-info h1,
.l-info h2,
.l-info h3,
.l-info h4,
.l-info h5 {
  margin-bottom: 15px;
  margin-top: 20px
}

.c-article li+li,
.l-info li+li {
  margin-top: 10px
}

.c-article ol,
.c-article ul,
.l-info ol,
.l-info ul {
  margin-bottom: 20px;
  padding-left: 20px
}

.c-article ul li,
.l-info ul li {
  list-style-type: disc
}

.c-article ol li,
.l-info ol li {
  list-style-type: decimal
}

.c-article ol ul,
.l-info ol ul {
  margin-top: 10px
}

.c-article ol ul li,
.l-info ol ul li {
  list-style-type: circle
}

.c-article .block,
.l-info .block {
  max-width: 100%
}

.c-article .block:empty,
.l-info .block:empty {
  display: none
}

@media (max-width:767px) {

  .c-article .block img,
  .l-info .block img {
    height: auto
  }
}

.c-article table,
.l-info table {
  max-width: 100%
}

.c-article table td,
.l-info table td {
  border: 1px solid #ebebeb;
  min-width: 100px;
  padding: 20px
}

.tooltip {
  font-size: 12px !important;
  z-index: 10015
}

.tooltip .text-left br,
.tooltip .text-left br:after {
  content: " "
}

.h1-28-mod {
  font-size: 28px;
  line-height: 38px
}

@media (max-width:767px) {
  .h1-28-mod {
    font-size: 22px;
    line-height: 30px
  }
}

.h1,
h1 {
  font-size: 36px;
  line-height: 41px
}

@media (max-width:767px) {

  .h1,
  h1 {
    font-size: 24px;
    line-height: 30px
  }
}

.h2,
h2 {
  font-size: 24px;
  line-height: 30px
}

@media (max-width:767px) {

  .h2,
  h2 {
    font-size: 18px;
    line-height: 26px
  }
}

.h2-mob {
  font-size: 24px;
  line-height: 30px
}

@media (max-width:767px) {
  .h2-mob {
    font-size: 24px;
    line-height: 30px
  }
}

@media (min-width:768px) {

  .h3,
  h3 {
    font-size: 18px;
    line-height: 26px
  }
}

@media (max-width:767px) {

  .h3,
  h3 {
    font-size: 18px;
    line-height: 26px
  }
}

.h3-mob {
  font-size: 18px;
  line-height: 26px
}

@media (max-width:767px) {
  .h3-mob {
    font-size: 18px;
    line-height: 26px
  }
}

.h4,
h4 {
  font-size: 16px;
  line-height: 24px
}

.h3-h4-mob {
  font-size: 18px;
  line-height: 26px
}

@media (max-width:767px) {
  .h3-h4-mob {
    font-size: 16px;
    line-height: 24px
  }
}

.h5,
.h6,
h5,
h6 {
  font-size: 14px;
  line-height: 18px
}

.table {
  color: var(--text-color)
}

.c-title {
  font-weight: 700
}

.c-title.c-title-overflow {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box !important;
  overflow: hidden
}

.c-title-linkout {
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: -3px
}

@media (max-width:767px) {
  .c-title-linkout {
    top: -2px
  }
}

.c-upper-letter-spacing {
  letter-spacing: 2px;
  text-transform: uppercase
}

.c-text-transform-normal {
  text-transform: capitalize !important
}

html {
  /* min-height: calc(100% + env(safe-area-inset-top)); */
  min-height: calc(
    100vh - env(safe-area-inset-bottom, 0) - env(safe-area-inset-top, 0)
  );
  position: relative
}

@supports (-webkit-touch-callout: none) {
  .html {
    /* for ios safari 15, safe-area-inset-bottom is 0, so a special fix apply here */
    min-height: -webkit-fill-available;
  }
}

body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: var(--body-bg);
  color: var(--text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  line-height: 1.428571429;
  min-height: 100dvh !important;
  min-width: 320px;
  overflow-x: hidden;
  padding-left: 0 !important;
  padding-right: 0 !important
}

.c-transition {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.c-date {
  color: #999;
  font-size: 12px;
  line-height: 22px
}

.c-default-offset-b {
  margin-bottom: 15px
}

.c-default-offset-t {
  margin-top: 15px
}

.c-default-offset-r {
  margin-right: 15px
}

.c-default-offset-l {
  margin-left: 15px
}

.vw-white-box .trp-pay-box,
.vw-white-box .vw-white-box {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0
}

.c-shadow-overflow {
  overflow: hidden;
  position: relative;
  white-space: nowrap
}

.c-shadow-overflow:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  bottom: 1px;
  content: "";
  display: block;
  min-height: 23px;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  z-index: 10
}

@media (min-width:768px) {
  .c-shadow-overflow.c-shadow-overflow-10 {
    margin-right: -10px;
    padding-right: 10px
  }

  .c-shadow-overflow.c-shadow-overflow-10:after {
    min-height: 18px;
    width: 10px
  }
}

.bg-white .b-breadcrumbs:after,
.bg-white .c-shadow-overflow:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0))) !important;
  background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%) !important;
  background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%) !important
}

@media (max-width:767px) {
  .c-shadow-overflow-mob {
    overflow: hidden;
    position: relative;
    white-space: nowrap
  }

  .c-shadow-overflow-mob:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
    background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
    bottom: 1px;
    content: "";
    display: block;
    min-height: 23px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    z-index: 10
  }
}

.c-overflow-x {
  overflow-x: hidden
}

@media (max-width:767px) {
  .c-overflow-x-mob {
    overflow-x: hidden
  }
}

@media (min-width:768px) {
  .c-overflow-x-on-lg {
    overflow-x: hidden
  }
}

.c-iphone-overflow-fix .l-flex-column-content {
  overflow-x: hidden
}

.c-border-radius {
  border-radius: 4px
}

.ico {
  min-height: 10px
}

.ico-hover-primary,
.ico-hover-primary path,
.ico-hover-primary-link,
.ico-hover-primary-link .ico,
.ico-hover-primary-link .ico path,
.ico-hover-primary-link path {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.ico-hover-primary-link .ico:hover,
.ico-hover-primary-link:hover,
.ico-hover-primary:hover {
  color: var(--primary-base-color)
}

.ico-hover-primary-link .ico:hover path,
.ico-hover-primary-link:hover path,
.ico-hover-primary:hover path {
  fill: var(--primary-base-color) !important
}

.table-responsive {
  overflow: auto;
  width: auto
}

.hidden,
.hide {
  display: none !important
}

@media (max-width:767px) {
  .hide-mob {
    display: none !important
  }
}

.container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media (min-width:1024px) {
  .container {
    max-width: 1000px
  }
}

@media (min-width:1200px) {
  .container {
    max-width: 1200px
  }
}

@media (min-width:1280px) {
  .container {
    max-width: 1200px
  }
}

/* @media (min-width:850px) and (max-width:991px) {
  .container {
    max-width: 850px
  }
} */

.container .container {
  padding: 0 !important
}

img {
  max-width: 100%
}

hr {
  border-color: #e8edef
}

.btn {
  outline: none !important
}

.relative {
  position: relative
}

.absolute {
  position: absolute
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.pointer {
  cursor: pointer
}

@media (min-width:768px) {
  .nav-tabs.collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (max-width:767px) {
  .c-under-desc {
    margin-top: 0 !important;
    position: absolute;
    right: 10px;
    top: -25px
  }
}

.c-dot {
  background-color: var(--clr-blue);
  border-radius: 50%;
  display: inline-block;
  height: 3px;
  margin: 0 9px;
  min-width: 3px
}

.c-dot.c-count-dot {
  -webkit-box-flex: 0;
  background-color: #74b31b;
  border: 1px solid #fff;
  border-radius: 50%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 12px;
  margin: 0;
  width: 12px
}

.c-status-wrap {
  cursor: default;
  display: inline-block;
  font-size: 4px;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0;
  z-index: 1
}

.c-status-wrap .tooltip-inner {
  white-space: nowrap
}

.c-status-txt {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.c-status-txt .c-status {
  margin-right: 5px;
  margin-top: -4px
}

.c-status-txt-online {
  color: #74b31b
}

.c-status-txt-online .c-status {
  background-color: #74b31b
}

.c-status-txt-offline {
  color: #999;
  justify-content: flex-start !important;
}

.c-status-txt-offline .c-status {
  background-color: #999
}

.c-status {
  -webkit-box-flex: 0;
  background: #c3c3c3;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 9px;
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
  width: 9px
}

.c-status-lg {
  height: 12px;
  width: 12px
}

.c-status-inline {
  display: inline-block;
  margin-right: 2px;
  position: relative;
  top: -1px
}

.c-status-online {
  background: #74b31b
}



.c-scrolltop {
  bottom: 15px;
  position: fixed;
  right: 15px;
  text-align: center;
  z-index: 200
}

@media (max-width:767px) {
  .c-scrolltop {
    display: none !important
  }
}

.c-scrolltop span {
  display: block;
  font-size: 18px
}

.c-scrolltop a {
  background-color: #f4f4f4;
  border-radius: 4px;
  color: #999;
  display: block;
  font-size: 13px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.c-scrolltop a:hover {
  background-color: var(--primary-base-color);
  color: #fff !important;
  text-decoration: none
}

.c-mobile-scrolling {
  overflow-x: auto;
  white-space: nowrap;
  width: auto
}

@media (min-width:768px) {
  .c-mobile-scrolling {
    max-width: 100%
  }
}

@media (max-width:767px) {
  .c-mobile-scrolling {
    margin-left: -20px;
    margin-right: -20px;
    /* padding-left: 20px */
  }
}

.c-mobile-scrolling>* {
  display: table !important;
  padding-right: 20px
}

@media (max-width:575px) {
  /* .c-mobile-fill-offset {
    margin-left: -20px;
    margin-right: -20px;
    min-width: calc(100% + 40px)
  } */

  .c-mobile-fill-offset .c-mobile-scrolling {
    margin: 0
  }
}

.c-mobile-scrolling {
  -ms-overflow-style: none;
  scrollbar-width: none
}

.c-mobile-scrolling::-webkit-scrollbar {
  background: transparent;
  display: none;
  width: 0
}

.c-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  gap: 10px
}

.c-tag {
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  max-width: 100%;
  overflow: hidden;
  padding: 0 10px;
  text-align: left;
  white-space: normal
}

.c-tags-spacing {
  margin: 15px -5px
}

.btn.c-tag {
  color: #0096c7
}

.c-loader {
  background-image: url(../css/images/loader.gif?8b4e738c970e1e7184968911e39fa1ac);
  display: inline-block;
  height: 18px;
  width: 18px
}

.spinner-border {
  color: var(--primary-base-color);
  margin-right: 5px
}

.c-metro-dropdown {
  min-width: inherit !important
}

@media (max-width:767px) {
  .c-metro-dropdown {
    width: 100%
  }
}

.c-metro-dropdown a {
  font-size: 14px
}

.c-metro-dropdown .fl-dropdown-header {
  margin-top: -15px
}

.c-selected-line {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--clr-border-light);
  border-radius: 8px;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  color: var(--clr-gray-hover);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 8px
}

.c-selected-line:hover{
  color: var(--clr-gray-hover)
}

.c-selected-line+.c-selected-line {
  margin-top: 10px
}

.c-metro-ico {
  background-color: #ccc;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  min-height: 17px;
  min-width: 17px;
  position: relative
}

.dropdown-item .c-metro-ico {
  top: 1px
}

.c-metro-ico-cnt {
  color: #fff;
  display: block;
  font-size: 10px;
  position: relative;
  text-align: center;
  top: 2px
}

.block-video {
  margin-bottom: 15px
}

.block-video object {
  display: block;
  height: 480px;
  margin: 0 auto;
  width: 800px
}

.block-video object embed {
  height: 100%;
  width: 100%
}

@media (max-width:992px) {
  .block-video object {
    height: auto;
    min-height: 320px;
    width: 100%
  }
}

.faq-help-img {
  margin: 10px 0;
  text-align: center
}

.faq-help-img_msg {
  margin-top: 10px
}

[data-toggle~=collapse] {
  cursor: pointer
}

.c-close {
  line-height: 1;
  margin-left: 15px;
  max-width: 15px;
  min-width: 15px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.c-ico-cancel {
  line-height: 1;
  margin-top: -1px
}

.c-ico-cancel,
.c-ico-cancel svg {
  max-width: 10px
}

.c-ico-cancel:hover svg path {
  fill: #999
}

.c-ico-cancel.c-ico-cancel-lg svg {
  margin-right: 0;
  max-width: 12px;
  min-width: inherit
}

.c-ico-cancel.c-ico-cancel-lg+span {
  line-height: 1
}

.c-debug-info {
  background: #f5f5f5;
  border-top: 1px solid #f4f4f4;
  bottom: 0;
  font-size: 12px;
  left: 0;
  margin-top: 0;
  position: absolute;
  right: 0
}

.c-debug-info>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 auto;
  padding: 0 20px
}

@media (max-width:767px) {
  .c-debug-info>ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.c-debug-info>ul>li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  border-left: 1px solid #cad5da;
  border-right: 1px solid #cad5da;
  flex-grow: 1;
  margin-right: -1px;
  padding: 10px 15px;
  text-align: center
}

@media (min-width:768px) {
  .c-debug-info {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw
  }
}

input:focus {
  outline: none !important
}

.c-desc {
  color: #999;
  font-size: 13px;
  line-height: 20px
}

.owl-dots {
  text-align: center
}

.owl-dot {
  background-color: #fff !important;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  height: 6px;
  margin: 0 2.5px;
  width: 6px
}

.owl-dot.active {
  background-color: var(--primary-base-color) !important;
  width: 12px
}

.c-no-bg {
  background-color: #fff !important
}

.c-page-back-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .c-page-back-link {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    margin-bottom: 5px;
    order: -1
  }
}

.c-page-back-link .ico {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 14px;
  margin-right: 5px;
  margin-top: -1px;
  width: 14px
}

.c-page-back-link .ico path {
  fill: #0096c7;
  fill: rgba(var(--links-color))
}

.c-page-back-link.active .c-page-back-ico-r {
  display: inline-block
}

.c-page-back-link .c-page-back-ico-r,
.c-page-back-link.active .c-page-back-ico-l {
  display: none
}

.l-page-title+.c-page-back-link {
  margin-top: 10px
}

.c-arrow,
.lSNext,
.lSPrev {
  -webkit-box-flex: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e8edef;
  border-radius: 50%;
  color: #000 !important;
  cursor: pointer;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 35px;
  justify-content: center;
  outline: none !important;
  padding: 0;
  width: 35px
}

.c-arrow:hover .fas,
.lSNext:hover .fas,
.lSPrev:hover .fas {
  opacity: .5
}

.c-arrow.disabled,
.lSNext.disabled,
.lSPrev.disabled {
  cursor: not-allowed;
  opacity: .5
}

.c-arrow.c-right .fas,
.lSNext.c-right .fas,
.lSPrev.c-right .fas {
  margin-left: 3px
}

.c-arrow .fas,
.lSNext .fas,
.lSPrev .fas {
  font-size: 16px
}

.lSNext,
.lSPrev {
  opacity: 1;
  top: 45%
}

.lSNext:hover,
.lSPrev:hover {
  opacity: .7
}

.lSNext .fas,
.lSPrev .fas {
  opacity: 1 !important
}

.c-nav-actions.c-nav-items-light .c-arrow {
  background-color: #fff !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06)
}

.c-nav-actions.c-nav-items-light .c-arrow:hover {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 7px rgba(0, 0, 0, .1)
}

.c-nav-actions.c-nav-items-light .c-arrow:hover .fas {
  color: #0096c7 !important;
  color: rgba(var(--links-color)) !important
}

.c-nav-actions.c-nav-items-light .fas {
  color: #999 !important
}

.c-nav-actions.c-nav-items-sm .c-arrow {
  height: 30px;
  width: 30px
}

.c-nav-actions.disabled {
  display: none
}

.c-nav-actions .c-arrow+.c-arrow {
  margin-left: 10px
}

.c-lg-action-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  border: 1px solid #e8edef;
  border-radius: 4px;
  color: var(--text-color) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  justify-content: center;
  line-height: 50px;
  margin-bottom: 15px;
  padding: 0 20px;
  text-align: center;
  text-decoration: none !important;
  width: 100%
}

.c-lg-action-btn.loading .ico {
  -webkit-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite
}

.c-lg-action-btn .ico {
  color: var(--primary-base-color);
  font-size: 16px;
  margin-right: 8px;
  max-height: 16px;
  max-width: 16px
}

.c-lg-action-btn a {
  color: #49525a;
  line-height: 20px
}

.c-lg-action-btn .ico,
.c-lg-action-btn span {
  display: inline-block;
  vertical-align: middle
}

@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.badge {
  font-size: 12px;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.17;
  padding: 4px 8px;
  color: var(--clr-white);
  text-transform: uppercase;
}

@media (max-width: 1023px) {
  .badge {
    font-size: 8px;
    padding: 2px 4px;
    border-radius: 2px;
  }
}

.badge.badge-success {
  background-color: #74b31b
}

.badge.badge-danger {
  background-color: var(--clr-red);
  box-shadow: 0px 4px 4px 0px #EAEAEA40 inset, 0px -5px 4px 0px #B4000040 inset;
}

.badge.badge-danger-lighten {
  background-color: rgba(255, 88, 91, .1);
  color: #ff585b
}

.badge.badge-warning {
  background: var(--primary-base-color);
  color: #fff;
  font-weight: 400
}

.badge.badge-primary {
  background-color: var(--clr-orange-secondary);
  box-shadow: 0px 4px 4px 0px rgba(234, 234, 234, 0.25) inset, 0px -5px 4px 0px rgba(245, 39, 39, 0.25) inset;
}

.badge.badge-info {
  background-color: var(--clr-blue);
  box-shadow: 0px 4px 4px 0px #EAEAEA40 inset, 0px -5px 4px 0px #011BA640 inset;
}

.tooltip-date .text-left {
  white-space: nowrap
}

.tooltip-date .text-left br {
  display: none
}

.c-count {
  color: #999
}

.c-fav,
.c-item-fav {
  cursor: pointer;
  max-height: 18px;
  min-width: 18px
}

.c-fav.dropdown-item,
.c-item-fav.dropdown-item {
  max-height: inherit
}


.c-fav:hover .ico,
.c-item-fav:hover .ico {
  color: var(--secondary-base-color) !important
}

.c-fav:hover .ico path,
.c-item-fav:hover .ico path {
  fill: #ff9d00
}

.c-fav .c-item-fav-remove-txt,
.c-item-fav .c-item-fav-remove-txt {
  display: none
}

.c-item-fav .c-circle-loader.j-loader {
  display: none;
}

.c-fav.active .ico,
.c-item-fav.active .ico {
  color: var(--secondary-base-color) !important;
  font-weight: 900
}

.c-fav.active .c-item-fav-add-txt,
.c-item-fav.active .c-item-fav-add-txt {
  display: none
}

.c-fav.active .c-item-fav-remove-txt,
.c-item-fav.active .c-item-fav-remove-txt {
  display: inline
}

.c-item-danger {
  font-size: 18px;
  max-height: 18px;
  min-width: 18px
}

.c-item-danger .ico {
  color: #c3c3c3
}

.c-item-danger.active .ico,
.c-item-danger:hover .ico {
  color: #ff585b
}

.row>.c-banner-h {
  margin-top: 40px
}

.c-price-slider {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px
}

/* @media (min-width:768px) {
  .c-price-slider {
    margin-bottom: 15px
  }
} */

.c-price-slider .form-control {
  /* border-color: #e8edef; */
  min-width: 75px
}

.c-price-slider .dash {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 -8px;
  max-height: 33px
}

.c-price-slider .btn {
  -webkit-box-flex: 1;
  background: #e8edef;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 10px
}

.c-price-slider-items {
  margin-left: 10px
}

.rw-stars .fa,
.rw-stars .ico,
.rw-stars svg {
  color: var(--primary-base-color)
}

.tooltip-inner {
  max-width: 300px;
  padding: 6px 10px;
  text-align: left
}

.stat-icons-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px
}

.stat-ico {
  color: #c3c3c3;
  font-size: 16px
}

.stat-count {
  font-size: 12px;
  line-height: 16px;
  margin-left: 8px
}

.stat-count+.stat-ico {
  margin-left: 20px
}

.block-text {
  margin-bottom: 35px
}

.gm-style .gm-style-iw-c,
.ymaps-2-1-74-balloon,
.ymaps-2-1-74-balloon__layout {
  border-radius: 4px !important
}

.c-map {
  height: 250px;
  width: 100%;
  border-radius: 8px;
}

.c-block-loader.loading .c-circle-loader {
  -webkit-transform: translate(-50%, -50%) scale(.5);
  -ms-transform: translate(-50%, -50%) scale(.5);
  transform: translate(-50%, -50%) scale(.5)
}

.c-circle-loader {
  height: 38px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 38px;
  z-index: 2001
}

.c-circle-loader .c-child {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.c-circle-loader .c-child:before {
  -webkit-animation: c-circleBounceDelay .8s infinite both;
  animation: c-circleBounceDelay .8s infinite both;
  background-color: var(--primary-base-color);
  border-radius: 50%;
  content: "";
  display: block;
  height: 7px;
  margin: 0 auto;
  width: 7px
}

.c-circle-loader .c-circle1 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.c-circle-loader .c-circle2 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.c-circle-loader .c-circle3 {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg)
}

.c-circle-loader .c-circle4 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.c-circle-loader .c-circle5 {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg)
}

.c-circle-loader .c-circle6 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.c-circle-loader .c-circle7 {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg)
}

.c-circle-loader .c-circle8 {
  -webkit-transform: rotate(1turn);
  -ms-transform: rotate(1turn);
  transform: rotate(1turn)
}

.c-circle-loader .c-circle1:before {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s
}

.c-circle-loader .c-circle2:before {
  -webkit-animation-delay: -.7s;
  animation-delay: -.7s
}

.c-circle-loader .c-circle3:before {
  -webkit-animation-delay: -.6s;
  animation-delay: -.6s
}

.c-circle-loader .c-circle4:before {
  -webkit-animation-delay: -.5s;
  animation-delay: -.5s
}

.c-circle-loader .c-circle5:before {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s
}

.c-circle-loader .c-circle6:before {
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s
}

.c-circle-loader .c-circle7:before {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s
}

.c-circle-loader .c-circle8:before {
  -webkit-animation-delay: -.1s;
  animation-delay: -.1s
}

@-webkit-keyframes c-circleBounceDelay {

  0%,
  80%,
  to {
    opacity: 0
  }

  40% {
    opacity: 1
  }
}

@keyframes c-circleBounceDelay {

  0%,
  80%,
  to {
    opacity: 0
  }

  40% {
    opacity: 1
  }
}

.loading {
  position: relative
}

.loading:before {
  background-color: #fff;
  bottom: 0;
  content: "";
  left: 0;
  opacity: .7;
  border-radius: inherit;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}

.ps__thumb-y {
  border-radius: 0 !important;
  display: block !important;
  left: auto !important;
  opacity: 1 !important;
  right: 0 !important;
  width: 4px !important
}

.form-group .c-google-recaptcha {
  margin-top: 0
}

.c-form-capcha-box {
  padding-top: 7px;
  text-align: center
}

@media (max-width:767px) {
  .w-100-mobile {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 100% !important;
    flex: 1 1 100% !important;
    width: 100% !important
  }
}

.w-auto {
  max-width: inherit !important;
  min-width: inherit !important
}

.ps__rail-y {
  background-color: #fff !important;
  opacity: 1 !important
}

.ps__thumb-y {
  background-color: #e8edef !important;
  margin-right: 5px
}

.j-regions-delivery {
  display: block;
  margin-top: 10px
}

.c-ellipsis {
  display: block;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}

.c-aside-search-wrap {
  height: 35px;
  position: relative
}

.c-aside-search-wrap .form-control {
  height: 100%;
  padding-right: 45px
}

.c-aside-search-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: transparent;
  border: none;
  border-left: 1px solid #e8edef !important;
  bottom: 0;
  color: #c3c3c3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 5px 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  width: 35px
}

.c-aside-search-btn:hover {
  color: var(--text-color) !important
}

.owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.ico-check {
  background-image: url(../css/images/check-green.svg?5a72b554d4e6f0220f04a3aa41c6773c);
  background-repeat: no-repeat;
  background-size: 10px;
  display: inline-block;
  height: 10px;
  min-width: 12px
}

.ico-check-14 {
  background-size: 14px;
  height: 12px;
  min-width: 14px
}

.border-bottom {
  border-bottom: 1px solid #e8edef !important
}

@media (max-width:767px) {
  .c-mobile-two-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: nowrap !important;
    flex-flow: nowrap !important;
    margin: 0 -5px
  }

  .c-mobile-two-btn>* {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin: 0 5px
  }
}

.c-grey-bg {
  background-color: #f4f4f4
}

.c-grey-bg .in-box-head.c-shadow-overflow:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f4f4f4), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%)
}

.c-none-if-empty:empty {
  display: none
}

.c-slider-overflow-with-popup .container {
  position: relative
}

.c-slider-overflow-with-popup .container .owl-stage-outer {
  overflow: visible
}

@media (min-width:1400px) {

  .c-slider-overflow-with-popup .container:after,
  .c-slider-overflow-with-popup .container:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: calc(50vw - 620px);
    z-index: 105
  }

  .c-slider-overflow-with-popup .container:before {
    left: -10px;
    -webkit-transform: translate(-100%, -37px);
    -ms-transform: translate(-100%, -37px);
    transform: translate(-100%, -37px)
  }

  .c-slider-overflow-with-popup .container:after {
    right: -10px;
    -webkit-transform: translate(100%, -37px);
    -ms-transform: translate(100%, -37px);
    transform: translate(100%, -37px)
  }
}

.c-item {
  border: 1px solid #ebebeb;
  border-radius: 4px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.c-item:hover {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}

.p-6 {
  padding: 30px
}

.pt-6 {
  padding-top: 30px
}

.pb-6 {
  padding-bottom: 30px
}

.gap-1 {
  gap: 5px
}

.gap-2 {
  gap: 10px
}

.gap-3 {
  gap: 15px
}

.gap-4 {
  gap: 20px
}

.ib .c-title,
.ib .in-box-head {
  margin-bottom: 20px
}

@media (max-width:767px) {

  .ib .c-title,
  .ib .in-box-head {
    margin-bottom: 15px
  }
}

.ib .it-view-gallery {
  margin-bottom: 0 !important
}

@media (min-width:1400px) {
  .ib .in-index-box.c-slider-overflow-with-popup .container:before {
    height: calc(100% + 20px);
    -webkit-transform: translate(-104%);
    -ms-transform: translate(-104%);
    transform: translate(-104%)
  }

  .ib .in-index-box.c-slider-overflow-with-popup .container:after {
    height: calc(100% + 20px);
    -webkit-transform: translate(104%);
    -ms-transform: translate(104%);
    transform: translate(104%)
  }
}

.ib .vw-similar {
  padding: 30px 0 90px
}

@media (max-width:767px) {
  .c-article .ib {
    margin: 0 -20px !important
  }

  .c-article .ib .container {
    padding: 0 20px !important
  }
}

.c-is-disabled {
  opacity: .6
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  src: url(../css/fonts/open-sans-v18-latin_cyrillic-regular.woff2?9e49b964c26c32c70d1a0d6f152ea083) format("woff2"), url(../css/fonts/open-sans-v18-latin_cyrillic-regular.woff?792c25544581795907b83b45cc871d06) format("woff"), url(../css/fonts/open-sans-v18-latin_cyrillic-regular.ttf?16b67e57b1af62c44946f17627acb404) format("truetype")
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 700;
  src: url(../css/fonts/open-sans-v18-latin_cyrillic-700.woff2?690d8558faee6a0562955cb44f4917a8) format("woff2"), url(../css/fonts/open-sans-v18-latin_cyrillic-700.woff?a8b07ded7d0db0758f7c72b4ce5af8ca) format("woff"), url(../css/fonts/open-sans-v18-latin_cyrillic-700.ttf?fd871ea8c2cfeccdffd4f0706f05a7a1) format("truetype")
}

@font-face {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  src: url(../css/fonts/ubuntu-v15-latin_cyrillic-regular.woff2?d7115b526e4688a4690481c147d666e7) format("woff2"), url(../css/fonts/ubuntu-v15-latin_cyrillic-regular.woff?8efd18174f24d758cb7ccda4e404f72a) format("woff"), url(../css/fonts/ubuntu-v15-latin_cyrillic-regular.ttf?43f0e2df105cdcdedf735e2aea23334e) format("truetype")
}

@font-face {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  src: url(../css/fonts/ubuntu-v15-latin_cyrillic-700.woff2?1b6d580968d6cd082e3cc98360f11086) format("woff2"), url(../css/fonts/ubuntu-v15-latin_cyrillic-700.woff?61c3a20a7231b0fc6cb6f18ed36fb9b7) format("woff"), url(../css/fonts/ubuntu-v15-latin_cyrillic-700.ttf?c6721a173c269163175bbf86adc03d75) format("truetype")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(../css/fonts/roboto-v20-latin_cyrillic-regular.woff2?f3cc56e19e8c2b9706bd63a75c2d2291) format("woff2"), url(../css/fonts/roboto-v20-latin_cyrillic-regular.woff?3a9d859c0b19407fa725dbc9929526ff) format("woff"), url(../css/fonts/roboto-v20-latin_cyrillic-regular.ttf?1bfc1feecd499c8410a66f40379f9e85) format("truetype")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(../css/fonts/roboto-v20-latin_cyrillic-700.woff2?fe848f0b984ed7d46b526062f3f89606) format("woff2"), url(../css/fonts/roboto-v20-latin_cyrillic-700.woff?e8f864e2301587e39a1c760d9ea77d5a) format("woff"), url(../css/fonts/roboto-v20-latin_cyrillic-700.ttf?424addcde10965c9987a77ac6617ba0a) format("truetype")
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  src: url(../css/fonts/montserrat-v15-latin_cyrillic-regular.woff2?f263cfd0a6fa311229a6321b6f901d03) format("woff2"), url(../css/fonts/montserrat-v15-latin_cyrillic-regular.woff?c1ba4359982fe0cc48ec8d1ad403fdeb) format("woff"), url(../css/fonts/montserrat-v15-latin_cyrillic-regular.ttf?4ff99841b08686bda3f7921d91044afb) format("truetype")
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  src: url(../css/fonts/montserrat-v15-latin_cyrillic-700.woff2?e9dea54ec59e29a6913f2b5829d766b9) format("woff2"), url(../css/fonts/montserrat-v15-latin_cyrillic-700.woff?082762b455a3f227e8ac329c283f8ad6) format("woff"), url(../css/fonts/montserrat-v15-latin_cyrillic-700.ttf?6cbb516e629a7542e7a823790091e885) format("truetype")
}

.vw-white-box {
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 20px
}

@media (max-width:767px) {
  .vw-white-box {
    margin-bottom: 10px
  }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline
}

:focus {
  outline: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none
}

audio,
canvas,
video {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  max-width: 100%
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden] {
  display: none
}

html {
  /* min-width: 390px; */
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 100%
}

a:focus {
  outline: thin dotted
}

a:active,
a:hover {
  outline: 0
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0
}

figure,
form {
  margin: 0
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle
}

button,
input {
  line-height: normal
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible
}

button[disabled],
html input[disabled] {
  cursor: default
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *height: 13px;
  padding: 0;
  *width: 13px
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

button,
html,
input,
select,
textarea {
  color: #222
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none
}

::selection {
  background: #b3d4fc;
  text-shadow: none
}

img {
  vertical-align: middle
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

.chromeframe {
  background: #ccc;
  color: #000;
  margin: .2em 0;
  padding: .2em 0
}

.fa-pencil:before {
  content: "\f303"
}

.fa-skype {
  font-family: Font Awesome\ 5 Brands;
  font-size: 16px
}

.fa-map-marker:before {
  content: "\f3c5"
}

.fa-phone:before {
  content: "\f095"
}

.fa-whatsapp {
  font-family: Font Awesome\ 5 Brands
}

.fa-whatsapp:before {
  content: "\f232"
}

.fa-telegram {
  font-family: Font Awesome\ 5 Brands
}

.fa-telegram:before {
  content: "\f3fe"
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NH08L3N0eWxlPjwvZGVmcz48cGF0aCBzdHlsZT0iZmlsbDojZmZmIiBkPSJNMCAwaDQuOTV2MTBIMHoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Im0xLjQxIDQuNjcgMS4wNy0xLjQ5IDEuMDYgMS40OUgxLjQxek0zLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zM2gyLjEzeiIvPjwvc3ZnPg==) no-repeat 95% 50%;
  background-position: right 2px center;
  background-size: 14px;
  padding-right: 15px !important
}

label,
select {
  cursor: pointer
}

label {
  margin-bottom: 3px
}

.badge-success {
  background-color: #74b31b
}

.table>thead:first-child th {
  border-top: 0
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.l-table {
  display: table;
  width: 100%
}

.l-table .l-table-row {
  display: table-row
}

.l-table .l-table-cell {
  display: table-cell;
  vertical-align: top;
  width: 100%
}

.usr-count {
  background-color: var(--secondary-base-color);
  border-radius: 2px;
  color: #fff !important;
  font-size: 12px;
  line-height: 18px;
  padding: 0 6px
}

.usr-count.usr-count-grey {
  background-color: #999
}

@media (max-width:767px) {
  .usr-mob-single-nav>* {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    width: 100%
  }
}

.usr-fav-empty {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  text-align: center
}

@media (max-width:767px) {
  .usr-fav-empty {
    padding: 106px 0
  }
}

.usr-fav-empty .ico {
  color: #e8edef;
  font-size: 87px
}

@media (min-width:768px) {
  .usr-fav-empty-items {
    padding: 90px 0
  }
}

.usr-fav-empty-items .ico {
  font-size: 57px
}

.usr-fav-empty-title {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px
}

.u-cabinet-content {
  padding-bottom: 50px
}

@media (max-width:767px) {
  .u-cabinet-content {
    padding-bottom: 37px
  }
}

@media (min-width:768px) {
  .u-cabinet-content {
    gap: 30px
  }
}

@media (max-width:767px) {
  .u-cabinet-content .usr-pagination {
    margin-bottom: -15px
  }
}

.u-cabinet-aside .c-company-open-banner {
  margin-top: 40px
}

@media (min-width:768px) {
  .u-cabinet-aside .nav {
    margin-left: -10px
  }
}

.u-cabinet-aside .nav-item {
  display: block;
  width: 100%
}

.u-cabinet-aside .nav-item[data-key=settings] {
  border-top: 1px solid #e8edef;
  padding-top: 10px
}

.u-cabinet-aside .nav-item .nav-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  position: relative
}

@media (min-width:768px) {
  .u-cabinet-aside .nav-item .nav-link {
    -ms-flex-flow: wrap;
    flex-flow: wrap
  }
}

.u-cabinet-aside .nav-item .nav-link .ico {
  color: #c3c3c3;
  font-size: 16px;
  margin-right: 15px;
  max-width: 16px;
  min-width: 16px
}

.u-cabinet-aside .nav-item .nav-link .ico path {
  fill: #c3c3c3
}

.u-cabinet-aside .nav-item .nav-link.active:before {
  background-color: var(--secondary-base-color);
  border-radius: 4px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: .1;
  position: absolute;
  right: 0;
  top: 0
}

.u-cabinet-aside .nav-item .nav-link.active .ico {
  color: var(--secondary-base-color)
}

.u-cabinet-aside .nav-item .nav-link.active .ico path {
  fill: var(--secondary-base-color)
}

.u-cabinet-aside .nav-item .nav-link.active span {
  color: var(--text-color)
}

@media (min-width:768px) {
  .u-cabinet-aside .nav-item .nav {
    margin-left: 0
  }
}

.u-cabinet-title {
  font-size: 24px;
  line-height: 33px
}

@media (min-width:768px) {
  .u-cabinet-title {
    margin-bottom: 10px
  }
}

@media (max-width:767px) {
  .u-cabinet-title {
    color: #999;
    font-size: 12px;
    line-height: 18px
  }
}

.usr-pagination {
  margin-top: 30px
}

@media (min-width:768px) {
  .usr-pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .usr-pagination-dropdown {
    margin-left: auto;
    padding-left: 10px
  }
}

@media (max-width:767px) {
  .usr-pagination-dropdown {
    margin-top: 22px
  }

  .usr-pagination-dropdown .btn {
    display: block;
    width: 100%
  }
}

.usr-cat-dropdown {
  margin-left: auto
}

@media (max-width:767px) {
  .usr-cat-dropdown {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(50% - 5px);
    flex: 0 1 calc(50% - 5px);
    margin-left: 0
  }

  .usr-cat-dropdown .btn {
    width: 100% !important
  }
}

.usr-cat-dropdown .dropdown-menu {
  top: 0 !important;
  -webkit-transform: translate3d(0, 34px, 0) !important;
  transform: translate3d(0, 34px, 0) !important
}

.usr-navs,
.usr-navs-pl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {

  .usr-navs,
  .usr-navs-pl {
    min-width: 100%;
    padding-bottom: 20px
  }

  .usr-navs+.usr-content-top-search,
  .usr-navs+input+.usr-content-top-search,
  .usr-navs-pl+.usr-content-top-search,
  .usr-navs-pl+input+.usr-content-top-search {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%
  }
}

.usr-navs .nav-item,
.usr-navs .nav-item-pl,
.usr-navs .nav-link,
.usr-navs .nav-link-pl,
.usr-navs-pl .nav-item,
.usr-navs-pl .nav-item-pl,
.usr-navs-pl .nav-link,
.usr-navs-pl .nav-link-pl,
.usr-navs-pl>li,
.usr-navs>li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  padding-right: 0 !important
}

@media (min-width:768px) {

  .usr-navs .nav-item+.nav-item,
  .usr-navs .nav-item+.nav-item-pl,
  .usr-navs .nav-item-pl+.nav-item,
  .usr-navs .nav-item-pl+.nav-item-pl,
  .usr-navs-pl .nav-item+.nav-item,
  .usr-navs-pl .nav-item+.nav-item-pl,
  .usr-navs-pl .nav-item-pl+.nav-item,
  .usr-navs-pl .nav-item-pl+.nav-item-pl {
    margin-left: 28px
  }
}

@media (max-width:767px) {

  .usr-navs .nav-item+.nav-item,
  .usr-navs .nav-item+.nav-item-pl,
  .usr-navs .nav-item-pl+.nav-item,
  .usr-navs .nav-item-pl+.nav-item-pl,
  .usr-navs-pl .nav-item+.nav-item,
  .usr-navs-pl .nav-item+.nav-item-pl,
  .usr-navs-pl .nav-item-pl+.nav-item,
  .usr-navs-pl .nav-item-pl+.nav-item-pl {
    margin-left: 20px
  }
}

.usr-navs .nav-item .nav-link-pl.active,
.usr-navs .nav-item .nav-link.active,
.usr-navs .nav-item-pl .nav-link-pl.active,
.usr-navs .nav-item-pl .nav-link.active,
.usr-navs .nav-item-pl.active .nav-link,
.usr-navs .nav-item-pl.active .nav-link-pl,
.usr-navs .nav-item.active .nav-link,
.usr-navs .nav-item.active .nav-link-pl,
.usr-navs-pl .nav-item .nav-link-pl.active,
.usr-navs-pl .nav-item .nav-link.active,
.usr-navs-pl .nav-item-pl .nav-link-pl.active,
.usr-navs-pl .nav-item-pl .nav-link.active,
.usr-navs-pl .nav-item-pl.active .nav-link,
.usr-navs-pl .nav-item-pl.active .nav-link-pl,
.usr-navs-pl .nav-item.active .nav-link,
.usr-navs-pl .nav-item.active .nav-link-pl {
  border-bottom-color: var(--secondary-base-color);
  color: var(--text-color)
}

.usr-navs .nav-link,
.usr-navs .nav-link-pl,
.usr-navs-pl .nav-link,
.usr-navs-pl .nav-link-pl {
  padding: 7px 0 9px
}

.usr-navs-border {
  border-bottom: 1px solid #e8edef;
  margin-bottom: 20px
}

.usr-navs-border .usr-navs {
  margin-bottom: -1px
}

@media (max-width:767px) {
  .usr-navs-border .usr-navs {
    padding-bottom: 0 !important
  }
}

.usr-navs-r {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .usr-navs-r {
    width: 100%
  }
}

.usr-content {
  height: 100%
}

.usr-content-top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 20px
}

@media (max-width:767px) {
  .usr-content-top {
    -ms-flex-flow: wrap;
    flex-flow: wrap
  }

  .usr-content-top .usr-navs {
    padding-bottom: 0 !important
  }
}

@media (min-width:768px) {
  .usr-content-top .c-mobile-scrolling {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
}

@media (max-width:767px) {
  .usr-content-top .usr-content-top-l:only-child {
    margin-bottom: 0
  }
}

@media (max-width:991px) {
  .usr-content-top-filters {
    -ms-flex-flow: wrap;
    flex-flow: wrap
  }
}

.usr-top-filter-item {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important
}

@media (min-width:992px) {
  .usr-top-filter-item {
    max-width: calc(33.3333% - 5px);
    min-width: calc(25% - 8px);
    width: auto !important
  }
}

@media (min-width:576px) and (max-width:991px) {
  .usr-top-filter-item {
    width: calc(50% - 5px) !important
  }

  .usr-top-filter-item:last-of-type:nth-of-type(3) {
    width: 100%
  }

  .usr-top-filter-item:last-of-type:nth-of-type(4) {
    width: 50%
  }
}

@media (max-width:575px) {
  .usr-top-filter-item {
    width: 100%
  }
}

.usr-top-filter-item .form-control {
  min-height: 34px
}

.usr-top-filter-elem {
  width: 100%
}

.usr-content-top-search {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  width: 192px
}

@media (max-width:767px) {
  .usr-content-top-search {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(50% - 5px);
    flex: 0 1 calc(50% - 5px);
    width: auto
  }
}

.usr-content-top-search .form-control {
  max-height: 34px;
  padding-right: 40px
}

@media (max-width:767px) {
  .usr-content-top-search .form-control {
    padding-right: 30px
  }
}

.usr-content-top-search .btn {
  background-color: transparent;
  border: none;
  bottom: 1px;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 1px
}

.usr-content-top-search .btn .fa {
  color: #c3c3c3
}

@media (min-width:768px) {
  .usr-content-top-l {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 20px
  }
}

@media (max-width:767px) {
  .usr-content-top-l {
    margin-bottom: 20px;
    width: 100%
  }
}

.usr-content-top-right {
  margin-left: auto;
  padding-left: 20px
}

.usr-content-top-right a {
  white-space: nowrap
}

@media (max-width:767px) {
  .usr-content-top-right .btn {
    display: block;
    width: 100%
  }
}

.usr-ads-actions {
  border-top: 1px solid #ebebeb;
  margin-top: 21px;
  padding: 13px 16px
}

@media (max-width:767px) {
  .usr-ads-actions {
    height: 50px;
    padding: 13px 20px
  }

  .usr-ads-actions,
  .usr-ads-actions>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (max-width:575px) {
  .usr-ads-actions {
    margin: 0
  }
}

.usr-ads-actions-count {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

@media (max-width:767px) {
  .usr-ads-actions-count {
    font-weight: 700
  }
}

.usr-ads-actions-count>* {
  line-height: 18px;
  vertical-align: middle
}

.usr-ads-actions-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 20px
}

@media (max-width:767px) {
  .usr-ads-actions-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    margin-left: auto;
    /* margin-right: -25px */
  }
}

.usr-ads-actions-list>li {
  display: inline-block;
  margin-right: 18px;
  text-align: center;
  vertical-align: baseline
}

@media (max-width:767px) {
  .usr-ads-actions-list>li+li {
    border-left: 1px solid #d9e1e4
  }

  .usr-ads-actions-list>li {
    margin-right: 0;
    vertical-align: baseline;
    width: 65px
  }

  .usr-ads-actions-list>li a {
    color: var(--text-color);
    font-size: 16px
  }

  .usr-ads-actions-list>li a span {
    display: none
  }
}

@media (min-width:768px) {
  .usr-ads-actions-list>li a .ico {
    display: none
  }
}

@media (max-width:767px) {
  .usr-modal-grey-bg-mob {
    background-color: #f4f4f4
  }
}

.usr-bill-top {
  display: table;
  padding: 10px 0 30px;
  width: 100%
}

@media (max-width:767px) {
  .usr-bill-top {
    padding: 0 10px 36px;
    width: auto
  }

  .usr-bill-top,
  .usr-bill-top span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .usr-bill-top span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 22px !important
  }

  .usr-bill-top .form-inline {
    width: 100%
  }
}

.usr-bill-top .btn {
  margin-left: 28px
}

@media (max-width:767px) {
  .usr-bill-top .btn {
    margin-left: 10px
  }
}

.usr-bill-top-heading {
  display: table-cell;
  vertical-align: middle
}

@media (max-width:767px) {
  .usr-bill-top-heading {
    display: block
  }
}

.usr-bill-top-r {
  display: table-cell;
  text-align: right;
  white-space: nowrap
}

@media (max-width:767px) {
  .usr-bill-top-r {
    display: block;
    margin-top: 10px;
    text-align: left;
    white-space: normal
  }

  .usr-bill-top-r span {
    display: block;
    margin-bottom: 10px
  }
}

@media (min-width:768px) {
  .usr-bill-head {
    margin-bottom: 30px
  }
}

@media (max-width:767px) {
  .usr-bill-head {
    margin-bottom: 36px
  }

  .usr-bill-head>.btn {
    margin-left: auto;
    min-width: 108px
  }
}

.usr-bill-list {
  margin-bottom: 0
}

@media (max-width:575px) {
  .usr-bill-list {
    border: none !important;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 !important
  }
}

.usr-bill-list .usr-pagination {
  border-top: 2px solid #ebebeb !important;
  margin: 0;
  padding-top: 30px
}

@media (max-width:767px) {
  .usr-bill-list .usr-pagination {
    text-align: center
  }

  .usr-bill-list .usr-pagination .pagination {
    padding: 0 20px
  }

  .usr-bill-list .table-responsive {
    border: none;
    padding: 0
  }

  .usr-bill-list .table-responsive>.c-title {
    padding: 0 20px
  }

  .usr-bill-list thead {
    display: none
  }

  .usr-bill-list .table tr {
    border-top: 1px solid #ebebeb;
    display: block;
    padding: 45px 20px 15px;
    position: relative
  }

  .usr-bill-list .table tr td {
    border: none;
    padding: 0
  }

  .usr-bill-list .usr-bill-id {
    color: #999;
    font-size: 12px;
    line-height: 18px;
    padding-top: 12px !important
  }

  .usr-bill-list .usr-bill-date {
    font-weight: 700;
    left: 20px;
    padding: 0;
    position: absolute;
    top: 15px
  }

  .usr-bill-list .usr-bill-summ {
    font-weight: 700;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 15px
  }
}

.usr-bill-list-date {
  font-size: 13px;
  font-weight: 700
}

.usr-bill-list-id {
  text-align: center;
  width: 140px
}

@media (max-width:767px) {
  .usr-bill-list-id {
    display: none
  }
}

.usr-bill-list-summ {
  text-align: center;
  width: 140px
}

@media (min-width:768px) {
  .usr-bill-pay {
    margin-top: 20px
  }
}

.usr-bill-pay-row {
  margin-bottom: 30px
}

@media (max-width:767px) {
  .usr-bill-pay-row {
    margin-bottom: 25px
  }

  .usr-bill-pay-row .l-svc-item {
    border-radius: 4px;
    margin-left: 0;
    margin-right: 0
  }

  .usr-bill-pay-row-mob-white-bg {
    background-color: #fff;
    padding: 15px 20px 30px
  }
}

@media (max-width:575px) {
  .usr-bill-pay-row-mob-white-bg {
    margin-left: -20px;
    margin-right: -20px
  }
}

@media (min-width:768px) {
  .usr-bill-pay-row-bg {
    background: #fff9e4;
    margin-left: -40px;
    margin-right: -40px;
    padding: 15px 40px 20px
  }
}

.usr-bill-pay-row-bg .c-promocode__in {
  margin-top: 0 !important
}

@media (min-width:768px) {
  .usr-bill-input-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.usr-bill-input-box .mt-2 {
  text-align: left !important
}

@media (min-width:768px) {
  .usr-bill-input-box .mt-2 {
    margin-top: 0 !important
  }
}

.usr-bill-input-box .form-control {
  text-align: center
}

@media (min-width:768px) {
  .usr-bill-input-box .form-control {
    width: 113px
  }
}

@media (max-width:767px) {
  .usr-bill-input-box .form-control {
    width: 155px
  }
}

@media (min-width:768px) {
  .usr-bill-input {
    margin-right: 37px
  }
}

@media (max-width:767px) {
  .usr-bill-input {
    margin-bottom: 25px
  }
}

.usr-bill-pay-input-in {
  display: inline-block;
  position: relative
}

.usr-limit {
  background-color: #fff;
  border: 1px solid #e8edef;
  border-radius: 4px;
  display: table;
  margin-bottom: 15px;
  position: relative;
  width: 100%
}

.usr-limit>div {
  display: table-cell;
  padding: 15px;
  vertical-align: middle
}

@media (max-width:767px) {

  .usr-limit,
  .usr-limit>div {
    display: block
  }
}

.usr-limit-services-count {
  margin-top: 10px
}

.usr-limit-stat {
  border-left: 1px solid #e8edef;
  width: 25%
}

@media (max-width:767px) {
  .usr-limit-stat {
    border-left: 0;
    border-top: 1px solid #e8edef;
    width: auto
  }

  .usr-settings.c-mobile-fill-offset {
    overflow-x: hidden
  }
}

@media (min-width:992px) {
  .usr-settings [class^=col-] {
    padding-right: 10px
  }

  .usr-settings [class^=col-]+[class^=col-] {
    padding-left: 10px
  }
}

.usr-settings-box {
  position: relative;
  z-index: 10;
  max-width: 580px;
  margin: 0 auto;
}

@media (max-width:767px) {
  .usr-settings-box .control-label:empty {
    display: none
  }
}

/* .usr-settings-box .c-form-creation {
  padding-bottom: 0 !important
} */

@media (min-width:992px) {
  .usr-settings-box .c-form-creation .col-md-9:not(.col-lg-4) {
    padding-right: 65px
  }

  .usr-settings-box .c-form-creation .c-form-sub-title {
    padding-right: 55px
  }
}

@media (min-width:768px) {
  .usr-settings-box.vw-white-box .c-payment-alert {
    border-radius: 4px 4px 0 0;
    margin: -20px -20px 15px
  }
}

@media (max-width:575px) {
  .usr-settings-box.vw-white-box .c-payment-alert {
    border-radius: 0;
    margin: 0 -20px 25px
  }
}

.usr-settings-box-phone {
  z-index: 11
}

@media (min-width:576px) {
  .usr-settings-box-collapse.vw-white-box {
    padding-bottom: 15px;
    padding-top: 15px
  }
}

@media (max-width:575px) {
  .usr-settings-box-collapse.vw-white-box {
    padding: 15px 20px !important
  }

  .usr-settings-box-collapse.vw-white-box .usr-settings-box-content {
    padding-bottom: 5px
  }
}

.usr-settings-box-title>a {
  display: block;
  padding: 10px 15px;
  text-decoration: none !important
}

.usr-settings-box-title-icon {
  color: #999;
  float: right;
  position: relative;
  top: 9px
}

.dr-collapse-act+.usr-settings-box-content {
  padding-top: 20px
}

.usr-settings-box-content hr {
  margin-bottom: 15px !important;
  margin-top: 20px !important
}

@media (max-width:767px) {
  .usr-settings-box-content hr {
    margin-left: -20px;
    margin-right: -20px
  }
}

.usr-settings-box-content hr:last-child {
  display: none
}

@media (max-width:767px) {

  .usr-has-fixed-block,
  .usr-settings.c-mobile-fill-offset {
    overflow-x: visible
  }
}

.usr-settings-lang {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background: #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  position: sticky;
  top: 0;
  z-index: 100
}

@media (min-width:992px) {
  .usr-settings-lang {
    border-radius: 4px;
    padding: 0 10px 0 20px
  }
}

@media (max-width:991px) {
  .usr-settings-lang {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
  }
}

.usr-settings-lang .dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

@media (max-width:991px) {
  .usr-settings-lang .dropdown {
    border-radius: 0;
    width: 100%
  }
}

.usr-settings-lang .dropdown-menu {
  width: calc(100% + 10px)
}

@media (max-width:991px) {
  .usr-settings-lang .dropdown-menu {
    border-radius: 0 0 4px 4px !important;
    width: 100%
  }
}

@media (max-width:575px) {
  .usr-settings-lang .dropdown-item {
    padding-left: 20px !important;
    padding-right: 20px !important
  }
}

.usr-settings-lang .dropdown-toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f0f0f0;
  border-radius: 0 4px 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 200px;
  padding: 10px 10px 10px 20px
}

@media (min-width:768px) {
  .usr-settings-lang .dropdown-toggle {
    margin-right: -10px
  }
}

@media (max-width:991px) {
  .usr-settings-lang .dropdown-toggle {
    border-radius: 0;
    padding: 10px 20px;
    width: 100%
  }
}

.usr-settings-lang-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding: 15px
}

@media (max-width:767px) {
  .usr-settings-lang-item {
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    justify-content: center
  }
}

.usr-settings-lang-item.active {
  background: #f0f0f0;
  border-bottom-color: var(--primary-base-color)
}

.usr-settings-lang-l {
  -webkit-box-flex: 1;
  background: #f8f8f8;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

@media (min-width:992px) {
  .usr-settings-lang-l {
    padding: 10px 20px 10px 0
  }
}

@media (max-width:991px) {
  .usr-settings-lang-l {
    padding: 10px 20px 15px
  }
}

.usr-settings-lang-r {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap
}

@media (min-width:992px) {
  .usr-settings-box-company .control-label {
    text-align: right
  }
}

.usr-settings-photo-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.usr-settings-photo-box .f-upload-photo {
  height: 120px;
  width: 160px
}

.usr-settings-photo-box .f-upload-photo {
  margin-right: 20px
}

@media (max-width:767px) {
  .usr-settings-photo-box.is-avatar-loaded .usr-settings-photo-box-r {
    margin-left: 28px
  }
}

.usr-settings-photo {
  height: 100%;
  -o-object-fit: none;
  object-fit: none;
  width: 100%
}

@media (max-width:1199px) {
  .usr-settings-photo-box-r {
    margin-top: 20px
  }
}

@media (max-width: 992px) {
  .coffe-content .usr-settings-photo-box-r .form-group-memo{
    padding-bottom: 0;
    border: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 575px) {
  .usr-settings-photo-box-r .btn{
    max-width: 160px;
  }
}

.usr-settings-photo-box-l {
  -webkit-box-flex: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #f4f4f4;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 65px;
  justify-content: center;
  overflow: hidden;
  width: 65px
}

@media (min-width:1200px) {
  .usr-settings-photo-box-l {
    margin-right: 20px
  }
}

.usr-settings-photo-upload {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px
}

.usr-push-table {
  margin-bottom: 0 !important
}

.usr-push-table td,
.usr-push-table th {
  border-color: #ebebeb !important;
  text-align: center
}

.usr-push-table td:last-child,
.usr-push-table th:last-child {
  width: 75px
}

.usr-push-table th {
  border-top: 0 !important
}

.usr-push-table tr:last-child td {
  border-bottom: none !important;
  padding-bottom: 0 !important
}

.usr-push-table .ico-check {
  margin-right: 0 !important;
  text-align: left
}

@media (max-width:767px) {
  .usr-push-table-mob {
    margin-top: -20px
  }
}

.usr-push-table-mob .nav-item {
  font-weight: 700
}

.usr-push-table-mob .fl-dyn-dropdown-header {
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  margin-top: 10px
}

.usr-push-table-mob-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e8edef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  padding: 10px 0
}

.usr-push-table-mob-item:last-child {
  border-bottom: 0;
  padding-bottom: 0
}

.usr-push-table-mob-item-l {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-right: 20px
}

.usr-dashboard-cats-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0
}

.usr-dashboard-cats-scroll {
  margin-right: -20px;
  padding-right: 20px;
  position: relative
}

@media (min-width:768px) {
  .usr-dashboard-cats-scroll {
    height: 330px;
    overflow: hidden
  }
}

@media (max-width:767px) {
  .usr-dashboard-cats-scroll .ps__rail-y {
    display: none
  }
}

.usr-dashboard-cats {
  padding-bottom: 10px;
  position: relative
}

@media (min-width:768px) {
  .usr-dashboard-cats:before {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, #fff 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    bottom: 0;
    content: "";
    display: block;
    height: 35px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 10
  }
}

.usr-dashboard-cats-item+.usr-dashboard-cats-item {
  border-top: 1px solid #ebebeb
}

.usr-dashboard-sett-ico {
  font-size: 16px;
  position: absolute;
  right: 20px;
  top: 20px
}

.usr-dashboard-person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.usr-dashboard-person .rounded-circle {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 60px;
  width: 60px
}

.usr-dashboard-person-r {
  padding-left: 20px;
  padding-right: 20px
}

.usr-dashboard-edit {
  background-color: #fff9e4;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding: 10px 15px
}

@media (max-width:767px) {
  .usr-dashboard-edit {
    margin-bottom: -20px;
    margin-left: -20px;
    margin-right: -20px
  }
}

.usr-dashboard-edit-l {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-right: 10px
}

.usr-dashboard-edit-act {
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-size: 16px
}

.u-cabinet-content {
  padding-top: 5px
}

@media (max-width:575px) {
  .u-cabinet-content .vw-white-box {
    border: none;
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 0;
    padding-top: 0
  }

  .u-cabinet-content .vw-white-box hr {
    margin-left: 0;
    margin-right: 0
  }
}

@media (min-width:768px) {
  .u-cabinet-aside {
    width: 260px
  }
}

@media (max-width:767px) {
  #j-account-settings .usr-settings-box-contacts.vw-white-box {
    margin-bottom: 30px;
    padding-bottom: 0 !important
  }
}

@media (max-width:575px) {
  .usr-settings-box-collapse.vw-white-box {
    border-radius: 0;
    border-top: 1px solid #e8edef !important;
    margin-bottom: 0 !important
  }
}

.btn .count {
  display: block;
  font-size: 11px;
  line-height: normal
}

.btn.form-control {
  border-color: #e8edef !important;
  color: var(--text-color);
  padding-left: 12px;
  padding-right: 12px
}

.btn .ico,
.btn .ico+span {
  vertical-align: middle
}

.btn .ico+span {
  display: inline-block
}

.btn-simple {
  background-color: #fff;
  border-color: #e8edef;
  color: var(--text-color)
}

.btn-simple:hover {
  border-color: #c3c3c3;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
  color: #000
}
.btn-simple.j-cancel:hover {
  border-color: var(--clr-orange-hover);
  background-color: var(--clr-orange-hover);
  color: var(--clr-white);
}

.btn-simple:hover .ico {
  color: var(--secondary-base-color) !important
}

.btn-shadow {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06)
}

.btn-success {
  background-color: rgba(var(--action-buttons-color)) !important;
  border-color: transparent !important
}

.btn-success .ico,
.btn-success .spinner-border {
  color: #fff
}

.btn .spinner-border{
  margin-bottom: 3px;
}

.btn-success .ico path {
  fill: #fff
}

.btn-primary {
  background-color: var(--primary-base-color);
  border-color: transparent !important
}

.btn-primary .ico {
  color: #fff
}

.btn-primary .ico path {
  fill: #fff
}

.btn-danger {
  background-color: #ff585b !important
}

.btn-danger,
.btn-info {
  border-color: transparent !important
}

.btn-info {
  background-color: #0096c7 !important
}

.btn-ico {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.btn-ico .ico {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 14px;
  min-width: 10px;
  width: 14px
}

.btn-ico:hover {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06)
}

.btn-ico-light .ico {
  color: #c3c3c3
}

.btn-ico-light svg path {
  fill: #c3c3c3
}

.btn-ico-light:hover .ico,
.btn-ico-light:hover svg path {
  color: var(--secondary-base-color)
}

.btn-ico-md {
  min-width: 35px
}

.btn-ico-md .ico {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 16px;
  height: 16px;
  vertical-align: middle;
  width: 16px
}

.btn-ico-lg {
  min-width: 58px
}

.btn-ico-lg .ico {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 16px;
  height: 16px;
  width: 16px
}

.btn-lg-height {
  padding-bottom: 9px;
  padding-top: 9px
}

.btn-w-180 {
  min-width: 180px
}

.btn-rounded {
  border-radius: 22px
}

.btn.dropdown-toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 12px;
  padding-right: 30px;
  position: relative
}

.btn.dropdown-toggle>span {
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.btn.dropdown-toggle .c-drop-arrow {
  position: absolute;
  right: 11px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: 50% 40%;
  -ms-transform-origin: 50% 40%;
  transform-origin: 50% 40%
}

.btn.dropdown-toggle:after {
  display: none
}

.btn.dropdown-toggle+.dropdown-menu {
  min-width: 100%
}

.btn-show-more {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 15px;
  width: 100%
}

@media (max-width: 1023px) {
  .btn-show-more{
    padding: 13px;
  }
}

.btn-show-more.is-loading .ico {
  -webkit-animation: rotate 1s linear infinite;
  animation: rotate 1s linear infinite
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.btn-block+.btn-block {
  margin-top: 10px
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: none
}

.upload-btn {
  position: relative
}

.upload-btn .ico {
  margin-right: 5px
}

.upload-mask {
  display: block;
  height: 30px;
  overflow: hidden;
  width: 100%;
  z-index: 1
}

.upload-mask,
.upload-mask input {
  cursor: pointer;
  position: absolute
}

.upload-mask input {
  font-size: 100px;
  left: 0;
  opacity: 0;
  width: 0;
  z-index: -1
}

button {
  outline: none !important
}

@media (max-width:767px) {
  .btn-with-title-xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 2px;
    padding-top: 2px
  }
}

/* a.btn.btn-add-item {
  background-color: var(--add-button-color) !important
} */

.btn-group input[type=hidden]+.btn {
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
  margin-left: 1px
}

.c-checked-items-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  gap: 10px
}

.c-btn-check-btn.btn {
  background-color: #fff !important;
  border: 1px solid #d9e1e4 !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important
}

.c-btn-check-btn.btn:hover {
  opacity: 1 !important
}

.c-btn-check-btn.btn.active {
  background-color: rgb(var(--primary-base-color-rgba), .1) !important;
  border: 1px solid rgb(var(--primary-base-color-rgba)) !important;
  color: var(--primary-base-color) !important
}

.dropdown {
  position: relative
}

.dropdown.open .c-drop-arrow,
.dropdown.show .c-drop-arrow {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.dropdown.hide {
  display: none !important
}

.dropdown a {
  text-decoration: none
}

.dropdown-toggle {
  color: inherit;
  cursor: pointer
}

.dropdown-toggle:after {
  display: none
}

.dropdown-toggle.open .c-drop-arrow,
.dropdown-toggle.show .c-drop-arrow {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.dropdown-toggle:after {
  border: none !important
}

.dr-collapse-act {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

.dr-collapse-act.active .c-drop-arrow,
.dr-collapse-act:not(.collapsed) .c-drop-arrow {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.dr-collapse-act .c-drop-arrow {
  background-size: 10px;
  height: 6px;
  width: 10px
}

.dr-collapse-act .c-title {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 0 !important;
  padding-right: 20px
}

.dropdown-item-head {
  display: block;
  font-weight: 700;
  height: 31px;
  line-height: 31px;
  padding: 0 15px
}

.dropdown-item.hidden-link,
.dropdown-menu li a,
a.dropdown-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--clr-darkest);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  height: 36px;
  padding: 0 24px !important
}

@media (max-width: 767px) {
  .dropdown-item.hidden-link, .dropdown-menu li a, a.dropdown-item{
    height: 29px;
    padding: 0 16px !important;
    font-size: 12px;
  }
}

.dropdown-item.hidden-link.dropdown-item-lg-height,
.dropdown-menu li a.dropdown-item-lg-height,
a.dropdown-item.dropdown-item-lg-height {
  height: auto;
  line-height: inherit;
  padding-bottom: 5px !important;
  padding-top: 5px !important
}

.dropdown-item.hidden-link.bg-white.active,
.dropdown-item.hidden-link.bg-white:active,
.dropdown-item.hidden-link.bg-white:focus,
.dropdown-item.hidden-link.bg-white:hover,
.dropdown-menu li a.bg-white.active,
.dropdown-menu li a.bg-white:active,
.dropdown-menu li a.bg-white:focus,
.dropdown-menu li a.bg-white:hover,
a.dropdown-item.bg-white.active,
a.dropdown-item.bg-white:active,
a.dropdown-item.bg-white:focus,
a.dropdown-item.bg-white:hover {
  background-color: #fff !important
}

.dropdown-item.hidden-link.active,
.dropdown-item.hidden-link:active,
.dropdown-item.hidden-link:focus,
.dropdown-item.hidden-link:hover,
.dropdown-menu li a.active,
.dropdown-menu li a:active,
.dropdown-menu li a:focus,
.dropdown-menu li a:hover,
a.dropdown-item.active,
a.dropdown-item:active,
a.dropdown-item:focus,
a.dropdown-item:hover {
  background-color: #f4f4f4 !important;
  color: var(--text-color) !important
}

.dropdown-item.hidden-link.active .c-shadow-overflow:after,
.dropdown-item.hidden-link:active .c-shadow-overflow:after,
.dropdown-item.hidden-link:focus .c-shadow-overflow:after,
.dropdown-item.hidden-link:hover .c-shadow-overflow:after,
.dropdown-menu li a.active .c-shadow-overflow:after,
.dropdown-menu li a:active .c-shadow-overflow:after,
.dropdown-menu li a:focus .c-shadow-overflow:after,
.dropdown-menu li a:hover .c-shadow-overflow:after,
a.dropdown-item.active .c-shadow-overflow:after,
a.dropdown-item:active .c-shadow-overflow:after,
a.dropdown-item:focus .c-shadow-overflow:after,
a.dropdown-item:hover .c-shadow-overflow:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f4f4f4), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%)
}

.dropdown-item.hidden-link>.ico,
.dropdown-menu li a>.ico,
a.dropdown-item>.ico {
  margin-right: 10px
}

@media (max-width:767px) {
  .dropdown-item-mobile-only {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px !important;
    white-space: nowrap
  }

  .dropdown-item-mobile-only.dropdown-item-lg-height {
    height: auto;
    line-height: inherit;
    padding-bottom: 5px !important;
    padding-top: 5px !important
  }

  .dropdown-item-mobile-only.bg-white.active,
  .dropdown-item-mobile-only.bg-white:active,
  .dropdown-item-mobile-only.bg-white:focus,
  .dropdown-item-mobile-only.bg-white:hover {
    background-color: #fff !important
  }

  .dropdown-item-mobile-only.active,
  .dropdown-item-mobile-only:active,
  .dropdown-item-mobile-only:focus,
  .dropdown-item-mobile-only:hover {
    background-color: #f4f4f4 !important;
    color: var(--text-color) !important
  }

  .dropdown-item-mobile-only.active:after,
  .dropdown-item-mobile-only:active:after,
  .dropdown-item-mobile-only:focus:after,
  .dropdown-item-mobile-only:hover:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f4f4f4), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(right, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%);
    background: linear-gradient(270deg, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%)
  }

  .dropdown-item-mobile-only>.ico {
    margin-right: 10px
  }
}

.dropdown-item-mobile-only.c-item-fav {
  max-height: inherit;
  max-width: inherit
}

.dropdown-item-ico {
  margin-right: 6px;
  margin-top: 4px
}

li.active .dropdown-item {
  background-color: #f4f4f4 !important;
  color: var(--text-color) !important
}

li.active .dropdown-item:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f4f4f4), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%)
}

.dropdown-toggle-link,
.dropdown-toggle-link span {
  color: rgba(var(--links-color))
}

.dropdown-toggle-link:hover,
.dropdown-toggle-link:hover span {
  color: var(--text-color)
}

.dropdown-menu {
  /* border: 0 !important; */
  border-radius: 0px 0px 20px 20px;
  border: 1px solid #E0E0E0;
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
  min-width: inherit;
  padding: 8px 0;
  z-index: 10000
}

@media (max-width: 767px) {
  .dropdown-menu{
    border-radius: 20px;
  }
}

.dropdown-menu li {
  list-style-type: none
}

@media (min-width: 768px) {
  .dropdown-menu li:hover {
    background-color: #f4f4f4
  }
}

.dropdown-menu li:hover .c-shadow-overflow:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f4f4f4), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%)
}

.dropdown-menu.show {
  z-index: 9095
}

.dropdown-menu .ps__rail-y {
  background-color: transparent !important
}

.dropdown-menu.dropdown-menu-sm {
  min-width: inherit !important
}

.dropdown-menu-right {
  left: auto !important
}

.dropdown-menu-autocomplete li {
  color: var(--text-color);
  cursor: pointer;
  font-size: 14px;
  height: 31px;
  line-height: 31px;
  padding: 0 15px
}

.dropdown-menu-autocomplete li:hover {
  background-color: #f4f4f4
}

.dropdown-menu-autocomplete li.active .dropdown-item {
  background-color: #f4f4f4 !important
}

.dropdown-menu-in {
  padding: 15px
}

.dropdown-menu-in+.dropdown-menu-in {
  border-top: 1px dotted #e8edef
}

.dropdown-menu-list {
  max-height: 300px;
  overflow: auto
}

.dropdown-menu-list>li {
  white-space: nowrap
}

.dropdown-menu-list>li>a {
  display: block;
  padding: 7px 15px;
  text-decoration: none
}

.dropdown-menu-list>li>a:hover {
  background-color: #f5f5f5
}

.dropdown-menu-list>li+li {
  border-top: 1px solid #e8edef
}

.dropdown-menu-heading {
  border-bottom: 1px solid #e8edef;
  padding: 15px;
  position: relative
}

.dropdown-menu-footer {
  margin-top: 15px
}

.dropdown-menu-heading-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  white-space: normal
}

.dropdown-menu-nav-header {
  font-weight: 700;
  padding: 5px 15px
}

.divider {
  background-color: var(--clr-gray);
  height: 1px;
  margin: 8px 0;
  overflow: hidden
}

.dr-cust-dropdown {
  position: relative
}

.dr-cust-dropdown .dr-collapse-act {
  border-bottom: 1px solid transparent;
  border-top: 1px solid #ebebeb;
  display: block;
  margin: 0 20px;
  padding: 10px 0
}

.dr-cust-dropdown .dr-collapse-act:not(.collapsed) {
  border-bottom: 1px solid #ebebeb
}

.dr-lang-dropdown-menu {
  min-width: 160px !important
}

.dr-lang-dropdown-menu .dropdown-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important
}

.dr-lang-dropdown-menu .country-icon {
  margin-right: 10px;
  margin-top: -2px
}

.dr-country-dropdown {
  padding: 0;
  width: 100%
}

.dr-country-dropdown-list .country-icon {
  top: 12px
}

.dr-country-dropdown-list>li>a {
  display: block;
  padding: 7px 10px 7px 40px;
  position: relative;
  text-decoration: none !important
}

.dr-country-dropdown-list>li>a:hover {
  background-color: #f5f5f5
}

.dr-country-dropdown-list>li+li {
  border-top: 1px solid #e8edef
}

.dr-backto {
  display: inline-block;
  font-size: 12px;
  margin-bottom: 6px
}

.mega-dropdown {
  width: auto !important
}

@media (min-width:768px) {
  .dropdown-menu-mob-only {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 0 !important;
    position: static !important;
    z-index: 1 !important
  }
}

@media (max-width:767px) {
  .c-form-creation {
    padding-bottom: 30px
  }
}

@media (min-width:768px) {
  .c-form-creation {
    padding-bottom: 50px
  }
  .bus-form-creation{
    padding-bottom: 100px;
  }
}

.c-form-creation.vw-white-box {
  padding-bottom: 20px
}

.c-form-creation .form-control {
  min-height: 35px
}

.c-form-creation hr {
  margin-bottom: 43px;
  margin-top: 42px
}

@media (max-width:767px) {
  .c-form-creation hr {
    margin: 30px 0 24px
  }
}

@media (max-width:575px) {
  .c-form-creation hr {
    margin-left: -20px;
    margin-right: -20px
  }
}

@media (max-width:767px) {
  .c-form-creation .row hr {
    margin-bottom: 15px !important;
    margin-left: 0 !important;
    margin-right: 0 !important
  }
}

.c-form-creation .form-row .d-flex {
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

.c-form-creation .form-row .form-text {
  margin-bottom: 0;
  margin-top: 10px
}

.c-form-creation .col-md-auto {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0
}

.c-form-creation-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px
}

@media (max-width:767px) {
  .c-form-creation-actions {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    padding: 0
  }
}

@media (min-width:768px) {
  .c-form-creation-actions .btn:not(:only-child) {
    min-width: 111px
  }
}

@media (max-width:575px) {
  .c-form-creation-actions .btn:not(:only-child) {
    max-width: 50%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
  }

  .c-form-creation-actions .btn-simple,
  .c-form-creation-actions .btn:not(:only-child) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
}

.j-block-divider.hide+.form-row .c-form-creation-actions {
  margin-top: 20px
}

@media (min-width:768px) {
  .c-form-box {
    max-width: 930px
  }
}

.c-form-box .form-row.c-shadow-overflow:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  bottom: 0
}

@media (max-width:767px) {
  .c-form-box .form-row.c-shadow-overflow .c-shadow-overflow-in {
    -ms-overflow-style: none;
    overflow: auto;
    padding-right: 20px;
    scrollbar-width: none
  }

  .c-form-box .form-row.c-shadow-overflow .c-shadow-overflow-in::-webkit-scrollbar {
    background: transparent;
    display: none;
    width: 0
  }
}

@media (min-width:768px) {
  .control-label {
    padding-top: 5px;
    text-align: right
  }
  .c-form-creation .control-label{
    text-align: left;
  }
}

@media (max-width:767px) {
  .control-label {
    margin-bottom: 10px
  }
}

.c-form-creation-login {
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 15px 20px;
  text-align: center
}

@media (min-width:768px) and (max-width:991px) {
  .c-form-creation-login {
    display: none
  }
}

@media (min-width:992px) {
  .c-form-creation-login {
    margin-left: 70px;
    position: absolute;
    right: 15px
  }
}

@media (max-width:767px) {
  .c-form-creation-login {
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    width: 100%
  }
}

.c-form-creation-login .ico {
  margin-bottom: 5px
}

.c-form-left-signs-box {
  position: relative
}

@media (min-width:768px) {
  .c-form-left-signs-box input {
    padding-right: 140px
  }
}

@media (max-width:767px) {
  .c-form-left-signs-box input {
    padding-right: 58px
  }
}

.c-form-left-signs {
  font-size: 12px;
  font-weight: 400;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.3;
  color: var(--clr-gray);
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 12px
}

.c-form-sub-title {
  margin-bottom: 24px
}

@media (max-width:767px) {
  .c-form-sub-title {
    margin-bottom: 10px
  }
}

.c-cat-line {
  background-color: #fff
}

.c-cat-line .dropdown {
  border: 1px solid #e8edef;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  max-width: 100%
}

@media (max-width:767px) {
  .c-cat-line .dropdown {
    display: block !important
  }
}

@media (min-width:768px) {
  .c-cat-line .fl-search-cats-list {
    padding-top: 10px
  }
}

.c-cat-line .fl-search-cats-list-in {
  margin-bottom: 0 !important
}

.c-cat-line .fl-search-cats-dropdown {
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  position: relative
}

.c-cat-line .fl-search-cats-dropdown.hide {
  display: none !important
}

@media (min-width:768px) {
  .c-cat-line .fl-search-cats-dropdown {
    min-width: 600px
  }

  .c-cat-line .fl-search-cats-dropdown-sm {
    min-width: 300px;
    position: relative
  }
}

.c-cat-line input.input-error+* {
  border-color: #ff585b
}

.c-cat-line input.input-error+* .c-cat-select-title {
  color: #ff585b
}

.c-form-cat-dropdown {
  background-color: #fff;
  border: 1px solid #e8edef;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  display: none;
  left: 0;
  min-width: inherit !important;
  position: absolute;
  top: 100%;
  z-index: 1002
}

@media (max-width:767px) {
  .c-form-cat-dropdown {
    max-width: 100%;
    min-width: 100% !important
  }
}

.c-cat-line-in {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-left: 20px
}

@media (min-width:768px) {
  .c-cat-line-in:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
    background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
    bottom: 1px;
    content: "";
    display: block;
    min-height: 23px;
    position: absolute;
    right: 0;
    top: 0;
    top: 8px;
    width: 16px;
    z-index: 10
  }
}

@media (max-width:767px) {
  .c-cat-line-in {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 60px;
    padding-left: 15px
  }

  .c-cat-line-in:after {
    bottom: 1px;
    min-height: 23px
  }

  .c-cat-line-in:after,
  .c-cat-line-in:before {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
    background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    z-index: 10
  }

  .c-cat-line-in:before {
    height: 23px
  }

  .c-cat-line-in:after {
    top: 8px
  }

  .c-cat-line-in:before {
    top: 25px
  }
}

.c-cat-select-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 1;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 14px 20px;
  white-space: nowrap
}

@media (max-width:767px) {
  .c-cat-select-title {
    padding: 10px 15px
  }
}

.c-cat-select-title-item {
  color: #999;
  font-size: 12px;
  line-height: 18px
}

.c-cat-select-title-item.last {
  bottom: 10px;
  color: var(--text-color) !important;
  display: block;
  font-size: 14px !important;
  line-height: 20px !important;
  overflow: hidden;
  position: absolute
}

.autocomplete {
  background-color: #fff;
  border: 1px solid #e8edef;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 11px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 11px rgba(0, 0, 0, .2);
  display: none;
  padding: 10px 0;
  position: absolute;
  top: 100%;
  width: 100% !important;
  z-index: 10000
}

.autocomplete>li {
  cursor: pointer;
  display: block;
  padding: 7px 10px
}

.autocomplete>li:hover {
  background: #f5f5f5
}

.autocomplete .hovered {
  background-color: #f4f4f4
}

.c-cat-select-ico {
  max-height: 20px;
  max-width: 30px
}

@media (max-width:767px) {
  .c-cat-select-ico {
    margin-top: 20px
  }
}

.c-cat-box {
  margin-bottom: 51px
}

@media (max-width:767px) {
  .c-cat-box {
    margin-bottom: 30px
  }
}

.form-horizontal .control-label {
  text-align: right
}

@media (max-width:767px) {
  .form-horizontal .control-label {
    text-align: left
  }
}

.form-check {
  padding-left: 0
}

.form-check.d-block+.form-check {
  margin-top: 5px
}

.form-row {
  margin-bottom: 20px;
  margin-left: -10px;
  margin-right: -10px
}

@media (max-width: 575px) {
  .form-row{
    margin-left: -8px;
    margin-right: -8px;
  }
}

.form-row:empty {
  display: none
}

@media (max-width:767px) {
  .form-row .col-12+.col-12 {
    margin-top: 20px
  }
}

.form-row>.col,
.form-row>[class*=col-],
.form-row>[class*=col-]>.row [class*=col-] {
  padding-left: 10px;
  padding-right: 10px
}

.form-row [class*=col-]>.row {
  margin-left: -10px;
  margin-right: -10px
}

.j-images-block .form-row {
  margin-bottom: 20px !important
}

.has-error .form-control,
.has-error .input-group-text {
  border-color: #ff585b !important;
  -webkit-box-shadow: 0 0 4px rgba(255, 88, 91, .5);
  box-shadow: 0 0 4px rgba(255, 88, 91, .5)
}

.form-horizontal .checkbox {
  margin-bottom: 0;
  padding-top: 7px
}

@media (min-width:768px) {
  .form-horizontal .col-form-label {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: right
  }
}

.input-group-append .input-group-text {
  color: #999c9e;
  font-size: 14px
}

.input-group-append .form-control,
.input-group-append .input-group-text {
  border-color: #e8edef !important;
  border-radius: 0 3px 3px 0 !important
}

.input-group-prepend {
  margin-right: -1px
}

.form-control-with-clear .btn-close {
  display: none
}

.form-control-with-clear.is-input .btn-close {
  display: block
}

.form-control-with-clear.is-input .btn-submit,
.form-control-with-clear.is-input .form-control.autocomplete-progress+*+.btn-submit+.btn-close,
.form-control-with-clear.is-input .form-control.autocomplete-progress+.btn-submit+.btn-close {
  display: none
}

.form-control.is-invalid+.input-tip {
  opacity: 0
}

.form-control.form-control-xs,
.form-control.input-mini {
  max-width: 70px;
  width: 70px
}

.form-control.form-control-xs+.help-inline,
.form-control.input-mini+.help-inline {
  margin-top: -4px
}

@media (max-width:767px) {

  .form-control.form-control-xs+.help-inline,
  .form-control.input-mini+.help-inline {
    padding-left: 5px;
    padding-top: 0
  }
}

.form-control.form-control-sm-140{
  max-width: 140px;
  min-width: 140px
}

.form-control.form-control-sm-100,
.form-control.input-small {
  max-width: 100px;
  min-width: 100px
}

.form-control.form-control-sm-80 {
  max-width: 80px;
  min-width: 80px
}

.form-control.form-control-sm,
.form-control.input-medium {
  max-width: 158px;
  min-width: 158px
}

@media (max-width: 1023px) {
  .form-control.form-control-sm-140{
    max-width: 100px;
    min-width: 100px
  }
}

@media (max-width:767px) {
  .form-control.form-control-sm-mobile {
    max-width: 158px;
    min-width: 158px
  }
}

@media (min-width:768px) {
  .form-control.form-control-md {
    max-width: 200px;
    min-width: 200px
  }
}

@media (max-width:767px) {
  .form-control.form-control-md {
    width: 100%
  }
}

@media (min-width:768px) {

  .form-control.form-control-lg,
  .form-control.input-large {
    max-width: 250px;
    min-width: 250px
  }
}

@media (max-width:767px) {

  .form-control.form-control-lg,
  .form-control.input-large {
    width: 100%
  }
}

@media (min-width:768px) {

  .form-control.form-control-xl,
  .form-control.input-xlarge {
    width: 350px
  }
}

@media (max-width:767px) {

  .form-control.form-control-xl,
  .form-control.input-xlarge {
    width: 100%
  }

  .form-control.p-6 {
    padding: 20px !important
  }
}

.form-control-250 {
  max-width: 250px
}

select.form-control {
  background-color: #fff;
  background-image: url(../css/images/arrow-down.svg?a870a5c2a903e4f05f823ab64aea4dd8);
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 21px;
  padding-right: 34px !important
}

@media (min-width:768px) {
  .form-inline .form-group+.form-group {
    margin-left: 5px
  }
}

.form-row-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.form-row-actions .btn+.btn {
  margin-left: 10px
}

.form-group {
  margin-bottom: 0 !important;
  position: relative
}

.form-group+.form-group {
  margin-top: 16px
}

*+.form-group{
  margin-top: 16px;
}

*+.form-group-images-block{
  margin-top: 16px;
}

@media (max-width: 1023px) {
  .form-group+.form-group{
    margin-top: 12px;
  }
  *+.form-group{
    margin-top: 12px;
  }
  *+.form-group-images-block{
    margin-top: 12px;
  }
}

.form-group.form-group--footer{
  margin-top: 40px;
}

@media (max-width: 1023px) {
  .form-group.form-group--footer{
    margin-top: 32px;
  }
}

@media (max-width: 575px) {
  .form-group.form-group--footer .btn{
    width: 100%;
  }
  .form-group.form-group--footer .btn+.btn{
    margin-left: 0;
  }
}

.form-group .btn+.btn {
  margin-left: 5px
}

@media (min-width:768px) {
  .form-group .additions {
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
  }
}

@media (max-width:767px) {
  .form-group .additions {
    display: inline-block;
    margin-top: 5px
  }
}

.form-group-multiple {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.form-group-multiple .form-control {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 40px;
  width: 40px;
  border-radius: 4px;
}

@media (max-width:767px) {

  .form-group-multiple.is-multiple-10-items,
  .form-group-multiple.is-multiple-7-items,
  .form-group-multiple.is-multiple-8-items,
  .form-group-multiple.is-multiple-9-items {
    gap: 7px;
    margin-left: -10px;
    margin-right: -10px
  }

  .form-group-multiple.is-multiple-10-items .form-control,
  .form-group-multiple.is-multiple-7-items .form-control,
  .form-group-multiple.is-multiple-8-items .form-control,
  .form-group-multiple.is-multiple-9-items .form-control {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 30px;
    padding-left: 0;
    padding-right: 0;
    width: 25px
  }
}

@media (max-width:374px) {

  .form-group-multiple.is-multiple-10-items,
  .form-group-multiple.is-multiple-7-items,
  .form-group-multiple.is-multiple-8-items,
  .form-group-multiple.is-multiple-9-items {
    gap: 5px
  }

  .form-group-multiple.is-multiple-10-items .form-control,
  .form-group-multiple.is-multiple-7-items .form-control,
  .form-group-multiple.is-multiple-8-items .form-control,
  .form-group-multiple.is-multiple-9-items .form-control {
    width: 20px
  }
}

.form-group-with-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width:576px) {
  .form-group-with-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media (max-width:575px) {
  .form-group-with-label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (min-width:576px) {
  .form-group-with-label .control-label {
    margin-bottom: 0;
    margin-right: 20px;
    min-width: 33%;
    text-align: right
  }
}

@media (max-width:575px) {
  .form-group-with-label .form-control {
    max-width: inherit !important
  }
}

.form-row-sm {
  margin-bottom: 10px
}

.form-row-item+.form-row-item {
  margin-top: 20px
}

.form-row-item.form-row-contact+.form-row-contact {
  margin-top: 10px
}

.form-row-item.form-row-contact .input-group-text {
  width: 32px
}

.form-row-item .input-group-text {
  border-radius: 8px 0 0 8px;
  padding-right: 4px;
  border-right: none;
  margin-right: -1px
}

.form-row-body.d-flex {
  row-gap: 20px
}

.form-row-body.checkbox-box-one-row{
  margin-bottom: -10px;
}

.form-row-price {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  gap: 10px
}

.form-row-price .form-control {
  width: auto
}

.form-lang .country-icon {
  left: auto;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  top: auto
}

.form-lang>a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  opacity: .6
}

.form-lang>a.active,
.form-lang>a:hover {
  opacity: 1
}

@media (min-width:768px) {
  .form-lang {
    position: absolute;
    right: -25px;
    top: 8px;
    z-index: 99
  }

  .form-lang>a {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    height: 24px;
    width: 30px
  }

  .form-lang>a.active {
    border-color: #e8edef
  }
}

@media (max-width:767px) {
  .form-lang {
    border: 1px solid #e8edef;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    overflow: hidden
  }

  .form-lang>a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 32px
  }

  .form-lang>a+a {
    border-left: 1px solid #e8edef
  }

  .form-lang>a.active {
    background-color: #f4f4f4
  }
}

.input-group .input-group-dp {
  border-left: none;
  border-radius: 0 8px 8px 0 !important;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  color: var(--clr-darkest);
  margin-right: -1px;
  padding-bottom: 4px;
  padding-top: 4px
}

.input-group.input-error .input-group-text {
  border-color: #ff585b !important
}

.required-mark {
  /* color: #ff585b */
  color: inherit;
}

.input-error {
  border-color: #ff585b !important
}

.input-phone {
  position: relative
}

.input-phone>.form-control {
  padding-left: 30px
}

.form-controls-inline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin: -5px
}

.form-controls-inline>.form-control {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0
}

.form-controls-inline>* {
  margin: 5px
}

/* .form-control,
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea,
textarea.form-control {
  border: 1px solid #e8edef;
  outline: none;
  text-shadow: none !important
}

.form-control:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea.form-control:focus,
textarea:focus {
  border-color: #0096c7;
  -webkit-box-shadow: 0 0 4px rgba(0, 150, 199, .5);
  box-shadow: 0 0 4px rgba(0, 150, 199, .5)
} */

.input-append .add-on,
.input-group-addon,
.input-prepend .add-on {
  border-color: #e8edef
}

.checkbox {
  display: block
}

.checkbox label {
  margin-bottom: 0;
  padding-left: 16px;
  position: relative
}

.checkbox label input[type=checkbox],
.checkbox label input[type=radio] {
  left: 0;
  position: absolute;
  top: 4px
}

/* @media (max-width:767px) {
  .checkbox-box-one-row {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
} */

.checkbox-box-one-row .checkbox-box {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  margin-bottom: 0 !important;
  max-width: inherit;
  min-width: 100%;
  padding-left: 0 !important;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width:767px) {
  /* .checkbox-box-one-row .checkbox-box .d-inline-block {
    display: block !important;
    margin-right: 0 !important
  } */

  /* .checkbox-box-one-row .checkbox-box .d-inline-block+.d-inline-block {
    margin-top: 8px
  } */
}

@media (min-width:768px) {
  /* .checkbox-box-one-row .checkbox-box .d-inline-block {
    margin-bottom: 8px
  } */

  .checkbox-box-one-row .checkbox-box li {
    margin-top: 0 !important
  }
}

.dp-checkbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  min-width: 100%
}

@media (min-width:992px) {
  .dp-checkbox-wrap {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 10px
  }
}

@media (max-width:991px) {
  .dp-checkbox-wrap {
    gap: 10px
  }
}

@media (min-width:992px) {
  .dp-checkbox-wrap .checkbox-box {
    -ms-flex-preferred-size: calc(50% - 20px);
    flex-basis: calc(50% - 20px)
  }
}

@media (max-width:991px) {
  .dp-checkbox-wrap .checkbox-box {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }
}

.dp-checkbox-wrap .checkbox-box:only-child {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dp-checkbox-wrap+.form-text {
  margin-top: -15px !important
}

.us-form .checkbox-box,
.usr-settings-box-content .checkbox-box {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.checkbox-box {
  padding: 0
}

/* .checkbox-box li+li {
  margin-top: 10px
}

@media (max-width:767px) {
  .checkbox-box li+li {
    margin-top: 7px
  }
} */

.checkbox-box .form-check-label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.form-check-label {
  cursor: pointer;
  line-height: 1.25;
  position: relative;
  display: flex;
}

.form-check-label.form-check-label--color .ico-check-t{
  font-size: 14px;
  font-weight: 400;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
  display: inline-block;
}

.form-check-label input[type=checkbox],
.form-check-label input[type=radio] {
  left: -99999px;
  opacity: 0;
  position: absolute
}

.form-check-ico {
  -webkit-box-flex: 0;
  background: var(--clr-white);
  border: 1px solid var(--clr-border-light);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  display: inline-block;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 20px;
  width: 20px;
  padding: 2px;
  margin-right: 8px;
  position: relative;
  text-align: left;
  vertical-align: middle;
  transition: .2s ease;
}

.form-check-ico > svg,
.form-check-ico > .ico{
  width: 13px;
  height: auto;
  min-height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: .2s ease;
}

.form-check-label input[type=checkbox]:checked+*+.form-check-ico,
.form-check-label input[type=checkbox]:checked+.form-check-ico {
  border-color: var(--clr-orange) !important;
  background-color: var(--clr-orange);
  color: var(--clr-white);
}

.form-check-label input[type=checkbox]:checked+*+.form-check-ico > svg,
.form-check-label input[type=checkbox]:checked+.form-check-ico > svg,
.form-check-label input[type=checkbox]:checked+*+.form-check-ico > .ico,
.form-check-label input[type=checkbox]:checked+*+.form-check-ico > .ico {
  opacity: 1;
  visibility: visible;
}

.form-check-t{
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--clr-darkest);
  vertical-align: middle;
  user-select: none;
  transition: .1s ease;
}

@media (max-width: 1023px) {
  .form-check-t{
    font-size: 14px;
  }
}

.form-check-t a{
  color: var(--clr-orange);
  transition: .2s ease;
}

.form-check-t a:hover{
  color: var(--clr-orange-hover);
}

/* .form-check-label input[type=checkbox]:checked~.form-check-t{
  font-weight: 500;
  color: var(--clr-black);
} */

.form-check-label input[type=checkbox]:focus+.ico-check,
.form-check-label input[type=radio]:focus+.ico-check {
  border-color: var(--clr-orange-secondary) !important
}

/* .form-check-label .ico-check {
  float: left
} */

.form-check-label .ico-check+span {
  display: block;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  overflow: hidden;
  padding-top: 3px;
  color: var(--clr-darkest);
  user-select: none;
}

.form-check-label.d-block+.form-check-label {
  margin-top: 10px
}

.form-check-label input[type=checkbox]:checked+*+.ico-check,
.form-check-label input[type=checkbox]:checked+.ico-check {
  border-color: var(--clr-orange) !important;
  background-color: var(--clr-orange);
  color: var(--clr-white);
}

.form-check-label.form-check-label--color input[type=checkbox]:checked+*+.ico-check > svg,
.form-check-label.form-check-label--color input[type=checkbox]:checked+.ico-check > svg{
  opacity: 1;
  visibility: visible;
}

.form-check-label.form-check-label--color input[type=radio]:checked+*+.ico-check > svg,
.form-check-label.form-check-label--color input[type=radio]:checked+.ico-check > svg{
  opacity: 1;
  visibility: visible;
}

.form-check-label input[type=checkbox]:checked+*+.ico-check:after,
.form-check-label input[type=checkbox]:checked+.ico-check:after {
  background-color: transparent
}

.form-check-label input[type=checkbox]:checked+*+.ico-check .fa-check,
.form-check-label input[type=checkbox]:checked+.ico-check .fa-check {
  opacity: 1
}

.form-check-label input[type=checkbox]:indeterminate+*+.ico-check,
.form-check-label input[type=checkbox]:indeterminate+.ico-check {
  border-color: var(--secondary-base-color) !important;
  color: #fff
}

.form-check-label input[type=checkbox]:indeterminate+*+.ico-check:after,
.form-check-label input[type=checkbox]:indeterminate+.ico-check:after {
  background-color: var(--secondary-base-color);
  content: "";
  display: block;
  height: 6px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 6px
}

.form-check-label input[type=checkbox]:indeterminate+*+.ico-check .fa-check,
.form-check-label input[type=checkbox]:indeterminate+.ico-check .fa-check {
  opacity: 0
}

.form-check-label input[type=checkbox]+*+.ico-check,
.form-check-label input[type=checkbox]+.ico-check {
  -webkit-box-flex: 0;
  background: #fff;
  border: 1px solid var(--clr-gray-link);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--clr-darkest);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.15;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  cursor: pointer;
  user-select: none;
  display: inline-block;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: auto;
  padding: 8px;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: auto;
  transition: .2s ease;
  pointer-events: none;
}
.form-check-label.form-check-label--color input[type=checkbox]+*+.ico-check,
.form-check-label.form-check-label--color input[type=checkbox]+.ico-check{
  width: 28px;
  height: 28px;
  border-radius: 100px;
  border: 0;
  background-color: var(--color, #9E9E9E);
  border: 1px solid #C2C2C2;
  margin-right: 4px;
}
.form-check-label.form-check-label--color input[type=radio]+*+.ico-check,
.form-check-label.form-check-label--color input[type=radio]+.ico-check{
  width: 28px;
  height: 28px;
  border-radius: 100px;
  border: 0;
  background-color: var(--color, #9E9E9E);
  border: 1px solid #C2C2C2;
  margin-right: 4px;
}

.form-check-label.form-check-label--color.form-check-label--other input[type=checkbox]+*+.ico-check,
.form-check-label.form-check-label--color.form-check-label--other input[type=checkbox]+.ico-check{
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANHSURBVHgBvVZbSiNBFK2OARV8tD+K4KOD4IcfkoD6JSRZgeMK1B3MrEBnBTM70FnBOCswEUFQIY2CIoLGx4eKkPaFCj7mnCK3KJvOmJEkFyp9c6vqPk6dejiqCnl7e8vgM4WW2dvb866urlza+/r6gkQi4UP1gyD409XVlfvIV/xfnaurq7P4zF9fX3udnZ3aFovFTD90Bs6wPT4+fsX4ImwLk5OTvyr5jKnoirzNzc0C1EU0T1Uv3uvr61KhUDiij6gBTtjAquLx+I+RkRG3paVF2/b39xUq0Prg4KByXY2oOj8/VxcXF1qnjX2UUqmkTk9Pg/v7+7lsNrusKlWIYF9Y1fPzs/bY3NysG+Xp6Um3auxMFAm6TU1Nv/P5/ExkQELQ2tq6qGos7e3tP214DaTEvbe31xMYCZXA2NPTo8QONiqQSOskksD78PCgLi8vtc6xnCP2s7Mzf3x8PGUq5Lrd3t56nEwnbAxGx2x0EGWXoMJgsXOM2DkXQZNra2szJiBkXtVZwN4Ffh0wKuM4zgr/VILRttsw2vCGYYyCF3OzcUyekixIf2EcKS5QHR8fG8ecLPZwQLGDJMYuSZZlipAmVeMk4+zu7pawX9xQJpUy1NDa+05gr8aOpQvichBTCKNsaK5bFIyEXdZnYGDArA9PnZOTE5OgnDqEfWdnR+tIwo2pBotzeHhYKp/6dRfECRwwireCJs7GxobBe3R01MC4vb1t4B0eHjYwkr0CI23so9gw0gd9lSVHSHOqceLrjQ8m6Y1/c3Njej57U4jYvjo6OvQXpMnowxtXyBEo601MTJhJNow2vGGWChvJ0oODA63bMAq8WLpiOp1OaJbinPuu6i8L/DHX09bWVmFoaMicOtyHAhcJYe9PsUfdFBRu+u7ubq1z46P6YiqVSrwLyEtyfX29ILd9rVja1tYWIFgKS1bkf7PxaUDm31SNBYnOSbB3ASl48Cy9vLxMMytCwUzZCKcNn9gpYucYsXMufQC12fAjyonKivD6vr/CVwD//y9L8Tbyx8bGpu3KIis0WWAgFxnVzpHOqkrhWFbF90tUsIoVhgWVpgERn5BJVJHEYaGJhUdX0N/fX4Sau7u7W8YLLf+Rr7/b0x9v7VDM2QAAAABJRU5ErkJggg==");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.form-check-label.form-check-label--color.form-check-label--other input[type=radio]+*+.ico-check,
.form-check-label.form-check-label--color.form-check-label--other input[type=radio]+.ico-check{
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANHSURBVHgBvVZbSiNBFK2OARV8tD+K4KOD4IcfkoD6JSRZgeMK1B3MrEBnBTM70FnBOCswEUFQIY2CIoLGx4eKkPaFCj7mnCK3KJvOmJEkFyp9c6vqPk6dejiqCnl7e8vgM4WW2dvb866urlza+/r6gkQi4UP1gyD409XVlfvIV/xfnaurq7P4zF9fX3udnZ3aFovFTD90Bs6wPT4+fsX4ImwLk5OTvyr5jKnoirzNzc0C1EU0T1Uv3uvr61KhUDiij6gBTtjAquLx+I+RkRG3paVF2/b39xUq0Prg4KByXY2oOj8/VxcXF1qnjX2UUqmkTk9Pg/v7+7lsNrusKlWIYF9Y1fPzs/bY3NysG+Xp6Um3auxMFAm6TU1Nv/P5/ExkQELQ2tq6qGos7e3tP214DaTEvbe31xMYCZXA2NPTo8QONiqQSOskksD78PCgLi8vtc6xnCP2s7Mzf3x8PGUq5Lrd3t56nEwnbAxGx2x0EGWXoMJgsXOM2DkXQZNra2szJiBkXtVZwN4Ffh0wKuM4zgr/VILRttsw2vCGYYyCF3OzcUyekixIf2EcKS5QHR8fG8ecLPZwQLGDJMYuSZZlipAmVeMk4+zu7pawX9xQJpUy1NDa+05gr8aOpQvichBTCKNsaK5bFIyEXdZnYGDArA9PnZOTE5OgnDqEfWdnR+tIwo2pBotzeHhYKp/6dRfECRwwireCJs7GxobBe3R01MC4vb1t4B0eHjYwkr0CI23so9gw0gd9lSVHSHOqceLrjQ8m6Y1/c3Njej57U4jYvjo6OvQXpMnowxtXyBEo601MTJhJNow2vGGWChvJ0oODA63bMAq8WLpiOp1OaJbinPuu6i8L/DHX09bWVmFoaMicOtyHAhcJYe9PsUfdFBRu+u7ubq1z46P6YiqVSrwLyEtyfX29ILd9rVja1tYWIFgKS1bkf7PxaUDm31SNBYnOSbB3ASl48Cy9vLxMMytCwUzZCKcNn9gpYucYsXMufQC12fAjyonKivD6vr/CVwD//y9L8Tbyx8bGpu3KIis0WWAgFxnVzpHOqkrhWFbF90tUsIoVhgWVpgERn5BJVJHEYaGJhUdX0N/fX4Sau7u7W8YLLf+Rr7/b0x9v7VDM2QAAAABJRU5ErkJggg==");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.form-check-label.form-check-label--color.c-multicolor input[type=checkbox]+*+.ico-check,
.form-check-label.form-check-label--color.c-multicolor input[type=checkbox]+.ico-check{
  background: linear-gradient(220.83deg, #F32A1F 13.74%, #F4991A 28.73%, #FEEC04 43.41%, #37B64A 57.31%, #0561FC 68.55%, #672EBD 80.26%);
}

.form-check-label.form-check-label--color.c-multicolor input[type=radio]+*+.ico-check,
.form-check-label.form-check-label--color.c-multicolor input[type=radio]+.ico-check{
  background: linear-gradient(220.83deg, #F32A1F 13.74%, #F4991A 28.73%, #FEEC04 43.41%, #37B64A 57.31%, #0561FC 68.55%, #672EBD 80.26%);
}

.form-check-label.form-check-label--color input[type=checkbox]+*+.ico-check > svg,
.form-check-label.form-check-label--color input[type=checkbox]+.ico-check > svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  color: var(--clr-border-light);
  transition: .2s ease;
}

.form-check-label.form-check-label--color input[type=radio]+*+.ico-check > svg,
.form-check-label.form-check-label--color input[type=radio]+.ico-check > svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  color: var(--clr-border-light);
  transition: .2s ease;
}

.form-check-label.form-check-label--color.form-check-label--other input[type=checkbox]+*+.ico-check > svg,
.form-check-label.form-check-label--color.form-check-label--other input[type=checkbox]+.ico-check > svg {
  color: var(--clr-darkest);
}

.form-check-label.form-check-label--color.form-check-label--other input[type=radio]+*+.ico-check > svg,
.form-check-label.form-check-label--color.form-check-label--other input[type=radio]+.ico-check > svg {
  color: var(--clr-darkest);
}

.form-check-label input[type=checkbox]+*+.ico-check .fa-check,
.form-check-label input[type=checkbox]+.ico-check .fa-check {
  color: var(--secondary-base-color);
  font-size: 10px;
  margin-left: 2px;
  margin-top: 2px;
  opacity: 0;
  vertical-align: top
}

.form-check-label input[type=checkbox].disabled+.ico-check,
.form-check-label input[type=checkbox]:disabled+.ico-check,
.form-check-label input[type=checkbox][disabled]+.ico-check {
  background-color: var(--clr-orange-secondary);
  cursor: not-allowed;
  opacity: .8;
}

.form-check-label input[type=checkbox].disabled+.ico-check,
.form-check-label input[type=checkbox].disabled+.ico-check+*,
.form-check-label input[type=checkbox]:disabled+.ico-check,
.form-check-label input[type=checkbox]:disabled+.ico-check+*,
.form-check-label input[type=checkbox][disabled]+.ico-check,
.form-check-label input[type=checkbox][disabled]+.ico-check+* {
  cursor: not-allowed
}

.form-check-label:not(.form-check-label--color) input[type=radio]:checked+*+.ico-check,
.form-check-label:not(.form-check-label--color) input[type=radio]:checked+.ico-check,
.form-check-label.form-radio-label-link.active:not(.form-check-label--color) .ico-check {
  background-color: var(--clr-white);
  border-color: var(--clr-orange);
  color: var(--clr-darkest)
}


.form-check-label input[type=radio]:checked~span:not([class]),
.form-check-label input[type=radio]:checked+span:not([class]) {
  font-weight: 500;
}

.form-check-label:not(.form-check-label--color) input[type=radio]+.ico-check:after,
.form-check-label.form-radio-label-link:not(.form-check-label--color) .ico-check:after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  text-align: center;
  background-color: var(--clr-orange);
  opacity: 0;
  visibility: hidden;
  transition: .2s ease;
}

.form-check-label input[type=radio]:checked+*+.ico-check:after,
.form-check-label input[type=radio]:checked+.ico-check:after,
.form-check-label.form-radio-label-link.active .ico-check:after {
  opacity: 1;
  visibility: visible;
}

.form-check-label input[type=radio]+.ico-check,
.form-check-label.form-radio-label-link .ico-check {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-flex: 0;
  align-items: center;
  background: #fff;
  border: 1px solid var(--clr-border-light);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 24px;
  width: 24px;
  justify-content: center;
  margin: 0 8px 0 0;
  position: relative;
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
  transition-duration: .2s;
  vertical-align: middle;
}

.form-check-label input[type=radio]:checked+.ico-check,
.form-check-label.form-radio-label-link.active .ico-check {
  border-color: var(--clr-orange);
  color: var(--clr-darkest)
}

.form-check-label-t{
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-blue);
  user-select: none;
  transition: .2s ease;
}

.form-check-label.form-check-label--color input[type=checkbox]:checked+*+.form-check-label-t,
.form-check-label.form-check-label--color input[type=checkbox]:checked+.form-check-label-t{
  color: var(--clr-orange);
}

.form-check-label.form-check-label--color input[type=radio]:checked+*+.form-check-label-t,
.form-check-label.form-check-label--color input[type=radio]:checked+.form-check-label-t{
  color: var(--clr-orange);
}

.input-with-tip {
  cursor: pointer;
  position: relative
}

.input-with-tip .input-tip {
  color: #c3c3c3;
  position: absolute;
  right: 11px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.input-with-tip input {
  padding-right: 35px
}

.ico-check {
  background-color: #fff
}

.switch {
  display: inline-block;
  height: 22px;
  min-width: 35px;
  position: relative
}

.switch input {
  height: 0;
  opacity: 0;
  width: 0
}

.switch .ico-no,
.switch .ico-yes {
  color: var(--secondary-base-color)
}

.switch .slider {
  background-color: #e8edef;
  border-radius: 18px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  max-width: 35px;
  right: 0;
  top: 0
}

.switch .slider,
.switch .slider .slider-round {
  position: absolute;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.switch .slider .slider-round {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  bottom: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  justify-content: center;
  left: 2px;
  width: 18px
}

.switch .slider .slider-round .ico-yes {
  display: none;
  font-size: 10px
}

.switch .slider .slider-round .ico-no {
  color: #000;
  display: inline-block;
  font-size: 10px;
  opacity: .5
}

.switch input:checked+*+.slider,
.switch input:checked+.slider {
  background-color: var(--secondary-base-color)
}

.switch input:checked+*+.slider .slider-round,
.switch input:checked+.slider .slider-round {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px)
}

.switch input:checked+*+.slider .slider-round .ico-yes,
.switch input:checked+.slider .slider-round .ico-yes {
  display: inline-block
}

.switch input:checked+*+.slider .slider-round .ico-no,
.switch input:checked+.slider .slider-round .ico-no {
  display: none
}

.switch.switch-primary input:checked+*+.slider,
.switch.switch-primary input:checked+.slider {
  background-color: var(--primary-base-color)
}

.switch.switch-primary .ico-yes {
  color: var(--primary-base-color)
}

.switch-dyn-txt.active .switch-txt-on {
  display: inline-block
}

.switch-dyn-txt.active .switch-txt-off,
.switch-txt-on {
  display: none
}

textarea {
  -webkit-appearance: none !important;
  min-height: 120px
}

textarea.noresize {
  resize: none
}

.form-assigns-text {
  display: block;
  font-size: 12px !important;
  line-height: 18px !important;
  padding-left: 30px;
  text-align: left
}

.form-assigns {
  margin-top: 20px
}

.form-assigns .ico-check {
  left: 0;
  margin-top: 2px !important;
  position: absolute !important;
  top: 0
}

.form-phone-input .input-group-text {
  height: 100%
}

.form-phone-input .input-group-text .country-icon {
  margin-right: 10px;
  position: static
}

.form-phone-input .input-group-text .country-icon.open+.c-drop-arrow {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.form-phone-input.dropdown .dropdown-menu {
  -webkit-transform: translate3d(0, 40px, 0) !important;
  transform: translate3d(0, 40px, 0) !important
}

.form-phone-input.dropdown .dropdown-menu .ps {
  max-height: 340px
}

.form-phone-input.dropdown .dropdown-menu.show {
  display: block !important
}

.form-group-label {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px
}

.required-mark {
  margin-left: 3px
}

.form-text {
  color: #999;
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 0
}

.f-social-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  position: relative
}

.f-social-form+.f-social-form{
  margin-top: 10px;
}

.f-social-form .f-social-input {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}

.f-social-input .form-control{
  padding-right: 34px;
}

.f-social-form-select {
  display: table-cell;
  padding-right: 10px;
  width: 160px
}

.f-social-form-input {
  display: table-cell;
  position: relative
}

.f-social-form-delete {
  position: absolute;
  top: 10px;
  right: 8px;
  color: var(--clr-gray-hover);
  transition: .2s ease;
}

.f-social-form-delete:hover{
  color: var(--clr-orange)
}

.f-social-form-delete .ico {
  min-width: inherit !important;
  margin-right: 0;
}

.form-row>.f-social-form-delete {
  margin-right: 10px
}

input.autocomplete-progress {
  background-image: url(../css/images/loader.gif?8b4e738c970e1e7184968911e39fa1ac);
  background-position: right 7px center;
  background-repeat: no-repeat;
  background-size: 20px !important;
  padding-right: 35px !important;
  position: relative
}

.f-color-select-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .f-color-select-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .f-color-select-box .f-color-select {
    margin-bottom: 10px
  }
}

.f-color-select {
  position: relative
}

.f-color-select .form-control {
  padding-right: 40px
}

.form-control-color {
  background: none;
  border: 1px solid #c3c3c3;
  height: 20px;
  padding: 0;
  position: absolute;
  right: 8px;
  top: 6px;
  width: 20px
}

.f-input-with-text-r {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:1199px) {
  .f-input-with-text-r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (min-width:1200px) {
  .f-input-with-text-r .c-link-ajax {
    margin-left: auto
  }
}

@media (max-width:1199px) {
  .f-input-with-text-r .c-link-ajax {
    margin-left: 0;
    margin-top: 12px
  }
}

.f-upload-photo {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  align-items: center;
  background-color: var(--clr-gray-light);
  border: 1px solid var(--clr-border-light);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 20px;
  height: 113px;
  justify-content: center;
  position: relative;
  width: 100%
}

.f-upload-photo.is-uploaded {
  background-image: none;
}

.f-upload-photo.is-uploaded .usr-settings-photo{
  -o-object-fit: contain;
  object-fit: contain;
}

.f-upload-photo .usr-settings-photo {
  margin-right: 0;
  border-radius: inherit;
}

@media (max-width:767px) {
  .f-upload-photo .usr-settings-photo {
    margin: 0
  }
}

.us-form .form-row-body,
.usr-settings-box .form-row-body {
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

.us-form textarea,
.usr-settings-box textarea {
  height: auto;
  min-height: 200px !important
}

@media (min-width:768px) {
  .usr-settings-tab .usr-settings-box .form-row-dyn-props .control-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    width: 33.3333%
  }

  .usr-settings-tab .usr-settings-box .form-row-dyn-props .form-row-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    max-width: inherit;
    padding-right: 10px !important
  }
}

.us-form .form-group+.form-row {
  margin-top: 15px
}

@media (min-width:768px) {
  .us-form .form-row-dyn-props .control-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 15px;
    max-width: 100%;
    text-align: left;
    width: 100%
  }

  .us-form .form-row-dyn-props .form-row-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    max-width: inherit;
    padding-right: 10px !important;
    padding-top: 0 !important
  }

  .dropdown-mob-title {
    display: none !important
  }
}

@media (max-width:767px) {
  .dropdown-mob-title {
    color: #999;
    display: block;
    font-size: 12px;
    line-height: 18px
  }
}

@media (max-width:991px) {
  .mob-cat-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    position: relative;
    text-decoration: none
  }

  .mob-cat-item+.mob-cat-item {
    border-top: 1px solid #ebebeb
  }

  .mob-cat-item .ico {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
  }

  .mob-cat-item a {
    display: block;
    width: 100%
  }

  .mob-fl-cat-list li.mob-cat-item {
    padding: 0
  }

  .mob-fl-cat-list li.mob-cat-item .hidden-link,
  .mob-fl-cat-list li.mob-cat-item a {
    -webkit-box-flex: 1;
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 0
  }

  .mob-fl-cat-pic {
    margin-right: 23px;
    max-height: 35px;
    max-width: 35px;
    min-width: 35px
  }

  .mob-fl-cat-header {
    background-color: #f4f4f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px
  }

  .mob-fl-cat-parent-img {
    margin-right: 10px
  }

  .mob-fl-cat-back {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px;
    text-decoration: none
  }

  .mob-fl-cat-back-title {
    font-size: 16px;
    line-height: normal
  }

  .mob-fl-search {
    position: relative
  }
}

@media (max-width:991px) and (min-width:768px) {
  .mob-fl-search {
    display: none
  }
}

@media (max-width:991px) {
  .mob-fl-search:after {
    display: none
  }

  .mob-fl-search .btn {
    background-color: transparent;
    background-image: none;
    border: none;
    bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 4px 10px;
    position: absolute;
    right: 0;
    top: 0
  }

  .mob-fl-search .btn .ico {
    display: block;
    width: 18px
  }

  .mob-fl-search .btn .ico path {
    fill: #c3c3c3
  }

  .mob-fl-nav-collapse-langs {
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative
  }

  .mob-fl-nav-collapse-langs:empty {
    display: none
  }

  .mob-fl-nav-collapse-langs .dr-collapse-act {
    color: rgba(var(--links-color))
  }

  .mob-fl-nav-collapse-langs .c-link-ajax {
    color: rgba(var(--links-color));
    padding: 0
  }

  .mob-fl-nav-collapse-langs .c-link-ajax:not(.collapsed) .c-drop-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }
}

.usr-dialogs {
  position: relative
}

.usr-dialogs-item {
  border: 1px solid #e8edef;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  position: relative;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s
}

.usr-dialogs-item+.usr-dialogs-item {
  margin-top: 10px
}

@media (min-width:768px) {
  .usr-dialogs-item {
    border-radius: 4px;
    width: 100%
  }
}

@media (max-width:575px) {
  .usr-dialogs-item {
    margin-left: -20px;
    margin-right: -20px
  }
}

@media (max-width:767px) {
  .usr-dialogs-item {
    border-left: 0;
    border-right: 0;
    min-width: 100%;
    padding-bottom: 50px
  }
}

.usr-dialogs-item:hover {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}

.usr-dialogs-item-avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 15px;
  text-align: center
}

.usr-dialogs-item-avatar,
.usr-dialogs-item-avatar img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px
}

.usr-dialogs-item-avatar img {
  background-color: #f5f5f5;
  border-radius: 50%;
  overflow: hidden;
  width: 60px
}

@media (max-width:767px) {
  .usr-dialogs-item-avatar {
    margin-right: 0
  }
}

.usr-dialogs-item-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0
}

.usr-dialogs-item-content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.usr-dialogs-item-title {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

@media (max-width:767px) {
  .usr-dialogs-item-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 60px;
    padding-left: 20px;
    padding-top: 2px
  }
}

.usr-dialogs-item-title .usr-dialogs-item-msg-date {
  margin-top: 3px
}

@media (min-width:768px) {
  .usr-dialogs-item-title .usr-dialogs-item-msg-date {
    display: none
  }
}

.usr-dialogs-item-title-in {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .usr-dialogs-item-title-in {
    margin-bottom: 3px
  }
}

.usr-dialogs-item-actions {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: right
}

@media (max-width:767px) {
  .usr-dialogs-item-actions {
    bottom: 10px;
    left: 0;
    position: absolute;
    right: 0
  }
}

.usr-dialogs-item-actions .ico {
  color: #c3c3c3;
  font-size: 16px
}

.usr-dialogs-item-actions a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

@media (max-width:767px) {
  .usr-dialogs-item-actions a {
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    justify-content: center;
    max-height: inherit;
    padding: 10px;
    position: relative
  }
}

@media (min-width:768px) {
  .usr-dialogs-item-actions a+a {
    margin-left: 20px
  }
}

@media (max-width:767px) {
  .usr-dialogs-item-actions a+a:before {
    background-color: #eae5cf;
    content: "";
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    width: 1px
  }
}

.usr-dialogs-item-msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px
}

@media (max-width:767px) {
  .usr-dialogs-item-msg {
    margin-left: -60px
  }

  .usr-dialogs-item-msg .usr-dialogs-item-msg-date {
    display: none
  }
}

.usr-dialogs-item-msg-text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.usr-dialogs-item-msg-title {
  font-weight: 700
}

.usr-dialogs-item-msg-date {
  color: #999;
  font-size: 12px;
  white-space: nowrap
}

@media (min-width:768px) {
  .usr-dialogs-item-msg-date {
    padding-left: 20px
  }
}

/* @media (max-width:767px) {
  .ch-page-mp {
    margin: 0 -20px -37px
  }
} */

.ch-folder-dropdown .dropdown-menu s .ico,
.ch-folder-dropdown .dropdown-toggle s .ico {
  color: #c3c3c3;
  font-size: 16px
}

.ch-header-action {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 18px;
  max-width: 18px
}

@media (max-width:767px) {
  .ch-header-action {
    display: none
  }
}

.ch-header-action+.ch-header-action {
  margin-left: 30px
}

.ch-ad-item {
  background-color: #fff;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  padding: 10px
}

.ch-ad-item-l {
  height: 44px;
  margin-right: 15px;
  width: 54px
}

.ch-ad-item-l img {
  max-height: 100%;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.ch-ad-item-r {
  -webkit-box-flex: 1;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

@media (max-width:767px) {
  .ch-ad-item-num {
    display: none
  }
}

@media (min-width:768px) {
  .chat-order-box {
    border: 1px solid #ebebeb;
    border-radius: 4px
  }
}

@media (max-width:767px) {
  .chat-order-box {
    margin: 20px -20px 0
  }
}

.chat-order-window {
  position: relative
}

@media (min-width:768px) {
  .chat-order-window {
    padding: 15px 20px 20px
  }
}

@media (min-width:992px) {
  .chat-order-window {
    max-height: 700px
  }

  .chat-order-window:not(.ps) {
    overflow: auto !important
  }
}

@media (max-width:767px) {
  .chat-order-window.ps {
    overflow: auto !important
  }

  .chat-order-window {
    padding-left: 20px;
    padding-right: 20px
  }
}

.chat-order-window .c-article {
  margin-bottom: 0;
  margin-top: 10px
}

.chat-order-window .c-article:empty {
  display: none
}

.ch-window .ps__rail-y,
.chat-order-window .ps__rail-y {
  margin: 5px 0
}

@media (max-width:767px) {

  .ch-window .ps__rail-y,
  .chat-order-window .ps__rail-y {
    display: none
  }
}

@media (min-width:768px) {
  .ch-item-header {
    margin-top: 5px;
    padding-right: 100px
  }
}

.chat-order-date {
  color: #999;
  font-size: 12px;
  margin: 15px 0;
  position: relative;
  text-align: center
}

@media (max-width:767px) {
  .chat-order-date {
    margin: 10px 0
  }
}

.ch-item {
  border-radius: 4px;
  margin: 10px 0;
  padding: 20px;
  position: relative
}

.ch-item-self {
  background-color: #f1f9ff
}

@media (min-width:992px) {
  .ch-item-self {
    margin-left: 200px;
    margin-right: 27px
  }
}

@media (max-width:991px) {
  .ch-item-self {
    margin-left: 20px
  }
}

@media (max-width:767px) {
  .ch-item-self {
    border-radius: 4px 0 0 4px
  }
}

.ch-item-third {
  background-color: #fffbeb
}

.ch-item-avater {
  font-size: 0;
  margin-right: 10px;
  max-width: 40px;
  min-width: 40px
}

@media (max-width:767px) {
  .ch-item-avater {
    display: none
  }
}

.ch-item-avater img {
  border-radius: 50%;
  height: 40px;
  min-width: 40px
}

@media (max-width:767px) {
  .ch-item-r {
    padding-right: 25px;
    width: 100%
  }
}

.ch-item-others,
.ch-item-third {
  background-color: #f4f4f4
}

@media (max-width:767px) {

  .ch-item-others,
  .ch-item-third {
    border-radius: 0 4px 4px 0;
    margin-right: 20px
  }
}

@media (min-width:992px) {

  .ch-item-others,
  .ch-item-third {
    margin-right: 200px
  }
}

.ch-item-badge {
  display: inline-block
}

@media (min-width:768px) {
  .ch-item-badge {
    position: absolute;
    right: 15px;
    top: 15px
  }
}

@media (max-width:767px) {
  .ch-item-badge {
    margin-bottom: 10px
  }
}

.ch-item-badge .badge {
  background-color: #fff
}

@media (max-width:767px) {
  .ch-item-badge .ico {
    margin-right: 0 !important;
    position: absolute;
    right: 20px;
    top: 20px
  }

  .ch-chat-page {
    margin-bottom: -50px
  }
}

.ch-page-mp .c-circle-loader {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width:767px) {

  body.is-chat-page .h-header,
  body.is-chat-page .h-header-border,
  body.is-chat-page .h-header-top-box,
  body.is-chat-page .l-page-head {
    display: none
  }
}

.ch-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #e8edef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

@media (min-width:768px) {
  .ch-header {
    padding: 20px 0
  }
}

@media (max-width:767px) {
  .ch-header {
    box-shadow: 0px 2px 4px 0px rgba(24, 24, 24, 0.12);
    left: 0;
    padding: 10px;
    position: sticky;
    right: 0;
    top: 0;
    z-index: 10
  }
}

@media (min-width:768px) {
  .ch-header .fl-user-item-avatar {
    height: 67px;
    max-width: 67px;
    min-width: 67px
  }
}

@media (max-width:767px) {
  .ch-header .fl-user-item-avatar {
    height: 40px;
    max-width: 40px;
    min-width: 40px
  }

  .ch-header .l-item-header {
    max-width: 63%
  }

  .ch-header .l-item-header-l {
    margin-right: 10px
  }

  .ch-header .c-title.fs-16 {
    font-size: 14px !important;
    line-height: 20px !important
  }
}

.ch-header-user {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .ch-header-user {
    max-width: 100%
  }
}

.ch-header-user-ava {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative
}

.ch-header-user-title{
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--clr-darkest);
}

@media (max-width: 991px) {
  .ch-header-user-title{
    font-size: 14px;
    font-weight: 500;
  }
}

@media (min-width:768px) {
  .ch-header-user-ava {
    margin-right: 20px
  }
}

@media (max-width:767px) {
  .ch-header-user-ava {
    margin-right: 8px
  }
}

.ch-header-user-ava img {
  border-radius: 50%
}

@media (min-width:768px) {
  .ch-header-user-ava img {
    height: 53px;
    width: 53px
  }
}

@media (max-width:767px) {
  .ch-header-user-ava img {
    height: 40px;
    width: 40px
  }

  .ch-header-user-ava .c-status-wrap {
    left: -4px;
    top: -4px
  }
}

.ch-window {
  position: relative
}

@media (min-width:992px) {
  .ch-window {
    max-height: 500px;
    padding: 0 23px;
  }
}

@media (min-height:900px) {
  .ch-window {
    max-height: 700px;
  }
}

@media (max-width:767px) {
  .ch-window .ch-item-r {
    padding-right: 0
  }
}

@media (min-width:768px) {
  .ch-window:not(.ps) {
    /* overflow: hidden !important */
    overflow: auto !important;
  }
}

@media (max-width:767px) {
  .ch-back {
    padding: 0
  }
}

@media (max-width: 575px) {
  .ch-window{
    padding: 0 15px 80px;
  }
}

.ch-back .ico {
  color: #0096c7
}

.ch-folder-dropdown .dropdown-toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .ch-folder-dropdown .dropdown-toggle {
    padding: 10px
  }
}

.ch-folder-dropdown .dropdown-toggle .c-drop-arrow {
  margin-left: 10px
}

.ch-folder-dropdown span {
  line-height: 1
}

.ch-folder-dropdown .dropdown-menu {
  margin-top: 5px
}

.ch-compact-attach-link .ico {
  color: #c3c3c3;
  font-size: 18px;
  margin-right: 0
}

.ch-compact-attach-link:hover .ico {
  color: #0096c7
}

.ch-attach-filename {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  max-width: 200px;
  position: relative;
  white-space: nowrap;
  z-index: 10
}

.ch-attach-filename small {
  display: none
}

@media (max-width:767px) {
  .ch-attach-filename span {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
  }
}

.ch-compact-send-btn {
  background-color: transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-left: 10px
}

.ch-compact-send-btn:disabled .ico path {
  fill: #c3c3c3 !important
}

@media (max-width:767px) {
  .ch-compact-send-btn {
    height: auto;
    width: auto !important
  }

  .ch-compact-send-btn:hover {
    background-color: transparent !important
  }
}

.ch-compact-attach-link,
.ch-compact-send-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 10px
}

.ch-compact-ico path {
  fill: #0096c7
}

@media (min-width:768px) {
  .ch-footer {
    background: #f4f4f4;
    border-radius: 4px;
    padding: 20px;
    position: relative
  }
}

@media (max-width:767px) {
  .ch-footer {
    background-color: #fff;
    border-bottom: 1px solid #e8edef;
    border-top: 1px solid #e8edef;
    bottom: 0;
    left: 0;
    padding: 15px 20px;
    /* position: sticky; */
    position: fixed;
    right: 0;
    z-index: 10
  }

  /* .ch-footer.is-active textarea {
    margin-bottom: 30px
  } */

  .ch-footer.is-active .ch-attach-filename {
    margin-top: -20px
  }
}

.ch-footer textarea {
  min-height: inherit;
  resize: none
}

@media (min-width:768px) {
  .ch-footer textarea {
    height: 44px;
    padding: 10px 100px 10px 15px
  }
}

@media (max-width:767px) {
  .ch-footer textarea {
    border: none !important;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 24px;
    max-height: 154px;
    padding: 0
  }
}

.ch-footer-actions {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute
}

@media (min-width:768px) {
  .ch-footer-actions {
    bottom: 2px;
    right: 5px
  }
}

@media (max-width:767px) {
  .ch-footer-actions {
    bottom: -7px;
    right: -10px
  }
}

.ch-footer-actions .c-attach-link,
.ch-footer-actions .c-attach-link+input {
  max-width: 150px
}

.c-social-box {
  background: #49525a;
  color: #fff;
  margin: 0 !important;
  text-align: center
}

@media (min-width:768px) {
  .c-social-box {
    padding: 50px 0 !important
  }
}

@media (max-width:767px) {
  .c-social-box {
    padding: 25px 0 !important
  }
}

.c-social-box .in-box-title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #fff;
  justify-content: center;
  white-space: normal
}

.c-social-box-sub-title {
  opacity: .8
}

.c-social-box-items {
  -ms-flex-pack: distribute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
  margin: 20px auto 0;
  max-width: 750px
}

@media (max-width:767px) {
  .c-social-box-items {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
    max-width: 300px
  }
}

.c-social-box-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .c-social-box-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(50% - 30px)
  }
}

.c-social-box-item:hover .c-social-box-ico {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.c-social-box-ico {
  -webkit-box-flex: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: var(--primary-base-color);
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  justify-content: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

@media (min-width:768px) {
  .c-social-box-ico {
    height: 56px;
    width: 56px
  }
}

@media (max-width:767px) {
  .c-social-box-ico {
    height: 46px;
    width: 46px
  }
}

.c-social-box-num {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap
}

@media (min-width:768px) {
  .c-social-box-num {
    margin-left: 20px
  }
}

@media (max-width:767px) {
  .c-social-box-num {
    margin-top: 15px
  }
}

.country-icon-element {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  font-size: 14px;
  position: relative
}

.country-icon {
  background-image: url(../css/images/flags.png?d62cdf895d623bfbea004b0748e6b522);
  cursor: pointer;
  display: inline-block;
  height: 11px;
  min-width: 16px;
  text-decoration: none !important
}

.country-icon-ad {
  background-position: -16px 0
}

.country-icon-ae {
  background-position: -32px 0
}

.country-icon-af {
  background-position: -48px 0
}

.country-icon-ag {
  background-position: -64px 0
}

.country-icon-ai {
  background-position: -80px 0
}

.country-icon-al {
  background-position: -96px 0
}

.country-icon-am {
  background-position: -113px 0
}

.country-icon-an {
  background-position: -128px 0
}

.country-icon-ao {
  background-position: -144px 0
}

.country-icon-ar {
  background-position: -160px 0
}

.country-icon-as {
  background-position: -176px 0
}

.country-icon-at {
  background-position: -192px 0
}

.country-icon-au {
  background-position: -208px 0
}

.country-icon-aw {
  background-position: -224px 0
}

.country-icon-az {
  background-position: -240px 0
}

.country-icon-ba {
  background-position: 0 -11px
}

.country-icon-bb {
  background-position: -16px -11px
}

.country-icon-bd {
  background-position: -32px -11px
}

.country-icon-be {
  background-position: -48px -11px
}

.country-icon-bf {
  background-position: -64px -11px
}

.country-icon-bg {
  background-position: -80px -11px
}

.country-icon-bh {
  background-position: -96px -11px
}

.country-icon-bi {
  background-position: -113px -11px
}

.country-icon-bj {
  background-position: -128px -11px
}

.country-icon-bm {
  background-position: -144px -11px
}

.country-icon-bn {
  background-position: -160px -11px
}

.country-icon-bo {
  background-position: -176px -11px
}

.country-icon-br {
  background-position: -192px -11px
}

.country-icon-bs {
  background-position: -208px -11px
}

.country-icon-bt {
  background-position: -224px -11px
}

.country-icon-bv {
  background-position: -240px -11px
}

.country-icon-bw {
  background-position: 0 -22px
}

.country-icon-by {
  background-position: -16px -22px
}

.country-icon-bz {
  background-position: -32px -22px
}

.country-icon-ca {
  background-position: -48px -22px
}

.country-icon-cd {
  background-position: -80px -22px
}

.country-icon-cf {
  background-position: -96px -22px
}

.country-icon-cg {
  background-position: -113px -22px
}

.country-icon-ch {
  background-position: -128px -22px
}

.country-icon-ci {
  background-position: -144px -22px
}

.country-icon-ck {
  background-position: -160px -22px
}

.country-icon-cl {
  background-position: -176px -22px
}

.country-icon-cm {
  background-position: -192px -22px
}

.country-icon-cn {
  background-position: -208px -22px
}

.country-icon-co {
  background-position: -224px -22px
}

.country-icon-cr {
  background-position: -240px -22px
}

.country-icon-cu {
  background-position: 0 -33px
}

.country-icon-cv {
  background-position: -16px -33px
}

.country-icon-cw {
  background-position: -32px -33px
}

.country-icon-cy {
  background-position: -48px -33px
}

.country-icon-cz {
  background-position: -64px -33px
}

.country-icon-de {
  background-position: -80px -33px
}

.country-icon-dj {
  background-position: -96px -33px
}

.country-icon-dk {
  background-position: -113px -33px
}

.country-icon-dm {
  background-position: -128px -33px
}

.country-icon-do {
  background-position: -144px -33px
}

.country-icon-dz {
  background-position: -160px -33px
}

.country-icon-ec {
  background-position: -176px -33px
}

.country-icon-ee {
  background-position: -192px -33px
}

.country-icon-eg {
  background-position: -208px -33px
}

.country-icon-eh {
  background-position: -224px -33px
}

.country-icon-en {
  background-position: -240px -33px
}

.country-icon-er {
  background-position: 0 -44px
}

.country-icon-es {
  background-position: -16px -44px
}

.country-icon-et {
  background-position: -32px -44px
}

.country-icon-eu {
  background-position: -48px -44px
}

.country-icon-fi {
  background-position: -64px -44px
}

.country-icon-fj {
  background-position: -80px -44px
}

.country-icon-fk {
  background-position: -96px -44px
}

.country-icon-fm {
  background-position: -113px -44px
}

.country-icon-fo {
  background-position: -128px -44px
}

.country-icon-fr {
  background-position: -144px -44px
}

.country-icon-ga {
  background-position: -160px -44px
}

.country-icon-gb {
  background-position: -176px -44px
}

.country-icon-gd {
  background-position: -192px -44px
}

.country-icon-ge {
  background-position: -208px -44px
}

.country-icon-gf {
  background-position: -224px -44px
}

.country-icon-gg {
  background-position: -240px -44px
}

.country-icon-gh {
  background-position: 0 -55px
}

.country-icon-gi {
  background-position: -16px -55px
}

.country-icon-gl {
  background-position: -32px -55px
}

.country-icon-gm {
  background-position: -48px -55px
}

.country-icon-gn {
  background-position: -64px -55px
}

.country-icon-gp {
  background-position: -80px -55px
}

.country-icon-gq {
  background-position: -96px -55px
}

.country-icon-gr {
  background-position: -113px -55px
}

.country-icon-gs {
  background-position: -128px -55px
}

.country-icon-gt {
  background-position: -144px -55px
}

.country-icon-gu {
  background-position: -160px -55px
}

.country-icon-gw {
  background-position: -176px -55px
}

.country-icon-gy {
  background-position: -192px -55px
}

.country-icon-hk {
  background-position: -208px -55px
}

.country-icon-hm {
  background-position: -224px -55px
}

.country-icon-hn {
  background-position: -240px -55px
}

.country-icon-hr {
  background-position: 0 -66px
}

.country-icon-ht {
  background-position: -16px -66px
}

.country-icon-hu {
  background-position: -32px -66px
}

.country-icon-ic {
  background-position: -48px -66px
}

.country-icon-id {
  background-position: -64px -66px
}

.country-icon-ie {
  background-position: -80px -66px
}

.country-icon-il {
  background-position: -96px -66px
}

.country-icon-im {
  background-position: -113px -66px
}

.country-icon-in {
  background-position: -128px -66px
}

.country-icon-io {
  background-position: -144px -66px
}

.country-icon-iq {
  background-position: -160px -66px
}

.country-icon-ir {
  background-position: -176px -66px
}

.country-icon-is {
  background-position: -192px -66px
}

.country-icon-it {
  background-position: -208px -66px
}

.country-icon-je {
  background-position: -224px -66px
}

.country-icon-jm {
  background-position: -240px -66px
}

.country-icon-jo {
  background-position: 0 -77px
}

.country-icon-jp {
  background-position: -16px -77px
}

.country-icon-ke {
  background-position: -32px -77px
}

.country-icon-kg {
  background-position: -48px -77px
}

.country-icon-kh {
  background-position: -64px -77px
}

.country-icon-ki {
  background-position: -80px -77px
}

.country-icon-km {
  background-position: -96px -77px
}

.country-icon-kn {
  background-position: -113px -77px
}

.country-icon-kp {
  background-position: -128px -77px
}

.country-icon-kr {
  background-position: -144px -77px
}

.country-icon-kw {
  background-position: -176px -77px
}

.country-icon-ky {
  background-position: -192px -77px
}

.country-icon-kz {
  background-position: -208px -77px
}

.country-icon-la {
  background-position: -224px -77px
}

.country-icon-lb {
  background-position: -240px -77px
}

.country-icon-lc {
  background-position: 0 -88px
}

.country-icon-li {
  background-position: -16px -88px
}

.country-icon-lk {
  background-position: -32px -88px
}

.country-icon-lr {
  background-position: -48px -88px
}

.country-icon-ls {
  background-position: -64px -88px
}

.country-icon-lt {
  background-position: -80px -88px
}

.country-icon-lu {
  background-position: -96px -88px
}

.country-icon-lv {
  background-position: -113px -88px
}

.country-icon-ly {
  background-position: -128px -88px
}

.country-icon-ma {
  background-position: -144px -88px
}

.country-icon-mc {
  background-position: -160px -88px
}

.country-icon-md {
  background-position: -176px -88px
}

.country-icon-me {
  background-position: -192px -88px
}

.country-icon-mg {
  background-position: -208px -88px
}

.country-icon-mh {
  background-position: -224px -88px
}

.country-icon-mk {
  background-position: -240px -88px
}

.country-icon-ml {
  background-position: 0 -99px
}

.country-icon-mm {
  background-position: -16px -99px
}

.country-icon-mn {
  background-position: -32px -99px
}

.country-icon-mo {
  background-position: -48px -99px
}

.country-icon-mp {
  background-position: -64px -99px
}

.country-icon-mq {
  background-position: -80px -99px
}

.country-icon-mr {
  background-position: -96px -99px
}

.country-icon-ms {
  background-position: -113px -99px
}

.country-icon-mt {
  background-position: -128px -99px
}

.country-icon-mu {
  background-position: -144px -99px
}

.country-icon-mv {
  background-position: -160px -99px
}

.country-icon-mw {
  background-position: -176px -99px
}

.country-icon-mx {
  background-position: -192px -99px
}

.country-icon-my {
  background-position: -208px -99px
}

.country-icon-mz {
  background-position: -224px -99px
}

.country-icon-na {
  background-position: -240px -99px
}

.country-icon-nc {
  background-position: 0 -110px
}

.country-icon-ne {
  background-position: -16px -110px
}

.country-icon-nf {
  background-position: -32px -110px
}

.country-icon-ng {
  background-position: -48px -110px
}

.country-icon-ni {
  background-position: -64px -110px
}

.country-icon-nl {
  background-position: -80px -110px
}

.country-icon-no {
  background-position: -96px -110px
}

.country-icon-np {
  background-position: -113px -110px
}

.country-icon-nr {
  background-position: -128px -110px
}

.country-icon-nu {
  background-position: -144px -110px
}

.country-icon-nz {
  background-position: -160px -110px
}

.country-icon-om {
  background-position: -176px -110px
}

.country-icon-pa {
  background-position: -192px -110px
}

.country-icon-pe {
  background-position: -208px -110px
}

.country-icon-pf {
  background-position: -224px -110px
}

.country-icon-pg {
  background-position: -240px -110px
}

.country-icon-ph {
  background-position: 0 -121px
}

.country-icon-pk {
  background-position: -16px -121px
}

.country-icon-pl {
  background-position: -32px -121px
}

.country-icon-pm {
  background-position: -48px -121px
}

.country-icon-pn {
  background-position: -64px -121px
}

.country-icon-pr {
  background-position: -80px -121px
}

.country-icon-ps {
  background-position: -96px -121px
}

.country-icon-pt {
  background-position: -113px -121px
}

.country-icon-pw {
  background-position: -128px -121px
}

.country-icon-py {
  background-position: -144px -121px
}

.country-icon-qa {
  background-position: -160px -121px
}

.country-icon-re {
  background-position: -176px -121px
}

.country-icon-ro {
  background-position: -192px -121px
}

.country-icon-rs {
  background-position: -208px -121px
}

.country-icon-ru {
  background-position: -224px -121px
}

.country-icon-rw {
  background-position: -240px -121px
}

.country-icon-sa {
  background-position: 0 -132px
}

.country-icon-sb {
  background-position: -16px -132px
}

.country-icon-sc {
  background-position: -32px -132px
}

.country-icon-sd {
  background-position: -64px -132px
}

.country-icon-se {
  background-position: -80px -132px
}

.country-icon-sg {
  background-position: -96px -132px
}

.country-icon-sh {
  background-position: -113px -132px
}

.country-icon-si {
  background-position: -128px -132px
}

.country-icon-sk {
  background-position: -144px -132px
}

.country-icon-sl {
  background-position: -160px -132px
}

.country-icon-sm {
  background-position: -176px -132px
}

.country-icon-sn {
  background-position: -192px -132px
}

.country-icon-so {
  background-position: -208px -132px
}

.country-icon-sr {
  background-position: -240px -132px
}

.country-icon-ss {
  background-position: 0 -143px
}

.country-icon-st {
  background-position: -16px -143px
}

.country-icon-sv {
  background-position: -32px -143px
}

.country-icon-sx {
  background-position: -48px -143px
}

.country-icon-sy {
  background-position: -64px -143px
}

.country-icon-sz {
  background-position: -80px -143px
}

.country-icon-tc {
  background-position: -96px -143px
}

.country-icon-td {
  background-position: -113px -143px
}

.country-icon-tf {
  background-position: -128px -143px
}

.country-icon-tg {
  background-position: -144px -143px
}

.country-icon-th {
  background-position: -160px -143px
}

.country-icon-tj {
  background-position: -176px -143px
}

.country-icon-tk {
  background-position: -192px -143px
}

.country-icon-tl {
  background-position: -208px -143px
}

.country-icon-tm {
  background-position: -224px -143px
}

.country-icon-tn {
  background-position: -240px -143px
}

.country-icon-to {
  background-position: 0 -154px
}

.country-icon-tr {
  background-position: -16px -154px
}

.country-icon-tt {
  background-position: -32px -154px
}

.country-icon-tv {
  background-position: -48px -154px
}

.country-icon-tw {
  background-position: -64px -154px
}

.country-icon-tz {
  background-position: -80px -154px
}

.country-icon-ua {
  background-position: -96px -154px
}

.country-icon-ug {
  background-position: -113px -154px
}

.country-icon-um {
  background-position: -128px -154px
}

.country-icon-us {
  background-position: -144px -154px
}

.country-icon-uy {
  background-position: -160px -154px
}

.country-icon-uz {
  background-position: -176px -154px
}

.country-icon-va {
  background-position: -192px -154px
}

.country-icon-vc {
  background-position: -208px -154px
}

.country-icon-ve {
  background-position: -224px -154px
}

.country-icon-vg {
  background-position: -240px -154px
}

.country-icon-vi {
  background-position: 0 -165px
}

.country-icon-vn {
  background-position: -16px -165px
}

.country-icon-vu {
  background-position: -32px -165px
}

.country-icon-wf {
  background-position: -64px -165px
}

.country-icon-ws {
  background-position: -80px -165px
}

.country-icon-ye {
  background-position: -96px -165px
}

.country-icon-yt {
  background-position: -113px -165px
}

.country-icon-za {
  background-position: -128px -165px
}

.country-icon-zm {
  background-position: -160px -165px
}

.country-icon-zw {
  background-position: -176px -165px
}

.ps {
  -ms-overflow-style: none;
  overflow: hidden !important;
  overflow-anchor: none;
  touch-action: auto;
  -ms-touch-action: auto
}

.ps__rail-x {
  bottom: 0;
  height: 15px
}

.ps__rail-x,
.ps__rail-y {
  display: none;
  opacity: 0;
  position: absolute;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear
}

.ps__rail-y {
  right: 0;
  width: 15px
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
  background-color: transparent;
  display: block
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
  opacity: .6
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background-color: #eee;
  opacity: .9
}

.ps__thumb-x {
  bottom: 2px;
  height: 6px;
  -o-transition: background-color .2s linear, height .2s ease-in-out;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out
}

.ps__thumb-x,
.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  position: absolute
}

.ps__thumb-y {
  right: 2px;
  -o-transition: background-color .2s linear, width .2s ease-in-out;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
  background-color: #999;
  height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
  background-color: #999;
  width: 11px
}

@supports (-ms-overflow-style:none) {
  .ps {
    overflow: auto !important
  }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
  .ps {
    overflow: auto !important
  }
}

.alert-popup {
  opacity: 0;
  position: fixed;
  right: 20px;
  top: 20px;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  z-index: -1
}

.alert-popup .alert {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

@media (max-width:767px) {
  .alert-popup {
    left: 10px;
    right: 10px;
    top: 10px
  }
}

@media (min-width:768px) {
  .alert-popup {
    width: 316px
  }
}

.alert-popup .close {
  font-size: 16px;
  margin-left: 10px
}

.alert-popup.show {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  z-index: 99999
}

.alert {
  border: none;
  border-radius: 4px;
  -ms-flex-flow: nowrap !important;
  flex-flow: nowrap !important;
  padding: 15px
}

.alert .d-flex {
  margin: -10px -10px -10px 0
}

@media (max-width:767px) {
  .alert .d-flex {
    margin: 0
  }
}

.alert.d-flex .ico {
  margin-top: 3px
}

.alert-success {
  background: #e9ffcb
}

.alert-success .alert-title {
  color: #74b31b
}

.alert-success .close path {
  fill: #74b31b
}

.alert-danger,
.alert-error {
  background: #ffe3e4
}

.alert-danger .alert-title,
.alert-error .alert-title {
  color: #ff585b
}

.alert-danger .close path,
.alert-error .close path {
  fill: #ff585b
}

.alert-info {
  background: #fff9e4
}

.alert-info,
.alert-info .alert-title {
  color: var(--text-color)
}

.alert-info .close path {
  fill: #c3c3c3
}

.alert-info-blue {
  background: #f1f9ff
}

.alert-info-blue,
.alert-info-blue .alert-title {
  color: var(--text-color)
}

.alert-info-blue .close path {
  fill: #a0e2f5
}

.alert-grey {
  background-color: #f8f8f8
}

.alert-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px
}

.alert-message {
  color: var(--text-color);
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

@media (max-width:767px) {
  .alert-controls {
    margin-top: 10px
  }
}

@media (min-width:768px) {
  .alert-controls {
    float: right;
    margin-left: 20px;
    margin-top: -5px
  }
}

.alert-actions-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.alert-actions-text .ico {
  margin-top: 3px
}

.alert-actions .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:767px) {
  .alert-actions .d-flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap
  }
}

.alert-actions .btn {
  margin-left: auto
}

@media (max-width:767px) {
  .alert-actions .btn {
    margin: 15px auto 0
  }
}

.alert-actions .ico {
  color: var(--secondary-base-color);
  margin-right: 10px
}

@media (min-width:1200px) {
  .c-payment-alert-wrap {
    margin: 0 20px 20px
  }
}

@media (max-width:1199px) {
  .c-payment-alert-wrap {
    width: 100%
  }
}

@media (min-width:1200px) {
  .c-payment-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding: 10px 20px
  }
}

@media (max-width:1199px) {
  .c-payment-alert {
    padding: 20px
  }
}

.c-payment-alert .ico {
  margin-bottom: 0
}

.c-payment-alert .alert {
  margin-bottom: 0;
  padding: 0
}

@media (min-width:1200px) {
  .c-payment-alert-l {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 20px
  }
}

@media (max-width:1199px) {
  .c-payment-alert-l {
    margin-bottom: 20px
  }

  .c-payment-alert-l .text-color {
    margin-top: 12px
  }

  .c-payment-alert-r {
    text-align: center
  }
}

.pagination-box {
  position: relative
}

.pagination-box:empty {
  display: none
}

.pagination-box .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 40px;
  line-height: 40px !important;
  position: absolute;
  right: 0;
  top: 5px
}

@media (max-width:991px) {
  .pagination-box .btn {
    margin-top: 20px;
    position: static;
    text-align: center
  }
}

.pagination-box .btn .ico {
  min-height: 18px;
  min-width: 18px
}

@media (min-width:992px) {
  .pagination-box-mobile-arrows {
    display: none
  }
}

@media (max-width:991px) {
  .pagination-box-mobile-arrows {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    display: none;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px
  }

  .pagination-box-mobile-arrows .page-item {
    margin: 0 10px;
    min-width: 0;
    width: 50%
  }

  .pagination-box-mobile-arrows .page-item.prev .page-link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .pagination-box-mobile-arrows .page-item.next .page-link {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .pagination-box-mobile-arrows .page-item.next .page-link:after {
    left: 0;
    right: auto
  }
}

.pagination-box-compact .pagination {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.pagination {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  gap: 10px;
  justify-content: center
}

@media (max-width:991px) {
  .pagination {
    margin-top: 32px;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 8px
  }
}

.pagination .page-item {
  background: #fff;
  border: none !important
}

.pagination .page-item.prev{
  margin-right: 40px;
}
.pagination .page-item.next{
  margin-left: 40px;
}

@media (max-width: 991px) {
  .pagination .page-item.prev{
    margin-right: 20px;
  }
  .pagination .page-item.next{
    margin-left: 20px;
  }
}

.pagination .page-item.prev .page-link,
.pagination .page-item.next .page-link{
  border: 0;
  /* padding-top: 11px; */
  /* padding-bottom: 11px; */
}

.pagination .page-item.active .page-link {
  background-color: var(--primary-base-color);
  border-color: var(--primary-base-color)
}

.pagination .page-item:not(.pagination-arrow):hover .page-link {
  color: #fff
}

.pagination .page-link,
.pagination .pagination-arrow .page-link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e8edef;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #49525a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  min-height: 40px;
  min-width: 40px;
  padding: 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s
}

.pagination .page-link:hover,
.pagination .pagination-arrow .page-link:hover {
  background-color: var(--primary-base-color);
  border-color: transparent
}

.pagination-arrow .page-link {
  border-radius: 4px;
  color: var(--text-color);
  padding: 10px 15px
}

@media (max-width:991px) {
  .pagination-arrow .page-link {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
  }
}

.pagination-arrow .page-link.disabled .ico {
  color: #c3c3c3;
  color: rgba(var(--links-color))
}

.pagination-arrow .page-link:hover {
  background-color: transparent !important;
  border-color: #e8edef !important;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  color: #000 !important
}

.b-breadcrumbs {
  overflow: hidden;
  padding-top: 24px;
  padding-bottom: 4px;
  background-color: var(--clr-white);
  position: relative
}

.b-breadcrumbs:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  bottom: 1px;
  content: "";
  display: block;
  min-height: 23px;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  z-index: 10
}

@media (max-width: 767px) {
  .b-breadcrumbs.fixedTopPanel{
    top: 0;
    z-index: 1010;
    padding: 8px 8px 8px;
  }
  .b-breadcrumbs.b-breadcrumbs--fl-search.fixedTopPanel {
    top: 58px;
    padding-top: 0;
  }
}

@media (max-width:575px) {
  .b-breadcrumbs {
    padding-top: 8px;
    padding-bottom: 2px;
  }

  .b-breadcrumbs:after {
    right: 0;
    top: -3px
  }
}

.b-breadcrumbs+.alert {
  margin-top: 10px
}

@media (max-width:575px) {
  .b-breadcrumbs-scroll {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-overflow-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none
  }

  .b-breadcrumbs-scroll::-webkit-scrollbar {
    background: transparent;
    display: none;
    width: 0
  }
}

.b-breadcrumbs-in {
  margin: 0 -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap
}

@media (max-width:575px) {
  .b-breadcrumbs-in {
    margin: 0 -12px;
    padding: 0 6px;
  }
}

.b-breadcrumbs-in li {
  display: inline-block;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--clr-gray);
  /* opacity: .4; */
  padding: 0 8px;
  position: relative
}

@media (max-width: 767px) {
  .b-breadcrumbs-in li{
    font-weight: 400;
  }
}

@media (max-width:575px) {
  .b-breadcrumbs-in li {
    padding: 0 12px;
    font-size: 17px;
  }
}

.b-breadcrumbs-in li:last-child a:after {
  display: none
}
.b-breadcrumbs-in li span {
  color: inherit;
}

.b-breadcrumbs-in li a {
  position: relative;
  color: var(--clr-blue)
}

.b-breadcrumbs-in li a:after {
  content: ">";
  display: inline-block;
  margin: 0 5px;
  position: absolute;
  right: -16px;
  top: 2px;
}

@media (max-width: 575px){
  .b-breadcrumbs-in li a:after{
    top: 3px;
    right: -22px;
  }
}

.modal {
  overflow: auto;
  z-index: 10020
}

@media (max-width:767px) {
  .modal {
    padding-right: 0 !important
  }
}

.modal.modal-vertical-top .modal-dialog {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: auto;
  margin-bottom: 30px;
  margin-top: 30px
}

@media (max-width:767px) {
  .modal .modal-dialog.modal-dialog-centered {
    margin: 0 auto
  }

  .modal .modal-dialog.modal-dialog-centered .modal-content {
    margin-top: auto
  }
}

.modal .close {
  color: var(--clr-darkest);
  font-size: 31px;
  font-weight: 200;
  opacity: 1 !important;
  position: absolute;
  right: 10px;
  top: 9px;
  z-index: 10
}

@media (max-width:767px) {
  .modal .close {
    right: 20px;
    top: 17px
  }
}

.modal .close:hover {
  color: #000
}

.modal .close:hover span {
  opacity: 1
}

.modal .close span {
  display: inherit;
  line-height: 17px;
  opacity: 1;
  position: relative;
  z-index: 10
}

@media (min-width:768px) {
  .modal .close:after {
    background: #f4f4f4;
    content: "";
    display: block;
    height: 59px;
    position: absolute;
    right: -45px;
    top: -30px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 95px
  }
}

@media (max-width:767px) {
  .modal-bottom-on-mob .modal-dialog {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
  }

  .modal-bottom-on-mob .modal-dialog .vw-bottom-mob-actions {
    padding: 25px 0 0
  }

  .modal-bottom-on-mob .modal-dialog .vw-bottom-mob-actions .btn-simple {
    background-color: #f4f4f4;
    border-color: transparent
  }

  .modal-bottom-on-mob .modal-dialog-centered {
    min-height: 100%
  }

  /* .modal-bottom-on-mob .close {
    display: none
  } */

  .modal-contacts-mob-offset .modal-content {
    margin-bottom: 43px
  }

  .modal-dialog-full-mobile {
    height: 100%
  }

  .modal-dialog-full-mobile .modal-content {
    overflow: auto
  }

  .modal-dialog-full-mobile .modal-content,
  .modal-dialog-full-mobile .modal-with-aside-box {
    height: 100%
  }

  .modal-dialog-full-mobile .modal-aside-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }

  .modal-dialog.modal-dialog-centered-mob .modal-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
  }
}

.modal-title {
  color: var(--text-color);
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  margin-bottom: 17px
}

@media (max-width:767px) {
  .modal-title {
    background-color: #f4f4f4;
    font-size: 16px;
    line-height: 24px;
    margin: -20px -20px 15px;
    padding: 15px 49px 15px 20px
  }
}

.modal-title a {
  position: relative
}

@media (max-width:767px) {
  .modal-title a {
    display: block;
    max-width: 100%;
    overflow: hidden;
    padding-right: 15px;
    white-space: nowrap
  }

  .modal-title a:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
    background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f4f4f4), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(right, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%);
    background: linear-gradient(270deg, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%);
    bottom: 1px;
    content: "";
    display: block;
    min-height: 23px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    z-index: 10
  }
}

/* @media (min-width:768px) {
  .modal-title+.modal-title-sub {
    margin-top: -17px
  }
} */

.modal-title-sub {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}

@media (max-width:767px) {
  .modal-title-sub {
    padding-right: 30px
  }
}

.modal-sub-text {
  margin-bottom: 22px
}

.modal-dialog {
  border-radius: 4px
}

@media (max-width:767px) {
  .modal-dialog {
    border-radius: 0;
    display: block;
    margin: 0
  }
}

@media (min-width:768px) {
  .modal-dialog {
    max-width: 700px
  }

  .modal-dialog-xs.modal-dialog {
    max-width: 450px
  }

  .modal-dialog-md.modal-dialog {
    max-width: 610px
  }
}

@media (min-width:768px) and (max-width:991px) {
  .modal-dialog-lg {
    max-width: 700px
  }
}

@media (min-width:992px) {
  .modal-dialog-lg {
    max-width: 960px
  }
}

@media (min-width:768px) {
  .modal-body-min-height {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 476px
  }
}

.modal-with-form .modal-dialog {
  max-width: 586px
}

.modal-with-aside .close:after {
  display: none
}

@media (min-width:992px) {
  .modal-with-aside .modal-dialog {
    max-width: 800px
  }
}

.modal-with-aside-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .modal-with-aside-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.modal-backdrop {
  display: none;
  z-index: 10019
}

.modal-backdrop.show {
  display: block
}

.modal-header {
  border-bottom-color: #ebebeb;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-right: 40px
}

.modal-body {
  padding: 21px 40px 35px
}

.company-contact-modal .modal-body{
  padding: 32px 40px 20px;
}

.company-contact-modal-very-sm .modal-body{
  padding: 20px 40px;
}

@media (max-width:767px) {
  .modal-body {
    max-width: 100%;
    padding: 20px
  }
}

.modal-aside {
  background: #fff9e4
}

@media (min-width:768px) {
  .modal-aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 104px 27px 64px 20px;
    width: 250px
  }
}

@media (max-width:767px) {
  .modal-aside {
    max-width: inherit;
    padding: 24px 20px
  }
}

.modal-aside-sm-offset {
  padding-top: 44px
}

.modal-aside-info {
  position: relative
}

.modal-aside-info .modal-aside-text,
.modal-aside-info .modal-aside-title {
  position: relative;
  z-index: 1
}

.modal-aside-info:after {
  background-image: url(../css/images/info-big-icon.svg?212e7f096232da6be566cf268c85d811);
  background-position: 100% 10px;
  background-repeat: no-repeat;
  bottom: 0;
  content: "";
  height: 216px;
  max-height: 100%;
  position: absolute;
  right: 0;
  width: 216px
}

.modal-aside-info>* {
  position: relative;
  z-index: 1
}

.modal-aside-text p+p {
  margin-top: 15px
}

.modal-aside-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 10px
}

.modal-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px
}

@media (max-width:767px) {
  .modal-actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (min-width:768px) {
  .modal-actions .c-google-recaptcha {
    margin-top: 0 !important
  }
}

.modal-actions-l {
  max-width: 100%
}

@media (max-width:767px) {
  .modal-actions-l {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
}

@media (min-width:768px) {
  .modal-actions-r {
    margin-left: auto;
    padding-left: 20px
  }
}

@media (max-width:767px) {
  .modal-actions-r {
    margin-top: 20px
  }

  .modal-actions-r .btn-success {
    display: block;
    margin: 0 auto
  }
}

.modal-content {
  border-color: #e8edef;
  overflow: hidden
}

@media (max-width:767px) {
  .modal-content {
    border: none;
    border-radius: 0
  }
}

.modal-file-types {
  color: #999;
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
  max-width: 190px
}

.cb-brand-modal img {
  display: block;
  margin-left: auto;
  margin-right: auto
}

@media (min-width:768px) {
  .modal-map {
    margin: 0 -40px -35px
  }
}

@media (max-width:767px) {
  .modal-map {
    margin: 0 -20px -5px
  }
}

.modal-map img {
  display: block;
  width: 100%
}

@media (max-width:991px) {
  .modal-fill-column-tab {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .modal-fill-column-tab textarea {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
}

@media (max-width:767px) {
  .modal-fill-column-mob {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .modal-fill-column-mob textarea {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
}

.modal .tooltip {
  z-index: 10030
}

.modal .dropdown-menu {
  z-index: 10025
}

.modal .dropdown-menu.show {
  z-index: 10024
}

.c-social-links-wrap {
  margin: 0 -5px
}

.c-social-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  border-radius: 4px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  height: 40px;
  justify-content: center;
  margin: 5px;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  width: 40px
}

.c-social-link .ico,
.c-social-link .ico path {
  max-height: 18px;
  max-width: 18px;
  width: 18px
}

.c-social-link img {
  min-height: 100%;
  min-width: 100%
}

.c-social-link:hover {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15)
}

.usr-settings-box-content .c-social-link:not(.active) {
  opacity: .5
}

.usr-settings-box-content .form-row{
  align-items: center;
}

.usr-settings-box-content .control-label{
  font-size: 13px;
}

@media (max-width: 767px) {
  .usr-settings-box-content .control-label{
    font-size: 14px;
  }
}

.c-social-link-fb {
  background-color: #284b86
}

.c-social-link-fb path {
  fill: #fff
}

.c-social-link-tw {
  background-color: #0ebff8
}

.c-social-link-tw path {
  fill: #fff
}

.c-social-link-vk {
  background-color: #376590
}

.c-social-link-vk path {
  fill: #fff
}

.c-social-link-telegram {
  background-color: #25a4e4
}

.c-social-link-telegram path {
  fill: #fff
}

.c-social-link-od {
  background-color: #fd6e21
}

.c-social-link-od path {
  fill: #fff
}

.c-social-link-mm {
  background-color: #286cf1
}

.c-social-link-im {
  background-color: #e1306c
}

.c-social-link-im path {
  fill: #fff
}

.c-social-link-ya {
  background-color: #ed0c19
}

.c-social-link-ya path {
  fill: #fff
}

.c-social-link-twitter {
  background-color: #1da1f2
}

.c-social-link-yahoo {
  background-color: #6441d1
}

.c-social-link-yahoo path {
  fill: #fff
}

.c-social-link-aol {
  background-color: #39f
}

.c-social-link-aol path {
  fill: #fff
}

.c-social-link-live {
  background-color: #0067b8
}

.c-social-link-live path {
  fill: #fff
}

.c-social-link-linkedin {
  background-color: #0e72a3
}

.c-social-link-linkedin path {
  fill: #fff
}

.c-social-link-foursquare {
  background-color: #ed4b73
}

.c-social-link-foursquare path {
  fill: #fff
}

.c-social-link-gg {
  background-color: #5591f5;
  padding: 1px
}

.c-social-link-gg .ico {
  background: #fff;
  border-radius: 4px;
  max-height: inherit;
  max-width: 100% !important;
  min-height: 100% !important;
  min-width: 100%;
  padding: 5px
}

.l-banner.l-banner-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
  margin-top: 0
}

.it-list-item .l-banner-link {
  display: block
}

.it-list-item .l-banner-link img {
  display: block;
  margin: 0 auto
}

.l-banner {
  /* margin: 60px 0 27px; */
  margin: 30px 0 0;
}

@media (max-width: 1023px) {
  .l-banner {
    margin: 10px 0;
  }
}

.l-banner .owl-dots {
  bottom: 27px;
  left: 0;
  position: absolute;
  right: 0
}

.l-banner .owl-dots:not(.active) {
  opacity: .5
}

@media (max-width:767px) {
  .l-banner .owl-dots {
    bottom: 10px
  }
}

.in-last-block:empty {
  display: none
}

.in-last-block .l-banner {
  margin-bottom: 0
}

.ib-banner,
.l-banner-h,
.l-banner-v {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px
}

.l-banner-v a {
  display: block
}

.l-banner-v a img {
  border-radius: 4px
}

@media (min-width:768px) {
  .l-banner-v-sticky {
    margin-bottom: 0;
    position: sticky;
    top: 20px
  }
}

.filepond--root {
  background: var(--clr-gray-light);
  border: 1px solid var(--clr-border-light);
  border-radius: 10px;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  margin-bottom: 0 !important
}

.filepond--drop-label {
  background: transparent !important
}

@media (min-width:768px) {
  .fc-popup {
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    left: 0;
    margin-top: 1px;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 11
  }

  .fc-popup.fc-popup-st-2 .fc-item:last-child {
    margin-bottom: 10px
  }
}

.fc-popup.fc-popup-st-2 .fc-item-r {
  margin-left: 37px
}

@media (max-width:767px) {
  .fc-popup.fc-popup-st-2 .fc-item-r {
    margin-left: 0
  }
  .wb-f-panel-header {
    margin-bottom: 46px !important;
  }
}

@media (min-width:768px) {
  .fc-popup.fc-popup-st-2 .fc-popup-in {
    padding-top: 12px
  }

  .fc-popup .wb-f-panel-header {
    display: none
  }
}

.fc-popup .wb-f-back,
.fc-popup .wb-f-close {
  z-index: 1
}

.fc-popup-head {
  position: relative
}

@media (min-width:768px) {
  .fc-popup-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 8px 4px 8px;
    z-index: 10
  }

  .fc-popup-head:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(top, #fff 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
    content: "";
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%
  }
}

.fc-popup-head-back {
  margin-right: 6px
}

@media (min-width:768px) {
  .fc-popup-head-back {
    display: block !important;
    line-height: 1
  }

  .fc-popup-head-back .ico {
    color: var(--primary-base-color);
    font-size: 18px
  }
}

@media (max-width:767px) {
  .fc-popup-head-back .ico {
    color: #c3c3c3
  }
}

.fc-popup-title {
  font-weight: 700
}

@media (min-width:768px) {
  .fc-popup-in {
    max-height: 630px;
    overflow: hidden;
    position: relative
  }
}

.fc-popup-in .ps__rail-y {
  background-color: transparent !important;
  margin: 5px 0;
  right: 0 !important;
  z-index: 10
}

@media (max-width:767px) {
  .fc-popup-in .ps__rail-y {
    display: none !important
  }
}

.fc-popup-mob-search-res {
  margin-top: 5px
}

@media (max-width:767px) {
  .fc-popup-mob-search-res .fc-item-r {
    padding-bottom: 15px;
    padding-top: 15px
  }
}

.fc-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 4px;
  transition: .2s ease;
}

.fc-item:hover {
  background: #f8f8f8
}

.fc-item:hover:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f8f8f8), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #f8f8f8 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #f8f8f8 50%, hsla(0, 0%, 100%, 0) 133.33%)
}

.fc-item:hover .fc-item-name {
  color: var(--clr-orange)
}

.fc-item:last-of-type .fc-item-r {
  border-bottom: none
}

.fc-item > img,
.fc-item > svg{
  display: none;
}

.fc-item.c-shadow-overflow:after {
  bottom: 2px;
  top: 2px
}

.j-cat-select-tree-step1{
  padding: 8px 0;
}

.fc-item-r {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 1;
  align-items: center;
  border-bottom: 1px solid #e8edef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 4px 0
}

.fc-item-r.flex-column {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.fc-item-r .c-drop-arrow{
  height: 15px;
  width: 15px;
  min-height: 15px;
  min-width: 15px;
  background-size: contain;
}

.fc-item-name {
  -webkit-box-flex: 1;
  color: var(--text-color);
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

@media (max-width: 767px) {
  .fc-item-name {
    font-size: 18px;
  }
}

.fc-item-pic {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 0;
  height: 20px;
  width: 20px
}
@media (max-width:767px) {
  .fc-quick-suggests-list {
    display: flex;
  }
  .fc-quick-suggests {
    -ms-overflow-style: none;
    max-width: 100%;
    overflow-x: auto;
    padding: 5px 10px;
    scrollbar-width: none;
    white-space: nowrap;
    display:flex;
  }

  .fc-quick-suggests .fc-item-r {
    border-bottom: 0;
    padding: 15px 0
  }
}

@media (max-width:767px) and (max-width:767px) {
  .fc-quick-suggests .fc-item {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 265px
  }

  .fc-quick-suggests .fc-item+.fc-item {
    margin-left: 10px
  }
}

@media (max-width:767px) {
  .fc-quick-suggests::-webkit-scrollbar {
    background: transparent;
    display: none;
    width: 0
  }
}

@media (max-width:767px) {

  .fc-cat-select-box.fc-mob-search-active .wb-f-panel-title,
  .fc-cat-select-box.fc-mob-search-active .wb-f-search {
    display: none
  }
}

.fc-cat-select-box.fc-mob-search-active .fc-quick-search-mob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.fc-cat-input {
  position: relative
}

.fc-cat-input .form-control {
  padding-right: 40px
}

.fc-cat-input-close {
  line-height: 1;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0
}

.fc-cat-selected {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--clr-border-light);
  border-radius: 8px;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  color: var(--clr-gray-hover);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 9px 8px;
}
/* .fc-cat-selected {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 15px 20px
} */

.fc-cat-selected+.fc-cat-selected {
  margin-top: 10px
}

.fc-cat-selected-with-close {
  position: relative
}

.fc-cat-selected-with-close .ico-cancel {
  background-color: #fff;
  position: absolute;
  right: 8px;
  top: 10px;
  line-height: 0.8;
}
.fc-cat-selected-with-close .ico-cancel svg {
  width: 18px;
  height: 18px;
}

.fc-cat-selected-with-close .fc-cat-selected-title {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: calc(100% - 47px);
  overflow: hidden
}

.fc-cat-selected-with-close .fc-cat-selected-title:before {
  display: none
}

.fc-cat-selected-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 20px;
  padding-bottom: 22px;
  color: var(--clr-darkest);
  position: relative;
  white-space: nowrap;
  width: 100%
}

.fc-cat-selected-title:hover {
  color: var(--clr-darkest);
}

.fc-cat-selected-title .c-cat-select-title-item.last {
  bottom: 0
}

.fc-cat-selected-title:before {
  background-color: #fff;
  bottom: 0;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px
}

.fc-cat-selected-ico {
  height: 20px;
  margin-right: 20px;
  max-width: 20px
}

.bnf-index-box {
  padding-bottom: 40px !important
}

.bnf-box {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  gap: 50px;
  justify-content: space-evenly
}

.bnf-box,
.bnf-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.bnf-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 267px
}

.bnf-item .c-title {
  color: var(--text-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  margin-top: 20px;
  text-align: center
}

.bnf-img {
  height: 96px;
  width: 96px
}

.bnf-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding-top: 45px
}

.bnf-btn .btn {
  font-size: 16px;
  padding: 12px 20px
}

.hvr-slider:after {
  clear: both;
  content: "";
  display: table
}

.hvr-slider {
  position: relative
}

.hvr-slider img {
  display: none
}

.hvr-slider img:first-child {
  display: block
}

.hvr-slider-wrap {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2
}

.hvr-slider-wrap .hvr-slider-wrap-table {
  display: table;
  height: 100%;
  width: 100%
}

.hvr-slider-wrap-table div {
  display: table-cell;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease
}


.h-header-nav.c-shadow-overflow:after {
  width: 21px
}

/* .h-header-nav-in {
  margin-left: auto
} */

.h-header-nav-more a {
  color: rgba(var(--links-color)) !important
}

/* .h-header {
  padding: 20px 0
} */

@media (min-width:1024px) {
  .h-header {
    max-width: 100%
  }
}

@media (max-width:1023px) {
  .h-header {
    padding: 0
  }
}

@media (max-width: 767px) {
  .l-page .h-header{
    padding: 36px 0 0;
  }
}

@media (max-width:576px) {
  .h-header .container {
    padding: 0
  }
}

.h-header-in {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:1023px) {
  .h-header-in {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    position: relative
  }

  .h-header-in .container {
    padding: 0
  }

  body.is-mob-nav-opened .h-header-r-actions,
  body.is-mob-nav-opened .l-banner.l-banner-top {
    z-index: 10020
  }

  body.is-mob-nav-opened .fl-search-container {
    position: static
  }
}

.h-header-r-actions {
  margin-left: auto
}

@media (max-width:1023px) {
  .h-header-r-actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    min-width: 100%
  }
}

@media (max-width:576px) {
  .h-header-r-actions {
    padding: 0 12px;
  }
}

.h-header-r-actions .c-link-fav .ico {
  font-size: 18px
}

.h-header-act {
  position: relative
}

.h-header-act:hover {
  opacity: .6
}

.h-header-act .c-count-dot {
  position: absolute
}

@media (max-width:767px) {
  .h-header-act .c-count-dot {
    right: 0;
    top: 5px
  }
}

@media (min-width:768px) {
  .h-header-act .c-count-dot {
    left: 12px;
    top: -5px
  }

  .h-header-m-nav-btn {
    display: none
  }
}

@media (max-width:767px) {
  .h-header-m-nav-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 42px;
    justify-content: center;
    margin-left: -15px;
    width: 50px
  }
}

.h-header-m-nav-btn.open span {
  background-color: var(--secondary-base-color)
}

.h-header-m-nav-btn span {
  background-color: #c3c3c3;
  border-radius: 2px;
  display: block;
  height: 3px;
  width: 18px
}

.h-header-m-nav-btn span+span {
  margin-top: 3px
}

.h-header-m-actions-r {
  margin-left: auto
}

.h-header-m-actions-r,
.h-header-r-menu {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.h-header-r-menu {
  position: relative
}

@media (min-width: 1024px) {
  .h-header-r-menu{
    bottom: -3px;
  }
}

@media (max-width:767px) {
  .h-header-r-menu {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    height: 100%;
    justify-content: flex-end;
    margin-left: auto
  }
}


@media (max-width:767px) {
  .h-header-r-menu .btn-add-item {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%;
    justify-content: center;
    margin-left: 10px;
    width: 44px
  }
}

@media (max-width:575px) {
  .h-header-r-menu .btn-add-item {
    margin-right: -10px
  }
}


.h-header-r-menu .c-ico-link .ico {
  height: 20px;
  margin-right: 0
}

@media (max-width:767px) {

  .h-header-r-menu .c-ico-link,
  .h-header-r-menu .in-user-open-act {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    justify-content: center;
    padding: 0 10px
  }
}

.in-user-menu {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width:768px) {
  .in-user-menu .c-ico-link {
    margin-right: 20px
  }
}

.in-user-dropdown {
  margin-left: 12px
}

@media (min-width:768px) {
  .in-user-dropdown {
    margin-top: 2px
  }
}

@media (max-width:767px) {
  .in-user-dropdown {
    display: none
  }
}



.in-user-dropdown a:not(.in-user-open-act) .ico {
  display: inline-block;
  margin-right: 8px
}

.in-user-dropdown .dropdown-menu {
  min-width: 179px
}

.in-user-dropdown-sub-title {
  margin: 10px 24px
}

@media (min-width:768px) {
  .in-user-dropdown .dropdown-menu {
    left: auto !important;
    right: auto;
    -webkit-transform: translate3d(0, 8px, 0) !important;
    transform: translate3d(0, 33px, 0) !important
  }
}

.in-user-dropdown-item-l,
.in-user-dropdown-txt {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.in-user-dropdown .dropdown-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .in-user-dropdown .dropdown-item {
    padding-left: 20px !important;
    padding-right: 20px !important
  }
}

.in-user-dropdown .dropdown-item .ico {
  color: #c3c3c3;
  display: inline-block;
  font-size: 16px;
  margin-right: 10px;
  max-width: 16px;
  min-width: 16px
}

.in-user-dropdown .dropdown-item .ico path {
  fill: #c3c3c3
}

.in-user-dropdown .dropdown-item .badge {
  font-size: 14px;
  font-weight: 400;
  line-height: 1
}

@media (max-width:767px) {
  .h-header .in-user-dropdown .dropdown-menu {
    display: none !important
  }
}

@media (max-width:991px) {
  .h-mob-user-menu-toggle:not(.collapsed) .ico {
    color: var(--secondary-base-color) !important
  }
}

/* .h-header-top-box {
  border-bottom: 1px solid #ebebeb;
  position: relative
} */

.h-header-top-box-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
}

.h-header-in.loaded .h-header-nav.c-shadow-overflow,
.h-header-top-box-in.loaded .h-header-nav.c-shadow-overflow {
  overflow: visible
}

.h-header-in.loaded .h-header-nav.c-shadow-overflow:after,
.h-header-top-box-in.loaded .h-header-nav.c-shadow-overflow:after {
  display: none
}

@media (min-width:768px) {
  .h-header-dropdown>.c-link-ajax {
    line-height: 43px
  }
}

@media (max-width:767px) {
  .h-header-dropdown .dr-collapse-act {
    padding: 10px 20px
  }
}

.h-header-nav {
  -webkit-box-flex: 1;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 20px
}

.h-header-nav,
.h-header-nav-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.h-header-nav-in {
  list-style-type: none;
  margin-bottom: 0
}

.h-header-nav-item {
  position: relative;
  white-space: nowrap
}

/* .h-header-nav-item+.h-header-nav-item {
  margin-left: 30px
} */

@media (min-width:768px) {
  .h-header-nav-item.active:before {
    border-bottom: 1px solid var(--clr-orange-secondary);
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
  }
}

.h-header-nav-item>a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

@media (min-width:768px) {
  .h-header-nav-item>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px
  }
}

.h-header-nav-more .dropdown-toggle {
  gap: 7px
}

@media (min-width:768px) {
  .h-header-nav-more .dropdown-menu li {
    margin-left: 0;
    white-space: nowrap
  }
}

@media (max-width:767px) {
  .h-mob-nav-langs .country-icon {
    margin-right: 10px;
    margin-top: -2px
  }

  .h-mob-nav-langs .dropdown-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 !important;
    height: 25px;
  }

  .h-mob-nav-langs-in {
    padding-bottom: 10px;
    padding-top: 5px
  }

  .h-mob-nav {
    background-color: #fff;
    -webkit-box-shadow: 1px 12px 46px -28px rgba(0, 0, 0, .25);
    box-shadow: 1px 12px 46px -28px rgba(0, 0, 0, .25);
    left: 0;
    margin-top: 0;
    overflow: hidden;
    position: absolute;
    top: 42px;
    width: 100%;
    z-index: 10020
  }
}

@media (max-width:767px) and (min-width:768px) {
  .h-mob-nav.collapse.show {
    display: none
  }
}

@media (max-width:767px) {
  .h-mob-nav li.active .dropdown-item {
    background-color: transparent !important;
    color: var(--primary-base-color) !important
  }

  .h-mob-nav .dropdown-item {
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    padding: 0 20px !important
  }

  .h-mob-nav .dropdown-item.active {
    background-color: transparent !important
  }

  .h-mob-nav .dropdown-item.active .ico {
    color: var(--primary-base-color)
  }

  .h-mob-nav .dropdown-item.active .ico path {
    fill: var(--primary-base-color)
  }

  .h-mob-nav .dropdown-item.active span {
    color: var(--primary-base-color)
  }

  .h-mob-nav .dropdown-item .c-drop-arrow {
    margin-left: 4px
  }

  .h-mob-nav .dropdown-item .ico {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px;
    width: 16px
  }

  .h-mob-nav .dropdown-item .ico path {
    fill: #c3c3c3
  }

  .h-mob-nav .dropdown-item .usr-count {
    margin-left: 10px
  }

  .h-mob-nav .divider {
    border-bottom: 1px solid #ebebeb;
    display: block;
    height: 1px;
    margin: 10px 20px
  }

  .h-mob-nav-in {
    border-top: 1px solid #ebebeb;
    padding: 10px 0
  }

  .h-mob-user-login {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    padding: 25px 20px
  }

  .h-mob-user-login .c-dot {
    margin: 0 15px
  }

  .l-banner-top+.h-header-top-box+.h-header+.h-mob-nav {
    top: 138px
  }
}

@media (min-width:768px) {
  .h-mob-nav {
    display: none !important
  }

  .h-header-border.container {
    max-width: none !important;
    padding: 0 !important
  }
}

@media (max-width:575px) {
  .h-header-border.container .border-bottom {
    margin-left: -20px;
    margin-right: -20px;
    width: auto
  }
}

.h-header-logo-mob img,
.h-header-logo-mob svg {
  height: 45px;
  max-width: 124px;
  min-width: 110px;
  -o-object-fit: contain;
  object-fit: contain
}

.h-header-logo-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.h-header-logo-title {
  font-size: 18px;
  margin-left: 10px;
  text-transform: uppercase
}

@media (max-width:991px) {
  .h-header-logo-title {
    font-size: 16px
  }
}

.h-header-logo-ver {
  color: #999;
  font-size: 12px;
  margin-left: 10px
}



@media (max-width: 1023px) {
  .f-footer {
    padding: 0 0 8px;
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .f-footer{
    padding-top: 8px;
  }
}

/* .f-footer-copy {
  color: #999;
  font-size: 12px;
  line-height: 18px
} */

@media (min-width:768px) {
  .f-footer-debug {
    padding-bottom: 83px
  }
}

@media (max-width:767px) {
  .f-footer-debug {
    padding-bottom: 172px
  }
}

.f-footer-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 1023px) {
  .f-footer-in {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .f-footer-in{
    align-items: center;
  }
}

.f-footer-l {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 18px;
  max-width: 362px;
  min-width: 362px
}

@media (max-width: 1023px) {
  .f-footer-l {
    margin-right: 0;
    max-width: 100%;
    width: 100%;
    text-align: left;
    margin-bottom: 12px;
  }
}

@media (min-width: 1024px) {
  .f-footer-l {
    margin-right: 10%
  }
}

@media (max-width: 767px) {
  .f-footer-l{
    display: none;
  }
}

.f-footer-logo-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.f-footer-logo {
    max-width: 174px;
    min-width: 110px;
    height: 54px;
}

@media (max-width: 1023px) {
  .f-footer-logo {
    max-width: 124px;
    height: 45px;
  }
}

.f-footer-r-counters {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  max-width: 60%
}

.rn-item-counter {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 15px
}

@media (max-width:767px) {
  .rn-item-counter {
    margin-right: 0;
    text-align: center;
    width: 100%
  }
}

.f-footer-info {
  margin-top: 10px
}


@media (max-width:767px) {
  .f-footer-text {
    font-size: 12px;
    font-weight: 500;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    text-align: center
  }
}

.l-content {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-direction: column;
  flex-direction: column
}

.l-content .container>.l-page-head:first-child {
  margin-top: 15px
}

@media (max-width:767px) {
  .l-content .container>.l-page-head:first-child {
    margin-top: 10px
  }
}

.l-content>.pb-4.text-center {
  margin-bottom: auto;
  margin-top: auto
}

.l-columns-box-l {
  max-width: 100%;
  min-width: 0
}

.l-columns-box-l,
.l-content-white {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.l-content-white {
  background-color: #fff !important;
  /* border-top: 1px solid #ebebeb */
}

.l-content-minimal .l-content-white {
  border-top: 0 !important;
  padding-top: 0 !important
}

.l-content-minimal .container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.l-content-minimal .container,
.l-content-minimal .container .row {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.l-page {
  max-width: 100%;
  min-height: 100dvh;
  overflow: hidden;
}

.l-flex-column-content,
.l-page {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-direction: column;
  flex-direction: column
}

.l-busy-layer {
  background-color: #000;
  height: 100vh;
  left: 0;
  opacity: .5;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 10000
}

.l-header-short {
  padding: 40px 0 20px;
  position: relative
}

@media (max-width:767px) {
  .l-header-short {
    padding: 20px 0 15px
  }
}

.l-content-short {
  padding-bottom: 36px
}

.l-content-short .l-short-page-footer>*+* {
  margin-top: 5px
}

.l-page-short-info {
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 520px
}

.l-page-short-info,
.l-page-short-info .l-content-short {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.l-page-short-info .l-content-short {
  -webkit-box-flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  text-align: center
}

.l-page-short-info .l-header-short-heading-title {
  margin-bottom: 25px
}

@media (max-width:767px) {
  .l-page-short-info .l-header-short-heading-title {
    margin-bottom: 15px
  }
}

.l-page-short-info .ico-check {
  margin-bottom: 15px
}

@media (max-width:767px) {
  .l-page-short-info .ico-check .ico {
    max-height: 60px;
    max-width: 60px
  }
}

.l-page-short-info .l-short-page-footer {
  margin-top: 28px
}

.l-page-short-info p {
  font-size: 16px;
  line-height: 24px
}

.l-short-page-footer {
  font-size: 14px;
  line-height: 20px
}

.l-short-page-footer li+li {
  margin-top: 10px
}

.l-header-short-logo {
  color: var(--text-color) !important;
  display: block;
  margin: 0 auto;
  max-width: 300px;
  text-align: center
}

@media (max-width: 1023px) {
  .l-page-auth .l-header-short-logo{
    max-width: none;
    padding: 0 16px;
    text-align: left;
  }
  .l-page-auth .l-header-short-logo > img{
    max-width: 124px;
    object-fit: contain;
  }
}

.l-header-short-logo-title {
  font-size: 20px;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 12px;
}

.l-header-short-heading-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 15px;
  text-align: center
}

@media (max-width:767px) {
  .l-header-short-heading-title {
    font-size: 18px;
    line-height: 26px
  }
}

.l-away-ico {
  margin-bottom: 17px;
  text-align: center
}

.l-away-ico .ico {
  -webkit-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
  height: 74px;
  width: 74px
}

.l-page-head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

#j-companies-search-list .l-page-head{
  margin-bottom: 24px;
}

@media (max-width: 1023px) {
  .l-page-head.l-page-head--comcreate{
    justify-content: center;
    display: flex;
    padding-top: 1px;
  }
}

@media (max-width:991px) {
  .l-page-head {
    margin-bottom: 16px
  }
}

@media (max-width: 767px) {
  .l-page-head{
    margin-bottom: 16px;
    margin-top: 14px;
  }
}

.l-page-head .c-title {
  display: inline
}

.l-page-head .badge {
  font-size: 12px;
  line-height: 16px;
  margin-left: 15px
}

@media (max-width:767px) {
  .l-page-head .badge {
    margin-left: 0;
    margin-top: 5px;
    vertical-align: top
  }
}

.l-page-head .vw-dynprops {
  margin-bottom: 0;
  margin-top: 20px
}

.l-page-head-cabinet {
  margin-top: 15px
}

@media (max-width:767px) {
  .l-page-head-cabinet {
    margin-top: 10px
  }
}

.l-page-title {
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--clr-darkest);
}

@media (max-width: 1023px) {
  .l-page-head--comcreate .l-page-title{
    font-size: 15px;
    font-weight: 500;
    text-align: center;
  }
}

@media (max-width:991px) {
  .l-page-title {
    font-size: 22px;
    line-height: 27px
  }
}

@media (max-width:767px) {
  .l-page-title {
    display: inline-block;
    position: relative;
    line-height: 1.18;
  }
}

@media (max-width: 575px) {
  .l-page-title{
    font-size: 20px;
  }
}

.l-page-item-r-info {
  color: #999;
  font-size: 12px;
  line-height: 18px;
  margin-left: auto;
  padding-left: 15px;
  text-align: right
}

@media (max-width:767px) {
  .l-page-item-r-info {
    padding-left: 0;
    position: relative;
    text-align: left
  }

  .l-page-item-r-info .c-link-ajax {
    position: absolute;
    right: 0;
    top: 0
  }

  .l-page-item-r-info .c-link-ajax span {
    color: #999
  }
}

.l-info {
  color: #999;
  font-size: 12px;
  line-height: 18px;
  margin-top: auto
}

@media (min-width:768px) {
  .l-info {
    border-top: 1px solid #ebebeb
  }
}

.l-info .container {
  padding-bottom: 15px;
  padding-top: 15px
}

@media (max-width:767px) {
  .l-info .container {
    padding: 15px 10px
  }
}

.l-info .container:empty {
  display: none
}

.l-page-auth {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width: 1023px) {
  .l-page-auth{
    background-image: url(../css/images/l-page-auth.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}

.l-page-auth .l-content-short {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
  /* margin-top: auto; */
}

.l-page-auth .l-content-short,
.l-sub-head-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 1023px) {
  .l-page-auth .l-content-short{
    align-items: flex-end;
    padding-bottom: 57px;
    overflow: hidden;
  }
}

@media (max-width: 575px) {
  .l-page-auth .l-content-short .container{
    padding-left: 0;
    padding-right: 0;
  }
}

.l-sub-head-box {
  margin-bottom: 15px
}

@media (max-width:1200px) {
  .l-sub-head-box {
    display: block;
    margin-bottom: 10px
  }
}

.l-sub-head-box .usr-content-top-search {
  margin-right: 20px;
  width: 232px
}

.l-sub-head-box-l {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

@media (min-width:992px) {
  .l-sub-head-box-l {
    padding-right: 20px
  }
}

@media (max-width:1199px) {
  .l-sub-head-box-l {
    padding-bottom: 10px
  }
}

.l-sub-head-box-l .usr-content-top-search {
  margin-left: 0
}

@media (max-width:991px) {
  .l-sub-head-box-l .dropdown {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }

  .l-sub-head-box-l .dropdown .btn {
    width: 100%
  }
}

.l-sub-head-box-r {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.l-sub-head-box-r .it-list-view-toggle {
  margin-left: 10px
}

.l-sub-head-box-r .it-list-view-toggle-act {
  padding-bottom: 0;
  padding-top: 0
}

.l-sub-head-box-r .it-list-view-toggle-act:after {
  display: none
}

@media (max-width:767px) {
  .l-sub-head-box-r .dropdown-toggle {
    padding-bottom: 5px !important
  }
}

.l-table-actions>a .ico {
  font-size: 13px
}

.l-table-mob-control .ico {
  font-size: 16px
}

.l-columns-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px
}

@media (max-width:1023px) {
  .l-columns-box {
    -ms-flex-flow: wrap;
    flex-flow: wrap
  }
}

.l-sidebar {
  -ms-overflow-style: none;
  scrollbar-width: none
}

.l-sidebar::-webkit-scrollbar {
  background: transparent;
  display: none;
  width: 0
}

.l-sidebar:empty {
  display: none
}

@media (min-width:1024px) {

  .l-aside,
  .u-cabinet-aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 280px
  }
}

@media (max-width:1023px) {

  .l-aside,
  .u-cabinet-aside {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: 40px;
    width: 100%
  }

  .l-aside.order-first,
  .u-cabinet-aside.order-first {
    margin-top: 0
  }

  .l-aside .l-banner-v,
  .u-cabinet-aside .l-banner-v {
    margin-bottom: 0
  }
}

.l-aside {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 44px;
  margin-bottom: 0
}

.l-sidebar-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 15px
}

.l-sidebar-item+.l-sidebar-item {
  margin-top: 20px
}

.l-sidebar-nav li+li {
  margin-top: 15px
}

.l-section-right-left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

@media (max-width:767px) {
  .l-section-right-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (min-width:768px) {
  .l-section-right-left-r {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 20px
  }
}

.l-section-right-left-r {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width:768px) {
  .l-section-right-left-r {
    margin-left: auto
  }
}

.l-list-empty {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  min-height: 300px;
  width: 100%
}

.l-svc-form {
  padding-top: 10px
}

.l-columns-box-w-aside {
  gap: 20px
}

.l-columns-box {
  padding-bottom: 30px
}

@media (max-width: 1023px) {
  .l-columns-box{
    padding-bottom: 20px;
  }
}

.l-content-white {
  padding-top: 15px
}

.l-content-minimal {
  border-top: 1px solid #ebebeb;
  padding-top: 15px
}
.rw-create-page.l-content-minimal {
  border-top: 0;
  padding-top: 30px;
}

@media (min-width:768px) {
  .d-fl-breakpoint-none {
    display: none !important
  }
}

@media (max-width:768px) {
  .d-fl-breakpoint-flex {
    display: none !important
  }
}

@media (min-width:768px) {
  .d-fl-breakpoint-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
}

@media (max-width:767px) {
  .fl-geo-input {
    display: none !important
  }
}


.fl-dropdown-suggest li {
  position: relative
}

.fl-dropdown-suggest li+li:before {
  border-top: 1px solid #e8edef;
  content: "";
  display: block;
  height: 1px;
  left: 20px;
  position: absolute;
  right: 20px;
  top: 0
}

.fl-dropdown-suggest .dropdown-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  padding: 13px 20px !important
}

.fl-dropdown-suggest .fs-14 {
  line-height: 19px
}

@media (min-width:768px) {
  .fl-dropdown-scrolled {
    max-height: 300px;
    position: relative
  }

  .fl-dropdown-scrolled:not(.ps) {
    overflow: auto
  }
}

.c-cat-line .fl-dropdown-header {
  margin-top: 0
}

.fl-dropdown-body {
  padding-left: 0 !important;
  position: relative
}

@media (min-width:768px) {
  .fl-dropdown-body {
    margin-bottom: 0;
    padding: 12px 0
  }
}

.fl-dropdown-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px
}

@media (min-width:768px) {
  .fl-dyn-dropdown-footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e8edef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 220px;
    padding: 15px 20px
  }

  .fl-dyn-dropdown-footer .checkbox {
    padding-left: 10px
  }
}

.fl-dyn-dropdown-footer .btn-info,
.fl-filter-options-footer .btn-info {
  background-color: #0096c7;
  background-image: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  line-height: 30px !important;
  max-height: 30px;
  min-height: inherit;
  padding-bottom: 0;
  padding-top: 0;
  text-shadow: none
}

.fl-dyn-dropdown-footer .btn-info:hover,
.fl-filter-options-footer .btn-info:hover {
  opacity: .8
}

.fl-dyn-dropdown-footer .btn-cancel,
.fl-filter-options-footer .btn-cancel {
  background-image: none;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none
}

.fl-dyn-dropdown-footer .btn-cancel:hover,
.fl-filter-options-footer .btn-cancel:hover {
  border-color: #c3c3c3
}

.fl-dyn-not-important {
  margin-left: auto;
  padding-left: 15px;
  white-space: nowrap
}

.fl-dyn-not-important .checkbox {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  margin-top: 0
}

@media (max-width:767px) {

  .fl-dyn-dropdown-label-styles,
  .fl-dyn-dropdown-label-styles>div {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
  }
}

.fl-dyn-dropdown-label-styles:empty,
.fl-dyn-dropdown-label-styles:empty+.divider,
.fl-dyn-dropdown-label-styles>div:empty,
.fl-dyn-dropdown-label-styles>div:empty+.divider {
  display: none
}

.fl-dyn-dropdown-label-styles ul,
.fl-dyn-dropdown-label-styles>div ul {
  list-style-type: none;
  margin-bottom: 0;
  max-width: 100%
}

@media (min-width:768px) {

  .fl-dyn-dropdown-label-styles ul,
  .fl-dyn-dropdown-label-styles>div ul {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
}

@media (max-width: 991px) {
  .fl-dyn-dropdown-label-styles ul, .fl-dyn-dropdown-label-styles>div ul{
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    padding: 0 16px;
  }
  .fl-dyn-dropdown-label-styles ul + ul{
    margin-top: 4px;
  }
}

.fl-dyn-dropdown-label-styles ul:only-of-type,
.fl-dyn-dropdown-label-styles>div ul:only-of-type {
  max-width: 100%;
  display: flex;
  padding: 0 16px 16px;
  gap: 4px;
  flex-wrap: wrap;
}

@media (min-width:768px) {

  .fl-dyn-dropdown-label-styles ul li,
  .fl-dyn-dropdown-label-styles>div ul li {
    line-height: 26px;
    max-width: 100%;
    text-align: left;
    white-space: nowrap
  }

  .fl-dyn-dropdown-label-styles ul li .checkbox,
  .fl-dyn-dropdown-label-styles>div ul li .checkbox {
    padding: 2px 0
  }

  .fl-dyn-dropdown-label-styles label:not(.form-check-label-reset),
  .fl-dyn-dropdown-label-styles>div label:not(.form-check-label-reset) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    height: 31px;
    line-height: 31px;
    padding: 0 15px;
    position: relative
  }
}

.fl-all-link {
  display: inline-block
}

@media (min-width:768px) {
  .fl-metro-item+.fl-metro-item {
    border-top: 1px solid #ebebeb
  }
}

.fl-metro-item .fl-dyn-dropdown-label-styles {
  margin: -5px 0 5px
}

.fl-metro-item .fl-metro-item-branch {
  height: auto;
  margin: 0 -20px;
  width: auto
}

@media (min-width:768px) {
  .fl-metro-item .fl-metro-item-branch {
    padding: 13px 20px !important
  }
}

@media (max-width:767px) {
  .fl-metro-item .fl-metro-item-branch {
    margin: 0;
    padding: 20px !important
  }
}

.fl-metro-item .fl-metro-item-branch:not(.collapsed) .c-drop-arrow {
  -webkit-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important
}

.fl-metro-item .fl-metro-item-branch .c-drop-arrow {
  -webkit-transform: rotate(0) !important;
  -ms-transform: rotate(0) !important;
  transform: rotate(0) !important
}

@media (min-width:768px) {
  .fl-dyn-dropdown-metro-list .form-check-label {
    padding-left: 26px !important
  }
}

.fl-metro-item-color {
  -webkit-box-flex: 0;
  border-radius: 50%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 16px;
  margin-right: 10px;
  position: relative;
  width: 16px
}

.fl-metro-item-count {
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  height: 16px;
  left: 0;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 16px
}

.mob-fl-cats .mob-fl-cat-header {
  margin: 0 -20px
}

.fl-filter-options {
  position: relative
}

@media (min-width:768px) {
  .fl-filter-options {
    margin-top: 10px
  }
}

@media (max-width:767px) {
  .fl-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid var(--primary-base-color);
    height: 0;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 10
  }
}

@media (min-width:768px) {
  .fl-dropdown-header {
    border-radius: 20px 20px 0 0;
    padding: 12px 20px;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #E0E0E0;
  }
}

@media (max-width:767px) {
  .fl-dropdown-header {
    padding: 15px
  }
}

@media (min-width:768px) {
  .fl-dropdown-header-l {
    margin-right: 20px
  }
}

@media (max-width:767px) {
  .fl-dropdown-header-l {
    width: 100%
  }
}

@media (min-width:768px) {
  .fl-dropdown-header-l .fc-item-pic {
    display: block;
    height: auto;
    max-height: 70px;
    max-width: 70px;
    min-width: 20px;
    width: auto
  }

  .fl-dropdown-header-l .fc-item-pic img,
  .fl-dropdown-header-l .fc-item-pic svg {
    height: auto;
    max-width: 100%
  }
}

@media (max-width:767px) {
  .fl-dropdown-header-r {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%
  }
}

@media (min-width:768px) {
  .fl-dropdown-header-r .fl-search-back {
    margin-bottom: 5px
  }
}

.fl-dropdown-header-in {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

@media (max-width:767px) {
  .fl-dropdown-header-in {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.fl-dropdown-header-close {
  font-size: 14px;
  line-height: 1;
  opacity: 1;
  position: absolute;
  right: 15px;
  text-shadow: none;
  top: 15px;
  z-index: 10
}

@media (min-width:768px) {
  .fl-search-back {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    text-decoration: none
  }

  .fl-search-back .ico {
    font-size: 16px;
    margin-top: -1px;
    max-width: 16px;
    min-width: 16px
  }

  .fl-search-back-sm .ico {
    font-size: 12px;
    line-height: 15px;
    max-width: 11px;
    min-width: 11px
  }
}

.fl-search-next {
  margin-bottom: 0;
  margin-left: 5px
}

.fl-search-next .ico {
  margin-left: 5px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

/* .fl-search-dynamics {
  margin-top: 20px
} */

@media (max-width:767px) {
  .fl-search-dynamics {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width:768px) {
  .fl-search-dynamics-btn {
    display: none
  }
}

.fl-search-dynamics-in {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

@media (max-width:767px) {
  .fl-search-dynamics-in {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .fl-search-dynamics-in.j-filter-items-box{
    flex-direction: row;
    gap: 4px;
    padding: 0 16px;
  }
  .fl-search-dynamics-in.j-filter-items-box .dropdown{
    width: calc(100% + 32px);
    margin: 0 -16px;
  }
}

@media (min-width:768px) {
  .fl-search-dynamics-in {
    gap: 10px
  }

  .fl-dyn-item-row {
    background-color: #fff
  }
}

@media (max-width:767px) {
  .fl-dyn-item-row {
    width: 100%;
    z-index: 10
  }
}

@media (min-width:768px) {
  .fl-dyn-item-row .fl-aside-filter-item-head {
    min-height: 44px;
    padding-bottom: 2px;
    padding-top: 2px
  }

  .fl-dyn-item-row .fl-aside-filter-item-head .fl-aside-filter-item-title {
    min-height: 20px
  }

  .fl-dyn-item-row.open .c-drop-arrow {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
  }
}

.fl-search-dynamics-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .fl-search-dynamics-check {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width:768px) {
  .fl-search-dynamics-check {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.fl-search-dynamics-check .form-check-label {
  cursor: pointer;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0
}

@media (min-width:768px) {
  .fl-search-dynamics-check .form-check-label {
    margin-left: 10px
  }
}

.fl-search-dynamics-check .ico-check {
  margin-top: 0
}

.fl-search-dyn-fromto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  position: relative
}

@media (min-width:768px) {
  .fl-search-dyn-fromto {
    padding: 5px 15px
  }
}

.fl-search-dyn-fromto.fl-search-cats-dropdown-head-shdw {
  padding-bottom: 0
}

.fl-search-dyn-fromto.fl-search-cats-dropdown-head-shdw:before {
  bottom: -15px;
  height: 11px
}

@media (max-width:767px) {
  .fl-search-dyn-fromto .form-control {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
  .fl-search-dyn-fromto .fl-search-price-control{
    width: 100%;
    max-width: 50%;
  }
}

.fl-search-dyn-fromto span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.fl-search-dyn-fromto select {
  background-position: right 7px center;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 25px
}

.fl-search-dyn-fromto .fl-search-dyn-close {
  right: 30px;
  top: 14px
}

.fl-search-dyn-fromto>.align-self-center:empty {
  display: none
}

.fl-search-dyn-close {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  justify-content: center;
  position: absolute;
  right: 22px;
  top: 15px;
  width: 16px
}

.fl-search-dyn-close.hide {
  display: none
}

.fl-search-dyn-close .ico {
  max-width: 11px
}

.fl-search-all-region {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--clr-blue);
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  white-space: nowrap;
  transition: .2s ease;
}

.fl-search-all-region:hover{
  opacity: .7;
}

@media (min-width:768px) {
  .fl-search-dropdown-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--clr-darkest);
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    padding-right: 10px;
    white-space: nowrap
  }
}

@media (max-width:767px) {
  .fl-search-dropdown-title {
    width: 100%
  }
}

.fl-search-cats-dropdown {
  display: none
}

@media (max-width: 1023px){
  .fl-search-cats-dropdown{
    display: block;
  }
}

@media (min-width:1024px) {
  .fl-search-cats-dropdown {
    background-color: #fff;
    border-radius: 20px;
    /* -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1); */
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, .1); */
    left: 0;
    max-width: 620px;
    min-width: 200px;
    position: absolute;
    top: calc(100% + 2px);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10001
  }
}

@media (max-width:767px) {
  .fl-search-cats-dropdown {
    opacity: 1 !important
  }

  .fl-search-cats-dropdown.open {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .fl-search-cats-dropdown .divider,
  .fl-search-cats-dropdown .fl-dropdown-header-l {
    display: none
  }
}

.fl-search-cats-dropdown .dropdown-item {
  position: relative
}

.fl-search-cats-dropdown .dropdown-item:hover {
  z-index: 11
}

@media (max-width:767px) {
  .fl-search-cats-dropdown li.active:first-child {
    margin-top: 10px
  }
}

@media (min-width:768px) {
  .fl-search-cats-metro {
    width: 300px
  }
}

@media (max-width:767px) {
  .fl-search-cats-metro .tab-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }

  .fl-search-cats-metro .wb-f-panel-body {
    height: calc(100vh - 147px)
  }
}

.fl-dyn-dropdown {
  padding: 0
}

@media (min-width:768px) {
  .fl-dyn-dropdown {
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    left: 0;
    max-width: 350px;
    min-width: 250px;
    position: absolute;
    z-index: 10025
  }
}

.fl-dyn-dropdown .ps__rail-y {
  margin: 5px 0;
  z-index: 12
}

@media (max-width:768px) {
  .fl-dyn-dropdown .ps__rail-y {
    background-color: transparent !important
  }
}

@media (min-width:768px) {
  .fl-dyn-dropdown .dropdown-item.has-checkboxes {
    padding-left: 40px !important
  }
}

@media (max-width:767px) {
  .fl-dyn-dropdown .dropdown-item.has-checkboxes {
    padding-left: 45px !important
  }
}

@media (min-width:768px) {
  .fl-dyn-dropdown-header {
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .fl-dyn-dropdown-body {
    padding: 10px 20px
  }

  .fl-dyn-dropdown-body .form-check-label {
    padding: 0
  }

  .fl-dyn-dropdown-in {
    padding: 10px 0
  }

  .fl-dyn-dropdown-in .fl-dyn-dropdown-header {
    margin-top: -10px
  }

  .fl-dyn-dropdown-in .fl-dyn-dropdown-body {
    margin-bottom: -10px
  }
}

.fl-dyn-dropdown-in .divider:first-child {
  display: none
}

.fl-dyn-dropdown-header-act {
  -webkit-box-flex: 1;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid transparent !important;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 15px;
  text-align: center;
  width: 50%
}

.fl-dyn-dropdown-header-act.active {
  border-bottom-color: var(--primary-base-color) !important;
  z-index: 1
}

@media (max-width:768px) {
  .fl-dyn-dropdown-header-act {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
  }
}

.fl-search-cats-count {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  margin-top: 4px;
  white-space: nowrap
}

@media (max-width:767px) {
  .fl-search-cats-count {
    display: none
  }
}

.fl-search-cats-list {
  position: relative
}

@media (min-width:768px) {
  .fl-search-cats-list {
    padding: 10px 20px
  }
}

.fl-search-cats-list .fl-search-cat-pic {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-flex: 0;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 0;
  justify-content: center
}

@media (min-width:768px) {
  .fl-search-cats-list .fl-search-cat-pic {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 25px;
    width: 25px
  }
}

@media (max-width:767px) {
  .fl-search-cats-list .fl-search-cat-pic {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    height: 18px;
    justify-content: flex-start;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 0 !important;
    width: 18px
  }
}

.fl-search-cats-list .fl-search-cats-list-in {
  list-style: none;
  padding-left: 0 !important
}

@media (max-width:767px) {
  .fl-search-cats-list .fl-search-cats-list-in {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0
  }
}

@media (min-width:768px) {
  .fl-search-cats-list .fl-search-cats-item-name {
    margin-left: 10px;
    padding: 10px 0
  }

  .fl-search-cats-item-name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
  }

  .fl-search-cats-sub-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: 10px
  }

  .fl-search-cats-sub-list .fl-search-cats-item-name {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%
  }
}

.fc-item-pic circle,
.fc-item-pic path,
.fl-search-cat-pic circle,
.fl-search-cat-pic path {
  stroke: var(--icons-color)
}

.fl-search-cats-item {
  list-style-type: none !important;
  margin-top: 0 !important
}

@media (max-width:767px) {
  .fl-search-cats-item {
    max-width: 100%
  }
}

@media (min-width:768px) {
  .fl-search-cats-item+.fl-search-cats-item .fl-search-cats-item-name {
    border-top: 1px solid #e8edef
  }

  .fl-search-cats-item .c-drop-arrow {
    display: none
  }

  .fl-search-cats-item-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.fl-search-sub-cats {
  list-style: none !important;
  margin-bottom: 0 !important
}

@media (min-width:768px) {
  .fl-search-sub-cats {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 250px;
    padding: 0 10px !important
  }
}

.fl-search-sub-cats li {
  list-style-type: none !important
}

@media (min-width:768px) {
  .fl-search-sub-cats li {
    background: transparent !important;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    white-space: nowrap
  }

  .fl-search-sub-cats li .c-drop-arrow {
    margin-left: 4px;
    margin-top: -1px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  .fl-search-sub-cats li .hidden-link,
  .fl-search-sub-cats li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    overflow: hidden;
    padding: 2px 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
  }
}

.fl-search-cats-dropdown-head-shdw {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  padding: 4px 20px 0;
  position: relative
}

.fl-search-cats-dropdown-head-shdw:before {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(top, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(180deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  bottom: -18px;
  content: "";
  height: 17px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 100
}

.fl-filter-options-title {
  position: relative;
  text-align: center
}

@media (min-width:768px) {
  .fl-filter-options-title {
    display: none
  }
}

.fl-filter-options-item .select-box {
  position: relative
}

.fl-filter-options-item .select-box:after {
  background-image: url(../css/images/arrow.svg?a870a5c2a903e4f05f823ab64aea4dd8);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  right: 10px;
  top: 15px;
  width: 9px
}

@media (max-width:767px) {

  .fl-filter-options-item input,
  .fl-filter-options-item select {
    min-height: 34px
  }
}

.fl-filter-options-item .checkbox,
.fl-filter-options-item input,
.fl-filter-options-item select {
  margin-bottom: 0;
  margin-top: 0;
  width: 100%
}

.fl-filter-options-item select {
  background-color: #fff;
  line-height: 1.5
}

.fl-filter-options-item .checkbox {
  font-weight: 400;
  padding-left: 0
}

.fl-filter-options-footer,
.fl-filter-options-item+.fl-filter-options-item {
  margin-top: 10px
}

.fl-filter-options-footer .btn {
  height: 34px;
  line-height: 32px;
  max-height: 34px;
  padding-bottom: 0;
  padding-top: 0
}

.fl-filter-options-footer .btn-cancel {
  background-color: #fff
}

@media (max-width:767px) {
  .fl-filter-box-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
  }
}

@media (min-width:768px) {
  .fl-filter-box-mobile {
    display: none
  }
}

.fc-quick-search-title-t {
  color: #999;
  padding: 15px 20px 3px
}

@media (max-width:767px) {
  .fc-quick-search-title-t {
    padding-bottom: 10px
  }
}

.fc-quick-search-mob {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

@media (min-width:768px) {
  .fc-quick-search-mob {
    display: none !important
  }
}

.fc-quick-search-mob .wb-f-search-close .ico{
  /* margin: 0 !important;
  position: absolute !important;
  right: 10px;
  top: 7px;
  z-index: 10 */
  width: 24px;
  height: 24px;
}

.fc-quick-search-mob .form-control {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid transparent !important;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  height: 100%;
  margin-top: 2px;
  padding-left: 58px;
  padding-right: 50px;
  font-size: 18px;
  margin-top: 77px;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid var(--clr-border-light) !important;
  border-radius: 8px;
  min-height: 40px;
}

.fc-quick-search-mob .form-control::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px
}

.fc-quick-search-mob .form-control::-moz-placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px
}

.fc-quick-search-mob .form-control:-ms-input-placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px
}

.fc-quick-search-mob .form-control:-moz-placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px
}

/* @media (max-width:767px) {
  .fc-quick-search-mob-title {
    margin-left: 38px !important
  }
} */

.fc-quick-search-title-b {
  color: #999;
  padding: 25px 20px 10px
}

@media (max-width:767px) {
  .fc-quick-search-title-b {
    padding-top: 20px
  }
}

.fc-quick-search-path {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 18px
}

.fc-quick-search-nothing {
  padding: 20px
}

.fl-search-h-results {
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #E0E0E0;
  display: none;
  max-width: 100%;
  min-width: 100%;
  padding: 16px 0;
  position: absolute;
  top: 100%;
  z-index: 10000
}

@media (max-width: 1023px) {
  .fl-search-h-results{
    border-radius: 10px;
  }
}

@media (max-width: 767px) {
  .fl-search-h-results{
    padding: 8px 0;
  }
}

.fl-search-quick-item {
  border: 1px solid #e8edef;
  border-radius: 4px;
  display: block;
  min-height: 100px;
  overflow: hidden;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.fl-search-quick-item:hover {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}

.fl-search-quick-item+.fl-search-quick-item {
  margin-top: 10px
}

.fl-search-quick-item .it-price {
  color: #000;
  display: block;
  margin-bottom: 5px
}

.fl-search-quick-item-l {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-flex: 0;
  align-items: center;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  justify-content: center
}

.fl-search-quick-item-l,
.fl-search-quick-item-l>img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  width: 100px
}

.fl-search-quick-item-l>img {
  -o-object-fit: cover;
  object-fit: cover
}

.fl-search-quick-item-l .it-img-box-empty {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%
}

.fl-search-quick-item-l .it-img-box-empty img {
  height: 50px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 50px
}

.fl-search-quick-item-r {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: 20px;
  white-space: nowrap
}

.fl-search-quick-title {
  display: block;
  margin-bottom: 6px
}

.fl-search-h-line,
.fl-search-quick-item-in {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.fl-search-h-line {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%
}

@media (max-width: 1023px) {
  .wb-f-filter.wb-f-filter-showed .fl-search-h-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: none !important;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto
  }
}

/* @media (min-width:768px) {
  .fl-search-h-line {
    background-color: #fff;
    border: 1px solid var(--primary-base-color);
    border-radius: 3px;
    height: 48px
  }
} */

@media (max-width: 1023px) {
  .fl-search-h-cat-box {
    height: 100%;
    position: relative;
    width: 100%
  }
}



/* @media (min-width:768px) and (max-width:991px) {
  .fl-search-h-cat {
    max-width: 170px;
    min-width: 170px
  }
} */

.fl-search-h-cat.open .c-drop-arrow {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

.fl-search-h-cat.open:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media (min-width:768px) {
  .fl-search-h-cat .c-drop-arrow {
    background-image: url(../css/images/arrow-white.svg?5e2dd1544de69f2dcade609f427ac4d5);
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

@media (max-width:767px) {
  .fl-search-h-cat-title {
    -webkit-box-flex: 1;
    color: var(--text-color);
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 10px
  }
}

@media (min-width:768px) {
  .fl-search-h-input-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
    position: relative
  }
}

.fl-search-h-input {
  height: 100%;
  border: none !important;
  border-radius: 3px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  margin-bottom: 0;
  padding-right: 50px;
  width: 100%;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  color: var(--clr-black);
}

@media (max-width: 1023px) {
  .fl-search-h-input{
    padding-left: 36px;
    padding-right: 36px;
  }
}

@media (min-width:768px) {


  .fl-geo-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }

  .fl-geo-input .ico {
    display: none
  }

  .fl-geo-blocks-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative
  }
}

@media (max-width: 1023px) {
  .wb-f-filter.wb-f-filter-showed .fl-geo-blocks-wrap{
    display: none;
  }
}

.fl-search-geo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}



@media (max-width:1023px) {
  .fl-search-geo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 150px
  }
}


@media (max-width:767px) {
  .fl-search-geo {
    position: relative
  }

  .fl-search-geo .c-close {
    display: none
  }
}

@media (min-width:768px) {
  .fl-search-geo .fl-dyn-dropdown {
    left: auto;
    right: 3px;
    top: 100%
  }
}

.fl-search-geo:empty {
  display: none
}

.fl-search-geo .fl-dropdown-header {
  margin-top: 0
}

@media (min-width:768px) {
  .fl-search-geo-region .badge {
    height: 18px;
    line-height: 18px;
    margin-right: 16px;
    min-width: 20px;
    padding: 0;
    text-align: center
  }
}

@media (max-width:767px) {
  .fl-search-geo-region .badge {
    display: none
  }
}

.fl-selected-geo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 1;
  align-items: center;
  color: var(--text-color) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  max-width: 100%;
  text-decoration: none !important
}

.fl-selected-geo.open+.fl-search-geo-dropdown {
  display: block
}

@media (max-width:767px) {
  .fl-selected-geo.open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }
}

.fl-selected-geo .ico {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  max-width: 14px;
  min-width: 14px
}

/* @media (min-width:768px) {
  .fl-selected-geo .c-drop-arrow {
    display: none
  }
} */

.fl-selected-geo-title {
  -webkit-box-flex: 1;
  display: inline-block;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  padding-right: 18px;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
}

@media (max-width:767px) {
  .fl-selected-geo-title {
    display: block !important
  }
}


@media (max-width:767px) {
  /* .fl-search-container.fl-on-list-page {
    left: 0;
    position: sticky;
    right: 0;
    top: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    visibility: visible !important;
    z-index: 10010
  }

  .fl-search-container.fl-on-list-page.down {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  .fl-search-container.fl-on-list-page.visible {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  } */

  body.is-filter-opened .fl-search-container {
    position: static !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    -webkit-transition: all;
    -o-transition: all;
    transition: all
  }
}

@media (max-width: 767px) {
  .fl-search-container.container{
    z-index: 1010;
  }
}

@media (max-width: 575px) {
  .fl-search-container.container{
    padding-left: 12px;
    padding-right: 12px;
  }
}

.fl-search-h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
/* 
@media (max-width:575px) {
  .fl-search-h {
    margin: 0 -20px
  }
} */

@media (max-width:767px) {
  /* .fl-search-h {
    padding: 10px
  } */

  .fl-search-h .fl-search-h-next .fl-search-h-cat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.fl-search-h .checkbox input[type=checkbox] {
  display: none
}

.fl-search-h .checkbox input[type=checkbox]:disabled {
  cursor: not-allowed
}

.fl-search-h .checkbox input[type=checkbox]:disabled+.rn-ico-check {
  opacity: .5
}

.fl-search-h select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

@media (min-width:768px) {
  .fl-search-h.fl-search-h-company:before {
    display: none
  }
}

/* .fl-search-h:before {
  background-color: var(--primary-base-color);
  bottom: -10px;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: -10px
} */

@media (min-width:768px) {
  .fl-search-h:before {
    opacity: .1
  }
}

@media (max-width:767px) {
  .fl-search-h:before {
    bottom: 0;
    top: 0
  }
}

.fl-search-h form {
  margin-bottom: 0
}

.fl-search-h input[type=hidden] {
  display: none !important
}

@media (max-width:767px) {
  .fl-search-h+.m-banner {
    margin-bottom: 0
  }
}

.fl-search-h>* {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%
}

.fl-search-h .container {
  position: relative
}

@media (max-width: 1023px) {
  .fl-search-h .container:before {
    background-color: #fff9e4;
    bottom: -10px;
    content: "";
    display: block;
    left: 5px;
    padding: 10px 0;
    position: absolute;
    right: 5px;
    top: -10px;
    z-index: -1
  }
}

@media (min-width: 1024px) {
  .fl-search-h.fl-search-h-index:before {
    display: none
  }
}

@media (max-width: 1023px) {
  .fl-search-h.fl-search-h-index .fl-search-h-line {
    padding-bottom: 0
  }
}

@media (min-width:768px) {
  .fl-search-h.fl-search-h-list:before {
    display: none
  }
}

.fl-search-h-form.query-active .fl-search-h-input-filter-toggle,
.fl-search-h-help:before {
  display: none
}

.fl-search-h-form.query-active .fl-search-h-input-filter-close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

@media (max-width:1023px) {

  .fl-search-h-form .fl-search-dynamics,
  /* .fl-search-h-form .fl-search-geo, */
  .fl-search-h-form .fl-search-h-cat-box {
    display: none;
    flex-direction: column;
  }
}

.fl-search-panel {
  /* margin-bottom: 5px; */
  /* padding: 0 10px; */
  position: relative
}

@media (max-width:767px) {
  .fl-search-panel {
    padding: 0;
    margin: 0;
  }
}

.fl-search-panel>* {
  position: relative
}

.fl-search-panel:before {
  display: block !important
}

@media (max-width: 1023px) {
  .fl-search-btn {
    left: -200px;
    position: absolute !important;
    visibility: hidden
  }
}

.fl-search-h-input-filter-close,
.fl-search-h-input-filter-toggle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  padding: 10px 13px;
  position: absolute;
  right: 0;
  top: 0
}
.fl-search-h-input-filter-close{
  display: none;
}

@media (min-width:1024px) {

  /* .fl-search-h-input-filter-close, */
  .fl-search-h-input-filter-toggle {
    display: none
  }
}

/* .fl-search-h-input-filter-close:before,
.fl-search-h-input-filter-toggle:before {
  border-left: 1px solid #e8edef;
  bottom: 5px;
  content: "";
  left: 0;
  position: absolute;
  top: 5px;
  width: 1px
} */

.fl-search-h-input-filter-close .ico,
.fl-search-h-input-filter-toggle .ico {
  color: #c3c3c3;
  font-size: 18px
}

/* .fl-search-h-input-filter-close {
  display: none
} */

/* @media (min-width:768px) {
  .fl-search-h-input-filter-close {
    display: none !important
  }
} */

.fl-search-h-input-filter-close:before {
  display: none
}

@media (max-width:1023px) {
  .fl-search-h-input-filter-toggle .c-count-dot {
    border-width: 2px;
    height: 13px;
    position: absolute;
    right: 8px;
    top: 5px;
    width: 13px
  }
}

@media (min-width:1024px) {
  .fl-search-h-input-filter-toggle .c-count-dot {
    display: none
  }
}

.fl-selected-geo-box {
  position: relative
}

@media (min-width:992px) {
  .fl-selected-geo-box {
    margin-right: 30px
  }
}


@media (min-width:1024px) {
  .fl-search-geo-dropdown {
    background-color: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 20px;
    position: absolute;
    top: 100%;
    transform: translateY(4px);
    z-index: 10000
  }
  .fl-search-geo-dropdown {
    min-width: 380px;
    right: 0
  }
}

/* @media (min-width:768px) and (max-width:991px) {
  .fl-search-geo-dropdown {
    max-width: 640px
  }
} */

/* @media (max-width:767px) {
  .fl-search-geo-dropdown {
    border-radius: 0 0 5px 5px;
    left: 0;
    right: 0;
    width: 100%;
    position: fixed;
    top: auto;
    bottom: 0;
    background-color: var(--clr-white);
  }
} */

@media (max-width: 1023px) {
  .fl-search-geo-dropdown .wb-f-filter.wb-f-filter-showed{
    max-height: 423px;
    top: auto;
    box-shadow: 0px -2px 4px 0px rgba(24, 24, 24, 0.08);
    border-radius: 20px 20px 0 0;
    overflow: hidden;
  }
}

.fl-search-geo-dropdown .fl-dropdown-header {
  margin-top: 0
}

@media (min-width:768px) {
  .fl-search-geo-dropdown .fl-dropdown-body {
    margin-bottom: 0;
    max-height: 67vh;
    overflow: auto;
    padding-left: 0
  }

  .fl-search-geo-dropdown .fl-dropdown-body .dropdown-item .c-drop-arrow {
    display: none
  }

  .fl-search-geo-in-lg .fl-dropdown-header-r {
    margin-left: auto;
    min-width: 250px
  }

  .fl-auto-geo-dropdown-mob {
    display: none
  }
}

@media (max-width:767px) {
  .fl-auto-geo-dropdown-mob {
    left: 10px;
    position: absolute;
    right: 10px;
    top: 52px;
    z-index: 99999
  }

  .fl-auto-geo-dropdown-mob .c-close {
    right: 20px;
    top: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.fl-auto-geo-dropdown-mob-t {
  margin-bottom: 20px;
  padding-right: 50px
}

.fl-auto-geo-dropdown-mob-t,
.fl-auto-geo-footer-mob {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.fl-areas-cities-list,
.fl-auto-geo-dropdown-mob-t,
.fl-auto-geo-footer-mob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media (max-width:767px) {
  .fl-areas-cities-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-flow: wrap;
    flex-flow: wrap
  }
}

@media (min-width:768px) {
  .fl-areas-cities-list.fl-areas [class*=col-] {
    min-width: 210px
  }
}

@media (max-width:767px) {
  .fl-areas-cities-list [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0
  }
}

@media (min-width:768px) {
  .fl-areas-cities-list [class*=col-] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 180px;
    padding: 0 10px
  }
}

.fl-areas-cities-list ul {
  list-style-type: none;
  margin-bottom: 0 !important;
  margin-left: 0;
  overflow: hidden;
  padding-left: 0 !important;
  position: relative;
  width: 100%;
}

.fl-letter {
  color: #999;
  font-size: 14px;
  left: 0;
  position: absolute
}

@media (max-width:767px) {
  .fl-letter {
    display: none !important
  }
}

.fl-city-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0 !important;
  position: relative
}

.fl-city-item:hover .fl-city-link,
.fl-city-item:hover a {
  background: #f4f4f4
}

.fl-city-item:hover .fl-city-item-letter,
.fl-city-item:hover .fl-city-link,
.fl-city-item:hover a {
  color: var(--text-color) !important
}

@media (min-width:768px) {

  .fl-city-link,
  .fl-city-link a {
    -webkit-box-flex: 1;
    border-radius: 2px;
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 1.4;
    overflow: hidden;
    padding: 8px 20px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    color: var(--clr-darkest);
    cursor: pointer;
  }

  .fl-city-link:hover,
  .fl-city-link a:hover {
    text-decoration: none
  }

  .fl-city-item .c-drop-arrow {
    display: none
  }
}

.fl-city-item-letter {
  color: #0096c7;
  color: rgba(var(--links-color));
  font-weight: 700;
  left: 10px;
  line-height: 20px;
  position: absolute;
  top: 5px
}

.fl-aside-filter {
  width: 100%
}

.fl-aside-filter-title{
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--clr-darkest);
  margin-bottom: 20px;
}

.fl-aside-filter-item {
  display: block
}

@media (max-width:767px) {
  .fl-aside-filter-item {
    color: var(--text-color)
  }
}

@media (min-width:768px) {
  .fl-aside-filter-item {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-border-light);
    border-radius: 8px
  }
}

.fl-aside-filter-item+.fl-aside-filter-item {
  margin-top: 10px
}

.fl-aside-filter-item.fl-aside-filter-item-seek {
  border: none;
  margin-top: 18px
}

.fl-aside-filter-item.fl-aside-filter-item-seek .fl-aside-filter-item-in {
  display: flex;
  flex-wrap: wrap;
  padding: 0
}

@media (min-width:768px) {
  .fl-aside-filter-item.selected {
    border: 1px solid var(--clr-orange-secondary);
  }

  .fl-aside-filter-item.selected .fl-aside-filter-item-val {
    color: var(--clr-orange);
  }
}

.fl-aside-filter-item-sub+.fl-aside-filter-item-sub {
  margin-top: 10px
}

.fl-aside-filter-body {
  background: var(--clr-white);
  border-radius: 0 0 8px 8px;
  border-top: 1px solid var(--clr-border-light)
}

.fl-aside-filter-body .form-check+.form-check {
  margin-top: 10px
}

.fl-aside-filter-body .form-check-label .c-count {
  margin-left: 3px
}

.fl-aside-filter-dropdown {
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px
}

.fl-aside-filter-dropdown .dropdown-toggle {
  color: #0096c7;
  color: rgba(var(--links-color));
  text-transform: uppercase
}

.fl-aside-filter-dropdown-title {
  margin-right: 6px
}

.fl-aside-filter-item-in {
  padding: 10px 0;
  position: relative
}

.fl-aside-filter-item-in .form-check-label {
  display: block;
  margin-right: 4px;
  margin-bottom: 4px;
}
.fl-aside-filter-item-in .form-check-label--color{
  margin-right: 8px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.wb-f-mob-selector.form-check-label.form-check-label--color{
  display: flex;
  align-items: center;
}

.fl-aside-filter-item-in.ps {
  max-height: 400px
}

.fl-aside-scroll.ps{
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
}

.fl-aside-scroll.ps > .j-children{
  width: 100%;
}

@media (min-width:768px) {
  .fl-aside-scroll.ps {
    max-height: 400px;
    position: relative;
  }
}

.fl-aside-filter-item-sub{
  display: flex;
  flex-wrap: wrap;
}

.fl-aside-filter-item-sub > .form-check-label:first-child{
  width: 100%;
}

.fl-aside-filter-item-title {
  color: var(--clr-darkest);
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width:767px) {
  .fl-aside-filter-item-title {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
  }
}
.fl-aside-filter-item-val {
  display: none;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-gray);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
@media (max-width:767px) {
  .fl-aside-filter-item-val {
    font-size: 12px;
    display: block;
  }
}

.fl-aside-filter-box{
  position: relative;
}

.fl-aside-filter-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  flex-direction: column;
  display: flex;
  margin-top: 20px;
  position: sticky;
  bottom: 0;
  z-index: 5;
  background-color: var(--clr-white);
  padding-top: 20px;
  padding-bottom: 20px;
}

.fl-aside-filter-footer .btn:not(:last-child){
  margin-bottom: 8px;
}

.fl-aside-filter-footer .c-ico-link {
  margin-left: auto;
  padding-left: 10px
}

.fl-aside-filter-footer .c-ico-link .ico {
  max-width: 12px;
  min-width: inherit
}

.fl-aside-filter-footer .c-ico-link>span {
  font-size: 12px
}

.fl-aside-filter-item-head {
  cursor: pointer;
  display: block;
  padding: 7px 40px 6px 10px;
  position: relative;
  width: 100%
}

@media (max-width:767px) {
  .fl-aside-filter-item-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 0 30px 0 0
  }
}

.fl-aside-filter-item-head .c-drop-arrow {
  height: 4px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 50%;
  -webkit-transform-origin: 48% 58%;
  -ms-transform-origin: 48% 58%;
  transform-origin: 50%;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  width: 10px;
  transform: translateY(-50%);
}

@media (max-width:767px) {
  .fl-aside-filter-item-head .c-drop-arrow {
    right: 0;
  }
}

.fl-aside-filter-item-head:not(.collapsed) .c-drop-arrow {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

.wb-f-panel-body-page{
  display: none;
  flex-direction: column;
  padding: 0 16px;
  margin-bottom: 24px;
}

.wb-f-panel-page-title{
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

@media (max-width:1023px) {

  .fl-search-h-form.wb-f-filter.fc-mob-search-active .fc-quick-search-mob,
  .wb-f-filter.fc-mob-search-active .fc-quick-search-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .fl-search-h-form.wb-f-filter.fc-mob-search-active .wb-f-close:not(.wb-f-search-close),
  .fl-search-h-form.wb-f-filter.fc-mob-search-active .wb-f-panel-title,
  .wb-f-filter.fc-mob-search-active .wb-f-close:not(.wb-f-search-close),
  .wb-f-filter.fc-mob-search-active .wb-f-panel-title {
    display: none
  }

  .fl-search-h-form.wb-f-filter.fc-mob-search-active .wb-f-back,
  .wb-f-filter.fc-mob-search-active .wb-f-back {
    z-index: 999999
  }

  .fl-search-h-form.wb-f-filter .fl-search-dynamics,
  .fl-search-h-form.wb-f-filter .fl-search-geo,
  .fl-search-h-form.wb-f-filter .fl-search-h-cat-box,
  .wb-f-filter .fl-search-dynamics,
  .wb-f-filter .fl-search-geo,
  .wb-f-filter .fl-search-h-cat-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .fl-search-h-form.wb-f-filter .fl-search-h-input-box,
  .wb-f-filter .fl-search-h-input-box {
    display: none !important
  }

  .fl-search-geo .fc-quick-search-mob {
    background-color: #f4f4f4
  }

  .fl-search-geo .fc-quick-search-mob .form-control {
    padding-left: 53px
  }

  .fl-dropdown-suggest {
    padding-top: 48px
  }

  .wb-f-item,
  .wb-f-item .form-check-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 13px 16px;
    position: relative;
    width: 100%
  }

  .wb-f-item .c-drop-arrow,
  .wb-f-item .form-check-label .c-drop-arrow {
    -webkit-transform: rotate(-90deg)translateX(50%);
    -ms-transform: rotate(-90deg)translateX(50%);
    transform: rotate(-90deg)translateX(50%)
  }

  .wb-f-item.fl-search-dyn-fromto {
    padding-bottom: 13px
  }

  .wb-f-item.fl-search-dyn-fromto+.divider {
    display: none
  }

  .fl-search-cats-dropdown-head-shdw{
    margin-bottom: 10px;
  }

  /* .wb-f-item.fl-search-dyn-fromto .form-control {
    border: none;
    border-bottom: 2px solid #ebebeb;
    border-radius: 0;
    height: auto;
    margin-bottom: 0;
    max-width: inherit;
    padding: 5px 0 15px
  } */

  /* .wb-f-item.fl-search-dyn-fromto .form-control:focus {
    border-bottom-color: var(--primary-base-color) !important
  } */

  .wb-f-filters {
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .06);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .06)
  }

  .fl-dyn-dropdown,
  .fl-search-geo-in,
  .fl-search-geo-in-lg,
  .wb-f-filter.show,
  .wb-f-filter.wb-f-filter-showed {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999998
  }

  .fl-dyn-dropdown.open,
  .fl-dyn-dropdown.show,
  .fl-search-geo-in-lg.open,
  .fl-search-geo-in-lg.show,
  .fl-search-geo-in.open,
  .fl-search-geo-in.show,
  .wb-f-filter.show.open,
  .wb-f-filter.show.show,
  .wb-f-filter.wb-f-filter-showed.open,
  .wb-f-filter.wb-f-filter-showed.show {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: none !important;
    border-radius: 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .fl-search-geo {
    width: 100%
  }

  .fl-search-geo .fc-quick-search-mob {
    bottom: auto;
    height: 48px;
    position: fixed;
    top: 0;
    z-index: 10020
  }

  .wb-f-filter.wb-f-filter-showed {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .wb-f-filter.wb-f-filter-showed,
  .wb-f-filter.wb-f-filter-showed .wb-f-panel-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
  }

  .wb-f-filter.wb-f-filter-showed .fl-search-h-input-filter-toggle {
    display: none
  }

  .wb-f-filter.wb-f-filter-showed .fl-search-h-input-box {
    border-bottom: 1px solid #ebebeb
  }

  .wb-f-filter.wb-f-filter-showed .fl-search-h-input {
    height: auto;
    padding: 20px
  }

  .wb-f-filter.wb-f-filter-showed .wb-f-panel-footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px 40px;
    background-color: var(--clr-white);
    border-radius: 20px 20px 0 0;
    box-shadow: 0px -2px 4px 0px rgba(24, 24, 24, 0.08);
    z-index: 10;
  }

  .wb-f-filter.wb-f-filter-showed .wb-f-panel-body {
    overflow: auto;
    padding-bottom: 40px
  }

  /* .hidden-link.dropdown-item.wb-f-mob-selector,
  .wb-f-mob-selector,
  a.wb-f-mob-selector { */
  .fl-city-link.wb-f-mob-selector{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: #fff !important;
    /* border-bottom: 1px solid #ebebeb; */
    color: var(--clr-darkest) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    height: auto !important;
    line-height: inherit !important;
    max-width: 100%;
    min-height: 42px;
    overflow: hidden;
    padding: 11px 24px !important;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    width: 100%
  }

  .hidden-link.dropdown-item.wb-f-mob-selector:after,
  .wb-f-mob-selector:after,
  a.wb-f-mob-selector:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
    background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
    bottom: 1px;
    content: "";
    display: block;
    min-height: 23px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    z-index: 10
  }

  .hidden-link.dropdown-item.wb-f-mob-selector:hover,
  .wb-f-mob-selector:hover,
  a.wb-f-mob-selector:hover {
    background-color: transparent !important
  }

  .hidden-link.dropdown-item.wb-f-mob-selector:after,
  .wb-f-mob-selector:after,
  a.wb-f-mob-selector:after {
    display: none
  }

  .hidden-link.dropdown-item.wb-f-mob-selector .c-drop-arrow,
  .wb-f-mob-selector .c-drop-arrow,
  a.wb-f-mob-selector .c-drop-arrow {
    margin-left: auto;
    margin-top: -1px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  .hidden-link.dropdown-item.wb-f-mob-selector .fl-search-cats-item-name,
  .wb-f-mob-selector .fl-search-cats-item-name,
  a.wb-f-mob-selector .fl-search-cats-item-name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 10px;
    min-width: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
  }

  .hidden-link.dropdown-item.wb-f-mob-selector.form-check-label:after,
  .wb-f-mob-selector.form-check-label:after,
  a.wb-f-mob-selector.form-check-label:after {
    display: none
  }

  .wb-f-mob-selector-reset {
    bottom: 48px;
    position: fixed
  }

  .wb-f-panel-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }

  .wb-f-filter.wb-f-filter-showed .wb-f-panel-body-page{
    display: flex;
  }

  .wb-f-panel-footer,
  .wb-f-panel-header {
    display: none
  }

  .wb-f-panel-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    align-items: center;
    background-color: var(--clr-white);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 36px;
    padding: 4px 16px;
    position: relative;
    margin-bottom: 16px;
  }

  .wb-f-panel-header-lg {
    padding-bottom: 20px;
    padding-top: 20px
  }

  .wb-f-panel-header-user {
    border-radius: 50%;
    max-width: 50px;
    min-height: 50px;
    min-width: 50px;
    overflow: hidden
  }

  .wb-f-panel-user-title {
    font-weight: 700;
    margin-left: 20px
  }

  .wb-f-panel-title {
    -webkit-box-flex: 1;
    display: block;
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--clr-darkest);
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: nowrap
  }

  .wb-f-panel-title:first-child {
    margin-left: 0
  }

  /* .wb-f-panel-title:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f4f4f4), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(right, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%);
    background: linear-gradient(270deg, #f4f4f4 50%, hsla(0, 0%, 100%, 0) 133.33%);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
  } */

  .wb-f-filter-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
    min-height: 100%;
    min-width: 290px
  }

  .wb-f-filter-panel,
  .wb-f-filter-panel .l-header-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
  }

  .wb-f-filter-panel .l-header-nav {
    -webkit-box-flex: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0;
    max-width: inherit;
    overflow: auto;
    padding: 24px 20px
  }

  .wb-f-panel-body {
    -ms-overflow-style: none;
    scrollbar-width: none
  }

  .wb-f-panel-body::-webkit-scrollbar {
    background: transparent;
    display: none;
    width: 0
  }

  .wb-f-cats-body-main .wb-f-item {
    border-top: 0 !important
  }

  .wb-f-cats-body-main .wb-f-item:before {
    border-bottom: 1px solid #ebebeb;
    bottom: 0;
    content: "";
    left: 0;
    margin-left: 58px;
    margin-right: 20px;
    position: absolute;
    right: 0
  }

  .wb-f-cats-body-main .wb-f-item:last-of-type:before,
  .wb-f-panel-footer {
    display: none
  }

  .is-index-page .wb-f-filter.wb-f-filter-showed .wb-f-panel-footer{
    display: none;
  }

  .wb-f-panel-footer .ico {
    fill: #fff;
    color: #fff;
    margin-right: 10px;
    max-height: 14px;
    max-width: 14px
  }

  .wb-f-panel-footer .btn {
    /* -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0;
    font-size: 16px;*/
    padding-top: 11px;
    padding-bottom: 10px;
    width: 100%
  }

  .wb-f-panel-footer .btn,
  .wb-f-panel-footer .btn.multiple {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
  }

  .wb-f-panel-footer .btn.multiple {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1 !important
  }

  .wb-f-back,
  .wb-f-close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .wb-f-back{
    left: 5px;
    top: 20px;
  }

  .wb-f-close{
    right: 16px;
  }

  .wb-f-back .ico,
  .wb-f-close .ico {
    font-size: 18px;
    margin-right: 0;
    max-height: 24px;
    max-width: 24px;
    min-width: 24px
  }

  /* .wb-f-close .ico {
    margin-right: 0;
    max-height: 15px;
    max-width: 15px;
    min-width: 15px
  } */

  /* .wb-f-close .ico path {
    fill: #c3c3c3
  } */

  .wb-f-search-btn .ico {
    height: 18px !important;
    max-height: 18px !important;
    max-width: 18px !important;
    min-width: 18px !important
  }

  /* .wb-f-back {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 35px;
    justify-content: center;
    left: 10px;
    padding-left: 0;
    position: absolute;
    top: 6px;
    width: 35px
  } */

  .wb-f-back .ico {
    color: var(--primary-base-color)
  }

  .wb-f-back .ico path {
    fill: var(--primary-base-color)
  }

  .wb-f-box {
    position: relative
  }

  /* .wb-f-box+.wb-f-box {
    margin-top: 10px
  } */

  /* .wb-f-box+.wb-f-box:before {
    background-color: #f4f4f4;
    content: "";
    display: block;
    height: 11px;
    position: absolute;
    top: -11px;
    width: 100%;
    z-index: 800
  } */

  .wb-f-box.wb-f-mob-selector {
    border-bottom: 0
  }

  .wb-f-dyn-list {
    margin: -10px -20px
  }

  .wb-f-dyn-list .wb-f-item {
    padding-bottom: 7px;
    padding-top: 7px
  }

  .wb-f-dyn-list li.active .wb-f-item {
    background-color: #fff9e4
  }

  .wb-f-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    color: var(--clr-darkest);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 16px;
    max-width: 100%;
    overflow: hidden;
    padding: 13px 16px;
    position: relative;
    white-space: nowrap
  }

  .fl-search-h-cat.wb-f-item{
    display: none;
  }

  .wb-f-item .ico {
    font-size: 18px;
    height: 18px;
    margin-right: 18px;
    max-width: 20px;
    min-width: 20px;
    text-align: center
  }

  .wb-f-item span {
    display: block;
    max-width: 100%;
    overflow: hidden
  }

  .wb-f-item.flex-column {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .wb-f-item.flex-column .wb-f-item-l-t {
    margin-bottom: 13px
  }

  .wb-f-item.f-overflow:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
    background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
    bottom: 1px;
    bottom: 0;
    content: "";
    display: block;
    min-height: 23px;
    position: absolute;
    right: 0;
    right: 14px;
    top: 0;
    width: 16px;
    z-index: 10
  }

  .wb-f-item.wb-f-item-divided {
    background-color: #f4f4f4;
    padding: 0 0 10px
  }

  .wb-f-item-divided-in {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 11px 20px;
    width: 100%
  }

  .wb-f-item-l {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 14px;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
  }

  .wb-f-item-l-t {
    color: #999;
    display: block;
    font-size: 12px;
    line-height: 18px
  }

  .wb-f-item-l-b {
    color: var(--text-color)
  }

  .wb-f-item-l .c-drop-arrow,
  .wb-f-item-r .c-drop-arrow {
    max-width: 11px;
    min-height: 7px;
    min-width: 11px
  }

  .wb-f-item-l .switch,
  .wb-f-item-r .switch {
    margin-bottom: 0
  }

  .wb-f-item-r {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px
  }

  .wb-f-item-r .c-drop-arrow {
    margin-right: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  .wb-f-filter-select>span {
    color: var(--primary-base-color);
    display: inline-block;
    font-size: 14px;
    line-height: 44px;
    margin-right: 14px;
    max-width: calc(100% - 20px);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .wb-f-reset-loc {
    margin-top: 20px;
    padding: 0 20px
  }

  .wb-f-reset-loc .btn {
    border: 1px solid #e8edef !important;
    width: 100%
  }

  .wb-f-loc-search {
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
    padding: 0 20px
  }

  .wb-f-loc-search-input {
    margin: 10px -20px -12px;
    min-width: calc(100% + 70px);
    position: relative
  }

  .wb-f-loc-search-input .ico {
    height: 16px;
    left: 20px;
    position: absolute;
    top: 13px;
    width: 16px
  }

  .wb-f-loc-search-input input.form-control {
    background-color: transparent;
    border-bottom: 2px solid transparent;
    border-left: none !important;
    border-radius: 0;
    border-right: none !important;
    border-top: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: var(--text-color);
    display: block;
    font-size: 16px;
    height: auto;
    padding: 10px 20px 10px 54px;
    width: 100%
  }

  .wb-f-loc-search-input input.form-control.autocomplete-progress {
    background-position: right 25px center
  }

  .wb-f-loc-search-input input.form-control:focus {
    border-bottom-color: var(--primary-base-color) !important
  }

  .wb-f-loc-search-input input.form-control::-webkit-input-placeholder {
    color: #999
  }

  .wb-f-loc-search-input input.form-control::-moz-placeholder {
    color: #999
  }

  .wb-f-loc-search-input input.form-control:-ms-input-placeholder {
    color: #999
  }

  .wb-f-loc-search-input input.form-control:-moz-placeholder {
    color: #999;
    font-size: 16px
  }

  .wb-f-loc-search-input .autocomplete {
    border: none;
    border-radius: 0
  }

  .wb-f-filter-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 11px
  }

  .wb-f-res-view-toggle {
    background-color: #fff;
    padding: 15px 20px;
    text-align: center
  }

  .wb-f-res-view-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
  }

  .wb-f-res-view-title {
    background: #f4f4f4;
    color: #999;
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 18px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase
  }

  .wb-f-res-view-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin: 0 15px;
    max-height: 50px;
    max-width: 76px;
    min-height: 50px;
    min-width: 76px
  }

  .wb-f-res-view-item.active .ico path {
    fill: var(--primary-base-color)
  }

  .wb-f-res-view-item svg.ico {
    height: 18px;
    margin-bottom: 3px;
    margin-right: 0 !important;
    max-width: 18px
  }

  .wb-f-res-view-item svg.ico path {
    fill: #c3c3c3
  }

  .wb-f-res-view-box-mob {
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%
  }

  .wb-f-sm-title {
    color: #999;
    font-size: 13px;
    line-height: 18px
  }
}

@media (min-width:1024px) {

  .wb-f-back,
  .wb-f-close {
    display: none
  }

  .wb-f-back.fl-search-back {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
}

@media (max-width:1023px) {
  .wb-f-curr {
    min-width: 65px
  }
}

@media (min-width:1024px) {
  .wb-f-el-filter-for-mob {
    display: none !important
  }
}

@media (max-width:1023px) {
  .wb-f-el-filter-for-desktop {
    display: none !important
  }
}

@media (max-width:1023px) {
  .fl-search-h-input::-webkit-input-placeholder {
    color: #999
  }

  .fl-search-h-input::-moz-placeholder {
    color: #999
  }

  .fl-search-h-input:-ms-input-placeholder {
    color: #999
  }

  .fl-search-h-input:-moz-placeholder {
    color: #999
  }

  .fl-search-h-input-box {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    order: -1;
    position: relative;
    width: 100%
  }
}

.fl-search-h-results {
  margin-top: 4px;
}

.fl-search-h-results-in{
  max-height: calc(100vh - 210px);
  overflow: auto;
}

.in-box-head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  min-height: 35px
}

@media (max-width: 1023px) {
  .in-box-head{
    margin-bottom: 8px;
    min-height: 24px;
  }
}

@media (max-width:767px) {
  .in-box-head {
    position: relative
  }
}

@media (min-width:768px) {
  .in-box-head:after {
    display: none !important
  }
}

.in-box-head.in-box-head-sm {
  margin-bottom: 15px;
  min-height: inherit
}

.in-box-head.in-box-head-sm .in-box-title {
  font-size: 16px;
  line-height: 24px
}

@media (max-width:991px) {
  .in-box-head.in-box-head-sm .in-box-title {
    font-size: 18px;
    line-height: 25px
  }
}

.in-box-head .c-nav-actions {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.in-box-head .c-nav-actions,
.in-box-head .c-nav-items {
  margin-left: auto;
  padding-left: 20px
}

.in-box-head .c-nav-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:991px) {
  .in-box-head .c-nav-items {
    display: none
  }
}

.in-box-head .c-nav-items .c-arrow {
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: static;
  -webkit-transform: translate(0) !important;
  -ms-transform: translate(0) !important;
  transform: translate(0) !important
}

.in-box-head .c-nav-items .c-arrow.disabled {
  opacity: .5
}

.in-box-head .c-nav-items .c-arrow+.c-arrow {
  margin-left: 10px !important
}

.in-box-head .ico {
  fill: var(--primary-base-color);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 20px;
  margin-right: 10px;
  width: 20px
}

.in-box-head .c-dot {
  margin: 0 18px;
  min-height: 4px;
  min-width: 4px
}

@media (max-width:767px) {
  .in-box-head.flex-column {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .in-box-head.flex-column .it-list-more-link {
    margin-left: 0;
    padding-left: 0
  }
}

a.in-box-title:hover {
  color: inherit !important
}

.in-box-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--clr-darkest);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px
}

@media (max-width: 1023px) {
  .in-box-title {
    font-size: 16px;
    line-height: 1.4;
    white-space: nowrap
  }
}

.in-box-title+.i-items-lik {
  display: inline-block;
  margin-left: 26px
}

@media (max-width:991px) {
  .in-box-title+.i-items-lik {
    margin-left: auto;
    padding-left: 10px
  }
}

.in-box-title .c-dot {
  margin: 0 18px;
  min-height: 4px;
  min-width: 4px
}

.in-box-title .ico {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 10px;
  margin-top: -2px;
  width: 20px
}

.in-box-title .ico path {
  fill: var(--primary-base-color)
}

@media (min-width:768px) {
  .in-box-title .ico+span {
    line-height: 1
  }
}

/* body.is-index-page .l-page {
  overflow-x: hidden
} */

.index-title {
  border-bottom: 1px solid #e8edef;
  margin-bottom: 30px;
  padding-bottom: 30px
}

.index-title h1 {
  font-size: 36px;
  margin: 0;
  padding: 0;
  text-align: center
}

@media (min-width:992px) {
  .in-index-box {
    padding: 33px 0 15px
  }
}

@media (max-width: 1023px) {
  .in-index-box {
    padding: 10px 0 16px
  }
}

@media (min-width:1400px) {

  .in-index-box.c-slider-overflow-with-popup .container:after,
  .in-index-box.c-slider-overflow-with-popup .container:before {
    height: 100%
  }

  .in-index-box.c-slider-overflow-with-popup .container:before {
    left: 3px;
    -webkit-transform: translate(-98%, -32px);
    -ms-transform: translate(-98%, -32px);
    transform: translate(-98%, -32px)
  }

  .in-index-box.c-slider-overflow-with-popup .container:after {
    left: auto;
    right: 3px;
    -webkit-transform: translate(98%, -32px);
    -ms-transform: translate(98%, -32px);
    transform: translate(98%, -32px)
  }
}

.in-slider {
  opacity: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s
}

.in-slider img {
  -o-object-fit: cover;
  object-fit: cover;
  width: auto !important
}

.in-slider.owl-loaded {
  opacity: 1
}

.in-slider-box {
  position: relative
}

@media (max-width: 575px) {
  .in-slider-box{
    /* margin-left: -4px; */
    /* margin-right: -4px; */
  }
}

/* @media (max-width:767px) {
  .in-slider-box {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -15px
  }
} */

.c-centered-navs .c-arrow,
.in-slider-box .c-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 11
}

@media (max-width:767px) {

  .c-centered-navs .c-arrow,
  .in-slider-box .c-arrow {
    display: none
  }
}

.c-centered-navs .c-arrow.c-left,
.in-slider-box .c-arrow.c-left {
  left: 20px
}

.c-centered-navs .c-arrow.c-right,
.in-slider-box .c-arrow.c-right {
  right: 20px
}

.in-slider-item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 100%;
  justify-content: center
}

@media (min-width:768px) {
  .in-has-welcome-block {
    margin-top: -40px
  }
}

@media (max-width:767px) {
  .in-has-welcome-block {
    margin-top: -15px
  }
}

.in-page-pic-title {
  position: relative;
  z-index: -1
}

@media (max-width:767px) {
  .in-page-pic-title {
    padding: 0 20px
  }
}

.in-page-pic-title:not(.in-page-pic-empty) {
  opacity: 0;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s
}

.in-page-pic-title:not(.in-page-pic-empty).in-page-title-img-loaded {
  opacity: 1
}

.in-page-pic-title.in-page-pic-empty,
.in-page-pic-title.in-page-pic-empty+.in-cat-box,
.in-page-pic-title.in-page-pic-empty+.mob-fl-cats+.in-cat-box {
  margin-top: 0
}

.in-page-pic-title.in-page-pic-empty .in-page-title-img {
  display: none
}

.in-page-pic-title.in-page-pic-empty .in-page-title {
  color: var(--text-color);
  padding: 43px 0
}

@media (max-width:767px) {
  .in-page-pic-title.in-page-pic-empty .in-page-title {
    padding: 20px 0
  }
}

.in-page-pic-title .in-page-title {
  color: #fff;
  padding: 68px 0 53px;
  position: relative;
  z-index: 2
}

@media (max-width:767px) {
  .in-page-pic-title .in-page-title {
    padding: 36px 0
  }
}

.in-page-text-title {
  margin-bottom: 73px
}

.in-page-text-title .in-page-title {
  padding: 63px 0 0 !important
}

@media (max-width:767px) {
  .in-page-text-title .in-page-title {
    padding: 36px 0 !important
  }
}

.in-page-title-img {
  background-size: cover;
  bottom: 0;
  left: 50%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw
}

.in-page-title-img-shadow {
  background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(135%, rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, #000 0, rgba(0, 0, 0, 0) 135%);
  background: linear-gradient(180deg, #000, rgba(0, 0, 0, 0) 135%);
  bottom: 0;
  display: block;
  left: 0;
  opacity: .6;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.in-page-title {
  font-size: 24px;
  font-weight: 400 !important;
  margin: 0 auto !important;
  max-width: 572px;
  text-align: center
}

@media (max-width:767px) {
  .in-page-title {
    font-size: 18px;
    line-height: 26px !important
  }
}

.in-cities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  list-style-type: none;
  max-width: 400px
}

@media (max-width:991px) {
  .in-cities {
    margin: 0 auto
  }
}

@media (max-width:767px) {
  .in-cities {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0
  }
}

.in-cities+.in-cities {
  margin-top: 10px
}

.in-cities li {
  font-size: 14px;
  line-height: 20px;
  max-width: calc(50% - 10px);
  min-width: calc(50% - 10px);
  padding-bottom: 8px;
  padding-right: 30px
}

@media (max-width:767px) {
  .in-cities li {
    max-width: 100%;
    min-width: 100%
  }
}

.in-cities li .hidden-link,
.in-cities li a {
  display: inline-block;
  line-height: normal;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}

.in-geo-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin-bottom: 25px
}

.in-geo-block .in-map {
  margin-right: 60px
}

.in-geo-block .in-cities {
  margin-right: -40px
}

.in-geo-block .in-cities-box {
  margin-top: 0
}

.in-geo-block .in-cities-box li {
  max-width: calc(50% - 40px);
  min-width: calc(50% - 40px);
  padding-right: 40px;
  text-align: left
}

@media (max-width:767px) {
  .in-geo-block [class*=col-] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}

.in-map-nomap {
  color: var(--text-color);
  padding: 20px 0;
  text-align: center
}

.in-map-russia {
  position: relative
}

.in-map-russia svg {
  max-width: 1050px
}

.in-map-full {
  margin-bottom: 25px
}

.in-carousel-nav {
  margin-left: auto;
  padding-left: 20px
}

.in-block-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px
}

@media (max-width:767px) {
  .in-block-header {
    margin-bottom: 15px
  }
}

.in-block-title {
  font-size: 18px;
  line-height: normal
}

@media (max-width:767px) {
  .in-index-box+.in-promo-steps {
    padding-top: 50px
  }
}

.i-items-box {
  padding: 30px 0 40px
}

@media (max-width:991px) {
  .i-items-box {
    padding-bottom: 20px
  }
}

.i-items-box+.i-items-box {
  margin-top: -10px;
  padding-top: 0
}

.i-items-box.i-items-box-bg,
.i-items-box.i-items-box-bg .i-items-box-slider:after,
.i-items-box.i-items-box-bg .i-items-box-slider:before {
  background-color: #fffcee
}

.i-items-box.i-items-box-bg .it-grid-item-in {
  border-color: transparent
}

.in-last-block {
  padding-bottom: 40px
}

.in-map {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.in-map svg {
  display: block;
  margin: 0 auto;
  width: 100%
}

.i-cities-list,
.i-map {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%
}

.index-map__city {
  fill: var(--secondary-base-color);
  stroke-width: 1px;
  stroke: #fff;
  cursor: pointer
}

.index-map__city text {
  fill: var(--text-color)
}

.index-map__city:hover {
  fill: var(--primary-base-color)
}

.index-map__region {
  fill: #e1e1e1;
  stroke-width: 1px;
  stroke: #fff;
  cursor: pointer
}

.index-map__region:hover {
  fill: var(--primary-base-color) !important
}

.in-map__info {
  background-color: hsla(0, 0%, 100%, .8);
  color: #333;
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  width: auto
}

.in-map__info>div {
  margin-right: 10px;
  padding: 5px 10px;
  white-space: nowrap
}

.in-cities-map {
  background-color: #fff
}

@media (min-width:768px) {
  .in-cities-map {
    padding: 20px 0 44px
  }
}

@media (max-width:767px) {
  .in-cities-map {
    padding: 25px 0
  }
}

.in-cities-map-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .in-cities-map-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (min-width:768px) {
  .i-cities-list {
    padding: 12px 0 0 140px
  }
}

@media (max-width:767px) {
  .i-cities-list {
    margin-top: 20px;
    padding: 0
  }
}

.i-items-cities-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.i-items-cities-row+.i-items-cities-row {
  margin-top: 30px
}

@media (max-width:767px) {
  .i-items-cities-row+.i-items-cities-row {
    margin-top: 15px
  }
}

.i-items-cities-row ul {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  padding: 0
}

.i-items-cities-row ul li {
  list-style: none
}

@media (min-width:768px) {
  .i-items-cities-row ul+ul {
    padding-left: 20px
  }
}

.i-items-cities-row li+li {
  margin-top: 12px
}

.i-items-cities-main .hidden-link,
.i-items-cities-main a {
  font-weight: 700
}

@media (max-width:767px) {
  .in-promo-steps+.l-info .container {
    padding-top: 35px
  }
}

.in-promo-steps {
  padding-bottom: 70px;
  padding-top: 44px;
}

@media (max-width: 1023px) {
  .in-promo-steps {
    padding: 16px 0
  }
}

@media (max-width:767px) {
  .in-promo-steps+.bl-index-blog {
    margin-top: 0
  }
}


.in-step-box-company {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:767px) {
  .in-step-box-company {
    padding: 32px 0
  }
}

.in-step-box-company .in-step-item {
  padding-left: 30px
}

@media (max-width:767px) {
  .in-step-box-company .in-step-item {
    padding-left: 0
  }

  .in-step-box-company .col-lg-6 {
    padding: 0
  }

  .in-step-box-company .in-step-item-title {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px
  }

  .in-step-box-company .in-step-item-title br {
    display: none
  }
}

.in-step-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  min-width: 50%;
  padding: 0 30px 0 80px
}

@media (max-width:991px) {
  .in-step-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    min-width: 100%;
    padding: 0
  }
}

.in-step-item+.in-step-item {
  padding-left: 0
}

@media (max-width:991px) {
  .in-step-item+.in-step-item {
    margin-top: 50px
  }
}

@media (min-width:992px) {
  .in-step-item .in-step-item-in {
    max-width: 422px
  }
}

.in-step-item .btn {
  padding: 8px 15px
}

.in-step-item.i-promo-step-single {
  background-size: contain;
  padding-bottom: 122px;
  text-align: center
}

.in-step-item.i-promo-step-single .in-step-item-in {
  max-width: 390px
}

.in-step-item.i-promo-step-single .in-step-item-desc {
  margin: 0 auto 17px;
  max-width: 317px
}

.in-step-item-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  margin-bottom: 15px
}

.in-step-item-ico {
  margin-bottom: 17px
}

.in-step-item-ico .ico {
  max-height: 70px;
  max-width: 70px
}

.in-step-item-desc {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 25px
}

@media (max-width:991px) {
  .in-step-item-desc {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 13px
  }
}

.in-promo-steps-company-owner {
  padding: 0 !important
}

.i-category-item.i-category-item-with-counters .i-category-item-pic .ico,
.i-category-item.i-category-item-with-counters .i-category-item-pic .svg,
.i-category-item.i-category-item-with-counters .i-category-item-pic img {
  margin-bottom: 10px
}

.i-category-item.i-category-item-sm .i-category-item-pic .ico,
.i-category-item.i-category-item-sm .i-category-item-pic .svg,
.i-category-item.i-category-item-sm .i-category-item-pic img {
  height: 40px;
  width: 40px
}

.i-category-item-pic {
  text-align: center
}

.i-category-item-pic .ico,
.i-category-item-pic .svg,
.i-category-item-pic img {
  -webkit-box-flex: 0;
  display: block;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 70px;
  margin: 0 auto 18px;
  width: 70px
}

@media (max-width:991px) {

  .i-category-item-pic .ico,
  .i-category-item-pic .svg,
  .i-category-item-pic img {
    margin-bottom: 14px
  }
}

.i-category-item-pic a {
  display: block
}

.i-category-item-in {
  background-color: #fff;
  border-radius: 4px;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  z-index: 9080
}

@media (max-width:991px) {
  .i-category-item-in {
    padding: 10px
  }
}

@media (min-width:768px) {
  .in-cat-box-list {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 27px
  }
}

@media (max-width:767px) {
  .in-cat-box-list .in-cat-item-title-in {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
  }
}

@media (min-width:768px) {
  .in-cat-box-list .in-cat-item {
    margin-bottom: 0;
    width: 100%
  }
}

.fc-item circle,
.fc-item path,
.fl-search-cats-item circle,
.fl-search-cats-item path,
.i-category-item-pic circle,
.i-category-item-pic path,
.in-cat-item circle,
.in-cat-item path {
  stroke: var(--icons-color) !important
}

.fc-item circle,
.fl-search-cats-item circle,
.i-category-item-pic circle,
.in-cat-item circle {
  fill: transparent
}

.i-category-item-title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--text-color) !important;
  display: -webkit-box;
  max-height: 40px;
  min-height: 20px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%
}

@media (min-width:992px) and (max-width:1279px) {
  .i-category-item-title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 40px
  }
}

.i-category-item-title:after {
  height: 14px;
  min-height: 14px;
  top: auto
}

@media (max-width:991px) {
  .i-category-item-title {
    font-size: 12px
  }
}

.i-category-item-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 15px;
  text-align: center
}

@media (max-width:991px) {
  .i-category-item-list {
    margin-top: 5px
  }
}

.i-category-item-list .hidden-link,
.i-category-item-list a {
  display: inline-block;
  font-size: 13px;
  line-height: 19px;
  margin-left: 5px;
  margin-right: 5px
}

.i-category-item-list .hidden-link+.hidden-link,
.i-category-item-list .hidden-link+a,
.i-category-item-list a+.hidden-link,
.i-category-item-list a+a {
  margin-top: 5px
}

.in-cat-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

@media (min-width:768px) {
  .in-cat-box {
    padding: 45px 0
  }
}

@media (max-width:767px) {
  .in-cat-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width:991px) {
  .in-cat-box [class*=col-] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: inherit;
    width: 100%
  }
}

.in-cat-box * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media (max-width:767px) {
  .in-cat-box-r {
    padding: 0 15px
  }
}

@media (min-width:992px) {
  .in-cat-box-v1 .in-cat-box-r {
    padding-left: 110px
  }
}

.in-cat-box-collapse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

@media (min-width:768px) {
  .in-cat-item {
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 27px;
    width: 50%
  }
}

@media (max-width:767px) {
  .in-cat-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 42px;
    justify-content: center;
    max-width: 100%
  }

  .in-cat-item:first-of-type .in-cat-item-title {
    border-top: 0
  }
}

@media (min-width:768px) {
  .in-cat-item.in-cat-item-centered .img {
    -ms-flex-item-align: center;
    align-self: center
  }

  .in-cat-item.in-cat-item-centered .in-cat-item-r {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.in-cat-item .img,
.in-cat-item img,
.in-cat-item svg {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

@media (min-width:768px) {

  .in-cat-item .img,
  .in-cat-item img,
  .in-cat-item svg {
    height: 60px;
    width: 60px
  }
}

@media (max-width:767px) {

  .in-cat-item .img,
  .in-cat-item img,
  .in-cat-item svg {
    height: 24px;
    width: 24px
  }
}

.in-cat-item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 0;
  position: relative
}

@media (max-width:991px) {
  .in-cat-item-title {
    font-size: 16px
  }
}

@media (max-width:767px) {
  .in-cat-item-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e8edef;
    padding: 8px 0;
    width: 100%
  }

  .in-cat-item-title .hidden-link,
  .in-cat-item-title a {
    color: var(--text-color)
  }

  .in-cat-item-title .img {
    margin-right: 15px
  }
}

.in-cat-item-title .h-collapse-arrow {
  top: 31px
}

.in-cat-item-count {
  color: #999;
  font-size: 12px;
  line-height: 22px;
  padding-left: 20px
}

@media (min-width:768px) {
  .in-cat-item-r {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 25px
  }
}

@media (max-width:767px) {
  .in-cat-item-r {
    width: 100%
  }

  .in-cat-item-r.opened {
    padding-bottom: 20px
  }
}

.in-cat-item-sub-links {
  color: #999;
  list-style-type: none;
  margin-top: 18px
}

@media (min-width:768px) {
  .in-cat-item-sub-links {
    height: auto !important
  }
}

@media (max-width:767px) {
  .in-cat-item-sub-links {
    margin-top: 0
  }
}

.in-cat-item-sub-links .hidden-link,
.in-cat-item-sub-links a {
  color: #999;
  display: inline-block;
  position: relative;
  text-decoration-line: underline
}

@media (max-width:767px) {

  .in-cat-item-sub-links .hidden-link,
  .in-cat-item-sub-links a {
    color: #0096c7;
    color: rgba(var(--links-color));
    display: block;
    padding: 7px 0
  }
}

@media (min-width:768px) {

  .in-cat-item-sub-links .hidden-link,
  .in-cat-item-sub-links a {
    font-size: 13px;
    line-height: 22px;
    margin-left: 20px
  }

  .in-cat-item-sub-links .hidden-link:before,
  .in-cat-item-sub-links a:before {
    background-color: var(--primary-base-color);
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    left: -14px;
    position: absolute;
    top: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px
  }
}

.in-cat-item-sub-links .hidden-link:hover,
.in-cat-item-sub-links a:hover {
  text-decoration: none
}

.in-cities-box {
  margin-top: 27px
}

.in-cat-box-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

@media (max-width:991px) {
  .in-cat-box-l {
    padding-bottom: 20px
  }
}

@media (max-width:767px) {
  .in-cat-box-l {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.i-categories-box-slider {
  padding: 37px 0 70px;
  position: relative
}

@media (max-width:991px) {
  .i-categories-box-slider {
    padding: 20px 0 18px
  }
}

.i-categories-box-slider:hover {
  z-index: 999
}

.i-categories-box-slider .c-arrow {
  position: absolute;
  top: 35px;
  z-index: 9084
}

@media (max-width:1199px) {
  .i-categories-box-slider .c-arrow {
    display: none !important
  }
}

.i-categories-box-slider .c-arrow.disabled {
  visibility: hidden
}

@media (min-width:1110px) and (max-width:1200px) {
  .i-categories-box-slider .c-right {
    right: -42px
  }
}

@media (min-width:1201px) {
  .i-categories-box-slider .c-right {
    right: -50px
  }
}

@media (min-width:1110px) and (max-width:1200px) {
  .i-categories-box-slider .c-left {
    left: -42px
  }
}

@media (min-width:1201px) {
  .i-categories-box-slider .c-left {
    left: -50px
  }
}

.i-categories-box-slider .owl-carousel {
  overflow: visible;
  z-index: 9081 !important
}

.i-categories-box-slider .owl-stage-outer {
  overflow: visible !important
}

.i-categories-box-slider .container {
  position: relative
}

@media (min-width:1110px) and (max-width:1350px) {
  .i-categories-box-slider .container {
    max-width: 1050px
  }
}

@media (min-width:1351px) and (max-width:1399px) {
  .i-categories-box-slider .container {
    max-width: 1200px
  }
}

.i-categories-box-slider .btn {
  border: 1px solid #e8edef !important;
  height: 34px;
  line-height: 30px !important;
  position: relative;
  width: 100%
}

.i-categories-box-slider .i-categories {
  max-height: 180px;
  position: relative;
  z-index: 100
}

.i-categories-box-slider .i-categories.owl-carousel:not(.owl-loaded) {
  opacity: 0
}

.i-categories-box-slider .i-categories .owl-nav {
  position: relative;
  z-index: 30
}

@media (min-width:768px) {
  .i-categories-box-slider .i-categories:not(.is-dragging) .owl-item.active:hover {
    z-index: 20
  }
}

@media (min-width:768px) and (max-width:767px) {
  .i-categories-box-slider .i-categories:not(.is-dragging) .owl-item.active:hover:first-of-type .i-category-item-wide {
    margin-left: 35px
  }
}

@media (min-width:768px) {
  .i-categories-box-slider .i-categories:not(.is-dragging) .owl-item.active:hover .i-category-item:not(.i-category-item-disabled-hover).i-category-item-wide .i-category-item-in {
    left: -25px;
    right: -25px
  }
}

@media (min-width:768px) and (max-width:767px) {
  .i-categories-box-slider .i-categories:not(.is-dragging) .owl-item.active:hover .i-category-item:not(.i-category-item-disabled-hover).i-category-item-wide .i-category-item-in {
    left: -50px;
    right: -50px
  }
}

@media (min-width:768px) {
  .i-categories-box-slider .i-categories:not(.is-dragging) .owl-item.active:hover .i-category-item:not(.i-category-item-disabled-hover).i-category-sub-list-empty .i-category-item-in {
    left: 0;
    right: 0
  }

  .i-categories-box-slider .i-categories:not(.is-dragging) .owl-item.active:hover .i-category-item:not(.i-category-item-disabled-hover) .i-category-item-in {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    height: auto;
    left: -10px;
    min-height: 100%;
    min-width: 180px;
    padding: 30px 10px 14px;
    right: -10px;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    z-index: 9081
  }

  .i-categories-box-slider .i-categories:not(.is-dragging) .owl-item.active:hover .i-category-item:not(.i-category-item-disabled-hover) .i-category-item-in .i-category-item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .i-categories-box-slider .i-categories:not(.is-dragging) .owl-item.active:hover .i-category-item:not(.i-category-item-disabled-hover) .i-category-item-in:after {
    opacity: 0
  }
}

.i-categories-box-slider .i-categories:not(.is-dragging) .owl-item:not(.active) a {
  cursor: default
}

.i-categories-box-slider .i-category-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 115px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1
}

@media (max-width:767px) {
  .i-categories-box-slider .i-category-item {
    min-width: 200px
  }
}

@media (max-width:380px) {
  .i-categories-box-slider .i-category-item {
    min-width: 125px
  }
}

.i-categories-box-slider .i-category-item-in {
  padding: 10px
}

.i-categories-box-slider .i-category-item-in:after {
  background-color: #ebebeb;
  content: "";
  height: 75px;
  position: absolute;
  right: 0;
  top: 16px;
  width: 1px;
  z-index: 1
}

.i-categories-box-slider .i-category-item-title {
  margin: 0 auto
}

@media (min-width:992px) {
  .i-categories-box-slider .i-category-item-title {
    width: 151px
  }
}

.i-categories-box-slider .i-category-item-pic .ico,
.i-categories-box-slider .i-category-item-pic .svg,
.i-categories-box-slider .i-category-item-pic img {
  width: 70px !important
}

@media (max-width:991px) {
  .ib .i-categories-box-slider {
    padding-bottom: 40px !important
  }
}

.ib .i-categories-box-slider .i-slider-overflow {
  display: none
}

.ib .i-categories-box-slider .i-categories.is-dragging .owl-item:hover .i-category-item-in,
.ib .i-categories-box-slider .i-category-item-in {
  background-color: transparent
}

.ib .i-categories-box-slider .owl-item {
  opacity: 1 !important
}

.ib .i-categories-box-slider .owl-item .i-category-item .hidden-link,
.ib .i-categories-box-slider .owl-item .i-category-item a {
  cursor: pointer !important
}

.ib .i-categories-box-slider .owl-item.active:hover .i-category-item-in {
  background-color: #fff
}

.ib .i-categories-box-slider .c-arrow {
  display: none !important
}

@media (min-width:1200px) {
  .i-categories-box-slider-center .owl-stage-outer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
  }
}

.i-slider-overflow {
  background-color: #fff;
  bottom: 0;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9082
}

@media (max-width:767px) {
  .i-slider-overflow {
    display: none
  }
}

@media (min-width:1400px) {
  .i-slider-overflow {
    width: calc(50vw - 665px)
  }
}

@media (min-width:1200px) and (max-width:1350px) {
  .i-slider-overflow {
    width: calc(50vw - 540px)
  }
}

@media (min-width:1351px) and (max-width:1399px) {
  .i-slider-overflow {
    width: calc(50vw - 610px)
  }
}

.i-slider-overflow-before {
  left: 0
}

.i-slider-overflow-after {
  right: 0
}



@media (max-width:1023px) {
  .i-categories-box-tiles {
    padding: 10px 0 12px;
  }
}

.i-categories-box-tiles .i-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

@media (min-width:768px) {
  .i-categories-box-tiles .i-categories {
    margin: -10px
  }
}

@media (max-width:767px) {
  .i-categories-box-tiles .i-categories {
    margin: -2px;
    position: relative
  }
}

.i-categories-box-tiles .i-category-item {
  border: 1px solid #ebebeb;
  border-radius: 4px;
  position: relative
}

.i-categories-box-tiles .i-category-item.i-category-item-disabled-hover,
.i-categories-box-tiles .i-category-item.i-category-item-disabled-hover .i-category-item-in {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.i-categories-box-tiles .i-category-item.i-category-item-disabled-hover:hover {
  border-color: transparent
}

.i-categories-box-tiles .i-category-item.i-category-item-disabled-hover:hover .i-category-item-in {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}

.i-categories-box-tiles .i-category-item:before {
  content: "";
  display: block;
  padding-top: 100%
}

@media (min-width:992px) and (max-width:1199px) {
  .i-categories-box-tiles .i-category-item {
    width: calc(20% - 20px) !important
  }
}

@media (min-width:768px) and (max-width:991px) {
  .i-categories-box-tiles .i-category-item {
    width: calc(25% - 20px) !important
  }
}

@media (min-width:768px) {
  .i-categories-box-tiles .i-category-item {
    margin: 10px;
    width: calc(16.66667% - 20px)
  }
}

@media (max-width:767px) {
  .i-categories-box-tiles .i-category-item {
    margin: 2px;
    width: calc(50% - 4px) !important
  }
}

.i-categories-box-tiles .i-category-item-in {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px
}

.i-categories-box-tiles .i-category-item-in,
.i-categories-box-tiles .i-category-item-pic {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center
}

.i-categories-box-tiles .i-category-item-pic {
  height: 100%;
  width: 100%
}

@media (min-width:1200px) {

  .i-categories-box-tiles .i-category-item-pic .ico,
  .i-categories-box-tiles .i-category-item-pic .svg,
  .i-categories-box-tiles .i-category-item-pic img {
    height: 60px;
    width: 60px
  }
}

@media (max-width:1199px) {

  .i-categories-box-tiles .i-category-item-pic .ico,
  .i-categories-box-tiles .i-category-item-pic .svg,
  .i-categories-box-tiles .i-category-item-pic img {
    height: 50px;
    width: 50px
  }
}

@media (max-width:767px) {

  .i-categories-box-tiles .i-category-item-pic .ico,
  .i-categories-box-tiles .i-category-item-pic .svg,
  .i-categories-box-tiles .i-category-item-pic img {
    height: 60px !important;
    width: 60px !important
  }
}

.i-categories-box-tiles .i-category-item-title {
  margin: 0 auto
}

@media (min-width:768px) {
  .i-categories-box-tiles-more {
    display: none
  }
}

@media (max-width:767px) {
  .i-categories-box-tiles-more {
    background-color: #fff;
    bottom: 0;
    display: block;
    left: 0;
    padding: 30px 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 9081
  }

  .i-categories-box-tiles-more:before {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, #fff 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    content: "";
    display: block;
    height: 66px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 1
  }
}

@media (min-width:768px) {
  .i-categories-box-tiles .i-category-item {
    margin: 10px;
    width: calc(16.66667% - 20px)
  }

  .i-categories-box-tiles .i-category-item:hover {
    border-color: transparent
  }

  .i-categories-box-tiles .i-category-item:not(.i-category-item-disabled-hover):hover .i-category-item-in {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    height: auto;
    left: -10px;
    left: -15px;
    min-height: 100%;
    min-width: 180px;
    min-width: inherit;
    padding: 30px 10px 14px;
    right: -10px;
    right: -15px;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    z-index: 9081
  }

  .i-categories-box-tiles .i-category-item:not(.i-category-item-disabled-hover):hover .i-category-item-in .i-category-item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .i-categories-box-tiles .i-category-item:not(.i-category-item-disabled-hover):hover .i-category-item-title {
    padding: 0 20px
  }
}

.us-form-box {
  padding: 20px 0 100px
}

@media (max-width:767px) {
  .us-form-box {
    padding-bottom: 0;
    padding-top: 0
  }
}

.us-form-box.us-form-box-sm .us-form-body {
  max-width: 100%
}

.us-form-box.us-form-box-sm .us-form {
  max-width: 357px
}

.us-form {
  background-color: var(--clr-white);
  border-radius: 10px;
  border: 1px solid var(--clr-border-light);
  margin: 0 auto;
  max-width: 428px
}

@media (max-width: 1023px) {
  .us-form{
    border-radius: 20px 20px 0 0;
    border: none;
    box-shadow: 0px -2px 4px 0px rgba(24, 24, 24, 0.12);
    max-width: 100%;
  }
}

.us-form .form-group+.form-phone-input {
  margin-top: 20px
}

.us-form-border-footer {
  border-top: 1px solid #e8edef;
  margin-top: 25px;
  padding-top: 25px
}

.us-form .form-control,
.us-form .input-group,
.u-authorize-form .form-control,
.u-authorize-form .input-group {
  height: 40px
}

.us-form .input-group-prepend,
.u-authorize-form .input-group-prepend {
  height: 100%
}

.us-form-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 31px 23px
}

@media (max-width:1023px) {
  .us-form-in {
    padding: 12px 23px 24px;
  }
}

.us-form-socials {
  padding-top: 8px;
  -webkit-box-flex: 0;
  /* border-left: 1px solid #e8edef; */
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  /* margin-left: 40px; */
  /* min-width: 206px; */
  /* padding-left: 46px; */
  text-align: center;
  width: 100%;
}

.us-form-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}
/* 
@media (min-width:768px) {
  .us-form-body {
    max-width: 303px;
    min-width: 303px
  }
} */

@media (max-width:767px) {
  .us-form-body {
    width: 100%
  }
}

@media (min-width:768px) {
  .us-form-recovery {
    margin: 0 auto;
    max-width: 480px
  }
}

@media (max-width:767px) {
  .us-form-recovery .us-form-input-act .form-control {
    max-width: 100% !important;
    width: 100% !important
  }

  .us-form-recovery .us-form-input-act .btn {
    margin-top: 15px;
    width: 100% !important
  }
}

.us-form-divider {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  justify-content: center;
  margin: 24px 0;
  position: relative;
  width: 100%;
}

@media (max-width: 1023px) {
  .us-form-divider{
    margin: 16px 0;
  }
}

.us-form-divider::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 0;
  border-bottom: 1px solid var(--clr-border-light);
  z-index: 1;
}

.us-form-divider .border-bottom {
  width: 100%
}

.us-form-divider-txt {
  background-color: var(--clr-white);
  display: inline-block;
  padding: 0 8px;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--clr-darkest);
  z-index: 2;
}

.us-form-body-simple {
  max-width: inherit;
  padding-right: 0;
  text-align: center
}

.us-form-body-sm {
  max-width: 400px;
  padding-right: 0;
  text-align: center
}

@media (min-width:768px) {
  .us-form-body-sm .us-form-body {
    max-width: inherit;
    min-width: inherit
  }
}

.us-form-title {
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  margin-bottom: 20px
}

@media (max-width:767px) {
  .us-form-title {
    font-size: 24px;
    font-weight: 500;
  }
}

.us-form-socials-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 27px
}

@media (max-width:767px) {
  .us-form-socials-title {
    margin-bottom: 20px
  }
}

.us-form-socials-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  /* margin: 0 -5px */
}

@media (max-width:767px) {
  .us-form-socials-list {
    margin: -5px
  }
}

.us-form-link{
  font-size: 12px;
  font-weight: 400;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.3;
  color: var(--clr-darkest);
  transition: .2s ease;
}

.us-form-link:hover{
  color: var(--clr-gray);
}

.us-form-socials-link{
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--clr-border-light);
  padding: 10px 8px;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--clr-darkest);
  transition: .2s ease;
}

.us-form-socials-link:hover{
  background-color: var(--clr-border-light);
  color: var(--clr-darkest);
}

.us-form-socials-link-i{
  overflow: hidden;
  padding: 5px;
  border-radius: 40px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: inline-block;
  background-color: var(--clr-darkest);
  margin-right: 8px;
}

.us-form-socials-link-i > svg,
.us-form-socials-link-i > img{
  width: 100%;
  height: 100%;
  min-height: auto;
  min-width: auto;
  vertical-align: top;
  object-fit: contain;
}

.us-form-remember {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  margin: 12px 0 0
}

@media (max-width:767px) {
  .us-form-remember {
    margin-top: 20px
  }
}

.us-form-remember a {
  margin-left: auto;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 20px
}

.us-form-footer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-top: 32px
}

@media (max-width:1023px) {
  .us-form-footer {
    margin-top: 24px
  }
}

.us-form-footer > .btn{
  width: 100%;
}

.us-form-input-act {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

@media (max-width:767px) {
  .us-form-input-act {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
  }
}

.us-form-input-act+.us-form-sub-text {
  margin-top: 15px;
  text-align: center
}

.us-form-input-act .btn {
  padding-bottom: 8px;
  padding-top: 8px
}

.us-form-input-act .form-control,
.us-form-input-act .form-group {
  margin-bottom: 0;
  margin-right: 10px
}

@media (max-width:767px) {

  .us-form-input-act .form-control,
  .us-form-input-act .form-group {
    margin-right: 0
  }

  .us-form-input-act .form-group {
    margin-bottom: 15px !important;
    width: 100%
  }
}

.us-form-input-act .form-phone-input {
  margin-right: 0
}

@media (max-width:767px) {
  .us-form-input-act-sm {
    width: auto
  }
}

.us-form-input-act-sm .form-control {
  max-width: 155px
}

@media (max-width:767px) {
  .us-form-input-act-sm .form-control {
    margin-bottom: 0 !important;
    margin-right: 10px !important
  }

  .us-form-input-act-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.us-form-input-act-md .form-control {
  height: 40px;
  min-width: 287px
}

@media (max-width:767px) {
  .us-form-input-act-md .form-control {
    min-width: inherit;
    width: 100%
  }
}

.us-form-under-actions {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-top: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--clr-gray);
  width: 100%;
}

.us-form-under-actions a{
  line-height: inherit;
  font-size: inherit;
  font-weight: 500;
  color: var(--clr-orange);
  transition: .2s ease;
}

.us-form-under-actions a:hover{
  color: var(--clr-orange-hover);
}

@media (max-width:767px) {

  .us-form-under-actions .ico {
    font-size: 30px;
    margin-bottom: 8px;
    margin-right: 0 !important;
    min-height: 30px;
    width: 30px
  }
}

.us-form-sub-text {
  color: #999;
  font-size: 12px;
  line-height: 18px;
  text-align: left
}

.us-form-text {
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  color: var(--clr-darkest);
  margin-bottom: 16px
}

@media (max-width: 1023px){
  .us-form-text{
    font-size: 14px;
  }
}

.us-form-soc {
  max-width: inherit !important;
  padding-right: 0
}

.us-form-soc-user {
    display: flex;
    align-items: center;
    gap: 12px;
}

.us-form-soc-avatar {
    width: 65px;
    height: 65px;
    min-width: 65px;
    min-height: 65px;
    border-radius: 1000px;
}

.us-form-soc-avatar > img,
.us-form-soc-avatar img{
  border-radius: inherit;
  width: inherit;
  height: inherit;
  object-fit: cover;
  object-position: center;
}

.us-form-soc-picture {
  border-radius: 50%;
  height: 70px;
  position: absolute;
  width: 70px
}

@media (max-width:767px) {
  .us-form-soc-picture {
    display: block;
    margin: 0 auto 12px;
    position: relative
  }
}

.us-form-soc-body {
  padding-left: 85px
}

@media (max-width:767px) {
  .us-form-soc-body {
    padding-left: 0
  }
}

.us-form-soc-body .us-form-footer,
.us-form-soc-body .form-group {
  margin-right: 100px
}

@media (max-width:767px) {

  .us-form-soc-body .us-form-footer,
  .us-form-soc-body .form-group {
    margin-right: 0
  }
}

.us-form-social-info {
  margin-bottom: 15px
}

@media (max-width:767px) {
  .us-form-social-info {
    text-align: center
  }
}

.us-form-social-info b,
.us-form-social-info strong {
  display: block;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 3px
}

.us-form-social-exist {
  color: #ff585b;
  margin-bottom: 15px;
  margin-top: 6px
}

.l-services-box {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-top: 40px
}

.l-services-box .l-page-head {
  margin-bottom: 40px;
  text-align: center
}

.l-services-nav {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

.l-services-nav-item .nav-link {
  border-radius: 4px 4px 0 0;
  font-size: 16px;
  line-height: 24px;
  padding: 19px 30px
}

.l-services-nav-item .nav-link.active {
  background-color: var(--primary-base-color);
  border: none !important;
  color: #fff !important
}

@media (max-width:767px) {
  .l-services-nav-item .nav-link {
    border-radius: 0;
    padding: 15px 20px
  }
}

.l-service-actions {
  background-color: #fff;
  margin-top: 50px;
  padding: 70px 0
}

@media (max-width:767px) {
  .l-service-actions {
    padding: 50px 0
  }
}

.l-service-action-item {
  max-width: 370px;
  text-align: center
}

@media (max-width:767px) {
  .l-service-action-item+.l-service-action-item {
    margin-top: 50px
  }
}

.l-service-action-item-footer .btn {
  padding-left: 30px;
  padding-right: 30px
}

.l-service-action-img {
  height: 62px;
  margin-bottom: 17px;
  width: 62px
}

.l-service-actions-in {
  -ms-flex-pack: distribute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around
}

@media (max-width:767px) {
  .l-service-actions-in {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
  }
}

.l-service-action-item-title {
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 22px
}

.l-service-tab {
  background-color: var(--primary-base-color);
  padding-top: 45px
}

@media (max-width:767px) {
  .l-service-tab {
    padding-top: 36px
  }
}

.l-services-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 40px 40px 50px
}

@media (max-width:767px) {
  .l-services-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 20px 20px
  }
}

.l-services-item+.l-services-item {
  margin-top: 10px
}

.l-services-item.up .l-services-item-title {
  color: #0096c7
}

.l-services-item.mark .l-services-item-title {
  color: #74b31b
}

.l-services-item.top .l-services-item-title {
  color: #0ebff8
}

.l-services-item.urgent .l-services-item-title {
  color: #ff585b
}

.l-services-item.vip .l-services-item-title {
  color: #ff9d00
}

.l-services-item.press .l-services-item-title {
  color: #333
}

@media (max-width:767px) {
  .l-services-item-content {
    text-align: center
  }

  .l-services-item-img {
    margin-bottom: 10px
  }
}

@media (min-width:768px) {
  .l-services-item-img {
    margin-right: 50px
  }
}

.l-services-item-img img {
  width: 70px
}

.l-services-box-text {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  margin: 0 auto 43px;
  max-width: 736px;
  text-align: center
}

@media (max-width:767px) {
  .l-services-box-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 33px
  }
}

.l-services-item-title {
  color: var(--text-color);
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 10px
}

.p-pay-methods {
  margin: 0 -7px
}

.p-pay-methods-item {
  position: relative
}

.p-pay-methods-item-in {
  border: 1px solid #e8edef;
  border-radius: 4px;
  cursor: pointer
}

.p-pay-methods-item-in label {
  cursor: pointer
}

.p-pay-methods-item-in:hover {
  border-color: #cad5da
}

.p-pay-methods-item-content label {
  display: block
}

.p-pay-methods-item-radio {
  position: absolute;
  visibility: hidden
}

.l-svc-item {
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  cursor: pointer;
  display: block;
  margin-bottom: 10px;
  min-height: 50px;
  position: relative;
  text-align: left
}

@media (max-width:767px) {
  .l-svc-item {
    border-radius: 0;
    margin: 0 0 10px
  }
}

@media (max-width:575px) {
  .l-svc-item {
    margin-left: -20px;
    margin-right: -20px
  }
}

.l-svc-item.active {
  border: 2px solid rgba(var(--primary-base-color-rgba), .5);
  -webkit-box-shadow: 0 3px 10px rgba(var(--primary-base-color-rgba), .2);
  box-shadow: 0 3px 10px rgba(var(--primary-base-color-rgba), .2)
}

.l-svc-item.active .l-svc-item-descr {
  display: block
}

.l-svc-item.active .l-svc-item-top {
  border-color: transparent
}

.l-svc-item .ico,
.l-svc-item .l-svc-item-icon {
  margin-left: 10px;
  position: relative;
  z-index: 10
}

.l-svc-item .l-svc-item-icon:first-child {
  margin-left: 0
}

@media (max-width:575px) {
  .c-form-creation-base .l-svc-item {
    margin-left: -18px;
    margin-right: -18px
  }
}

.l-svc-item-top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 1;
  align-items: center;
  border: 1px solid #e8edef;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: -2px;
  min-height: 50px;
  padding: 10px 20px
}

@media (max-width:767px) {
  .l-svc-item-top {
    border-radius: 0
  }
}

.l-svc-item-icon {
  -webkit-box-flex: 0;
  display: inline-block;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 32px;
  margin-right: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 30px
}

.l-svc-item-descr {
  background-color: #f4f4f4;
  border-radius: 0 0 4px 4px;
  display: none;
  padding: 20px
}

.l-svc-item-price {
  font-weight: 700;
  margin-bottom: 0;
  margin-left: auto;
  padding-left: 20px;
  white-space: nowrap
}

.l-svc-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.l-svc-item-info img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 60px
}

.l-svc-item-info-r {
  padding-left: 20px
}

@media (min-width:768px) {
  .l-svc-packages {
    margin-bottom: 35px
  }
}

@media (max-width:767px) {
  .l-svc-packages {
    margin-bottom: 25px
  }
}

.l-svc-packages .l-svc-item-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (min-width:992px) {
  .l-svc-packages .l-svc-item-top {
    padding: 20px 30px 20px 20px
  }
}

@media (max-width:991px) {
  .l-svc-packages .l-svc-item-top {
    padding: 20px 20px 30px
  }
}

.l-svc-include-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.l-svc-include-item .l-svc-item-icon {
  margin-right: 10px
}

.l-svc-item-head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 23px
}

@media (max-width:991px) {
  .l-svc-item-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .l-svc-item-head .form-check-label {
    left: 20px;
    position: absolute;
    top: 30px
  }
}

.l-svc-item-head .l-svc-item-icon {
  height: 70px;
  margin-right: 0;
  width: 70px
}

@media (max-width:991px) {
  .l-svc-item-head .l-svc-item-icon {
    margin-bottom: 10px;
    margin-left: 0
  }

  .l-svc-item-head .l-svc-item-r {
    text-align: center
  }
}

.l-svc-item-body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:991px) {
  .l-svc-item-body {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px)
  }
}

.l-svc-included {
  background: #f6f6f6;
  border-radius: 4px;
  gap: 10px;
  padding: 20px
}

@media (min-width:992px) {
  .l-svc-included {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width:991px) {
  .l-svc-included {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.l-svc-included .l-svc-item-icon {
  height: 20px;
  width: 20px
}

.l-svc-item-l {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width:992px) {
  .l-svc-item-l {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 20px;
    width: 130px
  }
}

.l-svc-item-r {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0
}

.l-svc-item-r .btn-group {
  min-width: 0;
  overflow: auto
}

.l-svc-item-footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}

@media (min-width:992px) {
  .l-svc-item-footer {
    margin-top: 20px
  }
}

@media (max-width:991px) {
  .l-svc-item-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px
  }

  .l-svc-item-footer .l-svc-item-l {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    margin-bottom: 10px;
    width: 100%
  }
}

.l-empty-page .container {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-direction: column;
  flex-direction: column
}

.l-empty-page .h1 {
  font-weight: 700;
  margin-bottom: 12px;
  position: relative;
  z-index: 10
}

@media (max-width:767px) {
  .l-empty-page .h1 {
    margin-bottom: 17px
  }
}

.l-empty-page-center {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  text-align: center
}

@media (min-width:768px) {
  .l-empty-page-center {
    max-width: 735px;
    min-width: 735px;
    padding: 20px 0
  }
}

@media (max-width:767px) {
  .l-empty-page-center {
    padding-top: 50px
  }
}

.l-empty-page-copy {
  margin-top: auto
}

.l-empty-page-logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 10
}

.l-empty-page-logo img {
  min-width: 28px
}

.l-empty-page-logo .l-header-short-logo-title {
  color: var(--text-color);
  font-size: 18px;
  line-height: 25px;
  margin-left: 15px;
  margin-top: 0
}

.l-empty-page-logo-box {
  padding: 50px 0;
  position: relative
}

.l-empty-page-svg {
  left: 0;
  position: absolute;
  right: 0;
  top: -38px
}

@media (max-width:767px) {
  .l-empty-page-svg {
    left: -20px;
    right: -20px
  }

  .l-empty-page-svg svg {
    max-width: 100%
  }
}

.l-empty-page-text {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 34px
}

@media (max-width:767px) {
  .l-empty-page-text {
    margin-bottom: 24px
  }
}

.l-empty-page-links {
  -webkit-columns: 3;
  -moz-columns: 3;
  column-count: 3;
  margin-top: 36px;
  text-align: left
}

@media (max-width:767px) {
  .l-empty-page-links {
    -webkit-columns: 1;
    -moz-columns: 1;
    column-count: 1;
    margin-bottom: 20px;
    margin-top: 25px
  }
}

.l-empty-page-links li {
  margin-bottom: 15px
}

.l-empty-page-search {
  position: relative;
  width: 100%
}

.l-empty-page-search .form-control {
  padding-right: 35px;
  width: 100%
}

.l-empty-page-search-btn {
  background: transparent !important;
  border: none;
  border-radius: 3px;
  bottom: 1px;
  position: absolute;
  right: 2px;
  top: 1px
}

.l-empty-page-search-btn svg path {
  fill: var(--secondary-base-color)
}

.l-empty-page-copy {
  color: #999;
  font-size: 12px;
  padding: 0 0 36px;
  text-align: center
}

.hl-list {
  margin-bottom: 65px
}

.hl-list-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .hl-list-category {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.hl-list-category+.hl-list-category {
  border-top: 1px solid #ebebeb;
  margin-top: 40px;
  padding-top: 40px
}

@media (max-width:767px) {
  .hl-list-category+.hl-list-category {
    margin-top: 30px;
    padding-top: 30px
  }
}

.hl-list-category-view {
  display: block
}

.hl-list-category-view .hl-list-title {
  padding-bottom: 15px;
  width: auto
}

.hl-list-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  padding-right: 20px;
  width: 285px
}

.hl-list-items {
  overflow: hidden
}

.hl-list-items a {
  display: block;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

@media (max-width:767px) {
  .hl-list-items {
    padding-top: 18px
  }
}

.hl-list-items>li+li {
  margin-top: 10px
}

.hl-list-textshort {
  padding-bottom: 15px;
  padding-top: 10px
}

.hl-list-search>li {
  padding-left: 30px;
  position: relative
}

.hl-list-search>li+li {
  margin-top: 10px
}

.hl-list-search>li em {
  background-color: #f8e26d;
  font-style: normal
}

.hl-list-search-num {
  left: 0;
  position: absolute;
  top: 0
}

.h-cats-list {
  margin: 10px 0 15px
}

@media (min-width:768px) {
  .h-cats-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    opacity: 0
  }

  .h-cats-list.is-masonry {
    opacity: 1
  }

  .h-cats-list.h-cats-list-3-cols .h-cats-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 32%
  }
}

@media (max-width:767px) {
  .h-cats-list {
    height: auto !important;
    margin-bottom: 20px;
    margin-top: 0
  }
}

.h-cats-list.h-cats-list-cats {
  margin-top: 20px
}

@media (max-width:767px) {
  .h-cats-list.h-cats-list-cats {
    margin-top: 7px
  }

  .h-cats-list.h-cats-list-cats li+li {
    margin-top: 12px
  }
}

.h-cats-list.h-cats-list-cats .h-cat-level-2 {
  padding-left: 0
}

@media (min-width:768px) {
  .h-cats-list.h-cats-list-cats .h-cat-level-2 {
    padding-bottom: 10px
  }
}

.h-cats-list .dropdown-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
  position: relative
}

.h-cats-list .dropdown-item:hover {
  z-index: 11
}

@media (min-width:768px) {
  .h-cats-list.h-cats-on-columns {
    display: block;
    opacity: 1
  }

  .h-cats-list.h-cats-on-columns li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid
  }
}

@media (min-width:768px) and (max-width:991px) {
  .h-cats-list.h-cats-on-columns {
    -webkit-columns: 3;
    -moz-columns: 3;
    column-count: 3
  }
}

@media (min-width:992px) {
  .h-cats-list.h-cats-on-columns {
    -webkit-columns: 4;
    -moz-columns: 4;
    column-count: 4
  }
}

.h-cats-list-item {
  margin-bottom: 30px;
  position: relative
}

@media (min-width:768px) {
  .h-cats-list-item {
    padding-right: 30px
  }
}

@media (max-width:767px) {
  .h-cats-list-item:last-child {
    border-bottom: 1px solid #e8edef
  }

  .h-cats-list-item {
    margin-bottom: 0 !important;
    position: static !important
  }
}

.h-cats-list-item.opened .fl-search-cats-dropdown,
.h-cats-list-item.opened .h-cats-list-item-collapsed {
  display: block
}

@media (min-width:768px) {
  .h-cats-list-item.opened .h-cat-level-2-short {
    display: none
  }
}

.h-cats-list-item .fl-dyn-dropdown-label-styles {
  margin-bottom: 10px;
  margin-top: 10px
}

.h-cats-list-item .ps__rail-y {
  z-index: 12
}

@media (min-width:768px) {
  .h-cats-list-item .fl-search-cats-dropdown {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    left: -20px;
    min-width: 250px;
    padding-bottom: 10px;
    position: absolute;
    top: -4px;
    z-index: 10000
  }
}

@media (max-width:767px) {
  .h-cats-list-item .fl-search-cats-dropdown {
    display: none !important
  }
}

.h-cats-list-item .fl-search-cats-dropdown li {
  margin-top: 0
}

.h-cats-list-item .fl-search-cats-dropdown:after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(bottom, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(0deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  bottom: 14px;
  content: "";
  height: 17px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 10
}

.h-cats-list-item ul {
  list-style: none
}

.h-cats-list-item-main {
  display: inline-block;
  line-height: 20px;
  position: relative
}

.h-cats-list-item-main .hidden-link,
.h-cats-list-item-main a {
  color: var(--text-color)
}

@media (min-width:768px) {

  .h-cats-list-item-main .hidden-link,
  .h-cats-list-item-main a {
    color: var(--text-color) !important;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline
  }

  .h-cats-list-item-main .hidden-link:hover,
  .h-cats-list-item-main a:hover {
    text-decoration: none
  }
}

@media (max-width:767px) {

  .h-cats-list-item-main .hidden-link,
  .h-cats-list-item-main a {
    font-size: 16px !important;
    text-decoration: none
  }

  .h-cats-list-item-main {
    border-top: 1px solid #e8edef;
    padding: 15px 20px 15px 0;
    width: 100%
  }
}

.h-cats-list-item-collapsed {
  display: none
}

.opened .h-collapse-arrow:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.h-collapse-arrow {
  background-image: none;
  cursor: pointer;
  display: none;
  height: 40px;
  position: absolute;
  right: -14px;
  top: 27px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px
}

.h-collapse-arrow:after {
  background-image: url(../css/images/arrow.svg?a870a5c2a903e4f05f823ab64aea4dd8);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 5px;
  height: 11px;
  position: absolute;
  right: 10px;
  right: 14px;
  top: 15px;
  top: 52%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  width: 9px;
  width: 11px
}

@media (max-width:767px) {
  .h-collapse-arrow {
    display: inline-block
  }
}

.h-cats-list-area-cities {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.h-cats-list-area-cities .hidden-link,
.h-cats-list-area-cities a {
  font-size: 14px;
  line-height: 26px;
  text-decoration: none
}

.h-cats-list-area-cities .hidden-link:hover,
.h-cats-list-area-cities a:hover {
  text-decoration: underline
}

@media (max-width:767px) {
  .h-cats-list-area-cities {
    height: 0;
    overflow: hidden;
    padding-left: 10px
  }

  .h-cats-list-area-cities li:last-of-type {
    padding-bottom: 20px
  }
}

.h-cats-list-cats .h-cats-list-item-main {
  margin-bottom: 0
}

.h-cats-list-cats li+li {
  margin-top: 6px
}

@media (max-width:767px) {
  .h-cats-list-cats>li+li {
    margin-top: 0
  }
}

.h-cats-list-cats .h-cats-list-cat {
  display: inline-block;
  line-height: 20px
}

.h-more {
  color: #999 !important;
  display: inline-block;
  margin-top: -5px
}

.h-showed-more {
  height: auto !important
}

@media (max-width:767px) {
  .h-showed-more .h-more-all {
    display: none
  }

  .h-showed-more .h-more-less {
    display: inline !important
  }
}

.h-more-less {
  display: none
}

.h-cat-level-1 .h-cats-list-item-main>.h-cats-list-cat {
  color: var(--text-color);
  font-size: 18px;
  line-height: 20px
}

@media (max-width:767px) {
  .h-cat-level-2 {
    height: 0;
    overflow: hidden
  }
}

@media (min-width:768px) {
  .h-cat-level-2 {
    height: auto !important;
    margin-top: 15px
  }
}

.h-cat-level-2>li>.h-cats-list-cat {
  font-size: 14px;
  line-height: 20px
}

@media (max-width:767px) {
  .h-cat-level-2>li {
    padding: 7px 0
  }
}

@media (min-width:768px) {
  .h-cat-level-2>li+li {
    margin-top: 10px
  }
}

@media (max-width:767px) {
  .h-cat-level-2>li:last-of-type {
    padding-bottom: 27px
  }

  .h-cat-level-2.h-cat-level-2-short {
    display: none;
    height: auto
  }
}

.h-cat-level-3 {
  margin: 6px 0 0 10px !important
}

.h-cat-level-3>li>.h-cats-list-cat {
  color: var(--text-color)
}

.h-cat-level-3>li>.h-cats-list-cat:hover {
  color: #0096c7;
  color: rgba(var(--links-color))
}

.h-cat-level-3>li {
  font-size: 14px;
  line-height: 25px
}

.h-cat-level-3:empty {
  display: none
}

.h-cat-level-4>li>.h-cats-list-cat {
  color: #999;
  font-size: 13px
}

.h-cat-level-5 {
  margin: 0 0 6px !important
}

.h-cat-level-5>li>.h-cats-list-cat {
  color: #b3b3b3;
  font-size: 12px
}

.cp-list-item-title a:visited,
.it-item-title a:visited {
  color: #5b00a3
}

@media (min-width:768px) {
  .it-list-top .it-view-gallery {
    margin-bottom: 0 !important
  }
}

@media (max-width:767px) {
  .it-list-top .it-view-gallery {
    margin-bottom: 10px
  }
}

.it-reviews {
  height: 20px
}

.it-reviews .rw-in-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}



.it-img-box.it-img-box-empty img.it-img {
  max-width: 100px;
  min-width: 100px
}

@media (max-width:767px) {
  .it-img-box.it-img-box-empty img.it-img {
    max-width: 70px !important;
    min-width: 70px
  }
}

.it-img-box:hover .hvr-slider-wrap {
  display: block
}

@media (max-width: 1023px) {
  /* .it-img-box .hvr-slider-wrap{
    display: block;
  } */
  .it-img-box:hover .hvr-slider-wrap{
    display: none;
  }
}

.it-img {
  display: inline-block;
  height: auto;
  left: 50%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  vertical-align: middle;
  width: 100%
}

@media (max-width:767px) {
  .it-img {
    font-size: 12px
  }
}

.it-img-box-contain .it-img-vertical {
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto
}

.it-img-box-empty {
  background-color: #f4f4f4
}

.it-img-box-empty .it-img {
  -o-object-fit: contain;
  object-fit: contain
}

.it-img-count {
  background: rgba(0, 0, 0, .2);
  border-radius: 2px;
  bottom: 10px;
  color: #fff;
  font-size: 12px;
  left: 10px;
  line-height: 18px;
  min-width: 26px;
  padding: 1px;
  position: absolute;
  top: auto;
  z-index: 2;
  display: none;
}

.it-item-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  left: 0;
  padding: 4px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10
}

.it-item-labels .badge {
  margin-bottom: 4px;
  margin-right: 4px;
}



@media (max-width:991px) {
  .it-item-title:after {
    bottom: 0;
    top: auto
  }
}

.it-item-title .hidden-link:visited,
.it-item-title a:visited {
  color: #0096c7;
  color: rgba(var(--links-color))
}

.it-item-title .hidden-link:visited:hover,
.it-item-title a:visited:hover {
  color: #007094;
  color: rgba(var(--links-color), .8)
}

.it-item-title.wrap {
  max-height: 42px;
  white-space: normal
}


.it-price-curr-on {
  cursor: pointer;
  line-height: 26px
}

.it-price-curr-on span {
  border-bottom: 1px dotted var(--text-color)
}

.it-price-curr-on:hover span {
  border-bottom-color: transparent
}

.it-price-auction {
  color: #999;
  font-size: 12px;
  font-weight: 200;
  line-height: 18px
}

.it-price-old {
  bottom: -3px;
  color: #999;
  font-size: 12px;
  position: absolute;
  text-decoration-line: line-through
}

@media (max-width:991px) {
  .it-price-old {
    display: none
  }
}



.it-owner {
  margin-bottom: 4px
}

.it-action {
  margin-bottom: 11px
}

.it-action .btn {
  height: 30px;
  line-height: 30px !important;
  width: 100%
}

.it-date {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 12px
}

.it-date .ico {
  margin-right: 5px;
  margin-top: 2px
}

.it-date .ico,
.it-date>span {
  color: #999;
  white-space: nowrap
}

.it-date .ico>br,
.it-date>span>br {
  display: none
}

.it-item-labels-bottom {
  bottom: 10px;
  left: 10px;
  position: absolute;
  right: 10px;
  text-align: right;
  z-index: 11
}

.it-item-label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-item-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  align-self: center;
  background: rgba(0, 0, 0, .2);
  border-radius: 2px;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 22px;
  justify-content: center;
  padding: 3px 6px
}

.it-item-label+.it-item-label {
  margin-left: 1px
}

.it-item-label .ico {
  max-height: 14px
}

.it-grid-item .c-shadow-overflow:after,
.it-list-item .c-shadow-overflow:after {
  z-index: 1
}

@media (min-width:768px) {
  .it-category-page {
    gap: 30px;
    padding-bottom: 40px
  }
}

@media (max-width:767px) {
  .it-category-page {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
    padding-bottom: 25px
  }
}

.it-category-page .l-columns-box-l {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (min-width:768px) {
  .it-category-page .l-columns-box-l {
    gap: 30px
  }
}

@media (max-width:767px) {
  .it-category-page .l-columns-box-l {
    gap: 30px
  }
}

.it-category-page .l-columns-box-l .l-banner {
  margin: 0
}

.it-category-page .h-cats-list-item {
  padding-right: 0
}

@media (min-width:768px) {
  .it-category-page .in-box-head {
    margin-bottom: 15px
  }
}

.it-category-page .in-index-box {
  padding-bottom: 0;
  padding-top: 0
}

@media (max-width:767px) {
  .it-category-page .l-aside {
    margin-top: 0
  }
}

.it-cats-list-item .fl-search-cats-dropdown .dropdown-item {
  color: #0096c7;
  padding: 0 20px !important
}

.j-lasted-loader:empty {
  display: none
}

.it-view-list+.in-box-head {
  margin-top: 25px
}

.it-list-item {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  height: 180px;
  margin-bottom: 11px;
  overflow: hidden;
  position: relative;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s
}

@media (max-width:767px) {
  .it-list-item {
    max-width: 100%
  }
}

@media (max-width:991px) {
  .it-list-item {
    height: auto
  }
}

.it-list-item:hover {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}

.it-list-item.active {
  border-color: #eae5cf
}

.it-list-item.active,
.it-list-item.selected {
  background-color: #fffcee;
  background-color: var(--svc-listing-mark-bgcolor);
  border-color: #ff9d00;
  border-color: var(--svc-listing-mark-bgcolor)
}

.it-list-item.active .c-shadow-overflow:after,
.it-list-item.selected .c-shadow-overflow:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fffcee), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #fffcee 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #fffcee 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, var(--svc-listing-mark-bgcolor)), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, var(--svc-listing-mark-bgcolor) 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, var(--svc-listing-mark-bgcolor) 50%, hsla(0, 0%, 100%, 0) 133.33%)
}

.it-list-item .it-item-title {
  line-height: 20px;
  white-space: nowrap
}

@media (min-width:992px) {
  .it-list-item .it-item-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
}

@media (max-width:991px) {
  .it-list-item .it-item-title {
    max-height: 40px;
    overflow: hidden;
    white-space: normal;
    width: 100%
  }
}

.it-list-item .it-img-box {
  height: 100%;
  position: absolute;
  width: 232px
}

@media (max-width:991px) {
  .it-list-item .it-img-box {
    width: 155px
  }
}

@media (max-width:413px) {
  .it-list-item .it-img-box {
    width: 110px
  }
}

@media (min-width:414px) and (max-width:767px) {
  .it-list-item .it-img-box {
    width: 140px
  }
}

.it-list-item .it-price-box {
  height: auto
}

@media (min-width:992px) {
  .it-list-item .it-price-box {
    margin-bottom: 7px
  }
}

@media (max-width:991px) {
  .it-list-item .it-price-box {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

.it-list-item .it-item-address {
  color: var(--text-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

@media (max-width:991px) {
  .it-list-item .it-item-address {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
    max-height: 40px;
    order: 1;
    overflow: hidden;
    white-space: normal
  }
}

.it-list-item .it-price-auction {
  line-height: 20px
}

.it-list-item .it-action {
  margin-bottom: 0;
  margin-right: 15px
}

@media (max-width:767px) {
  .it-list-item .it-action {
    display: none
  }
}

@media (max-width:360px) {
  .it-list-item .it-date svg {
    display: none
  }
}

@media (min-width:992px) {
  .it-list-item .it-item-desc {
    margin-top: auto
  }
}

.it-list-item .c-item-fav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:991px) {
  .it-list-item .c-item-fav {
    margin-left: auto
  }
}

@media (max-width:767px) {
  .it-list-item .it-item-labels-bottom {
    text-align: left
  }
}

.it-list-item .rw-in-list-title {
  color: var(--text-color)
}

.it-list-item-t {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

@media (min-width:767px) {
  .it-list-item-t {
    margin-bottom: 7px
  }
}

@media (max-width:767px) {
  .it-list-item-t {
    margin-bottom: 8px
  }
}

.it-list-item-r {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:991px) {
  .it-list-item-r {
    left: 170px
  }
}

@media (max-width:767px) {
  .it-list-item-r {
    left: 155px
  }
}

@media (max-width:413px) {
  .it-list-item-r {
    left: 125px
  }
}

@media (min-width:768px) {
  .it-list-item-r .or-add-link {
    margin-right: 20px
  }
}

.it-list-item-in {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 15px;
  position: relative
}

.it-list-item-in>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

@media (min-width:992px) {
  .it-list-item-in {
    padding-left: 247px
  }
}

@media (max-width:991px) {
  .it-list-item-in {
    padding-left: 170px
  }
}

@media (max-width:767px) {
  .it-list-item-in {
    height: 100%;
    min-height: 120px;
    padding: 15px 20px 15px 155px
  }
}

@media (max-width:413px) {
  .it-list-item-in {
    padding: 15px 20px 15px 125px
  }
}

@media (max-width:991px) {
  .it-list-item-in-with-order {
    padding-bottom: 70px
  }

  .it-list-item-in-with-order .it-list-item-r {
    border-top: 1px solid #e8edef;
    bottom: 15px;
    padding-top: 15px;
    position: absolute;
    right: 20px;
    z-index: 1
  }
}

.it-list-item-footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  gap: 10px 15px;
  margin-top: auto;
  white-space: nowrap
}

@media (max-width:991px) {
  .it-list-item-footer {
    margin-bottom: 8px
  }
}

@media (min-width:768px) {
  .it-list-item-footer .c-dot {
    margin: 0 !important
  }

  .it-list-item-footer .it-date {
    margin-left: auto
  }
}

.it-list-item-footer .rw-in-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media (min-width:992px) {
  .it-list-item-footer .rw-in-list {
    max-width: 250px
  }
}

.it-list-item-footer .it-owner,
.it-list-item-footer .it-rw {
  margin-bottom: 0
}

@media (max-width:991px) {
  .it-list-item-footer .it-owner {
    display: none
  }
}

.it-list-item-footer .it-rw-count {
  color: var(--text-color);
  margin-left: 10px;
  margin-right: 0
}

.it-list-item-cat {
  font-size: 12px;
  line-height: 18px
}

@media (max-width:991px) {
  .it-list-item-cat {
    display: none
  }
}

.it-item-desc {
  color: #999;
  font-size: 12px;
  line-height: 18px;
  max-height: 40px;
  min-height: 16px;
  overflow: hidden
}

@media (max-width:991px) {
  .it-item-desc {
    display: none
  }
}

.it-price-for {
  font-weight: 400
}

.it-cats-lvl-2-wrap {
  -ms-overflow-style: none;
  margin-bottom: 28px;
  scrollbar-width: none
}

@media (min-width:768px) {
  .it-cats-lvl-2-wrap {
    margin-bottom: 24px
  }
}

@media (max-width:767px) {
  .it-cats-lvl-2-wrap {
    display: none
  }

  .it-cats-lvl-2-wrap.it-cats-lvl-2-wrap-visible-mob {
    display: block
  }
}

.it-cats-lvl-2-wrap::-webkit-scrollbar {
  background: transparent;
  display: none;
  width: 0
}

.it-cats-lvl-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

@media (min-width:992px) {
  .it-cats-lvl-2 {
    gap: 4px;
  }
}

@media (max-width:991px) {
  .it-cats-lvl-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    gap: 10px 30px;
    white-space: nowrap
  }
}

.it-cats-lvl-2 .c-link-ajax {
  color: #999
}

.it-cats-lvl-2 .c-link-ajax span {
  border-bottom-color: #999
}

.it-cats-lvl-2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  white-space: nowrap
}

@media (min-width:992px) {
  .it-cats-lvl-2 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 100%;
    width: 100%;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .it-cats-lvl-2 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(50% - 15px);
    flex: 0 1 calc(50% - 15px);
    max-width: calc(50% - 15px);
    min-width: 0
  }
}

@media (max-width:767px) {
  .it-cats-lvl-2 li {
    width: 100%
  }
}

/* .it-cats-lvl-2 li:before {
  border-bottom: 1px dotted #999;
  bottom: 1px;
  content: "";
  display: block;
  height: 1px;
  left: 20px;
  position: absolute;
  right: 20px
} */

.it-cats-lvl-2 li a {
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.it-cats-lvl-2 li .c-count,
.it-cats-lvl-2 li a {
  background-color: #fff;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 32px;
  position: relative;
  transition: .2s ease;
  /* -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px) */
}

.it-cats-lvl-2 li svg{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.it-cats-lvl-2 li a:hover{
  color: var(--clr-orange);
}
/* 
.it-cats-lvl-2 li .c-count:not(.c-link-ajax),
.it-cats-lvl-2 li a:not(.c-link-ajax) {
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px)
} */

.it-cats-lvl-2 li .c-count {
  background-color: #fff;
  display: inline-block;
  line-height: 20px;
  margin-left: auto;
  padding-left: 13px;
  padding-right: 0;
  position: relative;
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px)
}

.it-cats-lvl-2 li .c-count:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  bottom: 1px;
  content: "";
  display: block;
  left: 0;
  min-height: 23px;
  position: absolute;
  right: 0;
  right: 13px;
  top: 0;
  width: 16px;
  width: 12px;
  z-index: 10
}

.it-cats-lvl-2-more:before {
  display: none !important
}

.it-list-more-link {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px
}

@media (max-width:767px) {
  .it-list-more-link {
    margin-left: auto;
    margin-right: -10px;
    padding-left: 10px;
    position: relative
  }
}

.it-list-num {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 18px
}

@media (max-width:767px) {
  .it-list-num {
    font-size: 12px;
    line-height: 18px;
    margin-left: auto
  }
}

.it-list-aside {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 222px;
  flex: 0 0 222px
}

@media (max-width:991px) {
  .it-list-aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px
  }
}

@media (max-width:767px) {
  .it-list-aside {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%
  }
}

/* @media (min-width:992px) {

  .it-category-page .it-grid-item,
  .it-view-gallery-4-items-in-row .it-grid-item {
    -ms-flex-preferred-size: calc(25% - 20px);
    flex-basis: calc(25% - 20px)
  }

  .it-view-gallery-3-items-in-row .it-grid-item {
    -ms-flex-preferred-size: calc(33.33% - 20px);
    flex-basis: calc(33.33% - 20px)
  }
} */

@media (max-width:767px) {

  .it-view-gallery-2-in-row-mobile.it-view-gallery-vertical-pic .it-img-box {
    height: 240px !important;
    max-height: inherit !important
  }

  .it-view-gallery-2-in-row-mobile .it-grid-item {
    -ms-flex-preferred-size: calc(50% - 5px);
    flex-basis: calc(50% - 5px);
  }

  .it-view-gallery-2-in-row-mobile .it-grid-item-in-with-order .it-grid-xtra-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .it-view-gallery-2-in-row-mobile .it-grid-item-in-with-order .it-date {
    display: none
  }

  /* .it-view-gallery-2-in-row-mobile .it-item-title {
    line-height: 20px;
    max-height: 44px;
    white-space: normal
  } */
}

@media (max-width: 575px) {
  .it-view-gallery-2-in-row-mobile .it-grid-item {
    -ms-flex-preferred-size: calc(50% - 2px);
    flex-basis: calc(50% - 2px);
  }
  .it-view-gallery.it-view-gallery-cols-mobile .it-grid-item {
    -ms-flex-preferred-size: calc(50% - 2px);
    flex-basis: calc(50% - 2px);
  }
}

/* @media (max-width:767px) and (max-width:767px) {
  .it-view-gallery-2-in-row-mobile .it-img-box {
    max-height: 114px;
    min-height: 114px
  }
} */

@media (max-width:767px) {
  /* .it-view-gallery-2-in-row-mobile .it-grid-mainfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end
  } */

  /* .it-view-gallery-2-in-row-mobile .it-item-address {
    margin-bottom: 5px !important
  } */
/* 
  .it-view-gallery-2-in-row-mobile .it-img-box {
    height: 114px
  } */

  .it-view-gallery-2-in-row-mobile .it-item-labels-bottom {
    text-align: left
  }

  /* .it-view-gallery-2-in-row-mobile .it-grid-footer {
    margin-top: auto
  } */
}



@media (min-width:768px) {
  .it-view-gallery .btn-show-more {
    margin: 32px 10px 0
  }
}

@media (max-width: 1023px) {
  .it-view-gallery .btn-show-more {
    margin: 8px 0 0;
    height: 44px;
    color: var(--clr-orange)
  }
  .it-view-gallery .btn-show-more .ico {
    display: none;
  }
}

.it-view-gallery .c-block-loader {
  width: auto
}

.it-view-gallery .c-block-loader .c-circle-loader {
  -webkit-transform: translate(-50%, -50%) scale(.6);
  -ms-transform: translate(-50%, -50%) scale(.6);
  transform: translate(-50%, -50%) scale(.6)
}

.hvr-slider-wrap {
  display: none
}

.hvr-slider-wrap-table {
  padding: 2px 1px
}

.hvr-slider-wrap-table div {
  margin: 0 1px;
  position: relative
}

.hvr-slider-wrap-table div.active:before {
  background-color: var(--clr-orange-secondary);
  opacity: 1
}

.hvr-slider-wrap-table div:before {
  background: #e1e1e1;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 1px;
  opacity: .8;
  position: absolute;
  right: 1px
}

.it-img-more-popover {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  bottom: 0;
  color: #fff !important;
  display: none;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 11
}

.it-img-more-popover.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.it-img-more-popover:before {
  background: #000;
  bottom: 0;
  content: "";
  left: 0;
  opacity: .5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.it-grid-item {
  position: relative
}



.it-grid-item.selected .it-cal-label,
.it-grid-item.selected .it-grid-item-in {
  background-color: #FFE0CC
}

.it-grid-item.selected .c-shadow-overflow:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #FFE0CC), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #FFE0CC 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #FFE0CC 50%, hsla(0, 0%, 100%, 0) 133.33%)
}

.it-grid-item.selected .it-grid-item-in {
  border-color: #FFE0CC
}

.it-grid-item .it-date {
  display: block;
  margin-top: 10px;
  text-align: center
}

.it-grid-item .it-date .ico {
  color: #999;
  margin-right: 3px;
  vertical-align: middle
}

.it-grid-item .it-date span {
  vertical-align: middle
}




@media (max-width:767px) {
  .it-grid-item .it-reviews {
    margin-bottom: 5px
  }
  
  .it-view-gallery .btn-show-more:hover {
    color: var(--clr-orange);
    background-color: #fff;
    border-color: #e8edef;
  }
  .it-view-gallery .btn-show-more:active {
    color: #000;
    background-color: var(--clr-orange-hover);
    border-color: #c3c3c3;
  }

  
  .fc-item:hover {
    background:transparent;
  }
  .fc-item:hover .fc-item-name {
    color: var(--text-color);
  }
  .fc-item:hover:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
    background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  }
  .fc-item:active {
    background: #f8f8f8;
  }
  .fc-item:active .fc-item-name {
    color: var(--clr-orange);
  }
  .fc-item:active:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f8f8f8), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(right, #f8f8f8 50%, hsla(0, 0%, 100%, 0) 133.33%);
    background: linear-gradient(270deg, #f8f8f8 50%, hsla(0, 0%, 100%, 0) 133.33%);
  }
}

.it-grid-item .it-price-auction {
  margin-top: 2px
}

.it-grid-item .or-add-link {
  width: 100%
}

@media (min-width:768px) {
  .it-grid-item .or-add-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .it-grid-item .or-add-link+*,
  .it-grid-item .or-add-link+script+* {
    border-top: 1px solid #ebebeb;
    margin-top: 15px;
    padding-top: 15px
  }
}

@media (max-width:767px) {
  .it-grid-item .or-add-link {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    border-top: 1px solid #e8edef !important;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 20px;
    margin-top: 16px;
    order: 1;
    padding-top: 13px !important;
    position: relative;
    width: auto;
    z-index: 1
  }

  .it-grid-item .or-add-link.c-block-loader .c-circle-loader {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
  }
}

@media (min-width:768px) {
  .it-grid-item:hover .it-grid-xtra-info {
    display: block
  }

  .it-grid-item:hover .it-grid-item-in {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(24, 24, 24, 0.12);
    box-shadow: 0px 2px 4px 0px rgba(24, 24, 24, 0.12);
    /* height: auto; */
    min-height: 100%;
    z-index: 9080
  }

  .it-grid-item-has-reviews {
    height: 313px
  }

  .it-grid-item-has-reviews .it-grid-mainfo {
    height: 96px
  }
}

.it-grid-item-has-reviews.it-grid-item-reviews-no-geo .it-item-title {
  max-height: 46px;
  white-space: normal
}

.it-grid-item-has-reviews.it-grid-item-reviews-no-geo .it-item-title:after {
  height: 20px;
  top: auto
}

/* @media (max-width:767px) {
  .it-grid-item-in {
    position: relative
  }
} */


.it-grid-mainfo {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
  flex: 1 1 auto;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* @media (min-width:768px) {
  .it-grid-mainfo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
} */

@media (max-width: 1023px) {
  .it-grid-mainfo{
    margin-right: 0;
  }
}


@media (max-width: 1023px) {
  .it-price-box {
    height: auto;
    margin-bottom: 4px;
  }
}

.it-price-box .badge {
  font-size: 12px;
  font-weight: 200;
  margin-right: 10px
}



.it-grid-xtra-info {
  border-top: 1px solid #ebebeb;
  display: none
}

@media (min-width:768px) {
  .it-grid-xtra-info {
    margin-top: 20px;
    padding-top: 15px
  }

  .it-grid-xtra-info .it-date:first-child {
    margin-top: 0
  }
}

.it-grid-desc {
  font-size: 12px;
  line-height: 18px
}

@media (max-width:767px) {
  .it-grid-desc {
    color: #999;
    margin-top: 10px
  }
}

.rw-grid-box {
  height: 18px
}

.it-map-balloon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .it-map-balloon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (min-width:768px) {
  .it-map-balloon-l {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    margin-right: 10px
  }
}

@media (max-width:767px) {
  .it-map-balloon-l {
    margin-bottom: 5px
  }
}

.it-map-balloon-l-img {
  border-radius: 4px;
  display: block
}

.it-map-balloon-title {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 5px
}

.it-map-balloon-price {
  font-weight: 700;
  margin-bottom: 2px
}

.it-map-balloon-price .it-price-auction {
  display: inline-block;
  margin-left: 5px
}

.it-view-list-map {
  margin-top: 20px
}

.it-list-sort {
  margin-bottom: 15px
}

.it-list-sort.cp-list-sort-company{
  border-bottom: 1px solid var(--clr-gray-btn);
  padding-bottom: 8px;
  margin-bottom: 24px;
}

@media (max-width: 1023px) {
  .it-list-sort.cp-list-sort-company{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 7px;
  }
}

@media (max-width: 1023px) {
  .it-list-sort{
    margin-bottom: 12px;
  }
}

.it-list-sort.it-list-view-single .it-list-view-toggle .dropdown-menu,
.it-list-sort.it-list-view-single .sn-list-act-dot {
  display: none !important
}

@media (min-width:992px) {
  .it-list-sort.it-list-view-single .it-list-view-toggle {
    margin-right: 0
  }
}

@media (max-width:767px) {
  .it-list-sort.it-list-view-single .it-list-view-toggle {
    display: none !important
  }

  .it-list-sort.it-list-view-single .it-list-sort-items {
    margin-right: -15px
  }

  .it-list-sort-company .it-list-sort-in {
    border-bottom: 0
  }
}

.it-list-sort-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 18px;
  position: relative
}

@media (max-width:767px) {
  .it-list-sort-in {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 1000
  }
}

.it-list-sort-items {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%
}

.it-list-sort-items,
.it-list-view-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 767px) {
  .it-list-sort-items{
    width: 100%;
    gap: 5px;
    justify-content: space-between;
  }
}

@media (min-width:768px) {
  .it-list-view-toggle {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: auto;
    margin-right: -15px
  }
}

@media (max-width:767px) {
  .it-list-view-toggle {
    margin-right: -10px;
    position: static
  }
}

.it-list-view-toggle-act {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width:768px) {
  .it-list-view-toggle-act {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 15px 18px
  }

  .it-list-view-toggle-act.active .ico path {
    fill: var(--secondary-base-color)
  }

  .it-list-view-toggle-act.active:after {
    background-color: var(--secondary-base-color)
  }
}

@media (max-width:767px) {
  .it-list-view-toggle-act {
    height: 30px;
    line-height: 30px;
    padding: 0 15px
  }
}

.it-list-view-toggle-act .ico {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 16px;
  width: 16px
}

@media (max-width:767px) {
  .it-list-view-toggle-act .ico path {
    fill: var(--secondary-base-color)
  }
}

.it-list-view-toggle-act:after {
  background-color: transparent;
  bottom: -1px;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 14px
}

@media (max-width:767px) {
  .it-list-view-toggle-act:after {
    display: none
  }
}

.it-list-view-toggle-act span {
  color: var(--text-color)
}

@media (min-width:768px) {
  .it-list-view-toggle-act span {
    display: none
  }
}

@media (max-width:767px) {
  .it-sort-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static
  }
}

.it-sort-item.it-sort-item-count{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-gray);
}

@media (max-width: 767px) {
  .it-sort-item.it-sort-item-count{
    font-size: 12px;
  }
}

@media (min-width:768px) {
  .it-sort-item {
    position: relative
  }

  .it-sort-item .it-sort-item-count+span,
  .it-sort-item+.it-sort-item {
    margin-left: 28px
  }
}

.it-sort-item .c-drop-arrow {
  display: inline-block;
  margin-left: 4px;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.it-sort-item.show .c-drop-arrow {
  -webkit-transform: translateY(0) rotate(-180deg);
  -ms-transform: translateY(0) rotate(-180deg);
  transform: translateY(0) rotate(-180deg)
}

.it-sort-item .dropdown-toggle {
  position: relative
}

@media (max-width:767px) {

  .it-sort-item .dropdown-toggle,
  .it-sort-item.dropdown-toggle {
    /* padding: 5px 12px 20px; */
    position: static
  }
}

.it-sort-item .dropdown-menu,
.it-sort-item+.dropdown-menu:not:only-child {
  min-width: 100px
}

@media (min-width:768px) {
  .it-sort-item .dropdown-menu {
    margin-top: 12px
  }
}

.it-sort-item .dropdown-item {
  color: var(--text-color)
}

@media (max-width:767px) {
  .it-sort-item .ico path {
    fill: var(--secondary-base-color)
  }

  /* .it-sort-item-count {
    left: 0;
    position: absolute;
    top: 4px
  } */

  .it-sort-item-in {
    max-width: 100%;
    overflow: hidden;
    padding-right: 0
  }
}

.it-sort-item-selected {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .it-sort-item-selected {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
  }
}

@media (min-width:768px) {
  .it-sort-item-selected .ico {
    display: none
  }
}

.it-list-pagination {
  margin-top: 30px
}

.it-links {
  border-top: 1px solid #ebebeb;
  margin-top: auto
}

.it-links .container {
  padding-bottom: 13px;
  padding-top: 13px
}

.it-links+.l-info {
  border-top: none
}

.it-break-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  overflow: hidden
}

.it-break-list,
.it-break-list li,
.it-break-list.active,
.it-break-list>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.it-break-list li,
.it-break-list>a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3px;
  position: relative
}

.it-break-list li:last-child .c-dot,
.it-break-list>a:last-child .c-dot {
  display: none
}

.it-break-list a,
.it-break-list span {
  color: var(--text-color);
  font-size: 12px;
  line-height: 18px
}

.it-break-list a:hover span {
  color: rgba(var(--links-color), .8)
}

@media (max-width:991px) {
  .it-premium-box-row {
    width: auto
  }
}

@media (max-width:767px) {
  .it-premium-box-row.owl-carousel {
    margin-right: -20px;
    width: auto
  }
}

.it-premium-box-row.owl-carousel:not(.owl-loaded) {
  opacity: 0
}

@media (max-width:767px) {
  .it-premium-box-row.owl-carousel .it-premium-item {
    min-width: 232px
  }
}

.it-premium-box-row:not(.owl-carousel) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

@media (min-width:768px) {
  .it-premium-box-row:not(.owl-carousel) {
    margin-bottom: -20px;
    margin-left: -10px;
    margin-right: -10px
  }
}

@media (max-width:767px) {
  .it-premium-box-row:not(.owl-carousel) {
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    margin-left: -5px;
    margin-right: -5px
  }
}

.it-premium-box-row:not(.owl-carousel) .it-premium-item {
  margin: 0 10px 20px
}

@media (max-width:767px) {
  .it-premium-box-row:not(.owl-carousel) .it-premium-item {
    margin: 0 5px
  }
}

@media (min-width:768px) {
  .it-premium-box-row:not(.owl-carousel).it-premium-box-row-3-in-row .it-premium-item {
    -ms-flex-preferred-size: calc(33.33% - 20px);
    flex-basis: calc(33.33% - 20px)
  }

  .it-premium-box-row:not(.owl-carousel).it-premium-box-row-4-in-row .it-premium-item {
    -webkit-box-flex: 0;
    -ms-flex-preferred-size: calc(33.33% - 20px);
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    flex-basis: calc(33.33% - 20px)
  }
}

@media (min-width:1025px) {
  .it-premium-box-row:not(.owl-carousel).it-premium-box-row-4-in-row .it-premium-item {
    -ms-flex-preferred-size: calc(25% - 20px);
    flex-basis: calc(25% - 20px)
  }
}

@media (min-width:768px) {
  .it-premium-box-row:not(.owl-carousel).it-premium-box-row-5-in-row .it-premium-item {
    -webkit-box-flex: 0;
    -ms-flex-preferred-size: calc(33.33% - 20px);
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    flex-basis: calc(33.33% - 20px)
  }
}

@media (min-width:992px) {
  .it-premium-box-row:not(.owl-carousel).it-premium-box-row-5-in-row .it-premium-item {
    -ms-flex-preferred-size: calc(25% - 20px);
    flex-basis: calc(25% - 20px)
  }
}

@media (min-width:1280px) {
  .it-premium-box-row:not(.owl-carousel).it-premium-box-row-5-in-row .it-premium-item {
    -ms-flex-preferred-size: calc(20% - 20px);
    flex-basis: calc(20% - 20px)
  }
}

@media (min-width:768px) and (max-width:991px) {
  .l-columns-box .l-columns-box-l .it-premium-box-row:not(.owl-carousel) .it-premium-item {
    -ms-flex-preferred-size: calc(50% - 20px);
    flex-basis: calc(50% - 20px)
  }
}

@media (min-width:1024px) and (max-width:1200px) {
  .l-columns-box .l-columns-box-l .it-premium-box-row:not(.owl-carousel) .it-premium-item {
    -ms-flex-preferred-size: calc(33.33% - 20px);
    flex-basis: calc(33.33% - 20px)
  }
}

@media (max-width:767px) {
  .it-cols-premium-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px
  }
}

@media (min-width:768px) {
  .it-cols-premium-box .it-premium-item+.it-premium-item {
    margin-top: 10px
  }
}

@media (max-width:767px) {
  .it-cols-premium-box .it-premium-item+.it-premium-item {
    margin-left: 10px
  }
}

@media (min-width:1024px) {
  .it-cols-premium-box.owl-carousel {
    display: none
  }
}

@media (max-width:1023px) {
  .it-cols-premium-box.owl-carousel {
    margin-left: -20px;
    margin-right: -20px;
    width: auto
  }

  .it-cols-premium-box.owl-carousel .owl-stage-outer {
    padding-left: 10px
  }
}

.it-cols-premium-box.owl-carousel:not(.owl-loaded) {
  opacity: 0
}

.it-premium-item {
  border-radius: 4px;
  display: block;
  overflow: hidden;
  position: relative
}

@media (max-width:1023px) {
  .it-premium-item {
    max-width: 232px;
    min-width: 232px
  }
}

.big-allowed-symbol {
  
}
.coffe-content #j-subscription-prolong-form .col-sm-9.form-row-noinput.mt-1 {
  font-size: 20px !important;
}

.coffe-content #j-subscription-prolong-form .col-sm-9.form-row-noinput.mt-1 {
  font-size: 24px;
}

@media (max-width:767px) {
  .big-allowed-symbol {
    
  }
  
  .coffe-content #j-subscription-prolong-form .col-sm-9.form-row-noinput.mt-1 {
    font-size: 20px !important;
  }

}

.it-premium-item:hover .it-premium-item-image:after {
  opacity: 1
}

.it-premium-item:hover .hvr-slider-wrap {
  display: block
}

.it-premium-item-in {
  position: relative;
  z-index: 1
}

.it-premium-item-in .c-nav-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10
}

.it-premium-item-fav {
  bottom: 20px;
  position: absolute;
  right: 20px;
  z-index: 12
}

.it-premium-item-fav.loading:before {
  background-color: transparent
}

.it-premium-item-fav.loading .ico {
  opacity: 0
}

.it-premium-item-fav .ico {
  color: #fff;
  height: 16px;
  width: 18px
}

.it-premium-item-image {
  height: 223px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.it-premium-item-image:after {
  background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(bottom, #000 0, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0));
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: .7;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  z-index: 1
}

.it-premium-item-empty .it-img {
  height: 80px;
  min-height: inherit !important;
  min-width: inherit !important;
  -o-object-fit: contain !important;
  object-fit: contain !important;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80px !important
}

.it-premium-item-title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  bottom: 42px;
  display: -webkit-box;
  font-weight: 400;
  line-height: 24px;
  padding: 3px 15px 2px 0;
  z-index: 1
}

.it-premium-item-price,
.it-premium-item-title {
  color: #fff;
  font-size: 16px;
  left: 20px;
  overflow: hidden;
  position: absolute
}

.it-premium-item-price {
  bottom: 20px;
  font-weight: 700;
  line-height: 15px;
  max-width: 160px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 4
}

.it-list-premium-footer {
  margin-top: 15px
}

@media (max-width:767px) {
  .it-list-premium-footer {
    display: none
  }
}

@media (max-width:575px) {
  .usr-ads-list {
    border-top: 1px solid #ebebeb;
    margin-left: -20px;
    margin-right: -20px
  }
}

.usr-ads-list>.c-circle-loader {
  top: 155px
}

.itu-list-item {
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  position: relative;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.itu-list-item+.itu-list-item {
  margin-top: 10px
}

.itu-list-item:hover {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}

.j-cat-select-popup .fc-popup-in.wb-f-panel-body.j-custom-scroll {
  max-height: 450px;
}

@media (max-width:575px) {
  .itu-list-item:only-child {
    border-bottom: 1px solid #e8edef
  }
}

@media (max-width:991px) {
  .itu-list-item:before {
    border: 2px solid transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
  }
}

@media (max-width:575px) {

  .itu-list-item:last-child:after,
  .itu-list-item:only-child:after {
    display: none
  }

  .itu-list-item:after {
    background-color: #f4f4f4;
    bottom: -10px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    width: 100%
  }
}

.itu-list-item.active {
  border-color: var(--secondary-base-color)
}

@media (max-width:991px) {
  .itu-list-item.active:before {
    border-color: var(--secondary-base-color)
  }
}

@media (max-width:575px) {
  .itu-list-item {
    border: none;
    border-radius: 0
  }
}

.itu-list-item-in {
  padding: 14px 20px 14px 46px;
  position: relative
}

@media (max-width:991px) {
  .itu-list-item-in {
    padding: 52px 20px 20px
  }

    
  .j-cat-select-popup .fc-popup-in.wb-f-panel-body.j-custom-scroll {
    max-height: unset;
  }
}

.itu-list-item-select {
  left: 15px;
  position: absolute;
  top: 20px
}

@media (max-width:991px) {
  .itu-list-item-select {
    left: 20px
  }
}

.itu-list-item-select input[type=checkbox] {
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden
}

.itu-list-item-img {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 66px;
  justify-content: center;
  margin-right: 17px;
  max-width: 100px;
  min-width: 100px;
  overflow: hidden
}

@media (max-width:991px) {
  .itu-list-item-img {
    margin-right: 12px
  }
}

.itu-list-item-img img {
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width:991px) {
  .itu-list-item-autoup {
    margin-top: 20px
  }

  .itu-list-item-autoup,
  .itu-list-item-autoup .form-check-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
  }

  .itu-list-item-autoup .form-check-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .itu-list-item-autoup .form-check-label .ico-filter {
    margin-left: auto
  }

  .itu-list-item-autoup .ico-check {
    display: none !important
  }
}

.itu-list-item-autoup-act {
  width: auto
}

@media (min-width:992px) {
  .itu-list-item-autoup-act {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-right: 20px
  }
}

.itu-list-item-autoup-act.active .ico-filter {
  color: var(--secondary-base-color)
}

.itu-list-item-autoup-act .ico-filter {
  color: #c3c3c3;
  font-size: 16px;
  margin-left: 9px
}

.itu-list-item-autoup-act .ico-check {
  margin-top: -1px
}

@media (min-width:992px) {
  .itu-list-item-autoup-act .slider {
    display: none !important
  }
}

@media (max-width:991px) {
  .itu-list-item-autoup-act .slider+span {
    padding-left: 45px;
    padding-top: 1px
  }
}

.itu-list-item-autoup-act span {
  color: var(--text-color);
  line-height: 1
}

.itu-list-item-autoup-act.checked .ico-filter {
  opacity: 1
}

.itu-list-item-left-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 15px
}

@media (max-width:991px) {
  .itu-list-item-left-in {
    margin-right: -20px
  }
}

.itu-list-item-left-in .it-price {
  font-size: 14px;
  line-height: 20px
}

.itu-list-item-actions {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

@media (max-width:1200px) {
  .itu-list-item-actions {
    -ms-flex-flow: wrap;
    flex-flow: wrap
  }
}

.itu-list-item-actions .btn {
  height: 34px
}

.itu-list-item-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 5px;
  margin-right: 5px
}

@media (max-width:991px) {
  .itu-list-item-title {
    font-weight: 400
  }
}

.itu-list-item-addr {
  margin-bottom: 3px
}

.itu-list-item-addr:after {
  right: 3px
}

.itu-list-item-actions-r {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width:992px) and (max-width:1200px) {
  .itu-list-item-actions-r {
    margin-top: 15px
  }
}

@media (max-width:991px) {
  .itu-list-item-actions-r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: wrap-reverse;
    flex-flow: wrap-reverse;
    width: 100%
  }

  .itu-list-item-actions-r .btn {
    margin-top: 10px;
    width: 100%
  }
}

.itu-list-item-actions-r .btn+.btn {
  margin-left: 10px
}

@media (max-width:991px) {
  .itu-list-item-actions-r .btn+.btn {
    margin-left: 0
  }
}

.itu-list-item-actions-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:991px) {
  .itu-list-item-actions-l {
    margin-bottom: 10px;
    width: 100%
  }

  .itu-list-item-actions-l .btn-group {
    min-width: 100px
  }

  .itu-list-item-actions-l .btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 58px;
    text-align: center
  }
}

.itu-list-item-actions-l .btn-group+.btn,
.itu-list-item-actions-l>.btn+.btn {
  margin-left: 10px
}

@media (max-width:991px) {

  .itu-list-item-actions-l .btn-group:last-child,
  .itu-list-item-actions-l>.btn:last-child {
    margin-left: auto;
    min-width: 77px
  }
}

.itu-list-item-body {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  min-width: 0
}

@media (min-width:992px) {
  .itu-list-item-body {
    padding-right: 20px
  }
}

.itu-list-item-right {
  white-space: nowrap
}

@media (max-width:991px) {
  .itu-list-item-right {
    position: absolute;
    right: 20px;
    top: 18px
  }
}

@media (min-width:992px) {
  .itu-list-item-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
  }
}

.itu-list-item-price {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.itu-list-item-price:after {
  right: 3px
}

.itu-autoup-actions {
  background-color: #fff9e4;
  padding: 20px;
  position: relative
}

.itu-autoup-form-sub-text {
  color: #999;
  font-size: 12px;
  line-height: 18px;
  margin-top: 5px
}

.itu-autoup-form {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

@media (max-width:991px) {
  .itu-autoup-form {
    -ms-flex-flow: wrap;
    flex-flow: wrap
  }
}

.itu-autoup-form-r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width:992px) {
  .itu-autoup-form-r {
    margin-left: 10px
  }
}

@media (max-width:991px) {
  .itu-autoup-form-r {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
    width: 100%
  }
}

.itu-autoup-form-r .btn+.btn {
  margin-left: 10px
}

.itu-autoup-form-selects {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2
}

.itu-autoup-form-selects+.itu-autoup-form-selects {
  margin-top: 10px
}

@media (max-width:991px) {
  .itu-autoup-form-selects {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-bottom: 13px
  }
}

.itu-autoup-form-selects.hide {
  display: none
}

.itu-autoup-label {
  margin-right: 17px
}

@media (max-width:991px) {
  .itu-autoup-label {
    margin-bottom: 15px
  }

  .itu-autoup-label-inputs {
    width: 100%
  }
}

@media (max-width:380px) {
  .itu-autoup-label-inputs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (min-width:992px) {
  .itu-autoup-label-inputs .input-inline {
    max-width: 133px
  }
}

@media (max-width:991px) {
  .itu-autoup-label-inputs .input-inline {
    max-width: 193px
  }
}

.itu-autoup-label-inputs .form-control {
  background-color: #fff;
  padding-right: 20px !important
}

.itu-list-item-autoup-selects-time {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:991px) {
  .itu-list-item-autoup-selects-time {
    margin-top: 5px;
    width: 100%
  }
}

@media (max-width:991px) and (max-width:991px) {
  .itu-list-item-autoup-selects-time .form-control {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: inherit
  }
}

.itu-list-item-promotes {
  border-top: 1px solid #ebebeb;
  font-size: 12px;
  line-height: 18px;
  margin-top: 20px;
  padding-top: 12px
}

@media (min-width:992px) {
  .itu-list-item-promotes {
    margin-left: -25px
  }
}

@media (max-width:991px) {
  .itu-list-item-promotes a {
    display: block;
    padding-left: 20px
  }

  .itu-list-item-promotes a:first-of-type {
    margin-top: 5px
  }
}

.itu-list-item-promotes a span {
  color: var(--text-color)
}

.itu-list-item-promotes a:hover span {
  color: rgba(var(--links-color)) !important
}

.itu-list-item-promotes .ico {
  color: #74b31b
}

.itu-list-item-promotes-title {
  font-weight: 700
}

@media (max-width:991px) {
  .itu-list-item-promotes-title {
    padding-left: 4px
  }
}

.it-view-gallery,
.j-list-phone.loading:before {
  margin-left: -10px;
  margin-right: -10px
}

@media (max-width: 767px) {
  .it-view-gallery, .j-list-phone.loading:before{
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 575px) {
  .it-view-gallery, .j-list-phone.loading:before{
    margin-left: -4px;
    margin-right: -4px;
  }
}



@media (max-width:767px) and (max-width:767px) {
  .it-view-gallery.it-view-gallery-cols-mobile .it-grid-item.it-view-gallery-vertical-pic .it-img-box {
    height: 345px !important
  }
}

.it-grid-item {
  -ms-flex-preferred-size: calc(20.33% - 12px);
  flex-basis: calc(20.33% - 12px);
}

@media (min-width: 1024px) {
  .l-columns-box-l .it-grid-item{
    -ms-flex-preferred-size: calc(25% - 12px);
    flex-basis: calc(25.5% - 12px);
  }
  .it-view-gallery-3-items-in-row .it-grid-item{
    -ms-flex-preferred-size: calc(33.93% - 13px);
    flex-basis: calc(33.93% - 13px);
  }
  
  #j-listings-search-list .l-aside.c-shadow-white-box {
    padding-top: 43px !important;
  }

}

/* @media (min-width:992px) and (max-width:1279px) {
  .it-grid-item {
    -ms-flex-preferred-size: calc(25% - 20px);
    flex-basis: calc(25% - 20px)
  }
} */

@media (max-width:1023px) {
  .it-grid-item {
    -ms-flex-preferred-size: calc(25.56% - 12px);
    flex-basis: calc(25.56% - 12px);
    margin-left: 0px;
    margin-right: 0px;
    min-height: 281px;
    height: 281px;
  }
}

@media (max-width:767px) {
  .it-grid-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
  }
}

/* @media (min-width:768px) and (max-width:1200px) {
  .l-columns-box-l .it-grid-item {
    -ms-flex-preferred-size: calc(50% - 20px);
    flex-basis: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px
  }
} */

.it-list-item .it-list-item-footer .rw-in-list {
  margin-right: -10px;
  padding-right: 10px
}

.it-list-item .it-list-item-footer .rw-in-list.c-shadow-overflow:after {
  width: 10px
}

.vw-rss-subscribe {
  margin: 30px 0;
  text-align: center
}

@media (max-width:767px) {
  .vw-rss-subscribe {
    margin: 35px 0 0
  }

  .vw-rss-subscribe .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    white-space: normal
  }
}

.vw-rss-subscribe .btn .ico {
  margin-right: 5px
}

@media (max-width:767px) {
  .vw-rss-subscribe .btn .ico {
    margin-right: 10px
  }
}

.vw-address {
  margin-bottom: 15px;
  position: relative
}

@media (max-width:767px) {
  .vw-address a {
    position: absolute;
    right: 0;
    top: 18px
  }

  .vw-address a .ico {
    font-size: 14px;
    vertical-align: baseline
  }
}

.vw-address-val a {
  vertical-align: baseline
}

@media (max-width:767px) {
  .vw-address-val {
    display: block;
    max-width: 166px
  }
}

.vw-dynprops {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px
}

.vw-dynprops:empty {
  margin-bottom: 0;
  margin-top: 0
}

@media (min-width:768px) {
  .vw-dynprops {
    margin-left: -5px;
    margin-right: -5px
  }
}

@media (max-width:767px) {
  .vw-dynprops {
    margin-bottom: 5px;
    margin-top: 25px
  }
}

.vw-dynprops-item {
  width: 33.333333%
}

@media (min-width:768px) {
  .vw-dynprops-item {
    padding-left: 5px;
    padding-right: 5px
  }
}

@media (max-width:767px) {
  .vw-dynprops-item {
    width: 50%
  }

  .vw-dynprops-item .vw-dynprops-item-in {
    margin-bottom: 15px;
    margin-top: 0
  }
}

.vw-dynprops-group {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%
}

.vw-dynprops-item-block {
  width: 100%
}

.vw-dynprops-item-in {
  margin: 7px 0
}

.vw-address-attr,
.vw-dynprops-item-attr {
  color: #999;
  display: block;
  font-size: 12px;
  margin-bottom: 3px
}

.vw-dynprops-item-val {
  display: block;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.vw-descr {
  margin-bottom: 27px;
  word-break: break-word
}

@media (max-width:767px) {
  .vw-descr {
    margin-bottom: 15px
  }
}

.vw-descr img {
  height: auto
}

.vw-contact-name {
  font-weight: 700
}

.vw-contact-name,
.vw-contact-phones {
  margin-bottom: 10px
}

.vw-contact-item,
.vw-contact-phones-item {
  margin-bottom: 5px
}

.vw-modal-product-title {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 26px
}

@media (max-width:767px) {
  .vw-modal-product-title {
    margin-bottom: 15px
  }
}

.vw-similar {
  padding: 30px 0 90px
}

.in-last-block .vw-similar {
  padding-bottom: 0!important;
}

@media (max-width: 1023px) {
  .vw-similar {
    padding: 16px 0 24px
  }

  .vw-similar .it-view-gallery {
    margin: 0 -5px
  }
}

.is-index-page .vw-similar.c-grey-bg,
.vw-page .vw-similar.c-grey-bg .it-img-box.it-img-box-empty {
  background-color: #fff
}

.is-index-page .vw-similar .in-box-head.c-shadow-overflow:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%)
}

@media (max-width:767px) {
  .modal-title-sub.d-none+.vw-vendor-contact {
    margin-top: 0
  }
}

.vw-vendor-company .cp-contact-data-box+.vw-vendor-actions-buttons {
  margin-top: 20px
}

.vw-vendor-company-descr {
  color: #999;
  font-size: 13px;
  margin-top: 7px
}

.vw-vendor-company-location {
  margin-top: 20px
}

.vw-btn-contacts {
  margin-top: 10px
}

.vw-vendor-user-all {
  font-size: 13px
}

.vw-vendor-map {
  margin-top: 10px
}

.vw-vendor-map-container {
  height: 300px;
  width: 100%
}

@media (min-width:768px) {
  .vw-vendor-actions-body {
    background-color: #fff9e4 !important
  }
}

.vw-actions {
  margin-bottom: 15px
}

.vw-actions-item {
  margin-bottom: 5px
}

.vw-actions-social {
  border-bottom: 1px dotted #e8edef;
  border-top: 1px dotted #e8edef;
  margin: 10px 0;
  padding: 10px 0;
  text-align: center
}

@media (min-width:768px) {
  .vw-price-box.c-shadow-overflow:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff9e4), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(right, #fff9e4 50%, hsla(0, 0%, 100%, 0) 133.33%);
    background: linear-gradient(270deg, #fff9e4 50%, hsla(0, 0%, 100%, 0) 133.33%)
  }
}

.vw-page {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

@media (min-width:768px) {
  .vw-page .tama-share-btns {
    margin-top: 20px
  }
}

@media (max-width:767px) {
  .vw-page .tama-share-btns {
    padding-bottom: 10px;
    padding-top: 15px
  }
}

body.is-index-page .vw-similar {
  padding-bottom: 30px
}

@media (max-width: 1023px) {
  body.is-index-page .vw-similar{
    padding-bottom: 40px;
  }
}

.vw-columns-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width:768px) {
  .vw-columns-box {
    gap: 20px;
    padding-bottom: 30px
  }
}

@media (max-width:767px) {
  .vw-columns-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 15px
  }
}

@media (max-width: 1023px) {
  .vw-aside{
    display: none;
  }
}

@media (min-width:1024px) {
  .vw-aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 260px
  }

  .vw-aside-sticky {
    position: sticky;
    top: 10px;
  }
}

@media (min-width:992px) {
  .vw-aside {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 314px
  }
}

@media (max-width:767px) {
  .vw-aside {
    padding: 0;
    width: 100%
  }
}

@media (min-width:768px) {
  .vw-aside-profile {
    margin-top: 47px
  }
}

@media (max-width:767px) {
  .vw-aside-profile {
    margin-top: 30px
  }

  .vw-aside-profile .vw-vendor {
    padding-bottom: 30px;
    padding-top: 0
  }

  .vw-aside-profile .vw-vendor-name {
    color: var(--text-color);
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 10px
  }

  .vw-aside-profile .vw-vendor-user-avatar:before {
    display: none
  }

  .vw-aside-profile .vw-vendor-user-avatar img {
    height: 100px;
    width: 100px
  }
}

.vw-vendor-profile-btns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-top: 25px;
  width: 100%
}

.vw-vendor-profile-btns:empty {
  display: none
}

.rw-in-list.mb-4+.vw-vendor-profile-btns {
  margin-top: 0 !important
}

@media (max-width:767px) {
  .vw-vendor.vw-vendor-company {
    border-bottom: 0 !important;
    margin-bottom: 35px !important;
    margin-top: 10px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .vw-vendor.vw-vendor-company .vw-vendor-b-info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
  }
}

@media (min-width:768px) {
  .vw-vendor.vw-vendor-company .vw-vendor-actions-footer {
    margin: 0 -20px -20px;
    min-width: calc(100% + 40px)
  }
}

@media (max-width:767px) {
  .vw-vendor.vw-vendor-company .vw-vendor-actions-footer {
    padding-bottom: 0
  }
}

.vw-vendor {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

@media (min-width:768px) {
  .vw-vendor {
    width: 100%
  }
}

@media (max-width:575px) {
  .vw-vendor {
    border-bottom: 2px solid #e8edef !important;
    margin: 40px 0 20px;
    padding-bottom: 50px;
    padding-top: 0
  }
}

@media (min-width:768px) {
  .vw-vendor .rw-aside-widget {
    margin: -20px -20px 20px;
    min-width: calc(100% + 40px)
  }
}

.vw-vendor .c-status-txt {
  margin-bottom: 3px
}

@media (max-width:767px) {

  .vw-aside-page-actions,
  .vw-vendor {
    border-left: none;
    border-radius: 0;
    border-right: none;
    border-top: none
  }

  .vw-vendor-action {
    position: static
  }
}

.vw-vendor-action:hover .ico {
  color: var(--secondary-base-color)
}

.vw-aside-page-actions {
  padding: 0
}

@media (max-width:767px) {
  .vw-aside-page-actions {
    margin: 12px 0 20px
  }
}

.vw-aside-page-actions .vw-vendor-contact {
  background: #fff;
  margin: 15px -15px 0;
  padding: 15px 15px 0
}

@media (max-width:767px) {
  .vw-aside-page-actions .vw-vendor-contact {
    margin: 0;
    padding: 15px 0 0
  }
}

.vw-vendor-actions-footer {
  -ms-flex-pack: distribute;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
  min-width: 100%
}

@media (min-width:768px) {
  .vw-vendor-actions-footer {
    padding: 20px
  }
}

@media (max-width:767px) {
  .vw-vendor-actions-footer {
    margin-top: 30px;
    padding-bottom: 30px;
    position: relative
  }
}

.vw-vendor-actions-footer .ico {
  color: #c3c3c3;
  font-size: 16px;
  min-width: 18px
}

.vw-vendor-actions-footer:empty {
  display: none
}

.vw-vendor-actions {
  margin-top: 23px
}

@media (max-width:767px) {
  .vw-vendor-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .vw-vendor-actions .btn {
    margin-top: 0;
    text-transform: capitalize
  }

  .vw-vendor-actions .btn+.btn {
    margin-left: 10px
  }
}

.vw-vendor-action.c-item-fav .ico {
  font-size: 18px
}

.vw-vendor-actions-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  gap: 10px;
  min-width: 100%
}

.vw-vendor-actions-buttons>.btn {
  height: 40px;
  line-height: 38px;
  margin: 0 !important;
  overflow: hidden;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  position: relative;
  -o-text-overflow: inherit;
  text-overflow: inherit
}

.vw-vendor-actions-buttons>.btn:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0) 133.33%);
  bottom: 1px;
  content: "";
  display: block;
  min-height: 23px;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  z-index: 10
}

.vw-vendor-actions-buttons>.btn.btn-success:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, rgba(var(--action-buttons-color))), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, rgba(var(--action-buttons-color)) 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, rgba(var(--action-buttons-color)) 50%, hsla(0, 0%, 100%, 0) 133.33%)
}

.vw-vendor-actions-buttons>.btn.btn-info:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #0096c7), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, #0096c7 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, #0096c7 50%, hsla(0, 0%, 100%, 0) 133.33%)
}

.vw-vendor-actions-buttons>.btn.btn-primary:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, var(--primary-base-color)), color-stop(133.33%, hsla(0, 0%, 100%, 0)));
  background: -o-linear-gradient(right, var(--primary-base-color) 50%, hsla(0, 0%, 100%, 0) 133.33%);
  background: linear-gradient(270deg, var(--primary-base-color) 50%, hsla(0, 0%, 100%, 0) 133.33%)
}

.vw-vendor-actions-buttons>.btn.w-50 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(50% - 10px);
  flex: 1 1 calc(50% - 10px)
}

@media (max-width:767px) {
  .rw-aside-widget+.cp-contact-data-box.hide+.vw-vendor-actions-buttons {
    margin-top: 20px
  }
}

.vw-price-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin-bottom: 20px
}

@media (max-width:767px) {
  .vw-price-box {
    margin-bottom: 30px
  }
}

.vw-price-num {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  margin-right: 17px;
  white-space: nowrap
}

@media (max-width:991px) {
  .vw-price-num {
    font-size: 22px;
    line-height: 30px
  }
}

.vw-price-mod {
  color: #49525a;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  margin: 10px 0;
  white-space: nowrap
}

@media (max-width:767px) {
  .vw-vendor-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px
  }
}

.vw-vendor-contact-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  position: relative;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

@media (max-width:767px) {
  .vw-vendor-contact-row {
    font-size: 14px;
    line-height: 20px
  }
}

.vw-vendor-contact-row:before {
  border-bottom: 1px dotted #c3c3c3;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 10px;
  width: 100%
}

.vw-vendor-contact-row+.vw-vendor-contact-row {
  margin-top: 12px
}

.vw-vendor-contact-row-label {
  background-color: #fff;
  color: #999;
  padding-right: 20px;
  position: relative;
  vertical-align: top;
  z-index: 1
}

.vw-vendor-contact-row-content {
  background-color: #fff;
  margin-left: auto;
  max-width: 223px;
  padding-left: 20px;
  position: relative;
  text-align: right;
  z-index: 1
}

.vw-vendor-contact-row-content a {
  display: block
}

@media (max-width:767px) {
  .vw-vendor-contact-row-content {
    font-size: 14px
  }

  .vw-vendor-contact-row-content a {
    color: var(--text-color)
  }

  .vw-vendor-contact-row-content a span {
    border-bottom-color: var(--text-color) !important
  }
}

.vw-vendor-contact-row-content div+div {
  margin-top: 7px
}

.vw-vendor-contact-social {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 33px -5px 0
}

@media (max-width:767px) {
  .vw-vendor-contact-social {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 0;
    order: -1
  }
}

.vw-vendor-contact-social .c-social-link {
  margin-left: 8px;
  margin-right: 8px
}

@media (min-width:768px) {
  .vw-vendor-actions-body {
    border-radius: 4px 4px 0 0;
    padding: 20px
  }
}

.vw-vendor-actions-body:empty {
  display: none
}

@media (min-width:768px) {
  .vw-vendor-user-avatar {
    margin-bottom: 10px
  }
}

@media (max-width:767px) {
  .vw-vendor-user-avatar {
    margin-bottom: 10px
  }

  .vw-vendor-user-avatar>a,
  .vw-vendor-user-avatar>div {
    background-color: #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    /* padding: 0 20px; */
    position: relative;
    z-index: 1
  }

  .vw-vendor-user-avatar:before {
    border-top: 1px solid #ebebeb;
    content: "";
    display: block;
    left: 20px;
    position: absolute;
    right: 20px;
    top: 32px;
    width: calc(100% - 40px)
  }
}

.vw-vendor-user-avatar img {
  border-radius: 50%;
  height: 65px;
  width: 65px
}

.vw-vendor-name {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 3px
}

@media (max-width:767px) {

  .vw-vendor-profile .vw-aside,
  .vw-vendor-profile .vw-vendor {
    margin-top: 0 !important
  }
}

.vw-vendor-profile .usr-navs-border .usr-navs {
  margin-bottom: -2px
}

.vw-actions-item-dropdown {
  left: auto;
  margin-right: 15px;
  margin-top: -22px;
  padding: 15px;
  right: 100%;
  top: 0;
  width: 350px
}

@media (max-width:767px) {
  .vw-actions-item-dropdown {
    left: auto;
    margin-right: 0;
    margin-top: 0;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 100%
  }
}

.vw-actions-item-dropdown .dropdown-menu-heading {
  margin: -15px -15px 15px
}

.vw-actions-item-dropdown .form-check-label {
  display: block;
  margin-top: 10px
}

@media (min-width:768px) {
  .vw-actions-item-dropdown.vw-actions-item-dropdown-complain {
    bottom: -22px;
    top: auto
  }
}

@media (max-width:767px) {
  .vw-actions-item-dropdown.vw-actions-item-dropdown-complain {
    display: none !important
  }
}

.vw-ico-tabs {
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  margin-bottom: 24px;
  padding-bottom: 0
}

@media (max-width:575px) {
  .vw-ico-tabs {
    padding-left: 20px;
    padding-right: 20px
  }
}

@media (min-width:768px) {
  .vw-ico-tabs {
    border-top: 1px solid #e8edef;
    padding-top: 25px
  }
}

.vw-ico-tabs .ico {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 20px;
  margin-right: 10px;
  width: 20px
}

.vw-ico-tabs .nav-item:hover .vw-ico-tabs-link span {
  border-bottom-color: transparent
}

.vw-ico-tabs-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px
}

.vw-ico-tabs-link span {
  border-bottom: 1px dotted
}

.vw-ico-tabs-link .ico path {
  fill: #0096c7
}

.vw-ico-tabs-link.active .ico path {
  fill: var(--primary-base-color)
}

.vw-ico-tabs-link.active span {
  border-bottom-color: transparent;
  color: var(--text-color)
}

.vw-vendor-b-info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  justify-content: center;
  line-height: 18px;
  max-width: 100%
}

.vw-vendor-b-info>*+* {
  margin-top: 3px
}

.vw-vendor-b-info-footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  white-space: nowrap
}

@media (min-width:768px) and (max-width:991px) {
  .vw-vendor-b-info-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .vw-vendor-b-info-footer .c-dot {
    display: none
  }
}

@media (min-width:768px) {
  .vw-white-box-30 {
    padding: 30px
  }
}

.fancybox-container {
  z-index: 100000 !important
}

.fancybox-container .fancybox-button {
  background: none !important
}

.fancybox-container .fancybox-button:disabled div {
  background-color: rgba(0, 0, 0, .2)
}

.fancybox-container .fancybox-button:disabled div:before {
  opacity: .6
}

.fancybox-container .fancybox-button div {
  background-color: rgba(0, 0, 0, .5);
  background-image: none !important;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
  display: inline-block;
  height: 36px;
  position: relative;
  width: 36px
}

.fancybox-container .fancybox-button div:before {
  color: #fff;
  content: "";
  display: inline-block;
  font-family: Font Awesome\ 5 Free;
  font-size: 19px;
  font-style: normal;
  font-weight: 900;
  left: 50%;
  position: absolute;
  text-align: center;
  text-decoration: inherit;
  top: 49%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px
}

.fancybox-container .fancybox-button div svg {
  display: none
}

.fancybox-container .fancybox-button.fancybox-button--arrow_left div:before {
  content: "\f104"
}

.fancybox-container .fancybox-button.fancybox-button--arrow_right div:before {
  content: "\f105"
}

.fancybox-container .fancybox-toolbar {
  opacity: 1 !important;
  visibility: visible !important
}

.fancybox-container .fancybox-bg {
  opacity: .9 !important
}

.fancybox-container .fancybox-thumbs {
  background-color: transparent;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  padding: 10px 0;
  right: 0;
  top: auto;
  width: auto
}

.fancybox-container .fancybox-thumbs .fancybox-inner {
  bottom: 95px;
  right: 0
}

.fancybox-container .fancybox-thumbs .fancybox-thumbs__list {
  margin: 0 auto
}

.fancybox-container .fancybox-thumbs .fancybox-thumbs__list a {
  border-radius: 4px;
  margin: 0 5px;
  max-height: 64px;
  max-width: 64px
}

.fancybox-container .fancybox-thumbs .fancybox-thumbs__list a:before {
  border: 3px solid var(--primary-base-color);
  border-radius: 4px
}

.fancybox-container .fancybox-slide {
  max-height: calc(100% - 85px)
}

.fancybox-container .fancybox-inner {
  right: 0 !important
}

.fancybox-container .fancybox-button--close {
  right: 0;
  top: 0
}

.vw-dynprops-item-attr {
  white-space: nowrap
}

.vw-slider {
  opacity: 0
}

.vw-slider.vw-images-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.vw-slider.lightSlider {
  opacity: 1
}

.vw-slider:empty {
  display: none
}

.vw-slider.vw-images-single {
  margin: 0 auto;
  opacity: 1;
  text-align: center
}

.vw-slider.vw-images-single:not(.lightSlider) {
  opacity: 0
}

.vw-slider.vw-images-single.vw-images-centered>div {
  margin: 0 auto
}

.vw-slider.vw-images-single .lslide {
  cursor: default
}

.vw-slider-box {
  margin-bottom: 44px;
  max-width: 100%;
  position: relative
}

@media (max-width:767px) {
  .vw-slider-box {
    margin-bottom: 22px
  }
}

@media (max-width:575px) {
  .vw-slider-box {
    margin: 0 -20px 17px;
    max-width: inherit;
    max-width: none
  }
}

@media (min-width:768px) {
  .vw-slider-box {
    overflow: hidden
  }
}

.vw-slider-box .lSSlideOuter {
  border-radius: 4px
}

@media (max-width:767px) {
  .vw-slider-box .lSSlideOuter {
    border-radius: 0
  }
}

.vw-slider-box .lSSlideOuter .lslide {
  border-radius: 4px;
  height: 100%;
  overflow: hidden;
  position: relative
}

.vw-slider-box .lSSlideOuter .lslide:last-child {
  margin-right: 0 !important
}

@media (min-width:768px) and (max-width:1199px) {
  .vw-slider-box .lSSlideOuter .lslide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (min-width:768px) and (max-width:991px) {
  .vw-slider-box .lSSlideOuter .lslide {
    height: 280px !important
  }
}

@media (min-width:992px) {
  .vw-slider-box .lSSlideOuter .lslide {
    height: 450px !important
  }
}

@media (max-width:767px) {
  .vw-slider-box .lSSlideOuter .lslide {
    border-radius: 0;
    height: 240px !important;
    text-align: center
  }
}

@media (max-width:359px) {
  .vw-slider-box .lSSlideOuter .lslide {
    height: 220px !important
  }
}

@media (min-width:768px) {
  .vw-slider-box .lSSlideOuter .lslide>img {
    height: 100%;
    max-height: 100%;
    max-width: inherit
  }
}

@media (min-width:768px) and (max-width:1199px) {
  .vw-slider-box .lSSlideOuter .lslide>img {
    -o-object-fit: cover;
    object-fit: cover
  }
}

@media (max-width:767px) {
  .vw-slider-box .lSSlideOuter .lslide>img {
    display: inline-block;
    height: auto;
    left: 0;
    max-width: 430px;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle
  }
}

@media (min-width:768px) {
  .vw-slider-box .lSSlideWrapper {
    border-radius: 4px
  }
}

.vw-slider-box .vw-map,
.vw-slider-box .vw-video {
  height: 100%
}

.vw-slider-box .vw-map>div,
.vw-slider-box .vw-video>div {
  height: 100% !important;
  width: 100%
}

.vw-slider-box .vw-map:last-child,
.vw-slider-box .vw-video:last-child {
  margin-right: 0 !important
}

@media (min-width:768px) {

  .vw-slider-box .vw-map,
  .vw-slider-box .vw-video {
    min-width: 420px
  }
}

@media (min-width:992px) {

  .vw-slider-box .vw-map,
  .vw-slider-box .vw-video {
    min-width: 626px
  }
}

@media (min-width:1200px) {

  .vw-slider-box .vw-map,
  .vw-slider-box .vw-video {
    min-width: 906px
  }
}

@media (max-width:767px) {

  .vw-slider-box .vw-map,
  .vw-slider-box .vw-video {
    height: 100%;
    min-width: 320px
  }
}

.vw-map-cap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%
}

.vw-video {
  width: 100%
}

@media (max-width:767px) {
  .lSPager {
    margin-top: 10px !important;
    overflow: visible;
    padding-left: 10px
  }
}

@media (min-width:1200px) {
  .lSPager {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px auto 0 !important
  }
}

.lSPager li,
.lSPager.lSGallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.lSPager li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  align-items: center;
  border-radius: 4px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 10px !important;
  margin-top: 0 !important
}

.lSPager li:last-child {
  margin-right: 0 !important
}

.lSPager li:only-child {
  display: none
}

.lSPager li.thumb-video a:before {
  z-index: 1
}

.lSPager li.thumb-video a:after {
  background-color: #000;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: .4;
  position: absolute;
  right: 0;
  top: 0
}

.lSPager li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  width: 100%
}

.lSPager li a .ico-play {
  display: block;
  height: 30px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30px;
  z-index: 1
}

.lSPager li a .ico-play:before {
  color: #fff;
  content: "\f144";
  display: block;
  font-family: Font Awesome\ 5 Free;
  font-size: 30px;
  font-weight: 400;
  height: 30px;
  line-height: 1;
  width: 30px
}

.lSPager li a img {
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.lSPager li a:before {
  border: 3px solid transparent;
  border-radius: 3px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.lSPager li.active a:before {
  border-color: var(--primary-base-color)
}

.vw-images-zoom {
  background: rgba(0, 0, 0, .3);
  border-radius: 4px;
  color: #fff !important;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 30px
}

.vw-images-zoom:hover {
  background: rgba(0, 0, 0, .6)
}

.vw-images-zoom img {
  display: none
}

.vw-images-centered .lslide {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

@media (min-width:768px) {
  .vw-slider-box {
    max-height: 525px
  }
}

.vw-actions-stats {
  margin: 15px 0
}

.vw-actions-stats-item+.vw-actions-stats-item {
  margin-top: 5px
}

.vw-actions-stats-item.loading:before {
  background-color: transparent
}

.vw-actions-stats-item a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.vw-actions-stats-item a>.ico {
  margin-right: 7px
}

.vw-stats {
  display: table;
  width: 100%
}

@media (max-width:992px) {
  .vw-stats {
    display: block
  }
}

.vw-stats-info {
  color: var(--text-color);
  display: table-cell;
  font-size: 14px;
  vertical-align: top
}

@media (max-width:992px) {
  .vw-stats-info {
    display: block;
    margin-top: 20px
  }
}

.vw-stats-info-promo {
  background: #fff9e4;
  border-radius: 4px;
  color: var(--text-color);
  margin-top: 25px;
  padding: 20px;
  text-align: center
}

@media (min-width:576px) and (max-width:991px) {
  .vw-stats-info-promo .btn-block {
    display: inline
  }
}

.vw-stats-info-promo-title {
  font-size: 16px;
  margin-bottom: 15px
}

.vw-stats-colors {
  color: #999;
  font-size: 12px;
  line-height: 18px;
  margin-top: 25px
}

.vw-stats-colors,
.vw-stats-colors>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.vw-stats-colors>* {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%
}

.vw-stats-colors .c-dot {
  margin-left: 0;
  margin-top: 4px;
  max-width: 106px;
  min-height: 10px;
  min-width: 10px
}

.vw-stats-colors-l .c-dot {
  background: #0096c7
}

.vw-stats-colors-r .c-dot {
  background: #376590
}

.vw-stats-graph {
  display: table-cell;
  margin-bottom: 15px;
  vertical-align: middle;
  width: 600px
}

@media (max-width:767px) {
  .vw-stats-graph {
    -ms-overflow-style: none;
    margin-right: -20px;
    overflow-x: auto;
    scrollbar-width: none;
    width: auto
  }

  .vw-stats-graph::-webkit-scrollbar {
    display: none
  }

  .vw-stats-graph svg {
    width: auto !important
  }
}

.vw-stats-graph .axis text {
  fill: #999;
  font-size: 11px
}

.vw-stats-graph .axis line,
.vw-stats-graph .axis path {
  fill: none;
  stroke: #e8edef;
  shape-rendering: crispEdges
}

.vw-stats-graph .bar-item {
  fill: #0096c7
}

.vw-stats-graph .bar-contacts {
  fill: #376590
}

.vw-stats-graph .bar-cnt-total {
  fill: #999;
  text-anchor: middle;
  font-size: 12px
}

.vw-stats-graph .bar-tooltip {
  background: #fff;
  border: 1px solid #e8edef;
  font-size: 12px;
  min-width: 160px;
  padding: 5px;
  position: absolute;
  text-align: left
}

.vw-stats-graph .bar-tooltip span {
  display: block
}

@media (max-width:992px) {
  .vw-stats-graph {
    display: block
  }
}

@media (max-width:767px) {
  .vw-stats-info-promo {
    border-radius: 0;
    margin-left: -20px;
    margin-right: -20px
  }
}

.vw-comments:empty {
  display: none
}

.vw-comments-leave {
  border: 1px solid #e8edef;
  margin-bottom: 15px
}

.vw-comments-leave-form-in .form-row {
  margin-left: 0;
  margin-right: 0
}

.vw-comments-leave-action.c-lg-action-btn {
  height: 40px;
  line-height: 37px;
  margin-bottom: 0
}

.vw-comments-leave-action:not(.collapsed),
.vw-comments-list:empty {
  display: none
}

.vw-comments-list-item {
  padding: 20px 0 0
}

.vw-comments-list-item+.vw-comments-list-item {
  border-top: 1px solid #ebebeb
}

.vw-comments-list-item-box {
  margin-left: 77px;
  padding-bottom: 26px;
  position: relative
}

@media (max-width:767px) {
  .vw-comments-list-item-box {
    margin-left: 53px;
    padding-bottom: 20px
  }
}

.vw-comments-list-item-box .vw-comments-list-item-avatar {
  left: -15px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}

@media (max-width:767px) {
  .vw-comments-list-item-box .vw-comments-list-item-avatar {
    left: -10px
  }
}

.vw-comments-list-item-box .vw-comments-list-item-avatar img {
  height: 60px;
  width: 60px
}

@media (max-width:767px) {
  .vw-comments-list-item-box .vw-comments-list-item-avatar img {
    height: 43px;
    width: 43px
  }
}

.vw-comments-list-item-in {
  display: table;
  width: 100%
}

.vw-comments-list-item-answer {
  border-top: 1px solid #ebebeb;
  margin-left: 77px;
  padding-top: 20px
}

@media (max-width:767px) {
  .vw-comments-list-item-answer {
    margin-left: 20px
  }
}

.vw-comments-list-item-answer:last-of-type .vw-comments-list-item-box {
  border-bottom: 0
}

.vw-comments-list-item-answer .vw-comments-list-item-box {
  margin-left: 57px
}

.vw-comments-list-item-answer .vw-comments-list-item-avatar img {
  height: 42px;
  width: 42px
}

.vw-comments-list-item-avatar {
  left: 0;
  position: absolute;
  top: 0
}

.vw-comments-list-item-avatar img {
  border-radius: 50%
}

.vw-comments-list-item-content {
  padding-left: 0
}

@media (min-width:768px) {
  .vw-comments-list-item-content {
    overflow: hidden
  }
}

.vw-comments-list-item-author {
  color: var(--text-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}

@media (max-width:991px) {
  .vw-comments-list-item-author {
    width: 100%
  }
}

.vw-comments-list-item-content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px
}

@media (max-width:991px) {
  .vw-comments-list-item-content-top {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    min-height: 40px
  }
}

@media (max-width:767px) {
  .vw-comments-list-item-body {
    margin-left: -50px
  }
}

.vw-comments-list-item-date {
  color: #999;
  font-size: 12px;
  line-height: 20px;
  margin-left: 14px
}

@media (max-width:991px) {
  .vw-comments-list-item-date {
    margin-left: 0
  }
}

@media (max-width:370px) {
  .vw-comments-list-item-date {
    max-width: 100px
  }
}

.vw-comments-list-item-text {
  padding-right: 20px
}

.vw-comments-list-item-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 11px
}

.vw-comments-list-item-controls .c-link-ajax {
  font-size: 12px;
  margin-right: 20px
}

.vw-comments-list-item-controls.l-controls-empty {
  bottom: 26px;
  left: 0;
  position: absolute;
  right: 0
}

@media (max-width:767px) {
  .vw-comments-list-item-controls.l-controls-empty {
    bottom: 20px !important
  }
}

.vw-comments-list-item-answer-form {
  margin-top: 15px
}

.vw-comments-list-item-claim {
  margin-left: auto !important
}

.vw-comments-list-item-claim .ico {
  color: var(--primary-base-color);
  font-size: 14px
}

.vw-comments-list-item-owner {
  font-size: 12px;
  line-height: 16px;
  margin-left: auto;
  padding-left: 10px
}

.vw-comments-list-item-owner.l-author {
  color: #74b31b
}

.vw-comments-list-item-owner.l-you {
  color: #999
}

.vw-comments-add .c-lg-action-btn {
  height: 40px;
  line-height: 40px
}

@media (max-width:575px) {
  .vw-comments {
    border-width: 2px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px
  }
}

.vw-owner-block {
  background-color: #fff;
  bottom: 0;
  -webkit-box-shadow: 0 -4px 4px rgba(0, 0, 0, .12);
  box-shadow: 0 -4px 4px rgba(0, 0, 0, .12);
  left: 0;
  position: fixed;
  right: 0;
  -webkit-transition: all, .3s;
  -o-transition: all, .3s;
  transition: all, .3s;
  z-index: 10010
}

@media (min-width:768px) {
  .vw-owner-block {
    -webkit-transform: translateY(55px);
    -ms-transform: translateY(55px);
    transform: translateY(55px)
  }
}

@media (max-width:767px) {
  .vw-owner-block {
    -webkit-transform: translateY(105px);
    -ms-transform: translateY(105px);
    transform: translateY(105px)
  }

  .vw-owner-block:not(.visible) {
    -webkit-transform: translateY(100%) !important;
    -ms-transform: translateY(100%) !important;
    transform: translateY(100%) !important
  }
}

.vw-owner-block.is-more {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.vw-owner-block.is-more .vw-owner-block-toggle .c-drop-arrow {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.vw-owner-block.is-more .vw-owner-block-toggle-hide {
  display: inline-block
}

.vw-owner-block-toggle-hide,
.vw-owner-block.is-more .vw-owner-block-toggle-show {
  display: none
}

.vw-owner-block-in {
  padding-bottom: 10px;
  padding-top: 10px
}

/* .h-cats-main-wrap {
  overflow-y: auto;
}
.h-cats-main-wrap .h-cats-main {
  min-width:400px;
} */

@media (min-width:768px) {
  .vw-owner-block-in {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.vw-owner-block-top {
  padding: 8px 0
}

@media (max-width:767px) {
  .vw-owner-block-top .vw-owner-block-acts-l {
    margin-bottom: 0
  }

  .vw-owner-block-top .vw-owner-block-acts {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
  }
}

.vw-owner-block-acts {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .vw-owner-block-acts {
    display: block;
    text-align: center
  }
}

.vw-owner-block-acts-l {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .vw-owner-block-acts-l {
    margin-bottom: 15px
  }
}

.vw-owner-block-acts-r {
  text-align: right
}

@media (min-width:768px) {
  .vw-owner-block-acts-r {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
  }
}

@media (max-width:767px) {
  .vw-owner-block-acts-r {
    display: block;
    text-align: center
  }
}

.vw-owner-block-acts-r a:not(.btn) {
  font-size: 12px
}

.vw-owner-block-main {
  border-top: 1px solid #ebebeb;
  padding: 10px 0
}

.vw-owner-action {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

@media (max-width:767px) {
  .vw-owner-action {
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    justify-content: center;
    text-align: center
  }
}

.vw-owner-action+.vw-owner-action {
  margin-left: 10px
}

@media (max-width:767px) {
  .vw-owner-action.d-none+.vw-owner-action {
    margin-left: 0
  }
}

.vw-owner-action .ico {
  font-size: 16px
}

@supports (bottom:constant(safe-area-inset-bottom)) {
  body {
    padding-bottom: constant(safe-area-inset-bottom)
  }
}

.vw-bottom-mob-actions-panel {
  background-color: #fff;
  bottom: 0;
  -webkit-box-shadow: 0 -4px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 -4px 4px rgba(0, 0, 0, .06);
  left: 0;
  position: fixed;
  right: 0;
  z-index: 10001
}

@media (min-width:768px) {
  .vw-bottom-mob-actions-panel {
    display: none
  }
}

@media (max-width:767px) {
  .vw-bottom-mob-actions-panel {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 45px;
    padding-bottom: env(safe-area-inset-bottom) !important;
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
  }

  .vw-bottom-mob-actions-panel.visible {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  .vw-bottom-mob-actions-panel .container {
    padding-bottom: 5px;
    padding-top: 5px
  }

  .vw-bottom-mob-actions-panel .modal {
    bottom: 43px;
    height: auto;
    top: auto
  }

  .vw-bottom-mob-actions-panel .c-item-fav {
    height: 18px;
    margin-left: auto;
    min-width: 18px;
    padding: 0 15px
  }
}

.vw-bottom-mob-actions {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .vw-bottom-mob-actions {
    margin: 0 -15px
  }
}

.vw-bottom-mob-actions>.btn {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

@media (max-width:767px) {
  .vw-bottom-mob-actions>.btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin: 0 5px
  }
}

.vw-bottom-mob-actions>.btn.btn-lg-height {
  padding-bottom: 6px;
  padding-top: 6px
}

.vw-bottom-mob-actions>.btn.btn-block {
  width: auto
}

@media (max-width:767px) {
  .vw-bottom-mob-sub-toggle {
    margin: -15px 0 -15px 8px;
    padding: 15px 20px
  }

  .vw-bottom-mob-sub-toggle .ico {
    color: #c3c3c3;
    font-size: 18px
  }
}

.vw-top-sticky-nav {
  background-color: #fff;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .06);
  box-shadow: 0 4px 4px rgba(0, 0, 0, .06);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-120%);
  -ms-transform: translateY(-120%);
  transform: translateY(-120%);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  z-index: 10010
}

.vw-top-sticky-nav.visible {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

@media (max-width:767px) {
  .vw-top-sticky-nav .usr-navs {
    margin: 0;
    padding: 0 20px
  }

  .vw-top-sticky-nav .nav-link {
    margin-bottom: -1px;
    padding: 10px 0
  }
}

.vw-top-sticky-nav .container {
  padding: 0 20px !important
}

.vw-top-sticky-nav-in {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .vw-top-sticky-nav-in {
    padding: 0 10px
  }
}

.vw-top-sticky-nav-l {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
  min-width: 30%
}

.vw-top-sticky-nav-r {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  padding-left: 10px
}

@media (min-width:992px) {
  .vw-top-sticky-nav-r {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%
  }
}

@media (max-width:767px) {
  .vw-top-sticky-nav-r {
    display: none
  }
}

.vw-top-sticky-nav-r .c-item-fav+* {
  margin-left: 20px
}

.vw-top-sticky-nav-buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  padding-left: 20px
}

.vw-top-sticky-nav-buttons .btn+.btn {
  margin-left: 10px
}

.vw-top-sticky-nav-info {
  display: block;
  padding-right: 20px;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: 100%
}

@media (max-width:991px) {
  .vw-top-sticky-nav-info {
    display: none
  }
}

.vw-top-sticky-nav-info-price {
  font-weight: 700;
  white-space: nowrap
}

@media (max-width:767px) {

  .vw-top-sticky-nav-links,
  .vw-top-sticky-nav-links.vw-top-sticky-nav-links-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.vw-top-sticky-nav-links a {
  border-bottom: 1px solid transparent;
  display: inline-block;
  line-height: 47px;
  position: relative
}

.vw-top-sticky-nav-links a.active {
  border-bottom-color: var(--primary-base-color);
  color: var(--text-color)
}

@media (max-width:1199px) {
  .vw-top-sticky-nav-links a:not(.hidden)+a {
    margin-left: 20px
  }
}

@media (min-width:1200px) {
  .vw-top-sticky-nav-links a:not(.hidden)+a {
    margin-left: 30px
  }
}

.footer-fixed-panel {
  display: none;
  padding: 0 24px;
  background: var(--clr-white);
  height: 58px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 99;
}

@media (max-width: 1023px) {
  .footer-fixed-panel {
    display: block;
  }
}

@media (max-width: 575px) {
  .footer-fixed-panel{
    padding: 0 8px;
  }
}

.footer-fixed-menu {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  gap: 12px;
}

@media (max-width: 575px) {
  .footer-fixed-menu{
    justify-content: space-between;
  }
}

.footer-fixed-menu-item {
  min-width: 50px;
  text-align: center;
  padding: 8px 2px 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;  
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--clr-gray);
  transition: .2s ease;
}

.footer-fixed-menu-item:hover{
  color: var(--clr-gray);
}

.footer-fixed-menu-item svg {
  margin-bottom: 2px;
}

.footer-fixed-menu-item.active{
  color: var(--clr-orange)
}


@media (max-width: 1023px) {
  .mob-d-none {
    display: none;
  }
}

.f-footer-menu .h-header-dropdown .dr-collapse-act {
  padding-left: 0;
}
@media (max-width: 767px) {
  .f-footer-menu .h-header-dropdown .dr-collapse-act {
    padding: 2px 5px;
    border: 1px solid var(--clr-orange);
    border-radius: 2px;
    display: inline-flex!important;
  }
  .f-footer-menu .h-header-dropdown .dr-collapse-act:hover{
    color: var(--clr-orange);
  }
  .f-footer-menu .h-header-dropdown .dr-collapse-act .c-drop-arrow{
    display: none;
  }
  .f-footer-menu .h-header-dropdown .dr-collapse-act>span:first-child{
    padding: 0!important;
  }
}

@media (max-width: 767px) {
  .fl-geo-blocks-wrap{
    position: absolute;
    top: -32px;
    right: 0;
  }
}

.header-categories-main_tg{
  font-size: 14px;
  font-weight: 500;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.3;
  display: inline-block;
  color: var(--clr-orange);
  padding: 4px 16px;
}

.header-categories-main_tg:hover{
  color: var(--clr-orange);
}

.header-categories-main_tg.--is_active{
  display: none;
}

@media (min-width: 1023px) {
  .cp-list-item .cp-list-item-in {
    padding: 12px 12px 12px 150px;
  }
  .cp-list-item .cp-list-item-logo {
    width: 142px;
  }
  .cp-list-item .cp-list-item-contact-item a {
    word-break: break-word;
  }
  .cp-list-item-content-l .cp-list-item-content-l-footer {
    display: flex;
    margin-top: 23px;
  }
  .cp-list-item-content-l .cp-list-item-content-l-footer .btn {
    width: 190px;
  }
  .cp-list-item-content-r {
    width: 190px;
  }
}

.header-categories-wrap.fl-search-cats-dropdown {
  max-width: 1180px;
  /* width: 100%; */
  height: calc(-240px + 100vh);
}

@media (max-width: 1023px) {
  .header-categories-wrap.fl-search-cats-dropdown{
    height: auto;
  }
}

.header-categories-overflow {
  height: 100%;
}

@media (max-width: 1023px) {
  .header-categories-overflow{
    height: auto;
  }
}

.header-categories {
  height: 100%;
  display: grid;
  grid-template-columns: 272px 1fr;
  gap: 20px;
  border-radius: 20px;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .header-categories{
    grid-template-columns: 100%;
    height: auto;
    gap: 0;
  }
}

.header-categories-main_items {
  display: flex;
  flex-direction: column;
  padding: 32px 8px 32px 25px;
  overflow: auto;
}

@media (max-width: 1023px) {
  .header-categories-main_items{
    flex-wrap: wrap;
    padding: 0 16px;
    flex-direction: row;
    gap: 8px
  }
}

@media (max-width: 767px) {
  .header-categories-main_items{
    gap: 4px;
    /* overflow: hidden; */
    /* max-height: 160px; */
  }
}

.header-categories-main_items div {
  position: relative;
}

.header-categories-main_link {
  padding: 12px 30px 12px 20px;
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: var(--clr-black);
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  z-index: 1;
  position: relative;
  border-radius: 8px;
  transition: .2s ease;
}

@media (max-width: 1023px) {
  .header-categories-main_link{
    padding: 8px 16px;
    line-height: 1.315;
    border-radius: 4px;
    background-color: var(--clr-gray-btn);
  }
  .header-categories-main_link:hover{
    background-color: var(--clr-orange);
    color: var(--clr-white);
  }
}

@media (min-width: 1024px) {
  .header-categories-main_link.active {
    background-color: var(--clr-orange);
    border-color: var(--clr-orange);
    color: var(--clr-white);
  }
}

.header-categories-main_items .c-drop-arrow {
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 50%;
  transform: translateY(-50%)rotate(-90deg);
  transition: .2s ease;
}

@media (max-width: 1023px) {
  .header-categories-main_items .c-drop-arrow{
    display: none;
  }
}

.header-categories-main_link.active+.c-drop-arrow {
  filter: invert(1);
}

.header-categories-blocks {
  overflow: auto;
}

@media (max-width: 1023px) {
  .header-categories-blocks{
    display: none;
  }
}

.header-categories-block {
  display: none;
  padding: 38px 0 25px;
}

.header-categories-block.active {
  display: block;
}

.header-categories-block-title {
  font-size: 24px;
  font-weight: 700;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
  margin-bottom: 4px;
  display: block;
  transition: .2s ease;
}
.header-categories-block-title a {
  color: var(--clr-darkest);
}

.header-categories-block-title:hover {
  color: var(--clr-orange)
}
.header-categories-block-title a:hover {
  color: var(--clr-orange)
}


.header-categories-items {
  column-count: 4;
  column-gap: 20px;
}

.header-categories-item {
  break-inside: avoid-column;
  white-space: normal;
  padding-bottom: 20px;
}

.header-categories-items-title {
  position: relative;
}

.header-categories-items-title a {
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--clr-black);
  display: block;
  padding: 12px 30px 8px 0;
  transition: .2s ease;
}

.header-categories-items-title a:hover {
  color: var(--clr-orange);
}

.header-categories-items-title .c-drop-arrow {
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 50%;
  transform: translateY(-50%)rotate(-90deg);
  transition: .2s ease;
}

.header-categories-sub_items {
  display: flex;
  flex-direction: column;
}

.header-categories-sub_item a {
  display: block;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
  transition: .2s ease;
}

.header-categories-sub_item a:hover {
  color: var(--clr-orange);
}

@media (max-width: 1023px) {
  .wb-f-filter.wb-f-filter-showed .wb-f-panel-geo-body{
    padding-top: 23px;
    padding-bottom: 28px;
  }
}

.wb-f-panel-geo-head{
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  align-items: center;
  background-color: var(--clr-white);
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: flex;
  min-height: 24px;
  padding: 12px 16px 0;
  position: relative;
}

@media (min-width: 1024px){
  .wb-f-panel-geo-head{
    display: none;
  }
}


.wb-f-panel-geo-title{
  -webkit-box-flex: 1;
  display: block;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--clr-darkest);
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.f-sr-item {
  padding: 11px 12px !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  border-bottom: 0!important;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
  transition: .2s ease;
}

.fl-search-h-results-in .f-sr-item:hover,
.fl-search-h-results-in .f-sr-item:hover span{
  color: var(--clr-orange);
}

@media (max-width: 767px) {
  .f-sr-item{
    margin: 0 8px!important;
    padding: 8px 27px!important;
  }
}

@media (min-width: 768px) {
  .f-sr-item {
    margin: 0 !important;
  }
  .f-sr-item-title {
    padding-right: 8px !important;
  }
}

.f-sr-item-cat {
  color: var(--clr-gray) !important;
}

.f-sr-item-title-link {
  color: var(--clr-gray) !important;
}

.l-page-panel{
  padding-top: 12px;
}

@media (max-width: 767px) {
  .l-page-panel.back-button-block{
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 4px;
    width: 100%;
  }
}

.back-button {
  border: 0;
  padding: 0;
  background: none;
  outline: none;
  display: flex;
  align-items: center;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: var(--clr-black);
  left: -3px;
  position: relative;
}

.back-button svg {
  margin-right: 4px;
}

@media (max-width: 767px) {
  .back-button{
    padding-top: 4px;
  }
  .back-button-t{
    display: none;
  }
  .back-button svg{
    margin-right: 0;
  }
}

.h-cats-main{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 64px;
}

@media (max-width: 767px){
  .h-cats-main{
    margin-bottom: 20px;
  }
}

.h-cats-main-item{
  flex-basis: calc(100% / 5 - 8px);
}

@media (max-width: 767px) {
  .h-cats-main-item:nth-child(n+5):not(:last-child){
    display: none;
  }
  .h-cats-main-item{
    flex-basis: calc(100% / 2 - 5px);
  }
  .h-cats-main-item:nth-child(n + 1):nth-child(-n+3){
    flex-basis: calc(100% / 3 - 7px);
  }
}

.h-cats-main-item-link{
  min-height: 80px;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 2px 2.5px 0px rgba(239, 239, 239, 0.25), 2px 4px 8.2px 2px rgba(224, 224, 224, 0.16) inset, -2px 1px 4px 0px rgba(224, 224, 224, 0.2);
  border: 1px solid var(--clr-gray-btn);
  background: linear-gradient(92.97deg, rgba(255, 255, 255, 0.7) 13.41%, rgba(235, 235, 235, 0.7) 67.38%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);

  height: 100%;
}

.h-cats-main-item-link.h-cats-main-item-link--more{
  color: var(--clr-orange);
  position: relative;
}

.h-cats-main-item-link:hover{
  color: var(--clr-white);
  font-weight: 700;
  background: var(--clr-orange);
  box-shadow: 0px 4px 8px 0px rgba(24, 24, 24, 0.1), 0px 4px 4px 0px rgba(224, 224, 224, 0.2) inset;
}

.h-cats-main-item-link > svg{
  margin-left: 10px;
  margin-top: -1px;
  min-width: 20px;
}

@media (max-width: 767px) {
  .h-cats-main-item-link{
    min-height: 74px;
    word-break: break-word;
  }
  .h-cats-main-item-link.h-cats-main-item-link--more{
    padding: 11px 18px;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 5px 18px;
    justify-content: center;
  }
  .h-cats-main-item-link > svg{
    position: absolute;
    bottom: 11px;
    right: 19px;
    min-width: 16px;
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 575px) {
  .h-cats-main-item-link{
    padding: 5px;
  }
}

.l-cats-popup{
  display: none;
  background-color: rgba(144, 144, 144, .4);
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10001;
}

.l-cats-popup-wrapper{
  margin: 135px auto;
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  max-width: 933px;
  height: calc(-270px + 100vh);
}

@media (max-width: 767px) {
  .l-cats-popup-wrapper{
    border-radius: 0;
    margin: 0;
    height: 100vh;
    max-height: 500px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.l-cats-popup-overflow{
  height: 100%;
}

.l-cats-popup-content{
  overflow: hidden;
  height: 100%;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .l-cats-popup-content{
    border-radius: 0;
  }
}
.l-cats-popup-head{
  position: relative;
  padding: 24px 32px 12px;
}
@media (max-width: 767px) {
  .l-cats-popup-head{
    padding: 24px 16px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.l-cats-title{
  font-size: 23px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--clr-darkest);
}

@media (max-width: 767px){
  .l-cats-title{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 18px;
  }
}

.l-cats-popup-close{
  position: absolute;
  right: 32px;
  top: calc(50% + 9px);
  transform: translateY(-50%);
  color: var(--clr-darkest);
  transition: .2s ease;
}

.l-cats-popup-close:hover{
  color: var(--clr-orange);
}

@media (max-width: 767px){
  .l-cats-popup-close{
    right: 24px;
    top: 33px;
  }
}

.l-cats-p-search{
  position: relative;
  width: 100%;
}

.l-cats-p-search-i{
  position: absolute;
  left: 10px;
  top: 9px;
  color: var(--clr-gray);
  width: 20px;
  height: 20px;
  display: block;
}

.l-cats-p-search-inp{
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding: 11px 8px 11px 36px;
  border-radius: 8px;
  line-height: 1.15;
  border: 1px solid #E0E0E0;
}

@media (min-width: 768px){
  .l-cats-p-search{
    display: none;
  }
}

.l-cats-popup-body{
  height: calc(100% - 66px);
  overflow: auto;
}

.l-cats-popup-body-o{
  padding: 0 32px 24px;
}

@media (max-width: 767px) {
  .l-cats-popup-body-o{
    padding: 0 16px 24px;
  }
}

.l-cats-list{
  column-count: 4;
  column-gap: 20px;
}
@media (max-width: 767px) {
  .l-cats-list{
    display: flex;
    flex-direction: column;
    column-count: auto;
    row-gap: 0;
  }
}

.l-cats-item{
  break-inside: avoid-column;
  white-space: normal;
}

.l-cats-items-title {
  position: relative;
}

.l-cats-items-title a{
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--clr-black);
  display: block;
  padding: 12px 30px 8px 0;
  transition: .2s ease;
}

.l-cats-items-title a:hover {
  color: var(--clr-orange);
}

@media (max-width: 767px){
  .l-cats-items-title a{
    font-size: 14px;
    font-weight: 400;
    padding: 12px;
  }
}

.l-cats-items-title .c-drop-arrow{
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transition: .2s ease;
}

@media (max-width: 767px) {
  .l-cats-items-title--drop .c-drop-arrow{
    transform: translateY(-50%);
  }
  .j-mob-cats-toggle.l-active + .c-drop-arrow{
    transform: translateY(-50%)rotate(-180deg);
  }
}

.l-cats-sub_items{
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .l-cats-sub_items{
    display: none;
    padding-left: 20px;
  }
}

.l-cats-sub_item a{
  display: block;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
  transition: .2s ease;
}

.l-cats-sub_item a:hover {
  color: var(--clr-orange);
}

@media (max-width: 767px) {
  .l-cats-sub_item a{
    font-size: 14px;
  }
}

.l-page-addits{
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.l-page-filter-toggle{
  padding: 8px 12px;
  display: inline-block;
  min-height: 32px;
  background-color: var(--clr-gray-btn);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.3;
  color: var(--clr-darkest);
}

.l-page-filter-toggle > svg{
  width: 16px;
  min-width: 16px;
  margin-right: 4px;
}

body:not(.is-index-page) .fl-search-h:not(.fl-search-h-company) .fl-search-h-input-filter-toggle{
  display: none;
}

@media (max-width: 767px) {
  .j-f-sort-title{
    font-size: 12px;
  }
  .j-f-sort-icon{
    margin-left: 4px;
  }
}

.form-control-label{
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--clr-darkest);
  margin-bottom: 4px;
  display: inline-block;
}

@media (max-width: 1023px) {
  .form-control-label{
    font-size: 14px;
  }
}

.form-group-memo{
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.3;
  color: var(--clr-gray);
  display: inline-block;
}

.usr-settings-photo-box .form-group-memo{
  font-size: 10px;
}

.form-b-divider{
  /* border-top: 1px solid var(--clr-border-light); */
  padding-top: 24px;
  margin-top: 24px;
  margin-bottom: 32px;
}

.no-expiry-date {
  font-size: 20px !important;
  font-weight: 500;
}
.expiry-date {
  font-size: 20px !important;
}
@media (max-width: 1023px) {
  .form-b-divider{
    padding-top: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .form-b-divider{
    border-top: 0;
  }
  
  #j-company-settings-tab-subscription .usr-settings-box.vw-white-box {
    border: 0 !important;
    padding:0 !important;
  }
  .no-expiry-date {
    
  }
  .expiry-date {
    
  }
}

.form-d-title{
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
  color: var(--clr-darkest);
  margin: 0 0 32px;
}

@media (max-width: 1023px) {
  .form-d-title{
    font-size: 16px;
    text-align: left;
    margin: 0 0 12px;
  }
}

.c-form-creation .form-d-title:first-child{
  margin-top: 72px;
}

*+.form-d-title{
  margin-top: 48px;
}

@media (max-width: 1023px){
  *+.form-d-title{
    margin-top: 40px;
  }
}

.form-b-divider .form-d-title{
  text-align: left;
  margin: 0;
}

.l-form-creation{
  margin-bottom: 100px;
}

@media (max-width: 1023px) {
  .l-form-creation{
    margin-bottom: 24px;
  }
}

.l-form-creation .form-group{
  display: flex;
  gap: 20px;
  max-width: 782px;
}

@media (max-width: 1023px) {
  .l-form-creation .form-group {
    max-width: 100%;
    flex-direction: column;
    gap: 4px;
  }
}

.l-form-creation .form-group--shorter{
  max-width: 582px;
}

@media (max-width: 1023px) {
  .l-form-creation .form-group--shorter{
    max-width: 100%;
  }
}

.l-form-creation .form-group-side{
  flex-basis: 23.3%;
  text-align: right;
  padding-top: 9px;
}

@media (max-width: 1023px) {
  .l-form-creation .form-group-side{
    padding-top: 0;
    text-align: left;
  }
}

.l-form-creation .form-group--shorter .form-group-side{
  flex-basis: 31.3%;
}

.l-form-creation .form-group-main{
  flex: 1 0 auto;
  flex-basis: 65%;
}

.l-form-creation .form-group-main .checkbox-box{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.l-form-creation .form-group-main .checkbox-box+.checkbox-box{
  margin-top: 8px;
}

.l-form-creation .form-control-label{
  margin: 0;
}

.company-open .bus-form-creation {
    padding-top: 60px;
}

@media (max-width: 1023px) {
  .company-open .bus-form-creation{
    padding-top: 10px;
    padding-bottom: 24px;
  }
}

@media (max-width: 1023px) {
  .h-header.h-header--comcreate{
    display: none;
  }
  .subs-row-border {
    padding-bottom: 20px !important;
    border-bottom:1px solid #D9D9D9;
  }
}

.form-row.form-row-dyn-props.j-control-group .control-label {
    font-family: Poppins !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
}

.l-form-creation .form-b-divider.j-block-divider:nth-child(2) {
    border-top: 0;
    margin-top: 10px;
}

.l-form-creation .form-row-dyn-props .dp-checkbox-wrap {
    max-width: 100%;
}

.l-form-creation .form-row-dyn-props .form-check-label input {
    display: none;
}

.l-form-creation .form-row-dyn-props .form-check-label:not(.form-check-label--color) span.ico-check {
    display: none;
}

.l-form-creation .form-row-dyn-props .form-check-label:not(.form-check-label--color) .ico-check~span {
    border: 1px solid var(--clr-gray-link);
    background-color: var(--clr-white);
    min-height: 34px;
    border-radius: 4px;
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    color: var(--clr-darkest);
    user-select: none;
    transition: .2s ease;
}

.l-form-creation .form-row-dyn-props .form-check-label:not(.form-check-label--color) input:checked~.ico-check~span {
    border-color: var(--clr-orange);
    background-color: var(--clr-orange);
    color: var(--clr-white);
}

.form-row.form-row-dyn-props.j-control-group {
    margin-bottom: 5px;
}

.form-row-dyn-props .form-row-body.d-flex {
  column-gap: 5px;
  flex-direction: column;
  row-gap: 0px;
}

.form-row.form-row-dyn-props.j-control-group.property_details .checkbox-box {
    max-width: 380px;
    width: 100%;
    min-width: unset;
    gap: 10px;
    display: flex;
}

/* .form-row.form-row-dyn-props.j-control-group.property_details .checkbox-box li {
    width: 50%;
    margin-right: 0 !important;
} */

/* .form-row.form-row-dyn-props.j-control-group.property_details .form-check-label .ico-check~span {
    width: 100%;
} */

.form-row.form-row-dyn-props.j-control-group.amenities .form-row-body {
    max-width: 540px;
}

.form-row.form-row-dyn-props.j-control-group.amenities .form-row-body .dp-checkbox-wrap .checkbox-box {
    margin-top: -9px;
}

.form-row.form-row-dyn-props.j-control-group.amenities .form-row-body .dp-checkbox-wrap .checkbox-box:nth-child(1) {
    margin-top: unset;
}

.form-row.form-row-dyn-props .form-row-body .form-control {
    max-width: 380px;
}

.modal .vw-vendor-contact-row {
    border-bottom: 2px solid var(--clr-border-light);
    padding-bottom: 8px;
}
.modal .vw-vendor-contact-row-content {
    color: var(--clr-gray);
}
.modal .vw-vendor-contact-row:before {
    display: none;
}
.modal .vw-vendor-contact-row-label svg {
    margin-right: 5px;
}
.modal a.vw-vendor-contact-row-content, .modal .vw-vendor-contact-row-content a, .modal a.j-to-map-step , .modal .j-map-step a{
    color: var(--clr-gray);
    transition: .2s ease;
}
.modal a.vw-vendor-contact-row-content:hover,
.modal .vw-vendor-contact-row-content a:hover,
.modal a.j-to-map-step:hover,
.modal .j-map-step a:hover{
  color: var(--clr-darkest);
}
.modal-body {
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.modal .vw-vendor-contact-row {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
}
.modal .vw-vendor-contact-row-label {
    color: var(--clr-darkest);
}
.modal-title-sub {
    color: var(--clr-darkest);
    font-weight: 500;
}
.company-contact-modal .modal-dialog {
    /* max-width: 875px; */
    max-width: 598px;
}
.company-contact-modal.company-contact-modal-sm .modal-dialog {
    max-width: 600px;
}
.company-contact-modal.company-contact-modal-very-sm .modal-dialog {
    max-width: 480px;
    padding: 0 8px;
}
.company-contact-modal .modal-content {
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    background: white;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.company-contact-modal .modal-title {
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--clr-darkest);
    margin-bottom: 12px;
}
.company-contact-modal-very-sm .modal-title{
  font-size: 20px;
}
.company-contact-modal .modal-sub-text {
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
}
.company-contact-modal .modal-title-sub{
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 16px;
}
.company-contact-modal .text-color.j-attach-file {
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
}
/* .company-contact-modal .form-control {
    border-radius: 20px;
} */
.company-contact-modal .close {
    right: 39px;
    top: 22px;
}
.company-contact-modal.company-contact-modal-sm .close {
    right: 34px;
}
.company-contact-modal.company-contact-modal-very-sm .close {
    right: 34px;
}
.company-contact-modal .close:after {
    display: none;
}
.company-contact-modal .ico.fas.fa-paperclip.grey-icon {
    color: black !important;
}
.company-contact-modal .btn.btn-success.j-submit {
    background-color: #FD6200 !important;
    border-radius: 8px;
    min-width: 123px;
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

@media (min-width: 767px) {
  .company-contact-modal .btn.btn-success.j-submit {
    width: 173px;
  }
  .l-form-creation .j-wizard-sibling-level .j-submit {
    width: 203px;
  }
}
.company-contact-modal .modal-file-types {
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.6px;
    color: #757575;
}
.company-contact-modal .modal-content-info {
    /* background: linear-gradient(205.97deg, #FEC099 -27.94%, #F4D3D5 130.23%); */
    background: rgba(255, 224, 204, 0.36);
    padding: 20px 39px 16px;
    /* width: 282px; */
    width: 100%;
    flex: none;
}
.company-contact-modal .modal-content-wrap {
    width: 100%;
}
.company-contact-modal .modal-content-info-title {
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 15px;
    color: var(--clr-darkest);
}
.company-contact-modal .modal-content-info-text {
    font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    margin-bottom: 15px;
}

.company-contact-modal .modal-content-info-wrap{
  width: 100%;
  display: grid;
  grid-template-columns: 38.5% 1fr;
  gap: 12px;
}

.company-contact-modal .modal-content-info-image{
  width: 100%;
  height: 130px;
  border-radius: 8px;
}

.company-contact-modal .modal-content-info-image>img{
  width: inherit;
  height: inherit;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
}

.company-contact-modal .modal-content-info-side{
  display: flex;
  flex-direction: column;
}

.company-contact-modal .modal-content-info-name{
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.315;
  color: var(--clr-gray-hover);
  margin-bottom: 12px;
}

.company-contact-modal .modal-content-info-price{
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--clr-darkest);
  margin-bottom: 12px;
}

.company-contact-modal .modal-content-info-chars{
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 16px;
  row-gap: 4px;
  margin-bottom: 16px;
}

.company-contact-modal .modal-content-info-chars > li {
  display: inline-flex;
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--clr-darkest);
}

.company-contact-modal .modal-content-info-chars svg{
  width: 20px;
  height: 20px;
}

.company-contact-modal .modal-content-info-chars span:first-child{
  margin-right: 8px;
}

.company-contact-modal .modal-content-info-adress{
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--clr-darkest);
}

.company-contact-modal .modal-content-info-adress > svg{
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

/* .l-form-creation .form-row-dyn-props.property_details .form-check-label:not(.form-check-label--color) .ico-check~span,
.l-form-creation .form-row-dyn-props.is_poperty_control .form-check-label:not(.form-check-label--color) .ico-check~span {
    
} */

.l-form-creation .form-row-dyn-props.property_details .form-check-label:not(.form-check-label--color) .ico-check~span{
  border-radius: 8px;
  border-color: var(--clr-border-light);
  width: 100%;
  height: 40px;
}


.l-form-creation .form-row-dyn-props.property_details .form-check-label:not(.form-check-label--color) input:checked~.ico-check~span{
  border-color: var(--clr-orange-light);
  background-color: var(--clr-orange-light);
  color: var(--clr-darkest);
}


#j-my-items-form .itu-list-item-select.form-check-label,
#j-my-items-form .form-check-label.j-mass-select {
  margin-right: 6px;
}

@media (max-width: 767px) {
  .company-contact-modal .modal-title{
    margin: 0 0 16px;
    padding: 0;
    font-size: 14px;
    background-color: unset;
  }
  .company-contact-modal-very-sm .modal-title {
      font-size: 18px;
      margin: 0;
      padding: 0;
  }
  .company-contact-modal.company-contact-modal-very-sm .close {
      right: 10px;
      top: 12px;
  }
  .company-contact-modal .modal-content {
      /* flex-direction: column-reverse; */
      /* justify-content: flex-end; */
      height: unset;
      margin-top: unset !important;
      border-radius: 9px;
  }
  .company-contact-modal .modal-content-info {
      width: 100%;
      padding: 12px 12px 16px;
  }
  .company-contact-modal-very-sm .modal-content-info {
    padding: 13px 10px;
  }
  .company-contact-modal .modal-content-info-title {
      font-size: 16px;
      margin-bottom: 12px;
  }
  .company-contact-modal .modal-content-info-wrap{
    grid-template-columns: 33.9% 1fr;
    gap: 8px;
  }
  .company-contact-modal .modal-content-info-image{
    height: 98px;
  }
  .company-contact-modal .modal-content-info-name{
    font-size: 12px;
    margin-bottom: 4px;
  }
  .company-contact-modal .modal-content-info-price{
    font-size: 16px;
    margin-bottom: 8px;
  }
  .company-contact-modal .modal-content-info-chars{
    margin-bottom: 8px;
  }
  .company-contact-modal .modal-content-info-chars > li{
    font-size: 12px;
  }
  .company-contact-modal .modal-content-info-chars span:first-child{
    margin-right: 4px;
  }
  .company-contact-modal .modal-content-info-chars svg{
    width: 16px;
    height: 16px;
  }
  .company-contact-modal .modal-content-info-adress > svg{
    width: 16px;
    height: 16px;
    margin-right: 4px;
  }
  .company-contact-modal .modal-content-info-adress{
    font-size: 12px;
  }
  .company-contact-modal .modal-content-info-text {
      font-size: 14px;
      margin-bottom: 10px;
  }
  .company-contact-modal .text-color.j-attach-file {
      font-size: 12px;
  }
  .company-contact-modal .close {
      right: 12px;
      top: 13px;
  }
  .company-contact-modal .modal-dialog {
      display: flex;
      padding: 8px;
  }
  .company-contact-modal .modal-actions {
      flex-direction: row;
  }
  .company-contact-modal .btn.btn-success.j-submit {
      width: 152px;
      height: 44px;
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
  }
  .company-contact-modal .modal-body {
    padding: 20px 12px 16px;
  }
  .company-contact-modal-very-sm .modal-body{
    padding: 12px 12px 16px;
  }
  .company-contact-modal .form-control {
      border-radius: 8px;
  }
  .company-contact-modal .modal-sub-text {
      display: none;
  }
  .company-contact-modal .modal-file-types {
      margin-top: 0px;
  }
  .claim-wrap {
      border-top: 0;
      padding-top: 0;
      margin-bottom: 20px;
  }

  .company-claim-modal .modal-dialog {
      height: unset;
      display: flex;
  }
  .company-claim-modal .modal-content {
      margin-top: unset !important;
      border-radius: 10px;
  }
  .company-claim-modal .modal-body {
      padding: 10px;
  }
  .company-claim-modal .modal-title {
      font-size: 18px;
      background-color: unset;
      padding: 0;
      padding-right: 50px;
      margin: 0;
      margin-bottom: 0;
      margin-top: -4px;
      padding-top: 5px;
      padding-bottom: 20px;
  }
  .company-claim-modal .btn-danger {
      height: 44px;
  }
  .company-claim-modal .close {
      right: 9px;
      top: 12px;
  }

  #j-my-items-form .itu-list-item-select.form-check-label,
  #j-my-items-form .form-check-label.j-mass-select {
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    margin-left: -6px;
    margin-top: -6px;
    margin-bottom: -6px;
    margin-right: 0px;
  }

  #j-my-items-form .usr-ads-actions-count .dropdown.j-selected {
    margin-left:5px;
  }
}

.select2-dropdown{
  border-radius: 8px;
  border: 1px solid var(--clr-border-light);
}

.select2-container--default .select2-selection--single{
  border: 1px solid var(--clr-border-light);
  border-radius: 8px;
  height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  color: var(--clr-darkest);
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 38px;
  width: 29px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
  background-image: url(../css/images/arrow-down.svg?a870a5c…);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 21px;
  width: 21px;
  height: 38px;
  border: 0;
  position: relative;
  display: block;
  margin-left: 0;
  margin-top: 0;
  left: auto;
  top: auto;
  transform-origin: center;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  transform: rotate(180deg);
}

.select2-results__option--selectable{
  color: var(--clr-darkest);
  transition: .2s ease;
}

.select2-container--default .select2-results__option--selected{
  background-color: var(--clr-orange-hover);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color: #f4f4f4;
  color: var(--clr-darkest);
}

.select2-container--default .select2-search--dropdown .select2-search__field{
  background-color: var(--clr-white);
  border: 1px solid var(--clr-border-light);
  border-radius: 8px;
  color: var(--clr-darkest);
  font-family: 'Poppins', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  display: block;
  height: 36px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  padding: 6px 8px 6px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus{
  border-color: var(--clr-orange);
  outline: 0;
}

.rw-answer-body{
  word-break: break-all;
}