@charset "UTF-8";
:root, [data-bs-theme="light"] {
  --light: #f9fafb;
  --dark: #353b41;
  --primary-rgb: 1, 1, 86;
  --secondary-rgb: 109, 117, 126;
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --body-font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --body-font-size: 16px;
  --body-line-height: 1.5;
  --body-color: #22262a;
  
  --color-white: #FFFFFF;
  --color-blue: #009FE3;
  --color-bg-gray: #DADADA;
  
  
	--bs-navbar-active-color: #009FE3;
	--bs-nav-link-color: #000000;
	--bs-nav-link-hover-color: #f00000;
	--bs-nav-link-font-weight: bold;  
	--bs-nav-link-font-size: 18px;

}

*, :before, :after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  color: var(--body-color);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: #0000;
  margin: 0;
}

a{
	color: var(--color-blue);
	text-decoration: none;
}


.head-blue a:hover{
	text-decoration: underline;
}

.btn-windowsills {
	border-radius: 0;	
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: var(--color-blue);
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}


@media (width >= 1200px) {
  h1, .h1 {
    /*font-size: 2.5rem;*/
  }
}


.head-blue{
	background-color: var(--color-blue);
	color: var(--color-white);
}
.head-blue a{	
	color: var(--color-white);
}

.head-mobile{
	margin-top: 5px;
	margin-bottom: 5px;
}

.head-desktop{
	margin-top: 5px;
	margin-bottom: 5px;
}

.div-head-logo{
	height: 80px;
	padding: 10px;
}
.head-logo-img{
	height: 100%;
}
.offcanvas-logo-img{
	height: 50px;
}

.nav-link{
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.nav-link:focus, .nav-link:hover {
    color: #FFFFFF;
    background-color: var(--color-blue);
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: #FFFFFF;
    background-color: var(--color-blue);
}


.info-desktop-1{
	padding-right: 20%;
}
.info-desktop-2{
	background-color: var(--color-bg-gray);
}
.row-relative {
  position: relative; /* Задаєм .row відносну позицію */
}
@media (min-width: 768px) {
.absolute-div {
  position: absolute; /* Задаєм внутрішньому елементу відносну позицію */
  top: 100px;
  left: 50%;
  transform: translateX(-50%); /* Центрування по горизонталі */
  width: 300px;
  height: 300px;
  /*background-color: var(--color-bg-gray);*/
}
}




.mp-img-r-div {
	height: 200px;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
@media (min-width: 768px) {
  .mp-img-r-div {
    height: 566px;
    margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
  }
}
@media (min-width: 992px) {
  .mp-img-r-div {
    height: 440px;
    margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .mp-img-r-div {
    height: 420px;
    margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
  }
}


.mp-img-r-img{
	width: 100%;
	height: auto;
}


div.mod-languages ul li.lang-active {
    background-color: #11bbeb !important;
    height: 28px;
}
div.mod-languages img { 
    height: 14px !important;
}
div.mod-languages li {
	margin: 0 !important;
}


/* Загальний контейнер каруселі */
.owl-carousel {
  position: relative; /* позиціоную контейнер каруселі відносно */
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 30px !important;
  color: var(--color-bg-gray) !important;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 1000;
}
.owl-prev {
  left: -35px;
}
.owl-next {
  right: -35px;
}
.owl-prev:hover,
.owl-next:hover {
  background-color: var(--color-blue) !important;
}
/* ^^^^^^^^^^^ Загальний контейнер каруселі */


/* >>> галерея  */
/* центрування по центру */
ul.sigFreeClassic { text-align: center;}
ul.sigFreeClassic li.sigFreeThumb { float:none !important; display:inline-block;}

.gallery-1 ul.sigFreeClassic li.sigFreeThumb{
	margin: 10px !important;
}
/* ^^^ галерея  */


.gdpr-cookie-accept{
	background-color: #fff;
	border: 1px #fff solid;
}
.gdpr-cookie-accept:hover{
	background-color: #ccc;
	border: 1px #c0c0c0 solid;
}