html,body{margin:0;padding:0;color:#322b1f;font-family: "Open Sans",Arial,Helvetica, sans-serif;font-size:14px;}
  body{display: flex;
    flex-direction: column;
    min-height: 100vh;}
  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;
  }
  .c-green{color: #7BD75B}
  .fsb-m{
    font-family: 'Open Sans',Arial,Helvetica, sans-serif;
    font-weight: 700;
  }
  .currency-dropdown {
    position: relative;
    display: inline-block;
}

.currency-button {
  background-color: white;
      border: none;
      padding: 0px;
      cursor: pointer;
      width: 25px;
      font-size: 20px;
      text-align: center;
}

.currency-options {
  position: absolute;
      background-color: white;
      min-width: 28px;
      z-index: 6;
      border-radius: 10px;
      box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
  }

.currency-option {
        padding: 2px;
    cursor: pointer;
    text-align: center;
}

.currency-option:hover {
  background-color: #7bd75b;
      border-radius: 10px;
      color: #fff;
}
  .mystatia {background: #fff;
    padding: 20px;
    border-radius: 16px;}
  blockquote {
    margin: 16px 16px 30px 16px;
        padding: 26px 24px;
        font-size: 16px;
        background: #f0fae9;
        border-left: 5px solid;
        border-color: #9fdf76;
        border-radius: 10px;
  }
  blockquote::after {
      content: '';
      margin-top: -30px;
      padding-top: 0;
      position: relative;
      bottom: -50px;
      left: 20px;
      border-width: 30px 0 0 30px;
      border-style: solid;
      border-color: #f0fae9 transparent;
      display: block;
      width: 0;
  }
  blockquote p::before {
      content: "“";
      font-family: Georgia;
      font-size: 40px;
      line-height: 0;
      display: inline-block;
  }
  blockquote cite {
      float: right;
      font-size: 13px;
  }
  blockquote cite:before {
      content: '- ';
  }
  .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;    flex-grow: 1;}
  .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;}
  .is-logo{display: flex;
    justify-content: center;}
  .is-logo img{width: 80px;
    max-width: 200px;}
  .list-menu{list-style: none;display: flex;align-items: center;padding:0}
  .list-menu a,.telephone a{text-decoration:none; color:#322b1f;font-size: 14px;font-weight: 500;}
  .action-panel{display: flex;align-items: center;}
  .bord-button{border: 1px solid #333843;
    padding: 10px 20px;
    border-radius: 6px;}
  .w300{    width: 300px;}
  .menu {
    position: relative;}
  .bg-two{background: #f2f3f7}
  .bg-city{background-size: cover !important;
    background-position: center !important;}
  .big-intro{position: relative;}
    .big-title-intro{color:#fff}
  .big-intro-image{border-radius:40px; overflow: hidden;}
  .big-intro-border{     display: table;
    border: 3px solid #ffffff;
    padding: 2px 10px;
    backdrop-filter: blur(20px);
    border-radius: 11px;
    background: #7bd75b00;
    margin-left: 12px;}
  .big-intro-simple{
    padding-left: 15px;}
    .big-search{background: #f7f7f2; border-radius: 30px; border: 1px solid #333843;padding: 7px 15px;min-width: 60%;}
    .green-but{background: #7BD75B;border-radius: 50px; border: none;width: 37px;height: 37px;}
    .back-popular {position: relative;border-radius: 50px;
    height: 480px;
    border: none;}
    .back-popular{position: relative;}
    .back-popular img{position: absolute;
    height: 100%;border-radius: 18px;}
    .card-popular { border-radius: 18px;
    height: 240px;
    overflow: hidden;
    border: none;
    max-width: 100%;
    background: none;position: relative;box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);}
    .card-popular img{position: relative;min-height: 100%; }
  .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}
  .l-25{left: 25px;}
  .l-47{left: 47px;}
  .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: #fff;border-radius: 5px;background: #7BD75B; border: none;padding: 7px 20px;text-transform: uppercase;}
  .button i{font-size: 21px;}
  .popular-header{position: absolute;display: flex;
    width: 100%;
    justify-content: center;}
  .popular-bottom{position: absolute;display: flex;
    width: 100%;z-index: 1;
    justify-content: start;bottom:3%; left: 8%;color:#fff}
  .is-teg{color: #fff;    font-size: 15px;border: 1px solid #fff;
  padding: 8px 15px;backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  border-radius: 6px;text-transform: uppercase;}
  .is-teg-black{color: #333843;    font-size: 15px;border: 1px solid #333843;
  padding: 8px 15px;
  border-radius: 6px;text-transform: uppercase;}
  .is-teg-bord{color: #fff;
    background: #33384399;
    font-size: 15px;
    border: 2px solid #fff;
    padding: 8px 15px;
    border-radius: 30px;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: inline-block;}
  .block-concert{height: 100%;border-radius: 18px;overflow: hidden;position: relative;box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);}
  .concert-hor, .concert-hor-2{height: 200px;
    overflow: hidden;}
  .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}
  .concert-hor button, .concert-hor-2 button{position: absolute;bottom: 10%; left:7%}
  .concert-hor h4, .concert-hor-2 h4{color: #333843;
    position: absolute;
    top: 0;
    top: 10%;
    padding: 15px;
    left: 5%;
    background: #ffffff1c;
    border-radius: 10px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);}
    .concert-vert h4{color: #333843;
      position: absolute;
      top: 0;
      top: 5%;
      max-width: 88%;
      padding: 15px;
      left: 4%;
      background: #ffffff1c;
      border-radius: 10px;
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);}
  .concert-vert button{position: absolute;bottom: 5%; left:7%}
  .concert-box button{position: absolute;bottom: 5%; left:7%}

  .concert-box{height: 300px;background: #fff}
  .concert-green{height: 152px;background: #7BD75B}
  .concert-green h4{color: #333843;
    position: absolute;
    max-width: 70%;
    top: 20%;
    left: 7%;}
  .concert-box h4{color: #333843;
    position: absolute;
    max-width: 70%;
    top: 13%;
    left: 7%;}
  .concerts img{width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;}
  .ftu{text-transform: uppercase;}
  .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%;    min-height: 200px;}
  .myzagol {height: 40px;
    overflow: hidden;}
  .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;}
  .mini-teg-w {color:#767676;padding: 2px 6px;border: 1px solid #767676; border-radius:5px;text-transform: uppercase;}
  .dark-raiting{color:#333843;display: flex;
    align-items: center;}
  .big-r-button{background: rgb(51 56 67);
    color: #fff;border: none;
    border-radius: 10px;
    font-weight: 700;transition: all 0.3s ease}
  .big-r-button:hover{background: rgb(51 56 67 / 87%);}
  .dark-raiting img{width:16px;position: relative;bottom:1px}
  .tag-link{color:#D9D9D9;padding: 2px 6px;border: 1px solid #D9D9D9; border-radius:20px;text-transform: uppercase;margin-bottom: 8px;
    display: inline-block;
    text-decoration: none;}
  .active-tag{color:#7BD75B;padding: 2px 6px;border: 1px solid #7BD75B; border-radius:20px}
  .dark-text-block h4{text-transform: uppercase;}
  .popular-buttons{display: flex;justify-content: space-between;}
  .popular-buttons a{text-align: center; text-decoration: none;}
  .popular-buttons a:hover{color:#fff;}
  .mini-ava{overflow: hidden;border-radius: 25px;height: 25px;
  max-width: 25px;margin-left: 10px;}
  .card-review{border: none;
    border-radius: 12px;box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);}
  .card-review-content{display: flex;}
  .user-review{display: flex;}
  .avatar-review{height: 50px; overflow: hidden; border-radius: 25px;border: 1px solid #7BD75B;}
  .avatar-review img{width:50px;}
  .stars-review img{width:20px;}
  .review-action{display: flex;justify-content: center;align-items: center;}
  .review-action a{text-decoration: none; color:#333843; font-size: 20px}
  .video-review img{height: 100%}
  .text-image-bottom{color:#fff;position: absolute;bottom:5%;z-index: 2}
  .text-image-bottom button {
      padding: 2px 8px;
  }
  .stars-review{display: flex;align-items: center;}
  .c-white{color: #fff !important}
  .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%);}
  .card-dop-back-big{position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
  background: linear-gradient(180deg, rgba(29,29,29,0.3) 0%, rgba(252,255,250,0) 51%, rgb(201 201 201 / 0%) 100%);  }
  .text-image-top{position: absolute;top:3%;z-index: 2}
  .video-review-block{position:relative;box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);border-radius: 18px;height: 550px;
    overflow: hidden;}
  .footer-tags{background: #333843;}
  .content-tags{    display: inline-block;
    text-align: center;}
  .content-tags .is-teg{margin: 5px;
    display: inline-block;}
    .footer{background: #f2f3f7;    position: relative;
    bottom: 0px;}
    .support-block{background: #fff;
    border-radius: 15px;    height: 180px;
    padding: 10px 20px;box-shadow: 0 20px 12px -16px rgba(0,30,85,.1), 0 8px 24px 18px rgba(0,30,85,.05);}
    .btn-grad {
    background-image: linear-gradient(to right, #059AB1 0%, #7BD75B 100%);
    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;
    color: #fff;
    text-decoration: none;
}
    .footer-soc{    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;    justify-content: space-around;}
  .logo-footer img{width: 120px;
    margin: 0px 13px 13px;}
  .footer-links a{color: #333843;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;}
  .footer-links p{color: #333843;
    font-size: 12px;}
  .footer-links h4{color: #333843;
    font-size: 18px;}
  .mx-w{max-width: 1600px;margin: 0 auto !important;}
  .login-panel button{display: flex;
    align-items: center; padding: 6px 20px;}
  .login-panel img{height: 40px;width: 40px;
    border-radius: 40px;}
  .login-panel i{color: #fff;}
  .first-tag{color:#7BD75B; border-color: #7BD75B}
  .top-dark-header{position: relative;
    height: 200px;
    overflow: hidden;}
  .bgw-50{background: #ffffff8f}
  .spase-between{justify-content: space-between;
    display: flex;width: 100%}
  .avtor-but{display: flex;align-items: center; padding: 3px 5px 3px 8px; transition: all 0.3s ease;background: #ffffff8f}
  .avtor-but:hover {background: #fff}
  .avtor-but img{width: 25px;
    }
  .bottom-big-buttons{position: absolute;
    bottom: 10%;
    left: 7%;}
  .bottom-big-buttons button{position: relative;
    text-transform: uppercase;
    bottom: 10%;
    left: 7%;}
  .breadcrambs a{color:#cdcdcd;text-decoration: none; font-size: 14px;}
  .breadcrambs i{color: #cdcdcd;
    position: relative;
    top: 1px;}
  .breadcrambs-black a{color:#322b1f;text-decoration: none; font-size: 14px;}
  .breadcrambs-black p{color:#767676;text-decoration: none; font-size: 14px;}
  .breadcrambs-black i{color: #322b1f;
    position: relative;
    top: 1px;}
  .breadcrambs ul{list-style: none; margin: 0;padding: 0; display: flex;}
  .big-city h1{color:#fff}
  .big-city{position: relative;}
  .card-gid{background: #fff;border: none;
    border-radius: 18px;padding:10px;
        box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);}
  .avatar-gid img{border-radius: 20px;}
  .analityc-gid {display: flex;
    align-items: center;}
  .analityc-gid img{height: 25px;}
  .analityc-gid p{margin: 0;}
  .g-color{color:#333843}
  .top-filters{padding: 20px;
    border-radius: 18px;   position: relative;
    overflow: hidden;}
  .top-filters select{
    padding: 10px 15px;
    border-color: rgba(188,195,208,.5) !important;
    background: #f2f3f7;
    border-radius: 6px;
    font-size: 15px;}
  .new-border{border-radius:10px;}
    .select-container {
    position: relative;
    display: inline-block;
    }
    .bs-my{    box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);}
    .select-container select {
      appearance: none;
      padding-right: 30px;
      border: 1px solid #d5d5d5;
      min-width: 190px;
    }

.zi-2{z-index: 2;position: relative;}
.select-container .ti {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.block-categoty{background: #fff}
.left-filtrs button{width: 100%;
    text-align: left;display: flex;justify-content: space-between;
    align-items: center;}
.left-filtrs i{background: #f2f3f7;
    padding: 7px;
    border-radius: 20px;}
.block-categoty{padding: 10px;border-radius: 10px;}
.block-categoty ul{padding: 0;margin: 0;list-style: none;}
.block-categoty li{display: flex;justify-content: space-between;align-items: center; font-size: 14px; margin-bottom: 10px;}
.pill{padding: 4px 10px;
    border-radius: 31px;
    font-size: 12px;
    color: #767676;}
.back-gid{display: flex;justify-content: space-around;}
.back-gid img{max-width: 32%;border-radius: 10px;}
.buy-card .ava-mini img {top: 0px;}
.buy-card .conf-ava {
    height: 60px;
}
.buy-card .ms-3 {
  font-size: 12px;
      color: #bdbdbd;
}
.ava-mini{display: flex;
    justify-content: center;    position: relative;}
.ava-mini img{width: 100px;
    border-radius: 60px;
    padding: 10px;min-height: 100px;
    background: #fff;
    position: relative;
    top: -20px;}
    .mymgava{height: 100px;
overflow: hidden;
border-radius: 50px;
position: relative;
top: -40px;
border: 10px solid #fff;
width: 100px;}
.mymgava img{width: 80px;min-height: 80px;}
    .conf-ava{position: relative;
    height: 80px;}
.confirm-user i{color: #fff;
    background: #7BD75B;
    border-radius: 20px;
    padding: 4px 4px;}
.confirm-user {
    position: absolute;
    background: #fff;
    padding: 6px;
    border-radius: 22px;
    bottom: 0px;
    right: 0;
}
.city-descr p{margin-bottom: 0;}
.fftu{text-transform: capitalize;}
.gid-line{    width: 20%;
    background: #d3d3d3;
    height: 2px;
    margin: 0 auto;}
.counters-gid{justify-content: space-around;}
.review-text{display: flex;justify-content: end;position: relative;}
.testim-user-avatar img{width: 80px;
    border-radius: 40px;}
.testim-user{    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    position: relative;
    left: -25px;
    top: -25px;
    padding: 10px;
    color:#fff;
    box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);
    background: #333843;}
.testim-user-avatar{padding: 4px;
    background: #fff;
    border-radius: 60px;
    max-width: 90px;
    margin: 0 auto;margin-top:10px;}

.position-relative{position: relative !important}
.new-top{background: url('../images/new-tops.jpg');
    background-size: cover !important;background-position: center !important;padding: 30px;
    border-radius: 18px;box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);}
.filters-bg{width: 100%;
    height: 100%;background: #ffffff0d;
    position: absolute;
    top: 0;
    left: 0;backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);}
.sale-top{background: rgb(201,243,78);
    background: linear-gradient(135deg, rgba(201,243,78,1) 0%, rgba(252,255,250,1) 100%);height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;padding: 30px;
    border-radius: 18px;}
.image-sale img{max-width: 300px;
    max-height: 300px;
    position: absolute;
    bottom: -30px;
    right: -30px;}
    .big-image-trip{  overflow: hidden;
    height: 414px;}
    .big-image-trip,.mini-image-trip{border-radius: 12px; overflow: hidden;box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);}
    .big-image-trip img, .mini-image-trip img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
    .mini-image-trip{height: 200px;overflow: hidden;}
    .mini-image-trip img{min-width:100%;height: 200px;}
    .col-6 .mini-image-trip img{    min-width: 100%;
    min-height: 200px;height: auto;
    width: 100%;}
    .buy-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;}
    .top-price{display: flex;}
    .old-price {
    position: relative;
    height: 24px;
    top: 3px;
    left:10px;

    }
    .old-price:before {
    background-color: rgba(0,26,52,.6);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50% - 1px);
    transform: rotate(-2deg);
    width: 100%;
    z-index: 0;
    }
    .options-price ul{list-style: none;
    padding: 0;}
    .options-price li{display: flex;
    justify-content: space-between;
    margin: 5px 10px;}
    .mini-user-avatar img{width: 90px;
    border-radius: 59px;
    padding: 4px;
    background: #fff;}
    .mini-user-avatar{padding: 4px;
    border-radius: 77px;
    max-width: 110px;}
    .display-top{  display: flex; align-items: flex-start;}
    .mini-image-trip{position: relative;}
    .mini-image-trip h4{position: absolute;
    z-index: 2;
    width: 101%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    top: 0;
    color:#fff;
    left: 0;}
    .myul, .myul-r{list-style: none;padding: 0;}
    .myul li, .myul-r li{    margin: 8px;}
    .myul li i{    font-size: 18px;
    color: #718d23;}
    .myul-r li i{    font-size: 18px;
    color: #8d2323;}
    .red-bord{border-color: #f34e4e}
    .is-line{width:100%;
    height:1px; background: #e3e3e3}
    .program-tur{  padding: 15px;
    border-radius: 12px;   background: #fff;
    margin-bottom: 20px;  box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);}
    .i-chevron{background: #bfbfbf44;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;}
    .program-content {    max-height: 0px;
    overflow: hidden;
    padding: 0;
    transition: all 0.7s ease;}
    .program-tur-open .program-content {    max-height: 2000px;
    overflow: hidden;
    padding: 6px;}
    .program-tur .ti {transform: rotate(0deg);transition: all 0.7s ease;}
    .program-tur-open .ti {transform: rotate(180deg);}
    .program-header{cursor: pointer;}
    .is-calendar-block{    background: #fff;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);}
    .is-calendar-block .col{    text-align: center;
    margin-bottom: 4px;
    padding: 2px;}
    .days-content .col{
    margin: 2px;
    border-radius: 5px;}
    .yes-day{background: #7BD75B;    height: 45px;cursor: pointer;    box-shadow: 0 0 16px rgb(0 0 0/0%), 0 4px 16px rgb(0 0 0/0%);transition: all 0.3s ease}
    .yes-day:hover{background: #e6ff9c;box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);}
    .gray-day{background: #D9D9D9;    height: 45px;cursor: default;}
    .no-day{background: #fff !important;}
    .yes-day p{margin: 0;
    font-size: 11px;}
    .first-prev-calendar span{width: 50px;
    height: 30px;
    border-radius: 5px;
    background: #D9D9D9;
    display: block;}
    .second-prev-calendar span{width: 50px;
    height: 30px;
    border-radius: 5px;
    background: #7BD75B;
    display: block;}
    .custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
    }

    .custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    }
    .custom-checkbox+label.radio-answer::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #000000;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    }
    .custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #000000;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    }

    .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: #1e164f;
    }
    .custom-checkbox:not(:disabled):active+label::before {
    background-color: #000;
    border-color: #000;
    }
    .custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.0rem rgba(0, 123, 255, 0.25);
    }
    .custom-checkbox:focus:not(:checked)+label::before {
    border-color: #000;
    }
    .custom-checkbox:checked+label::before {
    border-color: #000;
    background-color: #000;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    }
    .custom-checkbox:disabled+label::before {
    background-color: #ccc;
    border-color: #ccc;
    }
    .m-0a{margin:0 auto;}
    .big-r-button-2{    background: #fff;
    color: rgb(51 56 67);
    border: none;
    border-radius: 10px;
    font-weight: 700;
    border: 2px solid rgb(51 56 67);
    transition: all 0.3s ease;}
    .big-r-button-white{    background: #fff;
    color: rgb(51 56 67);
    border: none;
    border-radius: 10px;
    font-weight: 700;
    transition: all 0.3s ease;}
    .photo-video img{max-height:150px;min-width: 100%}
    .photo-video-image {overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);}
    .testem-image{width:200px;border-radius: 6px;
    overflow: hidden;}
    .testem-image img{width:100%;}
    .gomore{width: 200px;}
    .carousels-controls {
    	display: none;
    }
    .is-copyright p{margin: 0;}
    .big-city-title{font-size: 65px;}
    .checkbox-input {
      display: none;
    }
    .checkbox-input:checked + label .checkbox:after {
      transform: translate(-50%, -50%) scale(1);
    }
    .checkbox-input-rev {
      display: none;
    }
    .checkbox-input-rev:checked + label .checkbox:after {
      transform: translate(-50%, -50%) scale(1);
    }

    .checkbox {
      border: 2px solid #d7dbe3;
    border-radius: 4px;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top:3px;
    }
    .radio-input{
      border: 2px solid #d7dbe3;
    border-radius: 25px;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top:2px;
    }
    .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;
    }
    .disabled-check{background-color: #d7dbe3;}
    .disabled-text{color: #d7dbe3;}
    .close-white{background: #fff;
    border-radius: 27px;
    padding: 2px 5px;
    margin-left: 10px;}
    .clear-filters a{text-transform: none;}
    .sort-filters{display: flex;
    justify-content: space-between;}
    .c-gray{color:#767676}
    .like-but{font-size: 18px;}
.carousels-container-5{display: none}
#price-range,#price-range-2 {
  width: 90%;
  margin: 0 auto;
}

#min-price, #max-price,#min-price-2, #max-price-2 {
    border: 0;
    color: #322b1f;
    font-weight: bold;
    margin-bottom: 20px;
    width: 100%;
}
.sticky {
    position: fixed;
    /* rest of your styles */
}
.my-input{border-radius: 6px;
  border: none;
  background: #f2f3f7;padding: 10px;}
  .novision{opacity: 0;}
  .my-filter-label{cursor: pointer;}
  .ui-slider-handle{border: none !important;
  background: #7BD75B !important;
  border-radius: 20px !important;    box-shadow: 0 0 3px rgb(0 0 0 / 5%), 1px 1px 7px rgb(0 0 0 / 23%);
    top: -3px !important;}
  .ui-widget-header{background: #7bd75b !important}
  .ui-widget.ui-widget-content{border: none !important;    background: #ededed;}
.opacity05{    opacity: 0.5;}
.mobile-filters{display:none;
  background: #f2f3f7;
  overflow-x: scroll;
position: fixed;
top: 0;
left: 0;
height: 100vh;
z-index: 3;
width: 90%;
box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);}
.mobile-filters-back{background: #000;   display:none; position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
z-index: 3;
opacity: 0.5;}
.mycloseas{    position: fixed;
    top: 6px;
    right: 6px;
    color: #fff;}
.toggle-pill-color input[type="checkbox"] {
    display: none;
}
.toggle-pill-color input[type="checkbox"] + label {
    display: block;
    position: relative;
    width: 3em;
    height: 23px;
    margin-bottom: 20px;
    border-radius: 1em;
    background: #ebebeb;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
}
.mystarters{background: #fff; padding: 4px;border-radius: 10px;}
.card-popular img{width: 100% !important;
    height: 100% !important;
    object-fit: cover;}
.toggle-pill-color input[type="checkbox"] + label:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 1em;
    background: #fff;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0.2em;
    top: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.toggle-pill-color input[type="checkbox"]:checked + label {
    background: #7BD75B;
}
.toggle-pill-color input[type="checkbox"]:checked + label:before {
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
    left: 1.6em;
}
.dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);
    padding: 8px 8px;
    z-index: 3;
    border-radius: 6px;
    right: 0;
    top: 25px;
}

.dropdown-content p {
  background-color: #fff;
  transition: all 0.3s ease;
  padding: 4px 6px;
  margin-bottom: 4px;
}
.dropdown-content p:hover {
  background-color: #efefef;
  border-radius: 4px;
}
.slider {
  display: none;
  position: fixed;
  z-index: 4;
  padding: 0 5%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0,0,0,0.8);
}

.mig-images {
  height: 78%;
  overflow: hidden;
  justify-content: center;
  display: flex;
  margin-bottom: 2%;
}

.thumbnails {
  height: 20%;
      /*max-height: 100px;*/
      overflow: auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
}
.thumbnails {
    white-space: nowrap; /* Выключаем перенос на новую строку для миниатюр */
    overflow-x: auto; /* Видимость полосы прокрутки по горизонтали */
    overflow-y: hidden; /* Скрываем полосу прокрутки по вертикали */
    scrollbar-width: none; /* Для Firefox */
}

/* Для Chrome, Safari и Opera */
.thumbnails::-webkit-scrollbar {
    display: none;
}

/* Для IE and Edge */
.thumbnails {
    -ms-overflow-style: none;
}
.placeholder-tumb {
      width: calc((100vw - 90%) / 2);
      display: inline-block;
}

.thumbnails {
    display: block;

}
.active-slider{  display: flex !important;
  flex-direction: column;
  height: 100%;}
.mig-images img {
  max-width: 90%;
  border-radius: 12px;
  max-height: 100%;
  margin: 0 auto;
}
.thumbnails  img {
  max-width: 90%;
  cursor: pointer;
  border-radius: 12px;
  max-height: 100%;
  margin-right: 6px;
  border: 3px #7BD75B00 solid;
  transition: all 0.3s ease;
}
.active-thumb {border: 3px #7BD75B solid !important}
.close {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #fff;
  font-size: 35px;
  cursor: pointer;
}
button.prev, button.next {
    position: fixed; /* Измените position с absolute на fixed */
    top: 50%;
    transform: translateY(-50%);
    background-color: #FFFFFF;
    border: none;
    cursor: pointer;
    border: 3px solid #7BD75B;
    border-radius: 50px;
    color: #fff;
    background: #62626200;
    font-size: 30px;
    padding: 0 4px;
    transition: all 0.3s ease;
}
button.prev:hover, button.next:hover {
background:#69cd47;
}

button.prev {
    left: 10px;
}

button.next {
    right: 10px;
}

.up-slider{cursor: pointer}
.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;}
.card-tovar p{ margin: 0;}
.mini-input{border: none;
  margin-bottom: 10px;
  padding: 5px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 21%), 0 1px 2px rgb(0 0 0 / 12%);
  border-radius: 7px;}
.mini-modal{max-width:500px;}
.nobg{    background: #f5f4f8;    box-shadow: none;}
.white-input{box-shadow: 0 1px 3px rgb(0 0 0 / 7%), 0 1px 2px rgb(0 0 0 / 3%);}
.link{color: #247dbd;    text-decoration: underline;}
.icon-social{display: flex;justify-content: center;}
.icon-social img{width: 35px;}
.icon-social a{text-decoration: none}
.icon-social a:hover{text-decoration: none}
.my-favoryte{color: #7BD75B;}
.text-image-top .my-favoryte{background: #fff}
.like-active{color: #7BD75B;}
.thedots{font-size: 50px;color:#333843;}
.desc-abuot{color: #333843;
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 700;}
.big-title-about{font-size: 110px;color:#333843;font-weight: 700}
.big-title-about span{color:#7BD75B}

.card-about-us{position: relative;    border-radius: 12px;
  box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);
  border: none;
  padding: 40px 15px 15px 15px;}
.card-about-us h3{font-size:16px; text-transform: uppercase;font-weight: 700}
.card-about-us h2{font-size:20px; text-transform: uppercase;font-weight: 700}
.is-step-is{position: absolute;background: #333843; color:#fff; font-size: 20px; font-weight: 700;padding: 8px;
  width: 24%;
  border-radius: 10px;
  top: -25px;
  left: 38%;}
.about-us-mini-title {color:#7BD75B;font-size: 50px;font-weight: 700;text-align: center;text-transform: uppercase;}
.image-creator{position: relative;height: 100%}
.image-creator img{    position: absolute;
  bottom: -16px;
}
.couner-users{background: url(../images/countusers.jpg?sd=1);
  background-position: center;
  background-size: cover;
  border-radius: 10px; min-height: 200px;box-shadow: 0 0 16px rgb(0 0 0/8%), 0 4px 16px rgb(0 0 0/8%);    display: flex;
  align-items: center;
  justify-content: center;}
.couner-users h4{   font-weight: 700;
  font-size: 30px; text-transform: uppercase;margin-bottom: 0;}
.couner-users span{font-weight: 700;
  font-size: 36px;
  text-transform: uppercase;
  padding: 10px;
  background: #fff;
  margin: 4px;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);}
  .is-sub-form{display: flex}
  .is-sub-form button{max-width: 200px;}
  .input-sub{position: relative;min-width: 50%;}
  .input-sub label{position: absolute;left: 15px;
  top: 3px;}
  .no-vision-input{background: #f2f3f7;
  border: 1px solid #333843;
  border-radius: 10px;
  font-size: 18px;
  padding: 20px 13px 5px;
  margin-right: 18px;
  width: 95%;}
  .dark-about-card{    background: #333843;
  color: #fff;
  border: none;
  border-radius: 12px;}
  .text-block-about {width:50%}
  .text-block-about h4{font-size: 24px;text-transform: uppercase;font-weight: 700}
  .quet{height: 230px;
  display: block;}
  .mylearningimg{width:50%}

  .icon-info-block{    display: flex;
justify-content: center;
align-items: center;
width: 50px;
background: #f2f3f7;
border-radius: 10px;
height: 50px;}
.fs-15{font-size: 15px;}
.fs-24{font-size: 24px;}
.info-top-block{    background: #fff;
border-radius: 10px;
padding: 10px;box-shadow: 0 20px 12px -16px rgba(0,30,85,.1), 0 8px 24px 18px rgba(0,30,85,.05);}
.block-send-mess{    display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
background: #fff;
border-radius: 30px;box-shadow: 0 20px 12px -16px rgba(0,30,85,.1), 0 8px 24px 18px rgba(0,30,85,.05);}
.block-subscribe{    background:#dbdbdb;
padding: 20px;
color: #333843;max-width: 1200px;
border-radius: 20px;}
#subscr{position: absolute;width: 70px !important;
    right: 10px;
    border-radius: 5px;
    padding: 0 !important;}
.block-subscribe{position: relative;}
.icon-info-subs-block{position: absolute;left:-30px;top:-30px;}
.dopbg{background: #ffffff3d;}
.p-relative{position: relative;}
.my-input-date{    height: 41px;
padding: 10px !important;}
.monthselect{border: 1px solid #ccc !important;
border-radius: 10px;    outline: none;
padding: 6px 8px !important;
width: 100% !important;}
.yearselect{display: none}
.daterangepicker td.active, .daterangepicker td.active:hover{background-color: #7bd75b !important;}
.daterangepicker td.in-range{background-color: #ecf8eb !important;}
.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: 10px;
  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;
}

 .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;}
 .big-journal-bg{border-radius: 18px;
   box-shadow: 0 0 16px rgb(0 0 0 / 8%), 0 4px 16px rgb(0 0 0 / 8%);
    /*background-image: linear-gradient(to right, #059AB1 0%, #7BD75B 100%);*/
    background-image: linear-gradient(to right, #7bd75b 0%, #7bd75b 100%);

 }
 .my-big-image-j{  width:100%;}
 .is-the-image-dop{
     padding: 20px;}
 .is-the-image{
   height: 350px;
   overflow: hidden;
   border-radius: 20px;}
 .my-journal-c{color:#fff}
 .info-j-blaco{padding: 20px;
   display: flex;
   height: 100%;
   align-items: end;}
   .real-info-joranl .big-r-button{color: #000;
   background: #fff;
   height: 40px !important;}
   .dop-bg-jurnals{    position: relative;}
   .dop-bg-jurnals img{width: 100px;
   position: absolute;
   right: 20px;
   top: 20px;}
   .ish-100{height:100px;}
   .mymobdopblock {
   overflow-x: auto; /* Добавляем горизонтальную прокрутку */
   }
   .mymobdopblock {
     overflow-x: scroll; /* Включаем горизонтальную прокрутку */
     -ms-overflow-style: none;  /* Скрываем прокрутку в IE и Edge */
     scrollbar-width: none;  /* Скрываем прокрутку в Firefox */
   }

   .mymobdopblock::-webkit-scrollbar {
     display: none; /* Скрываем прокрутку в браузерах на основе WebKit */
   }


@media (max-width: 1399.98px) {
.select-container select { min-width: 140px;}
.card-popular{margin-bottom: 15px;}
.demo-hide{display: none}
.mini-user-avatar{max-width: 70px;}
.mini-user-avatar img {
    width: 70px;
}
.mini-stat .stars-review img:not(:first-child) {display: none;}
.mini-stat .stars-review img:first-child {display: block;}
.card-about-us p{height: 100px;}
.card-about-us .px-5{    padding-right: 0% !important;
    padding-left: 1rem !important;}
    .text-block-about {
        width: 60%;
    }
    .mylearningimg {
        width: 40%;
    }
    .mylearningimg img {
        width: 100%;
    }
}

@media (max-width: 1199.98px) {
  .sale-top{margin-top:15px; }
  .card-review{margin-bottom:15px;}
  .header-how{display: none;}
  .is-calendar-block .col {
      padding: 10px 2px;
  }
  .mini-stat{display: none}
  .card-about-us p{height: 120px;}
  .card-about-us h3{font-size:14px;}

      .image-creator img {
    right: -30px;
}
.subscribe-form .big-intro-border{font-size: 32px;}
.text-block-about {
    width: 70%;
}
.mylearningimg {
    width: 30%;
}
.mylearningimg img {
    width: 100%;
}
}

@media (max-width: 991.98px) {
.flwr{flex-wrap: nowrap;}
  .card-about-us p{height: 90px;}
    .card-about-us h3{font-size:16px;}
  #price-fixed {display: none}
  .like-but{font-size: 22px;width: 34px;
    height: 34px;}
    .my-filters-block{display: none}
  .only-desck {display: none;}
  .is-logo{justify-content: start;}
  .select-container{width:100%}
  .select-container select {width:100%;margin-bottom: 5px;}
  .demo-hide{display: block}
  .concert-ver{height: 400px;}
  .dop-sale-block{margin-top: 15px;}
  .video-review-block{margin-bottom:15px;}
  .support-info img{display: none}
  .footer-links{margin-top: 15px;}
  .footer-soc-block,.footer-soc-block .w-m-50 {text-align: center;}
  .footer-soc{justify-content: center;}
.sbscrible-block img{ max-width: 90%;}
.subscribe-form .big-intro-border{font-size: 22px;}
.text-block-about {
    width: 60%;
}
.mylearningimg {
    width: 40%;
}
.mylearningimg img {
    width: 100%;
}
}

@media (max-width: 767.98px) {
.mystarters{    font-size: 19px !important;}
  .my-input-date{    height: 40px;
  padding: 10px !important;}
  .creators-1{margin-top:9px}
    .sort-filters{ align-items: center;}
  .content-tags{max-height: 118px;
    overflow: hidden;}
  .info-top-block{position: relative;}
.icon-info-block{position: absolute;
        left: -10px;
        top: 7px;
        background: #333843;}
        .mymobititle{font-size: 28px;}
    .icon-info-block .c-green{color: #fff}
    .text-info-block{    padding-left: 40px;}
  .top-dark-header{    position: relative;
    height: 250px;
    overflow: hidden;}
  .formobiles{    height: 40px;
    overflow: hidden;}
  #searchtext{width: 100%;}
  #datesearch{width: 100%;margin:10px 0 0 0;}
  .big-title-intro{z-index: 1;
    position: relative;}
  .is-the-image{height: 200px;}
  .mylearningimg img {
      width: -webkit-fill-available;
  }
  .carousels-container-5{display: flex}
  .card-trip-image {width: 100%;
    max-height: 260px;
    overflow: hidden;
    border-radius: 10px;}
  .m-hide{display: none}
  .preview-calendar{    justify-content: center;
    margin-bottom: 10px;}
  .trip-pgae-info .stars-review img:not(:first-child) {display: none;}
  .trip-pgae-info .stars-review img:first-child {display: block;}
  .favorites .fs-18 {font-size:22px;}
  .header-trip .h3-title{font-size: 22px;}
  .minibut-filtr{background: #fff;
    border: none;
    width: 50px;
    display: block;
    position: relative;
    padding: 0 !important;
    height: 40px;
    border-radius: 10px;}
    .to-favor{color:#000; padding: 6px;}
    .my-favoryte{    color: #7BD75B;}
    .white-button{color:#000}
  .text-image-bottom .fs-12{font-size: 18px;}
  .text-image-bottom h4 {font-size: 30px;}
  .is-search-count{display: none}
  .my-h1{font-size: 20px;}
  .big-city-title{font-size: 28px;}
  .card-review-content{display: block}
  .w-m-100{width:100%;display: block;}
  .big-concert{padding-top: 30px}
  .sale-top{min-height: 250px;}
  .card-popular{height: 140px;}
  .myctitle{font-size: 12px;}

  .icon-info-subs-block{min-width: 50px;}
  .popular-block .spase-between,.big-concert .spase-between,.review .spase-between{display: block;}
  .review .right-block{margin-top:10px;}
  .top-dark-header .spase-between{display: flex;}
  .popular-block .fs-25, .big-concert .fs-25 {font-size: 30px;}
  .carousels {
  width: 100%;
  overflow: hidden;
  position: relative;
  }

  .carousels-container {
  width: 423%;
  display: flex;
  transition: all 0.3s ease 0s;
  }


  .carousels-controls {
  	display: flex;
  padding: 35px 0 10px 0;
  }

  .carousels-control {
  cursor: pointer;
  }
  .carousels-control i{
    padding: 20px;
    border-radius: 25px;
    box-shadow: 0px 1px 1px 0px #00000017;
    background: #fff;
  }

  .carousels-dots {
  display: inherit;
      justify-content: center;
  }
  .carousels-dot {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  border: 1px solid white;
  outline: 1px solid #807F84;
  }

  .carousels-dot.active {
    border: 1px solid white;
    outline: 1px solid #807F84;
    background: #000;
  }
  .block-concert{height:250px;margin-bottom: 10px;}
  .hide-mobile{display: none}
  .testim-user{max-height: 200px;left:-15px;}
  .footer-soc-block{display: flex}
  .modal-container{width:85%}
  .mybuttonsmonile{position: fixed;
    z-index: 3;
    width: 90%;
    left: 5%;
    bottom: 20px;}
    #buytrip2{color:#fff}
  .support-info{display: none}
  .block-send-mess{  height: 180px;  display: block;
    border-radius: 10px;}
  .block-send-mess b{ height: 100px;
    display: block;}
  .w-m-50 {width: 50%}
  .footer-links{margin: 20px 0;}
  .support-block{    padding: 10px;}
  .fs-m-12{font-size:12px;}
  .minimobbut{width:100%;text-align: center;}
  .footer-soc img{width:20px}
  .logo-footer img{width:100px}
  .video-review img{    min-height: 100%;
    width: 100%;}
    .login-panel, .footer-soc-block{margin: 0 !important}
  .thumbnails{    height: 10%;
    margin-top: 5%;}
    .mig-images img {
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 12px;
    max-height: 100%;
    margin: 0 auto;
    object-fit: contain;
}
.slider{padding: 0;}
.prev, .next{display: none}
.big-title-about{text-align: center;}
.desc-abuot{    text-align: center;font-size: 20px;}
.mob-text-center{padding-left: 4px;}
.image-creator img{left: 220px;}
.card-about-us .px-5{    padding-right: 50% !important;
    padding-left: 1rem !important;}
.quet {height: auto;}
.couner-users{    min-height: 220px;
    display: block;text-align: center;padding: 5px;}
.couner-users h4{     margin: 20px 0;}
.mylearningimg{width:50%}
  .sbscrible-block img{ max-height: 200px;}
  .subscribe-form .big-intro-border{margin: 0 auto;}
}

@media (max-width: 575.98px) {
  .sbscrible-block img{ max-height: 150px;}
.image-creator img{left: 43%;}
.text-block-about {
    width: 60%;
}
.mylearningimg {
    width: 40%;
}
.mylearningimg img {
    width: 100%;
}
}

@media (max-width: 379.98px) {
  .image-creator img{left:130px;}
}