/* Базові стилі Addons */

.position-absolute, .absolute, .my-absolute  {
  position: absolute !important;
}
.position-relative, .relative {
  position: relative !important;
}
.position-inherit  {
  position: inherit;
}
.text-white, .white-text, .vc-row.text-white, .vc-row.white-text {
color: #fff !important;
}
.text-white a, .white-text a, {
color: #fff !important;
}
.width-100 {
width: 100% !important;
}
.height-100 {
height: 100% !important;
}
.text-white H1, .text-white H2, .text-white H3, .text-white H4, .text-white H5, .text-white H6, 
.white-text H1, .white-text H2, .white-text H3, .white-text H4, .white-text H5, .white-text H6 {
color: #fff !important;
}
.text-white-60, .white-text-60, .vc-row.text-white-60, .vc-row.white-text-60 {
color: rgba(256,256,256,0.6) !important;
}
.text-white-60, .white-text-70, .vc-row.text-white-70, .vc-row.white-text-70 {
color: rgba(256,256,256,0.7) !important;
}
.text-white-60, .white-text-80, .vc-row.text-white-80, .vc-row.white-text-80 {
color: rgba(256,256,256,0.8) !important;
}
.text-uppercase, .text-caps, .text-upercase, .text-uperkase {
text-transform: uppercase;
}
.text-center, .text-align-center {
  text-align: center;
}
.bg-blur {
  filter: blur(3px);
}
.flip-x {
  transform: scale(-1, 1);
}
.bg-overlay.overlay_gradient {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 65%);
}
.bg-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.cover_prew_overflow {
overflow: hidden;
min-height: 300px;
position: relative; 
width: 100%;
}
.cover_prew {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.scale-x-y, .otragenie-x-y { transform: scaleX(-1) scaleY(-1); }

.align-center-center {
  align-items: center;
  justify-content: center;
  display: flex;
} 
.align-end {
  display: flex;
  align-items: end;
}
.align-left-center {
  align-items: center;
  display: flex;
}

.owl-carousel.owl-stage-middle .owl-stage { 
  align-items: center;
  justify-content: center;
  display: flex; 
} 
.swp-carusel-item { /* можливі стилі */ }

.news_anons_title span.news_anons_date { 
  /* display: initial !important; */ /* Відображення стрілок у кінці всіх заголовків новин */
}
.news_anons_title span.news_anons_date::after { 
/*  content: ' 🡒'; 
    font-size: 16px;
    color: inherit;
    font-weight: 100; Попробуйте установить "lighter" для уменьшения толщины */
}


/* ===================================
    Background color
====================================== */

.bg-transparent {background-color: transparent;}
.bg-white {background-color:#fff;}
.bg-black {background-color:#000;}

/* background position */
body .bg-position-left-top, .vc_row-has-fill.bg-position-left-top, .vc_col-has-fill .bg-position-left-top {background-position: left top !important}
body .bg-position-left-center, .vc_row-has-fill.bg-position-left-center, .vc_col-has-fill .bg-position-left-center {background-position: left center !important}
body .bg-position-left-bottom, .vc_row-has-fill.bg-position-left-bottom, .vc_col-has-fill .bg-position-left-bottom {background-position: left bottom !important}
body .bg-position-center-top, .vc_row-has-fill.bg-position-center-top, .vc_col-has-fill .bg-position-center-top {background-position: center top !important}
body .bg-position-center-center, .vc_row-has-fill.bg-position-center-center, .vc_col-has-fill .bg-position-center-center {background-position: center center !important}
body .bg-position-center-bottom, .vc_row-has-fill.bg-position-center-bottom, .vc_col-has-fill .bg-position-center-bottom {background-position: center bottom !important}
body .bg-position-right-top, .vc_row-has-fill.bg-position-right-top, .vc_col-has-fill .bg-position-right-top {background-position: right top !important}
body .bg-position-right-center, .vc_row-has-fill.bg-position-right-center, .vc_col-has-fill .bg-position-right-center {background-position: right center !important}
body .bg-position-right-bottom, .vc_row-has-fill.bg-position-right-bottom, .vc_col-has-fill .bg-position-right-bottom {background-position: right bottom !important}

/* opacity */
.opacity1 {opacity:.1}
.opacity2 {opacity:.2}
.opacity3 {opacity:.3}
.opacity4 {opacity:.4}
.opacity5 {opacity:.5}
.opacity6 {opacity:.6}
.opacity7 {opacity:.7}
.opacity8 {opacity:.8}
.opacity9 {opacity:.9}

/* box shadow */
.box-shadow-light {box-shadow: 0 0 3px rgba(0,0,0,.1);}
.box-shadow {box-shadow: 0 0 3px rgba(0,0,0, .2);}
.box-shadow-dark {box-shadow: 0 0 4px rgba(0,0,0,.4);}
.box-shadow-large {box-shadow: 0 0 12px rgba(0,0,0,.1);}

/* ===================================
    Background image
====================================== */

.parallax {position: relative; background-size: cover; overflow: hidden; background-attachment: fixed;}
.fix-background {position: relative;  background-size: cover; animation-duration: 0s; animation-fill-mode: none; -webkit-animation-duration: 0s; -webkit-animation-fill-mode: none; -moz-animation-duration: 0s;  -moz-animation-fill-mode: none; -ms-animation-duration: 0s;  -ms-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: fixed}
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit}
.background-attachment-inherit {background-attachment: inherit}
.background-position-left {background-position: left center;}
.background-position-left-bottom {background-position: left bottom;}
.background-position-right {background-position: right center;}
.background-position-top {background-position: center top !important;}
.up-down-ani {display:table; position: relative; -webkit-animation-name: example; -webkit-animation-duration:.7s; -webkit-animation-timing-function: linear; -webkit-animation-delay:.7s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-name: example; -moz-animation-duration:.7s; -moz-animation-timing-function: linear; -moz-animation-delay:.7s; -moz-animation-iteration-count: infinite; -ms-animation-name: example; -ms-animation-duration:.7s; -ms-animation-timing-function: linear; -ms-animation-delay:.7s; -ms-animation-iteration-count: infinite; -ms-animation-direction: alternate; animation-direction: alternate; animation-name: example; animation-duration:.7s; animation-timing-function: linear; animation-delay:.7s; animation-iteration-count: infinite; animation-direction: alternate; margin:0 auto;}
.background-position-x-50 {background-position-x: 50% !important;}

.vc_row.vc_column-gap-5 {
 margin-left:-17.5px;
 margin-right:-17.5px
}
.vc_row.vc_column-gap-5>.vc_column_container {
 padding:2.5px
}
.vc_row.vc_column-gap-10 {
 margin-left:-20px;
 margin-right:-20px
}
.vc_row.vc_column-gap-10>.vc_column_container {
 padding:5px
}
.vc_row.vc_column-gap-15 {
 margin-left:-22.5px;
 margin-right:-22.5px
}
.vc_row.vc_column-gap-15>.vc_column_container {
 padding:7.5px
}
.vc_row.vc_column-gap-20 {
 margin-left:-25px;
 margin-right:-25px
}
.vc_row.vc_column-gap-20>.vc_column_container {
 padding:10px
}
.vc_row.vc_column-gap-25 {
 margin-left:-27.5px;
 margin-right:-27.5px
}
.vc_row.vc_column-gap-25>.vc_column_container {
 padding:12.5px
}
.vc_row.vc_column-gap-30 {
 margin-left:-30px;
 margin-right:-30px
}
.vc_row.vc_column-gap-30>.vc_column_container {
 padding:15px
}
.vc_row.vc_column-gap-35 {
 margin-left:-32.5px;
 margin-right:-32.5px
}
.vc_row.vc_column-gap-35>.vc_column_container {
 padding:17.5px
}
.vc_row.vc_column-gap-40 {
 margin-left:-35px;
 margin-right:-35px
}
.vc_row.vc_column-gap-40>.vc_column_container {
 padding:20px
}
.vc_row.vc_column-gap-50 {
 margin-left:-37.5px;
 margin-right:-37.5px
}
.vc_row.vc_column-gap-50>.vc_column_container {
 padding:25px
}

.owl-nav { 
  position: absolute;
  top: 50%;
  font-size: 100px;
  font-weight: lighter;
}
.owl-nav .owl-next { 
  left: calc(100vw - 25px);
  position: absolute;
}
.owl-nav button { 
  color: rgba(256,256,256,0.5) !important;
}
.owl-nav button:hover { 
  color: rgba(256,256,256,1) !important;
}
.bg-zoom-in a > div { 
  background-size: auto 100% !important;/**/
  /*transition: background-size 0.8s ease !important; */ /* Плавный переход */
}
.bg-zoom-in a:hover > div { 
	/*transform: scale(1.2);*/
  background-size: auto 120% !important; /* */ /* Увеличение фона на 20% */
}
/*.bg-zoom-in a > div {
	border: solid 10px rgba(256,256,256,0.01);
}
.bg-zoom-in a:hover > div { 
	border: solid 10px rgba(256,256,256,1);
}*/

/* ==================================================
    Маски для різних єлементів, розділювачів та ін.
===================================================== */
/* Одна плавна хвиля */
.swp-wave-container-1 { /* Проста хвиля */
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 74" preserveAspectRatio="none"><path fill="white" fill-opacity="1" d="M1920,37.73c-165.35,41-584.54,95.06-1013.9,31.35C418.35-3.3,0,49.45,0,49.45V25H1920Z" transform="translate(0 -25.03)"/></svg>');
  mask-size: 100% 100%;
  mask-repeat: no-repeat; 
} 
/* Дві хвилі */
.swp-wave-container-2 {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 53" preserveAspectRatio="none"><path d="M1920,42.29c-240,0-240,45.87-480,45.87S1200,42.29,960,42.29,720,88.16,480,88.16,240,42.29,0,42.29v-7H1920Z" transform="translate(0 -35.25)"/></svg>');
  mask-size: 100% 100%;
  mask-repeat: no-repeat; 
} 
/* Багато мілких хвиль */
.swp-wave-container-3 {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 30" preserveAspectRatio="none"><path d="M1595.21,76.3c-54.13-49.09-106.35,0-106.35,0-54.13-49.09-106.35,0-106.35,0-54.12-49.09-106.35,0-106.35,0-54.12-49.09-106.34,0-106.34,0-54.12-49.09-106.35,0-106.35,0-54.12-49.09-106.35,0-106.35,0-54.12-49.09-106.34,0-106.34,0-54.13-49.09-106.35,0-106.35,0-54.12-49.09-106.35,0-106.35,0-54.12-49.09-106.35,0-106.35,0-54.12-49.09-106.34,0-106.34,0C371.26,27.21,319,76.3,319,76.3c-54.12-49.09-106.35,0-106.35,0-54.12-49.09-106.34,0-106.34,0C52.22,27.21,0,76.3,0,76.3V47.11H1920V76.3c-54.12-49.09-112.1,0-112.1,0-54.12-49.09-106.35,0-106.35,0C1647.43,27.21,1595.21,76.3,1595.21,76.3Z" transform="translate(0 -47.11)"/></svg>');
  mask-size: 100% 100%;
  mask-repeat: no-repeat; 
} 
/* Одна велика дуга */
.swp-wave-container-4 {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 124" preserveAspectRatio="none"><path d="M1920,119.2C934.4-143,0,123.41,0,123.41V0H1920Z" transform="translate(0)"/></svg>');
  mask-size: 100% 100%;
  mask-repeat: no-repeat; 
} 
/* Три трикутники для розділювача блоків */
.swp-wave-container-5 {
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 56" preserveAspectRatio="none"><polygon points="1920 1.79 1599.99 55.88 1279.98 1.79 959.98 55.88 639.99 1.79 319.99 55.88 0 1.79 0 0 1920 0 1920 1.79"/></svg>');
  mask-size: 100% 100%;
  mask-repeat: no-repeat; 
}