@font-face {
    font-family: 'Circe';
    src: url('Circe-Light.eot');
    src: local('Circe Light'), local('Circe-Light'),
        url('Circe-Light.eot?#iefix') format('embedded-opentype'),
        url('Circe-Light.woff2') format('woff2'),
        url('Circe-Light.woff') format('woff'),
        url('Circe-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Circe Extra';
    src: url('Circe-ExtraBold.eot');
    src: local('Circe Extra Bold'), local('Circe-ExtraBold'),
        url('Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('Circe-ExtraBold.woff2') format('woff2'),
        url('Circe-ExtraBold.woff') format('woff'),
        url('Circe-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Circe';
    src: url('Circe-Thin.eot');
    src: local('Circe Thin'), local('Circe-Thin'),
        url('Circe-Thin.eot?#iefix') format('embedded-opentype'),
        url('Circe-Thin.woff2') format('woff2'),
        url('Circe-Thin.woff') format('woff'),
        url('Circe-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Circe';
    src: url('Circe-Regular.eot');
    src: local('Circe'), local('Circe-Regular'),
        url('Circe-Regular.eot?#iefix') format('embedded-opentype'),
        url('Circe-Regular.woff2') format('woff2'),
        url('Circe-Regular.woff') format('woff'),
        url('Circe-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Circe';
    src: url('Circe-Bold.eot');
    src: local('Circe Bold'), local('Circe-Bold'),
        url('Circe-Bold.eot?#iefix') format('embedded-opentype'),
        url('Circe-Bold.woff2') format('woff2'),
        url('Circe-Bold.woff') format('woff'),
        url('Circe-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* Показываем мобильное меню на экранах до 1024px */
@media (max-width: 1024px) {
    /* Показываем бургер-меню (кнопка) */
    .navbar-toggler {
        display: block !important;
    }

    /* Скрываем ПК-меню (на устройствах до 1024px) */
    .d-lg-flex {
        display: none !important;
    }

    /* Мобильное меню скрыто по умолчанию, но оно будет работать с Bootstrap Offcanvas */
    .offcanvas {
        display: none !important;  /* Скрыто, но можно открыть через JavaScript */
    }

    /* Оверлей, который появляется, когда меню открыто */
    .offcanvas.show {
        display: block !important;
    }
}

/* Показываем ПК-меню на экранах больше 1024px */
@media (min-width: 1025px) {
    /* Скрываем бургер-меню */
    .navbar-toggler {
        display: none !important;
    }

    /* Показываем ПК-меню */
    .d-lg-flex {
        display: flex !important;
    }

    /* Скрываем мобильное меню */
    .offcanvas {
        display: none !important;
    }
}


.offcanvas-body {
    flex-grow: 1;
    padding: 0;
    overflow-y: visible;
    height: 100%;
}

.owl-next {
background: #fff!important;
    height: 80px;
    width: 80px;
    border-radius: 50px;
    line-height: 1;
    font-size: 40px!important;
    vertical-align: middle;
    margin: 0 auto;
    margin-left: 15px;
color:#dc3545!important;
}

.owl-prev {
background: #fff!important;
    height: 80px;
    width: 80px;
    border-radius: 50px;
    line-height: 1;
    font-size: 40px!important;
    vertical-align: middle;
    margin: 0 auto;
    margin-right: 15px;
color:#dc3545!important;
}


.owl-nav {
    text-align: center;
margin-top: 20px;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
font-weight:bold;
}

.accordion-body {
    font-size: 14px;
}


@media (min-width: 1200px) {
    .h4, h4 {
        font-size: 1.25rem;
    }
}

.bg-light2 {
    --bs-bg-opacity: 1;
    background-color: #f3f3f3!important;
}

.text-underline {text-decoration:underline;}

h3.text-left::after {
    content: "" !important;
    display: block !important;
    width: 100px !important;
    height: 4px !important;
    background-color: #ff9a06 !important;
    margin-top: 10px !important;
}

.flex-custom {
display: flex
;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: flex-start;
gap: 10px;
border-bottom: 1px solid #dee2e6;
    margin-bottom: 4px;
}

.flex-custom p {
    margin-bottom: 4px;
}

.flex-custom:first-child {
border-top: 1px solid #dee2e6;
}
.flex-custom:last-child {
    border-bottom: 1px solid #dee2e6;
    }
    
    .flex-custom2 {
        display: flex
        ;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-content: center;
            align-items: flex-start;
        gap: 10px;
        border-bottom: 1px solid #dee2e6;
            margin-bottom: 4px;
        }
        
        .flex-custom2:first-child {
        border-top: 1px solid #dee2e6;
        }
        .flex-custom2:last-child {
            border-bottom: 1px solid #dee2e6;
            }
            
        



.br-30 {border-radius: 38px;}

.p-15 {padding:15px!important;}

.bg-white {
    background: linear-gradient(90deg, #01091d, #050f2b) !important;
    border-radius: 38px;
    color: #ffffff;
    padding: 10px;
    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* Фон для первого экрана */
.hero {
background: linear-gradient(to right, rgb(33 37 41 / 60%), rgba(0, 0, 0, 0.4)), url(./assets/img/bg4.png);
background-size: cover;
background-position: center;
  min-height: 100vh;
  height: 100%;
  color: white;
  padding-top: 70px; /* Отступ для меню */

}

.hero ul {
padding-left: 0;
}
.hero li {
padding: 4px 12px 4px 12px;
margin: 4px;
    background: linear-gradient(90deg, #01091d, #050f2b) !important;;
border-radius: 30px;
display: inline-block;
font-size: 18px;
}

.colorsw {
    color: #ff9a06;
}


.hero li::before{
        content: "●";
        color: #ff9a06;
        margin-right: 5px;
}

/* Стили текста */
.hero h1 {
  font-size: 3rem;
  font-weight: bold;
}

.hero p {
  font-size: 1rem;
}

/* Кнопка */
.btn {
  font-size: 1rem;
  padding: 10px 50px 10px 50px;
  border-radius: 50px;
}

/* Изображение */
.hero img {
  max-width: 100%;
  height: auto;
}

.hero .btn {
    font-size: 1.2rem;
  }

.navbar .btn-primary {
  background: linear-gradient(90deg, #feb803, #ff9a06);
  border: none;
  border-radius: 20px;
  padding: 8px 20px;
  color: #01091d;
}

.btn-primary {
    background: linear-gradient(90deg, #feb803, #ff9a06)!important;
    border: none;
    -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #01091d;
}

.btn-primary:hover {
    background: linear-gradient(90deg, #feb803, #ff9a06)!important;
    -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0.8;
    color: #01091d;
}



/* Адаптивность */
@media (max-width: 768px) {  
.hero h1 {
    font-size: 2rem;
  }

  .hero p {
    font-size: 1rem;
  }

  .hero img {
    margin-top: 20px;
  }
  .navbar {    padding: 6px;}
}


@media (max-width: 576px) { 
    
    .offcanvas-body .navbar-nav a {
        color: #01091d!important;
    }
    
    .nav-item-second:first-child {
        width: 100%;
        text-align: center;
        border-left: 0!important;
    }
    
    
    .offcanvas-body .nav-item-second:first-child {
        border-left: 0!important;
    }
    
    .offcanvas-body .nav-item-second {
        border-right: 0!important;
    }

}



.navbar-toggler-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path stroke="%23ff9a06" stroke-width="3" d="M4 7h22M4 15h22M4 23h22"/></svg>');
}

.color-white {
    color: #ffffff!important;
}

.color-white:hover {
    color: #2d2d2d!important;
}

.navbar-second {
    background-color: #1365a4;
}

.text-align-justify {
    text-align: justify;
}

.nav-item-second {
    width: auto;
    text-align: center;
}

.nav-item-second:first-child {
    width: auto;
    text-align: center;
}

.carousel-custom {
    max-height: 500px;
    width: auto;
}

.border-dashed {
    border-bottom: 1px dashed #2d2d2d;
}

body {
    font-family: 'Circe', sans-serif;
    color: #01091d;
    font-size: 18px;
}

@media (min-width: 1280px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1380px;
    }
}


.page-service .card:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.page-service li {
    font-size: 14px;
}

.fs-7 {
    font-size: 14px;
}

.text-pink {
    color: #1365a4!important;
}

.fw-600 {
    font-weight: 600!important;
}

.text-dark {
    color:#333333!important;
}

.text-white {
    color:#ffffff!important;
}

.btn-primary:target {
    background: none!important;
    border: 1px solid #dc3545;
    color:#1365a4;
}

.arrow {
    margin-right: 5px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.arrow:hover {
    margin-right: 15px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.link-dark {
    text-decoration: none!important;
}

.btn-outline-dark:hover {
    background: #1365a4!important;
}

.btn-outline-dark {
    border-color: #1365a4!important;
}

h2,h4,h5,h6 {
    color:#ff9a06!important;
}

h3 {
    color:#01091d!important;
    font-weight: 800;
    font-size: 2rem;
}

h1 {
    color:#01091d!important;
    font-weight: 300!important;
    font-size: 2.5rem;
}

.c-item {
    height: 100vh;
}

.c-img {
    height: 100%;
    object-fit: cover;
    /*filter: brightness(0.6);*/
}

.id-advantages .card-img-top {
    max-width: 60px;
    text-align: left;
}




#id-advantages .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}


.id-advantages .card-body {
padding: 4px;
}

.id-advantages .card {
    border: 0px solid #01091d;
    background: #f3f3f3;
    border-radius: 30px;
    padding: 10px;
    height: 100%;
}

.id-advantages2 .card-img-top {
    max-width: 60px;
    text-align: left;
}




#id-advantages2 .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}


.id-advantages2 .card-body {
padding: 4px;
}

.id-advantages2 .card {
    border: 0px solid #01091d;
    background: #ffffff;
    border-radius: 30px;
    padding: 10px;
    height: 100%;
}

.id-services h6 {
    color: #1365a4!important;
}

.id-services .card {
    border: 0px solid #01091d;
    background: #ffffff;
    border-radius: 30px;
    padding: 10px;
    height: 100%;
}

.id-services .card {
    display: flex;
    flex-direction: column;
    height: 100%; /* Карточка занимает всю высоту */
  }
  
  .id-services .card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Растягиваем тело карточки */
  }
  
  .id-services .card-body p:last-child {
    margin-top: auto; /* Прижимаем последний параграф (с кнопкой) вниз */
  }

.id-services2 h6 {
    color: #1365a4!important;
}

.id-services2 .card {
    border: 0px solid #01091d;
    background: #f3f3f3;
    border-radius: 30px;
    padding: 10px;
    height: 100%;
}
.id-services2 p {
    margin-bottom: 0rem;
    padding: 2px;
}
.id-services2 img {
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
display: block;
border-radius: 18px;
}

.id-services2 .card {
    display: flex;
    flex-direction: column;
    height: 100%; /* Карточка занимает всю высоту */
  }
  
  .id-services2 .card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Растягиваем тело карточки */
  }
  
  .id-services2 .card-body p:last-child {
    margin-top: auto; /* Прижимаем последний параграф (с кнопкой) вниз */
  }


.id-howto .card-img-top {
    max-width: 120px;
    text-align: center;
    margin: 0 auto;
}

.id-howto .card {
    border: none;
    background: none;
}

.id-howto p {
    font-size: 14px;
}

.dark-bg {
    background-image: url('../img/bg2.jpg');
    background-size: cover;
    background-position: center center;
    
}

#id-hero .container {
    height: 90vh;
}


.id-we-are .card-img-top {
    max-width: 140px;
    text-align: center;
    margin: 0 auto;
}

.id-we-are .card {
    border: none;
    background: none;
}

.id-we-are p {
    font-size: 14px;
}

.id-we-are p {
    font-size: 14px;
}

.id-portfolio .card img {
    opacity: 0.8;
    max-height: 400px;
    overflow: hidden;
    width: auto;
}

.id-portfolio .card img:hover {
    opacity: 1;
    border: 1px solid #F2F2F2;
}

.id-portfolio .card:hover {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #F2F2F2;
}

.id-portfolio .card {
    -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #F2F2F2;
}

footer p {
    font-size: 16px;
    color: #01091d!important;
}

footer .link-secondary {
    color: #01091d!important;
}

footer {
    font-size: 16px;
    color:#01091d;
}

/*.id-map {
    opacity: 0.8;
    filter: grayscale(100%);
}

.id-map:hover {
    opacity: 1;
    filter: grayscale(0%);
}*/

.bg-left-half {
    position: relative; }
    .bg-left-half:before {
      position: absolute;
      width: 50%;
      height: 100%;
      z-index: -1;
      content: "";
      left: 0;
      top: 0;
      background-color: #f8f9fa; }
  
  .media-29101 img {
    margin-bottom: 20px; }
  
  .media-29101 h3 {
    font-size: 18px;
    font-weight: 900 !important; }
    .media-29101 h3 a {
      color: #6c757d; }
  
  .owl-2-style .owl-nav {
    display: none; }
  
  .owl-2-style .owl-dots {
    text-align: center;
    position: relative;
    bottom: -30px; }
    .owl-2-style .owl-dots .owl-dot {
      display: inline-block; }
      .owl-2-style .owl-dots .owl-dot span {
        display: inline-block;
        width: 15px;
        height: 3px;
        border-radius: 0px;
        background: #cccccc;
        -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
        -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
        transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
        margin: 3px; }
      .owl-2-style .owl-dots .owl-dot.active span {
        background: #007bff; }
      .owl-2-style .owl-dots .owl-dot:active, .owl-2-style .owl-dots .owl-dot:focus {
        outline: none; }