/* Former WordPress Customizer "Additional CSS", moved into the theme unchanged on 2026-10-13
   (single source of truth for site CSS). Loaded at the old position in <head>: wp_head
   priority 101, after bootstrap.min.css and before inc/custom-style.php - see functions.php.
   Rules are cleaned up / replaced step by step in css/style.css. */
.navbar .site-menu ul li a {
  font-size: 16px !important;
	font-weight: 400 !important;
}

.form-popup__input {
	border-bottom: .3rem solid transparent !important;
}

li {
  list-style: disc ;
  display: list-item;
	float: none;
}

.iconserv {
  margin-top: 24rem !important;
}


.side-widget .site-menu ul li a {
  font-weight: 400 !important;
}

.custom-button-form {
  border-bottom: none !important;
}

h1 { 
	width: 100%; 
	display: block; 
	font-size: 40px;  
	margin-bottom: 0;
		
	font-weight: 700;    
	width: 100%;    
	margin-top: 7rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

label {
  font-size: 12px;
}

.form__grup {
  margin-bottom: 1rem;
}

.responsive-map {
    width: 100%;
    max-width: 500px; 
    height: 300px; 
    border: 0;
}

@media (min-width: 768px) {
    .responsive-map {
        width: 500px;
    }
}

@media (min-width: 768px) {
    .footer .footer-menu li {
        display: inline-block;
    }

    .footer .footer-menu li::before {
        vertical-align: middle;
    }
}

@media only screen and (max-width: 991px), only screen and (max-device-width: 1180px) {
	.footer-menu {
	justify-content: center;
}
}

.testimonimg img {
  border-radius: 50%;
  width: 100%;
  height: auto;
}

.slider .main-slider .swiper-slide .container {
  position: relative;
}

/* Hero CTA in the normal flow under the text (was position:absolute + translateX(-50%):
   it sat outside the container, so the slide's vertical centring ignored it and it was
   centred on its own instead of lining up with the title). */
.slider .main-slider .swiper-slide .container a {
  position: static;
  display: inline-block;
  white-space: nowrap;
  margin: 24px 0 0;
}

.slider .main-slider .swiper-slide .container h1 {
  margin-left: 0;
}

.slider .main-slider .swiper-slide .container p {
  margin-left: 0;
}


* {
    animation: none !important;
}

/* Allow animations for .imagerotate */
.imagerotate {
    animation: spin 15s linear infinite !important;
}

.custom-buttonf {
	border: 0;
}

.custom-button {
	border: 0;	
}

.wpcf7-response-output {
	font-size: 14px;
}

.custom-button-form:hover {
	background: #b7b7b7;
	color:#000000;
}

.custom-buttonf:hover {
  background:
#b7b7b7 !important;
	color:#000000;
}

.custom-button:hover {
  background:
#b7b7b7 !important;
	color:#000000;
}

.slider .main-slider .swiper-slide .container a:hover {
  background:
#b7b7b7 !important;
	color:#000000;
}

h2 {
	font-size: 24px;
}

.h2-baslik-anasayfa-ozel {
	font-size: 24px !important;	
}

.h2-baslik-popup {
  font-size: 24px !important;
	padding-top: 20px !important;
}

.metaslider {
  padding-bottom: 30px !important;
}

p {
  margin-top: 10px;
	margin-bottom: 10px;
}

.chaty-animation-jump {
  animation:
5s cubic-bezier(.84,-.54,.31,1.19) infinite chaty-animation-bounce !important;
}

#top {
	right: 40px;
	bottom: 65px;
}

.form__input {
  border-bottom:0 !important;
}

input[type="tel"]{ max-width: 100%; height: 70px; padding: 0 30px; background: #fff; }

@media (max-width: 768px) {
  #top {
    left: 20px;
    right: auto;
		bottom: -15px;
  }
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .side-widget .site-menu ul li ul {
	  max-height: 155px;
    width: 140%;
    background: #c2c2c2;
		left: 0;
	}
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .page-header .container p {
    text-align: center;
  }
	
	.slider .main-slider .swiper-slide .container p {
    text-align: center;		
	}

  h1 {
    text-align: center;
  }
  .slider .main-slider .swiper-slide .container {
    text-align: center;
  }
}

@media only screen and (max-width: 991px) {
  /* Grid columns stack below 992px. The column direction alone kept each column's
     Bootstrap max-width (50%, 16.7%, ...), so stacked columns were narrow and stuck to
     the left; stacked columns are full width. */
  .row {
    flex-direction: column;
  }
  .row > .col,
  .row > [class^="col-"],
  .row > [class*=" col-"] {
    max-width: 100%;
  }
  .col:not(.col-lg-8) {
    order: 2;
  }
  .col-lg-8 {
    order: 1;
  }
}

@media only screen and (max-width: 56.25em) {
  .h2-baslik-anasayfa-ozel {
    margin-top: 1rem;
  }
}

@media only screen and (max-width: 40em) {
  .form__input {
    font-size: 15px;
	}
}

html body.customize-support.cht-in-desktop.page-loaded.cht-landscape main section.news-alani-sayfa div.container div.row div.col li.widget.widget_text[id^="text-"] {
    all: unset;
    display: block;
}

h2.big-title,
.big-title[data-heading="h2"] { /* loop clones of h2 slides are divs, see js/scripts.js */
    all: unset; /* Скидає всі стандартні стилі h2 */
  width:100%;
  display:block;
  font-size:60px;
  margin-bottom:10px;
  font-weight:600;
  color:#fff;
  margin-top:-11rem;
  margin-top:46px;
  margin-left:-3rem;
	line-height: 1.2;
	margin-left: 0;
}

p a {
    color: black; /* чорний колір тексту */
    text-decoration: underline; /* підкреслення */
}

p a:hover {
    color: black; /* чорний колір тексту */
    text-decoration: none; /* прибирає підкреслення при наведенні */
}

.widget_text {
  list-style: none;  /* Убирает маркеры списка */
  display: block;    /* Убирает поведение как у списка */
  float: none;       /* Убирает плавающий элемент */
}


/* Исправление фонового изображения для .page-header */
.page-header {
  position: relative;
  /* Критически важные свойства для корректного отображения фона */
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Затемнение для фото */
.page-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6); /* Легкое затемнение */
  z-index: 1;
}

/* Контент поверх затемнения */
.page-header .container {
  position: relative;
  z-index: 2;
}

/* Для мобильных устройств */
@media (max-width: 768px) {
  .page-header {
    background-attachment: scroll !important; /* Лучше работает на мобильных */
  }
}