body {
    background-color: #fff;
}

.lh-15 {
    line-height: 1.5;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #FFD369;
}





.header-logo {
    width: 150px !important;
    height: 21px !important;
}

.service {
    width: 100%;
}

.vehiclesCategory {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
}

.service img {
    height: 175px !important;
    object-fit: contain !important;
}

.excursions-img {
    height: 150px !important;
    object-fit: cover;
}

.card {
    margin-bottom: 30px;
}

.card-title {
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-text.card-excursion {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 225px;
}

.card-btn:hover {
    background-color: #222831;
    border: 1px solid #222831;
    color: #fff;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid transparent;
    border-radius: 0;
}

.card .card-subtitle {
    font-weight: 300;
    margin-bottom: 10px;
    color: #8898aa;
}

.gallery-main-img{
    height: 400px;
    width: 100%;
    object-fit: cover;
}


.gallery-small-img{
    width: 100%;
    height: 188px;
    object-fit: cover;
}

.r-6{
    right:6px
}

.mr-25{
    margin-right: 25px;
}


.table-product.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f3f8fa !important
}

.table-product td {
    border-top: 0px solid #dee2e6 !important;
    color: #728299 !important;
}

.img-responsive {
    width: 100%;
}

.colorBlack,
.colorBlack:hover {
    color: #222831;
}

.colorGray,
.colorGray:hover {
    color: #393E46;
}

.colorYellow,
.colorYellow:hover {
    color: #FFD369;
}

.colorWhite,
.colorWhite:hover {
    color: #EEEEEE;
}

.bgBlack {
    background-color: #222831;
}

.bgGray {
    background-color: #393E46;
}

.bgYellow {
    background-color: #FFD369;
}

.bgWhite {
    background-color: #EEEEEE;
}

/*Header*/
header {
    box-shadow: 0 0 30px 15px rgb(0 0 0 / 50%);
    background-color: #222831;
    padding-top: 0px;
}

#header-top-block {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 200;
    padding: 20px 0;
    font-size: 19px;
    background-color: #393E46;
}

#header-top-block.translucent {
    background: rgba(0, 0, 0, .75);
    box-shadow: 0 10px 20px rgb(0 0 0 / 30%);
}

#header-top-block .phone {
    text-decoration: none;
    color: #FFD369;
    margin-right: 5px;
}

#header-top-block .messenger {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

#header-top-block .messenger.whatsapp {
    background-image: url('../images/header-whatsapp.png');
}

#header-top-block .messenger.whatsapp:hover {
    background-image: url('../images/header-whatsapp_light.png');
}

#header-top-block .messenger.viber {
    background-image: url('../images/header-viber.png');
}

#header-top-block .messenger.viber:hover {
    background-image: url('../images/header-viber_light.png');
}

#header-top-block .messenger.telegram {
    background-image: url('../images/header-telegram.png');
}

#header-top-block .messenger.telegram:hover {
    background-image: url('../images/header-telegram_light.png');
}

.header-bottom-block {
    padding: 28px 0;
}

.header-bottom-block .navbar {
    padding: 0;
}

.header-bottom-block .langs-switcher .dropdown-menu {
    min-width: auto;
}

.header-bottom-block .ms-auto {
    margin-left: 0 !important;
}

.header-bottom-block .me-auto {
    margin-right: 0 !important;
}

.header-bottom-block .navbar-expand-md {
    justify-content: space-between;
}

.header-bottom-block .ms-auto .nav-item .nav-link,
.header-bottom-block .ms-auto .dropdown-item,
.langs-switcher li a {
    white-space: nowrap;
    font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    transition: .3s ease-in-out;
}

.header-bottom-block .ms-auto .nav-item .nav-link:hover,
.header-bottom-block .ms-auto .dropdown-item:hover,
.langs-switcher li a:hover,
.langs-switcher li.active a {
    color: #FFD369;
}

.header-bottom-block .navbar-brand {
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    flex: 0 0 325px;
}

.header-bottom-block #navbarSupportedContent {
    justify-content: space-between;
    flex: 0 0 calc(100% - 325px);
    width: calc(100% - 325px);
}

.header-bottom-block .dropdown-menu a {
    color: #fff;
}

.header-bottom-block .dropdown-menu a:hover {
    color: #FFD369;
    background: rgba(0, 0, 0, .75);
}

.header-bottom-block .dropdown-menu {
    background: rgba(0, 0, 0, .75);
}

/*Feedback form*/
.feedback-form-block__rating .col-md-12 {
    display: flex;
}

.feedback-form-block__rating .w-20 {
    flex: 0 0 20%;
}

.feedback-form-block__rating .description {
    justify-content: space-between;
}

.feedback-form-block__rating label {
    display: block;
    position: relative;
    cursor: pointer;
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
}

.feedback-form-block__rating label:first-child {
    border-left: 1px solid #ced4da;
}

.feedback-form-block__rating label input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.feedback-form-block__rating label span {
    padding: 20px 0;
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.feedback-form-block__rating label input[type="radio"]:checked+span {
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

/*Order taxi form on index page*/
.index-form-block {
    padding: 35px 0;
}

.index-form-block .btn:hover,
.index-form-block .btn:active,
.index-form-block .btn:visited,
.index-form-block .btn {
    background-color: #222831;
    border: 1px solid #222831;
    color: #fff;
}

.index-form-block .index-form-block__form .btn:focus,
.index-form-block .index-form-block__form .btn:active,
.index-form-block .index-form-block__form .btn:active:focus {
    border-color: #FFD369;
    background-color: #FFD369;
    box-shadow: 0 0 0 .25rem rgba(255, 211, 105, .5);
    color: #222831;

}

.index-form-block__form form {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    border-radius: .375rem;
}

.index-form-block__form h3 {
    text-transform: uppercase;
}

/*List of tariffs on index page*/
.index-tariffs-block {
    padding: 35px 0;
}

/*List of advantages on index page*/
.index-advantages-block {
    padding: 35px 0;
}

/*Contacts block on index page*/
.index-contacts-block {
    padding: 35px 0;
}

.index-contacts-block a {
    text-decoration: none;
}

/*Testimonials block on index page*/
.index-testimonials-block {
    padding: 35px 0;
}

/*Footer*/
footer {
    border-top: 1px solid #eee;
}

.footer-menu {
    display: flex;
    justify-content: space-between;
}

.footer-menu .row,
.footer-contacts .row {
    flex: 0 0 100%;
}

.footer-menu .navbar-nav {
    flex-direction: row;
    margin-left: 0 !important;
}

.footer-menu .navbar-nav .nav-item {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    white-space: nowrap;
}

.footer-menu .navbar-nav .nav-item .nav-link {
    font-weight: 400 !important;
    color: #222831 !important;
    padding: 35px 30px;
    display: block;
    transition: .3s ease-in-out;
}

.footer-menu .navbar-nav .nav-item .nav-link:hover {
    background-color: #FFD369;
}

.footer-menu__social {
    display: flex;
    padding: 27px 0;
    justify-content: flex-end;
}

.footer-menu__social a {
    display: block;
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-left: 7px;
    transition: .1s ease-in-out;
}

.footer-menu__social a:hover {
    transform: translateY(-2px);
}

.footer-menu__social a:first-child {
    margin-left: 0;
}

.footer-menu__social a.yt {
    background-image: url('../images/yt.png');
}

.footer-menu__social a.fb {
    background-image: url('../images/fb.png');
    background-size: 39px 39px;
}

.footer-menu__social a.vk {
    background-image: url('../images/vk.png');
}

.footer-menu__social a.inst {
    background-image: url('../images/instagram.png');
}

.footer-cities {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 35px 0;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    color: #222831;
}

.footer-cities a {
    text-decoration: underline;
    color: #FFD369;
}

.footer-cities a:hover {
    text-decoration: none;
}

.footer-contacts {
    border-bottom: 1px solid #eee;
    padding: 35px 0;
}

.footer-contacts .container {
    display: flex;
}

.footer-contacts .container a {
    display: block;
    width: 25%;
    font-size: 20px;
    line-height: 20px;
    color: #222831;
    text-decoration: none;
    text-align: center;
    padding-top: 70px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    transition: .3s ease-in-out;
}

.footer-contacts .container a:hover {
    opacity: .65;
}

.footer-contacts .container a.phone {
    background-image: url('../images/phone.png');
}

.footer-contacts .container a.email {
    background-image: url('../images/email.png');
}

.footer-contacts .container a.whatsapp {
    background-image: url('../images/whatsapp.png');
}

.footer-contacts .container a.viber {
    background-image: url('../images/viber.png');
}

.footer-copyright {
    text-align: center;
    padding: 35px 0 50px 0;
    font-size: 20px;
    line-height: 20px;
    color: #222831;
}

.footer-copyright a {
    display: block;
    text-decoration: none;
    margin-top: 15px;
}

@media only screen and (max-width:1200px){
    .card-text.card-excursion{
        height: 340px;
    }
}

@media only screen and (max-width:992px) {
    .nav-link {
        font-size: 14px !important;
    }

    .card-text.card-excursion{
        height: 180px;
    }
}

/*Media queries*/
@media only screen and (max-width: 990px) {
    .header-bottom-block .navbar-brand {
        flex: 0 0 225px;
        max-width: 225px;
        display: block;
    }

    .header-bottom-block #navbarSupportedContent {
        flex: 0 0 calc(100% - 225px);
        width: calc(100% - 225px);
    }

    .vehiclesCategory {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-menu .navbar-nav .nav-item .nav-link {
        padding: 10px 15px;
    }
}

@media only screen and (max-width: 900px) {
    .footer-contacts .row {
        flex-wrap: wrap;
    }

    .footer-contacts .container a {
        width: 50%;
    }

    .footer-contacts .container a:nth-child(3),
    .footer-contacts .container a:nth-child(4) {
        margin-top: 35px;
    }
}

@media only screen and (max-width: 799px) {
    .header-bottom-block .navbar-brand {
        flex: 0 0 200px;
        max-width: 200px;
        display: block;
    }

    .header-bottom-block #navbarSupportedContent {
        flex: 0 0 calc(100% - 200px);
        width: calc(100% - 200px);
    }

    .footer-menu .navbar-nav .nav-item .nav-link {
        padding: 35px 10px;
    }
}

@media only screen and (max-width: 767px) {
    .card-text.card-excursion{
        height: auto;
    }
    .gallery-main-img{
        height: 250px;
    }
    .vehiclesCategory {
        grid-template-columns: 1fr;
    }

    .footer-menu .navbar-nav .nav-item .nav-link {
        padding: 35px 10px;
    }

    .footer-menu__social {
        padding-bottom: 35px;
        justify-content: center;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .header-bottom-block #navbarSupportedContent {
        padding-top: 20px;
    }

    .navbar-toggler {
        border: none;
        border-radius: 0;
        width: 30px;
        height: 30px;
        position: relative;
    }

    .navbar-toggler span {
        display: block;
        position: absolute;
        left: 0;
        width: 30px;
        height: 3px;
        border-radius: 3px;
        background-color: #fff;
    }

    .navbar-toggler span:nth-child(1) {
        top: 15px;
        transform: rotate(45deg);
    }

    .navbar-toggler span:nth-child(2) {
        display: none;
    }

    .navbar-toggler span:nth-child(3) {
        top: 15px;
        bottom: auto;
        transform: rotate(-45deg);
    }

    .navbar-toggler.collapsed span:nth-child(1) {
        top: 0;
        transform: none;
    }

    .navbar-toggler.collapsed span:nth-child(2) {
        top: 13.5px;
        display: block;
    }

    .navbar-toggler.collapsed span:nth-child(3) {
        top: auto;
        bottom: 0;
        transform: none;
    }

    .footer-menu .navbar-nav {
        flex-wrap: wrap;
    }

    .footer-menu .navbar-nav .nav-item {
        width: 50%;
        text-align: center;
    }

    .footer-contacts .container a {
        width: 100%;
    }

    .footer-contacts .container a:nth-child(2) {
        margin-top: 35px;
    }

    .header-bottom-block {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 650px) {
    .wrapper {
      padding: 2em 1em;
      background: #fff;
      -moz-columns: 100px 1;
           columns: 100px 1;
      -moz-column-gap: 32px;
           column-gap: 32px;
    }
  }
  @media screen and (max-width: 650px) and (min-width: 600px) {
    .wrapper {
      padding: 1em calc(50% - 250px);
    }
  }
  .price:after {
    content: " €";
    font-size: 17px;
    font-weight: 100;
  }
  
  @media screen and (min-width: 651px) {
    .wrapper {
      padding: 2em 1em;
      background: #fff;
      -moz-columns: 100px 2;
           columns: 100px 2;
      -moz-column-gap: 32px;
           column-gap: 32px;
    }
  }
  @media screen and (min-width: 651px) and (min-width: 600px) {
    .wrapper {
      padding: 1em calc(50% - 300px);
    }
  }
  .item {
    border-bottom: 1px dotted #c5c5c5;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    display: flex;
    justify-content: space-between;
  }
  
  span {
    font-family: "Teko", sans-serif;
    margin-bottom: -4px;
    background: #fff;
    padding: 4px;
    color: #555;
  }
  
  .list-title {
    font-family: "Teko", sans-serif;
    font-size: 30px;
    color: #e67437;
    margin-bottom: 32px;
  }
  
  .list {
    margin-bottom: 32px;
  }

  .list ul {
    margin-left: 0px    ;
  }

  .menu-items {
    border-bottom: 1px dotted #c5c5c5;
    -moz-column-break-inside: avoid;
     break-inside: avoid;
    display: flex;
    justify-content: space-between;
  }