.top-slider__h2 {
    color: #fff;
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700;
}

.top-slider__span {
    color: #f69723;
}

.top-slider__p {
    margin-top: 30px;
    color: #ffffff;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
}

.top-slider__logo {
    max-height: 300px;
    max-width: 500px;
}

.top-slider__left {
    margin: 50px;
}

.services__cont {
    display: flex !important;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
}

.services__item {
    margin-top: 30px;
}

.our-products__preview img {
    max-width: 225px;
    max-height: 180px;
}

.our-products__item {
    margin: 10px;
    width: 250px;
}

.about-us__left img {
    height: 375px;
}

.advantages__item {
    width: 220px;
}

.advantages__preview img {
    width: unset;
    height: 80px;
}

.o-nas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.o-nas_img {
    width: 540px;
    margin: 10px;
}

.itemid-103 .our-products__name {
    color: #ffffff;
}

.logo {
    display: flex;
}

.logo-1str {
    margin-bottom: 3px;
    text-align: center;
    font-size: 25px;
}

.logo-img {
    width: 72px;
    margin-right: 15px;
}

.logo-2str {
    text-align: center;
}

.logo-img-footer {
    height: 80%;
}

.gallery-slide__preview__new_2 img {
    height: 78px;
}

.top-slider__span_text {
    padding: 2px 0px 2px 0px;
    background: #002c5c;
}

.top-slider__tit {
    line-height: 5rem;
}

.ctranichi_gallery_item {
    max-height: 260px;
    margin: 0px 10px 10px 0px;
}

a {
    text-decoration: unset;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}


/* cookie banner */
#cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 9999;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.cookie-banner-inner {
  background: #cbcccba9;
  color: #000000;
  padding: 18px 30px 18px 20px;
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(58, 63, 63, 0.712);
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 700px;
  width: 95%;
  font-size: 16px;
  pointer-events: all;
  position: relative;
}
.cookie-banner-text {
  text-align: center;
  flex: 1 1 auto;
}
.cookie-btn {
  background: #363638b6;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  padding: 8px 22px;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.2s;
  margin-left: 10px;
}
.cookie-btn:hover {
  background: #000000;
}
.cookie-close {
  font-size: 22px;
  color: #000000;
  cursor: pointer;
  margin-left: 10px;
  transition: color 0.2s;
  position: absolute;
  right: 12px;
  top: 10px;
}
.cookie-close:hover {
  color: #3d3c3c;
}
/* cookie media */
@media (max-width: 600px) {
  .cookie-banner-inner {
    flex-direction: column;
    align-items: stretch;
    padding: 15px 10px 15px 10px;
    font-size: 14px;
    gap: 10px;
    max-width: 98vw;
  }
  .cookie-close {
    right: 8px;
    top: 8px;
  }
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

.breadcrumb>.active {
    color: #777;
}

.h1, h1 {
    font-size: 36px;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.work_stage_item {
    width: 235px;
}

.advantages__cont {
    margin-bottom: 0px;
}

.about-us__right {
    max-width: 100%;
}

.top-slider-wrapper {
    background: none;
}

.top-slider {
    width: unset;
    margin-right: auto;
    margin-left: auto;
}

.top-slider .slick-prev {
    left: 70px;
}

.top-slider .slick-next {
    right: 70px;
}

.slick-slide img {
    width: 100%;
}

.our-products_div {
    display: flex; 
    margin: 0 auto; 
    flex-wrap: wrap; 
    justify-content: center;
}

.header__mobile {
    display: none;
}

.header__mobile_contacts {
    display: none;
}

@media (min-width: 994px) {
    .top-slider {
        width: none;
    }
}

@media (max-width: 1000px) {
    .footer__second.flex-c-sb .logo {
        justify-content: center;
    }
    .head__contacts {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-direction: column;
    }
    .header__btn {
        width: unset;
    }
    .head__inner {
        width: unset;
    }
}

@media (max-width: 768px) {
    .services__item, .our-products__item {
        width: 200px;
    }
    .our-products_div {
        justify-content: space-evenly;
        align-items: baseline;
    }
}

@media screen and (max-width: 767px) {
    .work_stage {
        flex-direction: row;
    }
    .flex-c-sb {
        justify-content: center;
        flex-wrap: wrap;
        align-items: baseline;
    }
    .form {
        background: url(/templates/microton/img/backForm.jpg) center / cover no-repeat;
    }
    .footer__second.flex-c-sb {
        align-items: center;
    }
    .header__mobile {
        display: flex;
    }
    .header__mobile_contacts {
        display: block;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: 5%;
    }
    .header__second.active {
        height: auto;
    }
    .head__contacts a {
        color: #ffffff;
        font-size: 16px;
    }
    .head__contacts a img {
        width: 24px;
    }
}

@media screen and (max-width: 400px) {
    .header__mobile_contacts {
        margin-right: 0%;
    }
    .head__contacts a {
        font-size: 14px;
    }
    .head__contacts a img {
        width: 15px;
    }
}

@media screen and (max-width: 300px) {
    .header__wrapper--second {
        padding: 0 15px 0 7px;
    }
}