html,body{margin:0;padding:0;color:#333843;font-family: "Open Sans",Arial,Helvetica, sans-serif;font-size:14px;background: #F9FAFC}
  a {text-decoration: none}
  .fs-10{font-size:10px;}
  .fs-12{font-size:12px;}
  .fs-13{font-size:13px;}
  .fs-14{font-size:14px;}
  .fs-16{font-size:16px;}
  .fs-17{font-size:17px;}
  .fs-18{font-size:18px;}
  .fs-20{font-size:20px;}
  .fs-22{font-size:22px;}
  .fs-25{font-size:25px;}
  .fs-28{font-size:28px;}
  .fs-65{font-size:65px;}
  .fs-70{font-size:70px;}
  .fw-700 {font-weight: 700;}
  .w-70{width:70%}
  .w-30{width:30%}
  .my-h1 {font-size: 30px;
    width: 100%;
    display: flex;}
  .display-flex{display: flex;}
  .fsb-r{
    font-family: 'Open Sans',Arial,Helvetica, sans-serif;
    font-weight: 500;
  }

  .fsb-m{
    font-family: 'Open Sans',Arial,Helvetica, sans-serif;
    font-weight: 700;
  }
  .sale-price{    color: #7BD75B;
    margin-left: 15px;
    margin-top: 2px;}
  .def-card {box-shadow: 0 20px 12px -16px rgba(0,30,85,.1), 0 8px 24px 18px rgba(0,30,85,.05);
    border: none;
    padding: 15px;
    background: #fff;
    border-radius: 12px;}
  .map-trip iframe{border-radius: 12px;}
  .container-full{width:100%;overflow-x: hidden;}
  .content-center {display: flex;align-items: center;}
  .content-center-center {display: flex;align-items: center;justify-content: center;}
  .content-center-right {display: flex;align-items: center;justify-content: end;}
 .content-center-between {display: flex;align-items: center;justify-content: space-between;}
  .bg-two{background: #f2f3f7}
  .bg-city{background-size: cover !important;
    background-position: center !important;}
  .w-40{width:40%}
  .w-50{width:50%}
  .w-30{width:30%}
  .w-20{width:20%}
  .w-60{width:60%}
  .w-70{width:70%}
  .w-80{width:80%}
  a{color: #322b1f;transition: all 0.3s ease}
  a:hover {
    color: #464646
}
  .h3-title {text-transform: uppercase;margin-bottom: 0}

  .popular-button{display: flex;
    align-items: end;}
    .right-block{align-items: end;}
  .text-left{text-align: left}
  .nolink{color:#333843;text-decoration: none}
  .nolink:hover{color:#333843;text-decoration: none}
  .green-button{color: #333843;border-radius: 5px;background: #7BD75B; border: none;padding: 7px 20px;text-transform: uppercase;}
  .button i{font-size: 21px;}

  .white-but{border-radius: 50px;
    border: none;
    width: 37px;
    height: 37px;
  background: #fff}
  .white-icon{border-radius: 50px;
    border: none;
    width: 30px;
    height: 30px;display: flex;
    align-items: center;
  background: #ffffff8f;transition: all 0.3s ease;}
  .white-icon:hover {background: #fff}
  .black-but{border-radius: 50px;
    border: none;
    width: 37px;
    height: 37px;
    color:#fff;
  background: #333843}
  .white-button{border-radius: 6px;
    border: none;    padding: 6px 13px;
  background: #fff}
  .black-button{border-radius: 50px;
    border: none;
    color:#fff;    padding: 6px 13px;
  background: #333843}

  .dark-card{background: #fff;
    box-shadow:  0 0 16px rgb(0 0 0/8%),0 4px 16px rgb(0 0 0/8%);
    border-radius: 18px;
    overflow: hidden;
    position: relative;border: none;transition: all 0.3s ease; cursor: pointer;}
  .dark-card:hover{box-shadow: 0 4px 24px rgba(0,0,0,.12),0 12px 20px rgba(0,0,0,.14);}
  .top-dark-header img{width:100%}
  .dark-card-content{ display: flex;    justify-content: space-between;}
  .dark-card-date{display: flex;align-items:center; padding: 0 10px 0 0;color:#767676;text-transform: uppercase;}
  .big-content{padding-left: 120px;padding-top: 10px;padding-right: 40px;}
  .side-menu{width:70px;z-index: 3;
    height: 100%;    overflow: hidden;
    position: fixed;
    background: #fff;padding: 15px;
    top: 0;box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);
    left: 0;transition: all 0.3s ease}
  .side-menu:hover{width:250px;}

  .islogo img{width:40px}
  .side-menu-tab ul{list-style: none;
    padding-left: 0;}
  .side-menu-tab li{font-size: 16px;
    margin: 10px 0;
    border-radius: 10px;
    color: #333843;
    box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);}
  .side-menu-tab a{border-radius: 10px;padding: 12px 10px;align-items: center;
    display: flex;transition: all 0.3s ease;background: #f9fafc;}
  .side-menu-tab a:hover{background: #efefef;
    }
    .top-menu{padding: 0 40px 0 120px;
    height: 90px;
    color: #333843;}
    .side-no-vision{opacity: 0;transition: all 0.3s ease;white-space: nowrap;}
    .side-active .side-no-vision{opacity: 1;}
    .side-menu:hover .side-no-vision{opacity: 1;}
    .top-menu .content-center{height:90px;}
    .text-right{text-align: right}
    .username span{    background: #fff;    height: 34px;
    padding: 6px 10px;border-radius: 6px;box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);}
    .username img{    max-width: 40px;
    background: #f9fafc;}
    .b-button {background: rgb(51 56 67);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    transition: all 0.3s ease;padding: 7px 15px;}
    .button {
    box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);
    border: none;
    border-radius: 10px;
    font-weight: 700;
    transition: all 0.3s ease;padding: 7px 15px;}
    .w-button{background: #fff;
    color: #333843;}
    .b-button {background: #333843;
    color: #fff;}
    .ftu {text-transform: uppercase;}
    .fs-40{font-size: 40px;}
    .c-gray{color: #9f9f9f;}
    .withback{font-size: 22px;
        color: #7BD75B;
        background: #7BD75B2e;
        padding: 6px;
        border-radius: 12px;}
    .trend{align-items: end;
        display: flex;
        font-size: 20px;
        font-weight: 700;}
    .trend i{
        font-size: 22px;}
      .ava-user img{max-width:50px;border-radius: 50px; max-height:50px;}
      .pill {margin: 0;background: #7BD75B2e;
        padding: 2px 8px;
        border-radius: 10px;display: inline;}
        .card-line{box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);}
        .text-good-ex{    max-width: 150px;
        margin: 0 auto;
        font-size: 12px;
        text-align: center;}

    .progress-bar {
      height: 10px;
          background-color: #F1F1F4;
          border-radius: 10px;
          overflow: hidden;
          padding: 0;
    }

    .fill {
        height: 100%;
        background-color: #7BD75B;
        transition: width .3s ease-in-out;
        border-radius: 10px;
    }
    .is-line{width:100%;height:1px; background: #F1F1F4}
    .mini-line{max-width:60%;height:1px; background: #F1F1F4}
    .mini-line-dop{
        max-width: 100%;
        height: 1px;
        border-top: 1px dashed #e1e1e1;
    }
    .ava-testem img{width: 40px;border-radius: 30px;}
    .avatar-profile{text-align: center;}
    .avatar-profile img{    max-width: 80px;
    min-width: 80px;}
    .counters-gid{    justify-content: space-between;}
    .next-dateis{width:100%;padding: 10px;border-radius: 6px;background: #F1F1F4;    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 8%);    display: block;}
    .stars-review{display: flex}
    .stars-review img{width:15px}
    .circle-is{background: #333843;
        border-radius: 20px;
        font-size: 10px;
        height: 22px;
        width: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;}
        .image-product img{    width: 100%;
        border-radius: 10px;}
        .b-orange{background: #f3b14e47;text-wrap: nowrap;}
        .b-red{background: #f53a3a47}
        .button-icon{padding: 3px 5px;}
        .button-black {background: #333843;
        color: #fff;}
        .my-input{border-radius: 6px;
        border: none;
        background: #f2f3f7;
        padding: 10px;}
        .checkbox {
        border: 2px solid #d7dbe3;
        border-radius: 4px;
        width: 16px;
        height: 16px;
        display: inline-block;
        position: relative;
        top: 3px;
    }
    .my-filter-label {
        cursor: pointer;
    }
    .checkbox-input {
        display: none;
    }

    .checkbox:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        width: 12px;
        height: 12px;
        background-color: #7BD75B;
        border-radius: 3px;
        transition: 0.3s;
    }
    .checkbox-input:checked + label .checkbox:after {
      transform: translate(-50%, -50%) scale(1);
    }
    .checkboxactive:after {
      transform: translate(-50%, -50%) scale(1);
    }
    .category-search {list-style: none;padding: 0;}
.side-menu-tab i{color: #333843;padding-left: 2px;}
#goodemail,#goodeditpass{position: absolute;top:50px;}
.c-red{color: #f53a3a;}
.avatar-upload {
  position: relative;
  max-width: 100%;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 0px;
  z-index: 1;
  bottom: 0px;
}
.avatar-upload .avatar-preview {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 100%;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit i {
  font-size: 18px;
  color: #000000;
  position: relative;
  top: 2px;
  left: 3px;
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.content-center-left{display: flex;
  align-items: center;
  justify-content: left;}
.banner-preview{    width: 300px;
  height: 100px;position: relative;border-radius: 10px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .banner-preview > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
}
.ql-container{height: 200px !important;
  border: none !important;
  background: #f2f3f7;
  border-radius: 10px; margin-top: 10px !important;}
.ql-toolbar{border: none !important;
  box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);
  border-radius: 10px;}
.text-input{min-height: 200px;}
  .c-red{color: #f53a3a}
.c-green{color: #7BD75B}
.avatar-profile{width: 70px;
    height: 70px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 40px;
}
.btn-grad {
   background-image: linear-gradient(to right, #059AB1 0%, #7BD75B  100%);
   margin: 10px;
   padding: 15px 45px;
   text-align: center;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;
   box-shadow: 0 0 20px #eee;
   border-radius: 10px;
   border: none;
 }

 .btn-grad:hover {
   background-position: right center; /* change the direction of the change here */
   color: #fff;
   text-decoration: none;
 }
 .back-for-menu{background: #fff0; transition: all 0.3s ease;
    width: 100%;display: none;
    position: fixed;
    z-index: 1;
    height: 100%;
    top: 0;}
 .mobile-menu{display: none}

 .messenger{background: #fff;box-shadow: 0 20px 12px -16px rgba(0,30,85,.1), 0 8px 24px 18px rgba(0,30,85,.05);border-radius: 12px;}
 .searchmess{position: relative;}
 .searchmess input{    border: none;
 padding: 3px 0 3px 22px;
 width: 100%;}
 .ti-search{position: absolute;
 left: 0;
 font-size: 18px;
 top: 6px;}
 .info-sender{width:78%}
 .br-gray{border-right: 1px solid #e9e9e9;}
 .bt-gray{border-top: 1px solid #e9e9e9;}
 .bb-gray{border-bottom: 1px solid #e9e9e9;}
 .ava-sender img{    width: 50px;
 border-radius: 50px;}
 .isistext {overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;}
 .all-mini-mess {
     height: 430px;
     overflow-y: overlay;
     overflow-x: hidden;
     scrollbar-width: thin; /* для Firefox */
     scrollbar-color: transparent transparent; /* Первый цвет - это цвет ползунка, второй - это цвет дорожки */
 }

 .all-mini-mess:hover {
     scrollbar-color: rgba(0, 0, 0, .2) transparent; /* Цвет ползунка изменяется при наведении */
 }

 .is-top-mess img{ width: 40px;
 border-radius: 50px;}
 .top-messenger{    height: 56px;}
 .is-history{height: 380px;
 width: 100%;
 overflow-y: scroll;
 padding-bottom: 20px;}
 .bottom-mess-block{    height: 50px;
 background: #f9fafc;
 display: flex;    border-radius: 0 0 10px;
 align-items: center;
 justify-content: center;position: absolute;
 bottom: -50px;
 width: 100%;}
 .bottom-mess-block textarea{    width: 80%;
 border: none;
 box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);
 height: 40px;
 resize: none;
 border-radius: 8px;    margin: 0 10px;}
 .bottom-mess-block textarea::-webkit-scrollbar {
width: 0px; /* For Chrome, Safari, and Opera */
background: transparent; /* Optional: Also add this for transparent background */
}

.bottom-mess-block textarea {
scrollbar-width: none; /* For Firefox */
}
 .overhide{overflow: hidden;}
 .nobackbut{    background: #f9fafc;
 border: none;}
 .nobackbutblack{background: #333843;
 border: none;
 color: #fff;
 border-radius: 30px;
 padding: 5px 10px 1px 8px;}

.all-mini-mess::-webkit-scrollbar {
 width: 10px; /* Можно установить ширину скроллбара */
}
.all-mini-mess::-webkit-scrollbar-button {
 display: none; /* Скрывает кнопки скроллбара */
}
.all-mini-mess::-webkit-scrollbar-thumb {
 background-color: #888; /* Цвет ползунка */
 border-radius: 10px; /* Закругленные края ползунка */
}
.error{    background: #f53a3a;
    color: #fff;
    width: 80%;
    margin: 0 auto;
    border-radius: 10px;
    padding: 15px;}
.is-message{display: flex;}
.ava-mess{max-height: 40px;
 overflow: hidden;
 border-radius: 50px;
 max-width: 40px;}
.ava-mess img{width: 40px;}
.text-mess{font-size: 12px;
 background: #f9fafc;
 padding: 10px;
 border-radius: 10px;    box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);}
.text-mess img{border-radius: 10px; max-width: 200px;}
.real-messenger{position: relative;}
.mw-70{max-width: 70%;}
.mini-mess{ cursor: pointer;    background: #fff;transition: all 0.3s ease}
.mini-mess:hover{ cursor: pointer;background: #f5f5f5}
.mini-mess-active{ cursor: pointer;background: #f5f5f5}
#issearcmess:focus {
 outline: none;}
 #counter{    position: absolute;
 bottom: 0;
 right: 3px;
 background: #C9F34E;
 color: #fff;
 width: 15px;
 text-align: center;
 border-radius: 10px;
 font-size: 10px;}
 .uploaderbut{position:relative;}

 .is-modal {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 3;
     justify-content: center;
     display: none;
 }
 .modal-back {
     background: #0000007a;
     width: 100%;
     height: 100%;
 }
 .modal-container {
     position: fixed;
     margin: 0 auto;
     background: #f8faff;
     max-height: 90%;
     width: 75%;
     top: 5%;
     z-index: 99;
     overflow: auto;
     background: #F5F4F8;
     border-radius: 6px;
 }
 .mini-modal {
     max-width: 500px;
 }
 .modal-all-content{background: #fff; border-radius: 10px;    box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);}

 .big-r-button {
     background: rgb(51 56 67);
     color: #fff;
     border: none;
     border-radius: 10px;
     font-weight: 700;
     transition: all 0.3s ease;}
     .input-number {
     border: none;
     height: 40px;
     background: #f2f3f7;
     text-align: center;
     font-weight: 700;
 }
 .btn-minus {
     border-radius: 6px 0 0 6px;
     height: 40px;
     background: rgb(245 244 248);
     color: #000;
 }
 .btn-plus {
     border-radius: 0 6px 6px 0;
     height: 40px;
     background: rgb(245 244 248);
     color: #000;
 }
 .input-group {
   box-shadow: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 15%);
   border-radius: 6px;
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-items: stretch;
     width: 100%;
 }
   .no-day{min-height: 60px;   margin: 2px;}
   .gray-day{min-height: 60px;
     background: #fff;
     color: #333843;
     box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);
     border-radius: 10px;
     text-align: center;    margin: 2px;}
   .yes-day{min-height: 60px;
     background: #7BD75B;cursor: pointer;
     color: #333843;
     box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);
     border-radius: 10px;
     text-align: center;    margin: 2px;}
     .header-days .col {text-align: center;
       margin: 2px;
       background: #333843;
       color: #fff;
       border-radius: 4px;}
       .days-content .col b{    width: 100%;
     display: block;
     border-bottom: 1px solid #000;}
     .plus-but{color: #fff;
     background: #bfbfbf;
     padding: 5px;
     border-radius: 10px;transition: all 0.3s ease;cursor: pointer}
     .plus-but:hover{
     background: #6e6e6e;}
   .my-input{    box-shadow: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 15%);}
   .modal-buttons{display: flex;justify-content: space-between;}
   .button{box-shadow: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 15%);}
   .istimepiker{background: #f2f3f7;
     padding: 5px 10px;
     border-radius: 8px;
     border: none;
     height: 40px;font-weight: 700;
     box-shadow: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 15%);
     -webkit-appearance: none;   /* для Chrome и Safari */
     -moz-appearance: none;      /* для Firefox */
     appearance: none; }
   .istimepiker:after{background: #f2f3f7;
     padding: 5px 10px;
     border-radius: 8px;
     border: none;
     box-shadow: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 15%);}
     select:focus {
     outline: none;
 }
 .price{font-weight: 700;}
 .is-hours{position: relative;}
 .is-hours .ti-chevron-down{    position: absolute;
     right: 5px;
     top: 12px;}
 .is-ticket{    display: flex;
     justify-content: space-around;
     background: #f5f4f8;
     border-radius: 10px;
     padding: 10px;
     box-shadow: 0 1px 3px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 15%);}
.flex-wrap{flex-wrap: wrap;}
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  background: #fff;
  border: none !important;
  box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);
border-radius: 10px;
}
.ui-menu-item.ui-state-focus,
.ui-menu-item.ui-state-active,
.ui-menu-item-wrapper.ui-state-active,
.ui-menu-item-wrapper.ui-state-focus {
  background: #333843 !important;
  cursor: pointer;
  border: none !important;
}
.ui-menu-item {
  padding: 5px 10px;
  border-bottom: 1px solid #e5e5e5 !important;
}
.ui-menu-item:hover {
  background-color: #333843;
  cursor: pointer;
}
.ui-menu-item-wrapper:hover{  background-color: #7BD75B;}
.is-line{    width: 100%;
    height: 1px;
    background: #e3e3e3;}

    .menu-active ul.submenu {
       display: block;
    }

    .menu-item ul.submenu {
       display: none;
    }
  .invis{display: none}
.menu-active ul.submenu{display:block}
.menu{    list-style: none;
    padding-left: 0;}
.submenu{  padding-left: 0; list-style: none;}
.submenu li{padding-left: 2rem;}
.hoverbord{display: block;cursor: pointer;padding: 5px;background: #fff; transition: all 0.3s ease;border-radius: 10px;}
.hoverbord:hover{    background: #f2f3f7;}
.hoverbord-isactive{    background: #f9f9f9;}
.menu-active .top-title{    background: #f2f3f7;}
.radio-card{cursor: pointer;}
label.radio-card input[type=radio]:checked + .card-content-wrapper {
    box-shadow: 0 1px 3px rgb(0 0 0 / 20%), 0 1px 2px rgb(0 0 0 / 8%);
}
label.radio-card .card-content-wrapper {
    background: #fff;
    border-radius: 5px;
    max-width: 280px;
    min-height: 330px;
    padding: 15px;
    display: grid;
box-shadow: 0 1px 3px rgb(0 0 0 / 0%), 0 1px 2px rgb(0 0 0 / 0%);
    transition: 200ms linear;
}
label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon {
  background: #7BD75B;
      border-color: #7BD75B;
      transform: scale(1.2);
      z-index: 1;
      color: #fff;
      text-align: center;
      font-size: 12px;
}
.invis:not(:checked) ~ .card-content-wrapper .card-content img {
    filter: grayscale(100%);
}

.invis:checked ~ .card-content-wrapper .card-content img {
    filter: grayscale(0%);
}

label.radio-card .check-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: solid 2px #7BD75B;
    border-radius: 50%;
    transition: 200ms linear;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 12px;
}
label.radio-card input[type=radio]:checked + .card-content-wrapper .check-icon:before {
    transform: scale(1);
    opacity: 1;
}
label.radio-card .card-content img {
    margin-bottom: 10px;
}
.card-content img{width:100%}
.center-select{display: flex;
    justify-content: center;}
  .content-center-between{display: flex;justify-content: space-between;align-items: center;}
.iscreator-content{max-width: 500px;
    margin: 0 auto;}
.meeditor{min-height: 150px;}
.c-black{color: #333843}
.my-input-select{    width: 100%;
    outline: none;
    border-radius: 6px;
    border: none;
    background: #f2f3f7;
    padding: 10px;}
.is-radio-label{cursor: pointer;}
.is-check-label{cursor: pointer;}
.mydroparea {
    width: 100%;
    border: 2px dashed #ccc;
    text-align: center;
    border-radius: 10px;
}

#clickable-area {
    padding: 20px;
    width: 100%;
    height: 100%;
}
.clickable-area-photo {
    padding: 20px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.delete {
  position: absolute;
      right: 5px;
      top: 5px;
      width: 17px;
      height: 17px;
      display: flex;
      justify-content: center;
      font-size: 12px;
      align-items: center;
      background: #cef361;
      border-radius: 20px;
      color: #fff;
}
.delete-o {
  position: absolute;
      right: 5px;
      top: 5px;
      width: 17px;
      height: 17px;
      display: flex;
      justify-content: center;
      font-size: 12px;
      align-items: center;
      background: #cef361;
      border-radius: 20px;
      color: #fff;
}

.obj-img {
position: relative;
}

#preview-area {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 10px;

margin-top: 10px;
}
#preview-area .obj-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
#preview-area .obj-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.loader {
    border: 5px solid #d1f36e;
      border-top: 5px solid #28282800;
      border-radius: 50%;
      width: 25px;
      height: 25px;
      animation: spin 1s linear infinite;
      margin: 0 auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#map{height: 400px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgb(0 0 0 / 14%), 0 1px 3px rgb(0 0 0 / 6%);}
.block-days span{ display: block;}
.block-days {text-align: left;
    width: 160px;
    display: flex;
    align-items: center;}
.block-time,.mynumbers{display: flex;
align-items: center;}
.block-time span{ display: block;}
.block-time select{    padding: 6px;
    border: none;min-width: 190px;
    background: #f9fafc;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);
    margin: 6px;}
.block-day-time{display: flex;
    justify-content: center;}
    .din-grid{display: inline-grid;}
    .din-griddop{display: none;}
    .is-modal{position: fixed;top:0;left:0; width:100%;height: 100%;z-index:3;justify-content: center;display: none}
    .modal-back{background: #0000007a;width:100%;height: 100%;}
    .modal-container{position: fixed;
    margin: 0 auto;
    background: #f8faff;
    max-height: 90%;
    width: 75%;
    top: 5%;
    z-index: 99;
    overflow: auto;
    background: #F5F4F8;
    border-radius: 6px;}
    .i-close{position: absolute;
    right: 0;}
    .i-close a i{color:#fff;font-size: 32px;}
    .modal-header{
      z-index: 1;
    background: #f54b43;
    color: #fff;height: 60px;
    border-radius: 10px; position: relative;  box-shadow: 0 14px 28px rgb(255 0 0 / 25%), 0 10px 10px rgb(255 0 0 / 22%);}
    .modal-content ul {list-style: none;padding: 0;margin: 0;}
    .modal-content a {margin-left: 10px; border-bottom: 1px solid #00000000;transition: all 0.3s ease}
    .modal-content a:hover {    border-bottom: 1px solid #00000073;}
    .modal-content{padding: 20px; background: #fff; border-radius: 10px;box-shadow: 0 1px 3px rgb(0 0 0 / 7%), 0 1px 2px rgb(0 0 0 / 3%);}
    .button i{position: relative;
    top: 2px;
    font-size: 17px;}
    .i-close a{text-decoration: none;}
    .mini-modal{max-width:600px;}
    .ticket-count{width:150px}
    .imagedef{margin-top:10px;border-radius: 10px;}
    .link{ color: #2fdbdb;
    text-decoration: underline;}
    .dark-card {
     background: #fff;
     box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);
     border-radius: 18px;
     overflow: hidden;
     position: relative;
     border: none;
     transition: all 0.3s ease;
     cursor: pointer;
   }
   .top-dark-header {
       position: relative;
   }
   .card-dop-back {
       position: absolute;
       width: 100%;
       height: 100%;
       z-index: 1;
       background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(252, 255, 250, 0) 51%, rgba(29, 29, 29, 0.6516981792717087) 100%);
   }
   .top-dark-header img {
       width: 100%;
   }
   .text-image-top {
       position: absolute;
       top: 3%;
       z-index: 2;
   }
   .text-image-bottom {
       color: #fff;
       position: absolute;
       bottom: 5%;
       z-index: 2;
   }
@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 991.98px) {
  .side-menu {display: none; transition: all 0.3s ease;}
  .top-menu {padding: 20px; margin-top: 50px}
  .big-content{padding: 20px;}
  .w-m-100{width:100%}
  .mobile-menu{display: flex;position: fixed;
    background: #ffff;z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    padding: 10px;
    box-shadow: 0 20px 12px -16px rgba(0,30,85,.1), 0 8px 24px 18px rgba(0,30,85,.05);
}
.mob-menu-but{    box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);
    border: none;
    border-radius: 10px;
    font-weight: 700;
    transition: all 0.3s ease;
    padding: 4px 11px;
    font-size: 20px;
    background: #333843;
    color: #fff;}
    .side-active{width:250px; display: block;  }
    .back-active{background: #00000094;}
    .overhide{display: none}
    .bottom-mess-block{bottom:-2px; left:0;position: fixed;}
    .top-messenger{padding:20px;}
    .bottom-mess-block textarea{width:70%}
    .my-messages{padding: 20px 0 ;}
    .is-history {  height: calc(100vh - 170px);}
.plus-but{padding: 2px;}
.days-content{flex-wrap:nowrap}
.modal-container{width:100%}
.but-is .button{margin-top:10px}
#createticketbig{position: fixed;bottom: 0;left: 0;z-index: 2;}
.center-select{flex-wrap: wrap;}
.block-day-time{flex-wrap: wrap;}
.block-days {justify-content: center;}
.right-top{position: absolute;top:10px;right:10px}
.nomessager{height: 0px; padding:0}
.messenger{height: calc(100vh - 100px);}
.overhide{height: calc(100vh - 110px);}
.wm-100{width:100%}
.block-day-time:not(:first-child) {
  border-top: 1px solid #d3d3d3;
  padding: 15px;
}
.din-griddop{display: inline-grid;}
.mini-but-gr{font-size: 24px;
    padding: 4px 20px;
    margin: 0;}
}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {

}
@media (max-width: 379.98px) {

}