/*!
Theme Name: tweko
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tweko
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

tweko is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and J*/
onathan Neal https://necolas.github.io/normalize.css/

body {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
}

.btn.focus, .btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

main {
  min-height: 400px;
}

.title-text {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  padding-left: 15px;
  position: relative;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.title-text::before {
  background-color: #04AAEF;
  content: "";
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 3px;
}

.title-search {
	display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
	margin-bottom:30px;
  padding-left: 15px;
  position: relative;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}
.title-search::before {
  background-color: #04AAEF;
  content: "";
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 3px;
}
.title-search > span {
	color: #797979;
  font-weight: 400;
	margin-left: 5px;
  text-transform: none;
}

.btn {
  border-radius: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .3px;
  padding: .375rem 1.75rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.btn-primary {
  background-color: rgba(24, 43, 109, 0.9);
  border-color: #182B6D;
}

.btn-primary:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-info {
  background-color: #04AAEF;
  border-color: #04AAEF;
}

.btn-info:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-outline-info {
  color: #04AAEF;
  border-color: #04AAEF;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.btn-outline-info:hover {
  background-color: #04AAEF;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-outline-info:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-outline-primary {
  border-color: #182B6D;
  color: #182B6D;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.btn-outline-primary:hover {
  background-color: #182B6D;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}

.btn-outline-primary:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-warning {
  background-color: #FF690A;
  border-color: #FF690A;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

.btn-warning:hover {
  background-color: #FFA000;
  border-color: #FFA000;
  color: #fff;
}

.btn-warning.focus,
.btn-warning:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-rounded {
  border-radius: 10em !important;
}

.btn-outline-info:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

blockquote {
	background-color: #F5f5f5;
	border-left: 2px solid #04AAEF;
	padding: 10px 15px;
}
blockquote > p {margin-bottom:0;}

.form-control:focus {
  border-bottom: 1px solid #04AAEF !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.table-bordered thead td,
.table-bordered thead th {
  border-bottom-width: 1px;
}

.breadcrumb {
  background-color: transparent;
  margin-top: 1rem;
  padding-left: 0;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.breadcrumb .breadcrumb-item a {
  color: #212529;
  text-decoration: none;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

.breadcrumb .breadcrumb-item a:hover {
  color: #04AAEF;
}

.pagination {margin: 30px 0;}

.pagination .nav-links .page-numbers {
	border-radius: 50%;
  border: none;
	color: #182B6D;
	display: inline-block;
	margin-left: -1px;
	line-height: 1.25;
	height: 34px;
	padding: .5rem .75rem;
	position: relative;
	text-align: center;
	-o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
	width: 34px;
}
.pagination .nav-links .current {
	background-color: #182B6D;
  border: none;
  color: #fff;
  -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}
.pagination .nav-links .page-numbers:hover {
	background-color: #e9ecef;
	text-decoration: none;
}

.pagination .page-item {
  margin: 0 2px;
}

.pagination .page-item .page-link {
  border-radius: 50%;
  border: none;
  color: #182B6D;
  height: 34px;
  text-align: center;
  width: 34px;
}

.pagination .page-item.active .page-link {
  background-color: #182B6D;
  border: none;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}

.top_menu {
  border-bottom: 1px solid #eee;
  min-height: 36px;
}

.top_menu ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.top_menu li {
  display: inline-block;
}

.top_menu .top_menu_left {
  min-height: 35px;
  height: 100%;
}

.top_menu .top_menu_left .address_top i {
  color: #182B6D;
  margin-right: 5px;
  opacity: .75;
}

.top_menu .top_menu_left .address_top a {
  color: #212529;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.top_menu .top_menu_left .address_top a:hover {
  color: #04AAEF;
}

.top_menu .top_menu_right {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end !important;
	min-height: 35px;
  height: 100%;
}

.top_menu .top_menu_right .top-link li.phone {
  margin-right: 25px;
}

.top_menu .top_menu_right .top-link i {
  color: #182B6D;
  margin-right: 5px;
  opacity: .75;
}

.top_menu .top_menu_right .top-link a {
  color: #212529;
  padding: 0 5px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.top_menu .top_menu_right .top-link a:hover {
  color: #04AAEF;
}

.top_menu .top_menu_right .language {
  background-color: #f5f5f5;
	margin-left: 25px;
  height: 100%;
}

.top_menu .top_menu_right .language .btn-language {
  color: #212529;
  font-size: 13px;
  font-weight: 400;
  padding: .375rem .75rem;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.top_menu .top_menu_right .language .btn-language i {
  color: #182B6D;
  margin-right: 5px;
  opacity: .75;
}

.top_menu .top_menu_right .language .btn-language:hover {
  color: #04AAEF;
}

.top_menu .top_menu_right .language .dropdown-menu {
  border-radius: 0;
  border-color: #eee;
  min-width: 100%;
  text-align: center;
}

.top_menu .top_menu_right .language .dropdown-menu li {
  display: block;
  line-height: 1.75;
}

.top_menu .top_menu_right .language .dropdown-menu li a {
  color: #666;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	text-transform: uppercase;
}

.top_menu .top_menu_right .language .dropdown-menu li a:hover {
  color: #04AAEF;
}

.navbar {
  background-color: #fff;
  border-bottom: 1px solid #eeee;
  padding: .8rem 1rem;
  z-index: 999;
}

.navbar .navbar-toggler {
  border: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: inherit;
  outline: none;
  padding: 0;
}

.navbar .navbar-toggler .navbar-toggler-icon {
  background-image: none;
  width: auto;
}

.navbar .navbar-toggler .navbar-toggler-icon i {
  font-size: 25px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
  -webkit-transition: 0.15s all ease-out;
  -o-transition: 0.15s all ease-out;
  transition: 0.15s all ease-out;
}

.navbar .navbar-toggler .navbar-toggler-icon:hover i {
  color: #306D93;
}

.navbar .navbar-brand {
  padding: 10px 0;
  width: 250px;
}

.navbar .navbar-brand img {
  width: 60%;
}
.navbar .navbar-collapse .menu-item-has-children > a::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}
.navbar .navbar-nav .menu-item {position:relative;}
.navbar .navbar-nav .menu-item > a {
	display: block;
  padding: .5rem;
	text-decoration:none;
}
.navbar .navbar-nav .menu-item > a,
.navbar .navbar-nav .nav-link {
  color: #212529;
  font-size: 13px;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: 0.15s all ease-out;
  -o-transition: 0.15s all ease-out;
  transition: 0.15s all ease-out;
	white-space: nowrap;
}
.navbar .navbar-nav .menu-item > a:hover,
.navbar .navbar-nav .nav-link:hover {
  color: #182B6D;
  opacity: .8;
}

.navbar .navbar-nav .caret {
  display: none;
}

.navbar .navbar-collapse {
  position: relative;
}

.navbar .navbar-collapse .sub-menu,
.navbar .navbar-collapse .dropdown_menu {
  background-color: #fff;
  border-radius: 0px;
  border: 0;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.124);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.124);
  display: block;
  left: -15px;
  visibility: hidden;
	list-style-type: none;
  height: auto;
  opacity: 0;
  filter: alpha(opacity=0);
  min-width: 200px;
  padding: 10px 25px 10px 15px;
  position: absolute;
  top: 150%;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  text-align: left;
  z-index: 9;
}

.navbar .navbar-collapse .dropdown_menu .dropdown-item {
  padding: .25rem 0;
}

.navbar .navbar-collapse .dropdown_menu .menu {
	list-style-type: none;
  padding-left: 0;
}
.navbar .navbar-collapse .dropdown-menu .menu-item > a,
.navbar .navbar-collapse .dropdown_menu .menu-item > a,
.navbar .navbar-collapse .dropdown_menu .menu a {
	background-color: transparent;
	color: #212529;
	font-weight: 400;
	display:block;
	padding: .25rem 0 .25rem .5rem;
	text-transform: none;
	white-space: nowrap;
	width: 100%;
}
.navbar .navbar-collapse .dropdown_menu .menu-item > a:hover,
.navbar .navbar-collapse .dropdown_menu .menu a:hover {
	color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.navbar .navbar-collapse .menu-item-has-children:hover .dropdown_menu,
.navbar .navbar-collapse .nav-item.dropdown:hover .dropdown_menu {
  visibility: visible;
  top: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.navbar .search_ico {
  background-color: #eee;
  border: 1px solid #eee;
  border-radius: 50%;
  color: #787b7c;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 15px;
  height: 34px;
  padding: 9px;
  -webkit-transition: .33s all ease;
  -o-transition: .33s all ease;
  transition: .33s all ease;
  width: 34px;
}

.navbar .search_ico:hover {
  color: #222323;
}

.navbar .search_ico .fa-times {
  display: none;
}

.navbar .search_ico.clos .fa-search {
  display: none;
}

.navbar .search_ico.clos .fa-times {
  display: block;
}

.navbar #search {
  display: none;
  float: none;
  margin: 0;
  right: 40px;
  position: absolute;
  top: -3px;
  width: 80%;
  z-index: 2;
}

.navbar #search .form-control {
  border-radius: 10rem;
  border-color: #eee;
  border-width: 1px;
  font-size: 14px;
  height: 42px;
  right: 0;
  padding-left: 25px;
  position: absolute;
  width: 100%;
}

.navbar #search .btn {
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border-radius: 0 10rem 10rem 0;
  color: #787878;
  line-height: 0;
  height: 42px;
  -webkit-transition: .33s all ease;
  -o-transition: .33s all ease;
  transition: .33s all ease;
  z-index: 1;
}

.navbar #search .btn i {
  font-size: 15px;
}

.navbar #search .btn:hover {
  color: #222323;
}

.navbar.sticky_top {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.navbar.sticky-top .navbar-brand {
  display: block;
  padding: 0 0 5px 0;
}

aside {
  background-color: #eee;
  margin-bottom: 30px;
  padding: 25px 25px 15px 25px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

aside .title-text {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 20px;
}

aside ul {
  list-style-type: none;
  padding-left: 0;
}

aside ul li {
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
  margin-bottom: 10px;
  position: relative;
}

aside ul li:last-of-type {
  border-bottom: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

aside ul li a {
  color: #212529;
  display: block;
  line-height: 1;
  padding-bottom: 10px;
  padding-right: 20px;
  text-decoration: none;
  -webkit-transition: .3s all ease-out;
  -o-transition: .3s all ease-out;
  transition: .3s all ease-out;
}

aside ul li a:hover {
  color: #04AAEF;
  text-decoration: none;
}

aside ul li .aside_dropdown_toggle {
  cursor: pointer;
  right: 0;
  position: absolute;
  top: 0;
}

aside ul li .aside_dropdown_toggle::after {
  background-color: #eee;
  display: inline-block;
  content: "\f107";
  font-family: FontAwesome;
  right: 0;
  padding: 4px 6px;
  position: absolute;
  top: -7px;
}

aside ul li .aside_dropdown_toggle.clos::after {
  content: "\f106";
}

aside ul li .aside_dropdown_menu {
  display: none;
  color: #212529;
  margin-top: 10px;
  list-style-type: square;
  padding-left: 15px;
}

aside ul li .aside_dropdown_menu li {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 6px;
}

aside ul li .aside_dropdown_menu li a {
  color: #797979;
  font-size: 13px;
  padding-bottom: 6px;
  -webkit-transition: .3s all ease-out;
  -o-transition: .3s all ease-out;
  transition: .3s all ease-out;
}

aside ul li .aside_dropdown_menu li a:hover {
  color: #212529;
}

aside .site_bar .menu-item-has-children {
	cursor: pointer;
  right: 0;
  position: relative;
  top: 0;
}
aside .site_bar .menu-item-has-children .sub-menu {
	color: #212529;
  list-style-type: square;
	margin-top: 5px;
  padding-left: 15px;
}
aside .site_bar .menu-item-has-children .sub-menu > li {
	border-bottom: none;
	box-shadow: none;
	margin-bottom: 4px;
}
aside .site_bar .menu-item-has-children .sub-menu > li a {color: #797979;}
aside .site_bar .menu-item-has-children .sub-menu > li a:hover {color: #04AAEF;}


.slider {
  -moz-animation: wrapper 3s forwards;
  -webkit-animation: wrapper 3s forwards;
  -ms-animation: wrapper 3s forwards;
  animation: wrapper 3s forwards;
  border-bottom: 1px solid #f3f3f3;
  height: 500px;
  opacity: 0;
  position: relative;
  overflow: hidden;
}

#banner_adds * {
  outline: none;
}

#banner_adds {
  position: relative;
}

#banner_adds .slider_text {
  margin-bottom: 0;
  position: absolute;
  z-index: 3;
}


#banner_adds .slider_text .item_text {
  overflow: hidden;
  position: relative;
}

#banner_adds .slider_text .slick-slide {
  background-color: #04aaef;
  height: 300px;
  padding: 30px;
  position: relative;
}

#banner_adds .slider_text .slick-slide p {
  color: #fff;
  font-size: 1.2rem;
  margin: 20px 0 0;
}

#banner_adds .slider_text .slick-dots {
  margin: 0;
  text-align: left;
  bottom: 37px;
  width: 200px;
}

#banner_adds .slider_text .slick-dots li {
  margin: 0;
  text-indent: 0;
  width: initial;
  height: initial;
  padding: 1px;
  margin-right: 3px;
}

#banner_adds .slider_text .slick-dots li:before,
#banner_adds .slider_text .slick-dots li button:before {
  display: none;
}

#banner_adds .slider_text .slick-dots li button {
  padding: 0;
  width: 10px;
  height: 10px;
  border: 1px solid rgba(24, 43, 109, 0.2);
  border-radius: 50%;
}

#banner_adds .slider_text .slick-dots li.slick-active button {
  background-color: rgba(24, 43, 109, 0.4);
}

#banner_adds .slider_text .slick-arrow {
  background-color: rgba(255, 255, 255, 0.45);
  bottom: -20px;
  left: auto;
  height: 40px;
  right: 0;
  top: auto;
  -webkit-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  width: 40px;
}

#banner_adds .slider_text .slick-arrow:hover {
  background-color: #f5f5f5;
}

.slick-prev, .slick-next {
  z-index: 99;
}

#banner_adds .slider_text .slick-next {
  right: 0;
}

#banner_adds .slider_text .slick-prev {
  right: 41px;
}

#banner_adds .slider_text .slick-prev::before,
#banner_adds .slider_text .slick-next::before {
  color: #eee;
  font-size: 15px;
}

#banner_adds .slider_text .slick-arrow:hover::before {
  color: #04aaef;
}

#banner_adds .slider_fotos {
  cursor: pointer;
}

#banner_adds .slider_fotos .slick-arrow {
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #ddd;
  bottom: -10px;
  left: auto;
  height: 45px;
  right: 0;
  top: auto;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  width: 45px;
}

#banner_adds .slider_fotos .slick-arrow:hover {
  background-color: #04aaef;
  border-color: #04aaef;
}

#banner_adds .slider_fotos .slick-arrow:hover::before {
  color: #fff;
}

#banner_adds .slider_fotos .slick-prev,
#banner_adds .slider_fotos .slick-next {
  z-index: 99;
}

#banner_adds .slider_fotos .slick-next {
  right: 10px;
}

#banner_adds .slider_fotos .slick-next::before {
  color: #212529;
  font-size: 15px;
}

#banner_adds .slider_fotos .slick-prev {
  right: 54px;
}

#banner_adds .slider_fotos .slick-prev::before {
  color: #212529;
  font-size: 15px;
}

#banner_adds .slider_fotos .item_img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
  position: relative;
}
#banner_adds .slider_fotos .item_img .item_img_text {
  bottom: 0;
  display: block;
  height: 500px;
  position: absolute;
  top: 0;
  width: 100%;
}

#banner_adds .slider_fotos .item_img .item_img_text h3,
#banner_adds .slider_fotos .item_img .item_img_text > div{
  bottom: 50px;
  color: #fff;
  font-size: 1.2rem;
  position: absolute;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}

#banner_adds .slider_fotos .item_img .item_img_text h3 span,
#banner_adds .slider_fotos .item_img .item_img_text > div span{
  font-size: 2.3rem;
  font-weight: 700;
}


@-moz-keyframes wrapper {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes wrapper {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes wrapper {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes wrapper {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

section.product_slick .slick-product {
  margin: 0 -5px 30px;
	overflow: hidden;
}

section.product_slick .slick-product .item_slick_product {
  background-color: #eee;
  display: block;
  margin: 0 5px;
  height: 270px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
}

section.product_slick .slick-product .item_slick_product .img_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  height: 200px;
  -webkit-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
}

section.product_slick .slick-product .item_slick_product .img_wrap:hover {
  opacity: .75;
}

section.product_slick .slick-product .item_slick_product h3 {
  color: #212529;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  margin: 0;
  height: 70px;
  padding: 5px 15px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
  -webkit-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
}

section.product_slick .slick-product .item_slick_product h3:hover {
  color: #797979;
}

section.product_slick .slick-product .slick-arrow {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #ddd;
  border-radius: 50%;
  opacity: 0;
  height: 30px;
  -webkit-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  width: 30px;
}

section.product_slick .slick-product .slick-prev {
  left: 5px;
}

section.product_slick .slick-product .slick-next {
  right: 4px;
}

section.product_slick .slick-product .slick-prev::before,
section.product_slick .slick-product .slick-next::before {
  color: #ddd;
  font-size: 15px;
}

section.product_slick:hover .slick-arrow {
  opacity: 1;
}

.industry {
  background-color: #eee;
  margin-bottom: 30px;
  padding: 50px 0;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.industry .item_industry {
  display: block;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

.industry .item_industry span {
  border: 30px solid #fff;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #212529;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  height: 50px;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
  width: 50px;
}

.industry .item_industry span i {
  font-size: 21px;
}

.industry .item_industry p {
  color: #797979;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

.industry .item_industry:hover span {
  color: #797979;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.industry .item_industry:hover p {
  color: #212529;
}

.block_product {
  padding: 50px 0;
}

.block_product .card {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.175);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 270px;
  overflow: hidden;
  padding: 25px;
  position: relative;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
  width: 100%;
}

.block_product .card img {
  -webkit-transition: 0.45s all ease-out;
  -o-transition: 0.45s all ease-out;
  transition: 0.45s all ease-out;
}

.block_product .card:hover {
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.175);
}

.block_product .card:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .75;
}

.block_product .card:hover .link-ico {
  opacity: 1;
  visibility: visible;
}

.block_product .card .card-title {
  background-color: rgba(24, 43, 109, 0.9);
  bottom: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 0;
  letter-spacing: .3px;
  height: 27px;
  right: 0;
  position: absolute;
  padding: 8px 15px 5px 5px;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  white-space: nowrap;
}

.block_product .card .card-title::after {
  border-style: solid;
  border-width: 0 0 27px 27px;
  border-color: transparent;
  border-bottom-color: rgba(24, 43, 109, 0.9);
  content: "";
  left: -27px;
  height: 0;
  position: absolute;
  top: 0;
  width: 0;
}

.block_product .card .link-ico {
  background-color: rgba(24, 43, 109, 0.9);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  height: 42px;
  position: absolute;
  -webkit-transition: 0.35s all ease-out;
  -o-transition: 0.35s all ease-out;
  transition: 0.35s all ease-out;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  width: 42px;
}

.block_product .card .link-ico i {
  color: #fff;
}

.product_page {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.product_page .thumbnails .image {
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.product_page .thumbnails .image:hover {
  opacity: .8;
}

.product_page .thumbnails .image-additional {
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.product_page .thumbnails .image-additional:hover {
  opacity: .8;
}

.product_page .thumbnails .owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
}

.product_page .thumbnails .owl-nav button::before {
  content: "";
  width: 10px;
  height: 10px;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  margin-left: -7px;
  margin-top: -5px;
  top: 50%;
  left: 50%;
  position: absolute;
}

.product_page .thumbnails .owl-nav button.owl-prev::before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-left: -4px;
}

.product_page .thumbnails .owl-nav button.owl-next::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.product_page .thumbnails .owl-nav button.owl-next,
.product_page .thumbnails .owl-nav button.owl-prev {
  background-color: transparent;
  border-radius: 50%;
  height: 30px;
  outline: none;
  position: absolute;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  width: 30px;
}

.product_page .thumbnails .owl-nav button.owl-next {
  right: 0;
}

.product_page .thumbnails .owl-nav button.owl-prev {
  left: 0;
}

.product_page .thumbnails .owl-nav button.owl-next:hover,
.product_page .thumbnails .owl-nav button.owl-prev:hover {
  opacity: .6;
}

.product_page .thumbnails:hover .owl-nav button.owl-prev,
.product_page .thumbnails:hover .owl-nav button.owl-next {
  background-color: #04AAEF;
}

.product_page .thumbnails:hover .owl-nav button.owl-prev::before,
.product_page .thumbnails:hover .owl-nav button.owl-next::before {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

.product_page .product_meta .short_description {
  margin-bottom: 15px;
  margin-top: 10px;
  text-align: justify;
}

.product_page .product_meta table {
  border-bottom: 1px solid #dee2e6;
}

.product_page .product_meta table tr td {
  width: 50%;
}

.product_page .product_meta .wrap_btn {
  margin-top: 15px;
  text-align: right;
}

.product_page .product_meta .wrap_btn p {
  margin-bottom: 5px;
}

.product_page .product_meta .wrap_btn p .product_meta_link {
  border: none;
  font-size: 11px;
  height: 27px;
  padding: .3rem 1rem .3rem .3rem;
  position: relative;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}

.product_page .product_meta .wrap_btn p .product_meta_link i {
  margin-left: 10px;
}

.product_page .product_meta .wrap_btn p .product_meta_link::before {
  border-style: solid;
  border-width: 0 0 27px 27px;
  border-color: transparent;
  border-bottom-color: transparent;
  border-bottom-color: rgba(24, 43, 109, 0.9);
  content: "";
  left: -27px;
  height: 0;
  position: absolute;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  top: 0;
  width: 0;
}

.product_page .product_meta .wrap_btn p .product_meta_link:hover {
  background-color: #182B6D;
}

.product_page .product_meta .wrap_btn p .product_meta_link:hover::before {
  border-bottom-color: #182B6D;
}

.product_page .product_meta .wrap_btn p .btn-info.product_meta_link::before {
  border-style: solid;
  border-width: 0 0 27px 27px;
  border-color: transparent;
  border-bottom-color: transparent;
  border-bottom-color: #04AAEF;
  content: "";
  left: -27px;
  height: 0;
  position: absolute;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  top: 0;
  width: 0;
}

.product_page .product_meta .wrap_btn p .btn-info.product_meta_link:hover::before {
  border-bottom-color: #182B6D;
}

.product_page .product_tab {
  margin-bottom: 30px;
  margin-top: 30px;
}

.product_page .product_tab .nav-tabs .nav-link {
  color: #797979;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.product_page .product_tab .nav-tabs .nav-link.active {
  border-top-color: #04AAEF;
  color: #212529;
}

.product_page .product_tab .nav-tabs .nav-link:hover {
  border-top-color: #04AAEF;
  color: #212529;
}

.product_page .product_tab h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
}

.product_page .product_tab h3 {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.product_page .product_tab .tab-content {
  padding: 15px 0;
}

.product_page .product_tab .tab-content ol,
.product_page .product_tab .tab-content ul {padding-left:15px;}
.product_page .product_tab .tab-content ul {list-style-type:square;}

.product_page .product_tab .tab-content .advantage_col {
  background-color: #f5f5f5;
	margin: 15px 0;
	min-width: 240px;
  padding: 25px;
  text-align: center;
	width: 100%;
}

.product_page .product_tab .tab-content .advantage_col span {
  background-color: #f5f5f5;
  border: 30px solid #fff;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 15px;
  height: 50px;
  text-align: center;
  width: 50px;
}

.product_page .product_tab .tab-content .advantage_col span i {
  font-size: 23px;
}

.product_page .product_tab .tab-content .advantage_col p {
  color: #797979;
}

.product_page .product_tab .tab-content .contact_form .form-group .form-control {
  border-radius: 0;
  font-size: 13px;
  padding: .5rem .75rem;
}

.product_page .product_tab .tab-content .owl-carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: wrap;
  -ms-flex: wrap;
  flex: wrap;
}

.product_page .product_tab .tab-content .owl-carousel .owl-stage .owl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: wrap;
  -ms-flex: wrap;
  flex: wrap;
}

.product_page .product_tab .tab-content .item_list {
  background-color: #f5f5f5;
  margin-right: 2px;
  margin-left: 2px;
	width: 100%;
}

.product_page .product_tab .tab-content .item_list .item_list_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 180px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.product_page .product_tab .tab-content .item_list .item_list_img img {
  -webkit-transition: 0.45s all ease-out;
  -o-transition: 0.45s all ease-out;
  transition: 0.45s all ease-out;
}

.product_page .product_tab .tab-content .item_list .item_list_img .link-ico {
  background-color: rgba(24, 43, 109, 0.9);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  height: 42px;
  position: absolute;
  -webkit-transition: 0.35s all ease-out;
  -o-transition: 0.35s all ease-out;
  transition: 0.35s all ease-out;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  width: 42px;
}

.product_page .product_tab .tab-content .item_list .item_list_img .link-ico i {
  color: #fff;
}

.product_page .product_tab .tab-content .item_list .item_list_img:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .75;
}

.product_page .product_tab .tab-content .item_list .item_list_img:hover .link-ico {
  opacity: 1;
  visibility: visible;
}

.product_page .product_tab .tab-content .item_list .item_list_text {
  padding: 15px;
  position: relative;
}

.product_page .product_tab .tab-content .item_list .item_list_text h3 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.product_page .product_tab .tab-content .item_list .item_list_text h3 a {
  color: #212529;
  text-decoration: none;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

.product_page .product_tab .tab-content .item_list .item_list_text h3 a:hover {
  color: rgba(24, 43, 109, 0.7);
}

.product_page .product_tab .tab-content .item_list .item_list_text .meta_data {
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative;
}

.product_page .product_tab .tab-content .item_list .item_list_text .meta_data span {
  margin-right: 15px;
}

.product_page .product_tab .tab-content .item_list .item_list_text .meta_data span i {
  margin-right: 5px;
}

.product_page .product_tab .tab-content .item_list .item_list_text p {
  color: #797979;
}

.product_page .product_tab .tab-content .item_list .item_list_text .btn-link {
  background-color: #182B6D;
  bottom: 0;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  display: block;
  margin-bottom: 0;
  line-height: 16px;
  letter-spacing: .3px;
  height: 24px;
  right: 0;
  position: absolute;
  padding: 4px 15px 4px 5px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
  white-space: nowrap;
}

.product_page .product_tab .tab-content .item_list .item_list_text .btn-link::after {
  border-style: solid;
  border-width: 0 0 24px 24px;
  border-color: transparent;
  border-bottom-color: transparent;
  border-bottom-color: transparent;
  border-bottom-color: #182B6D;
  content: "";
  left: -24px;
  height: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
  width: 0;
}

.product_page .product_tab .tab-content .item_list .item_list_text .btn-link:hover {
  background-color: rgba(24, 43, 109, 0.7);
}

.product_page .product_tab .tab-content .item_list .item_list_text .btn-link:hover::after {
  border-bottom-color: rgba(24, 43, 109, 0.7);
}

.product_page .product_tab .tab-content .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
}

.product_page .product_tab .tab-content .owl-nav button::before {
  content: "";
  width: 10px;
  height: 10px;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  margin-left: -7px;
  margin-top: -5px;
  top: 50%;
  left: 50%;
  position: absolute;
}

.product_page .product_tab .tab-content .owl-nav button.owl-prev::before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-left: -4px;
}

.product_page .product_tab .tab-content .owl-nav button.owl-next::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.product_page .product_tab .tab-content .owl-nav button.owl-next,
.product_page .product_tab .tab-content .owl-nav button.owl-prev {
  background-color: transparent;
  border-radius: 50%;
  height: 30px;
  outline: none;
  position: absolute;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  width: 30px;
}

.product_page .product_tab .tab-content .owl-nav button.owl-next {
  right: 0;
}

.product_page .product_tab .tab-content .owl-nav button.owl-prev {
  left: 0;
}

.product_page .product_tab .tab-content .owl-nav button.owl-next:hover,
.product_page .product_tab .tab-content .owl-nav button.owl-prev:hover {
  opacity: .6;
}

.product_page .product_tab .tab-content:hover .owl-nav button.owl-prev,
.product_page .product_tab .tab-content:hover .owl-nav button.owl-next {
  background-color: #04AAEF;
}

.product_page .product_tab .tab-content:hover .owl-nav button.owl-prev::before,
.product_page .product_tab .tab-content:hover .owl-nav button.owl-next::before {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

.product_about {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.product_about .title-text {
  margin-bottom: 15px;
}

.product_about ul {
  list-style-type: square;
  padding-left: 15px;
}

.product_about p {
  text-align: justify;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.product_list {
  margin-top: 50px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.product_list .product_list_text .title-text {
  margin-bottom: 15px;
}

.product_list .product_list_text p {
  text-align: justify;
}

.product_list .product_list_text a {
  color: #212529;
  font-size: 11px;
  letter-spacing: .6px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
}

.product_list .product_list_text a i {
  color: #04AAEF;
  font-size: 13px;
  margin-left: 5px;
}

.product_list .product_list_text a:hover {
  color: #04AAEF;
}

.product_list .product_list_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.product_list .product_list_img img {
  -webkit-transition: 0.45s all ease-out;
  -o-transition: 0.45s all ease-out;
  transition: 0.45s all ease-out;
}

.product_list .product_list_img .link-ico {
  background-color: rgba(24, 43, 109, 0.9);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  height: 42px;
  position: absolute;
  -webkit-transition: 0.35s all ease-out;
  -o-transition: 0.35s all ease-out;
  transition: 0.35s all ease-out;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  width: 42px;
}

.product_list .product_list_img .link-ico i {
  color: #fff;
}

.product_list .product_list_img:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .75;
}

.product_list .product_list_img:hover .link-ico {
  opacity: 1;
  visibility: visible;
}

.product_category {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.product_category .title-text {
  margin-bottom: 0;
}

.product_category .filter_div {
  margin-left: 10px;
  width: 300px;
}

.product_category .filter_div .form-control {
  border-color: #ddd;
  border-radius: 0;
  font-size: 14px;
}

.product_category .filter_div .form-control:focus {
  border-color: #ddd !important;
}

.product_category .product_item {
  display: none;
}

.product_category .item_list {
  background-color: #eee;
  margin-bottom: 30px;
}

.product_category .item_list .item_list_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 230px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.product_category .item_list .item_list_img img {
  -webkit-transition: 0.45s all ease-out;
  -o-transition: 0.45s all ease-out;
  transition: 0.45s all ease-out;
}

.product_category .item_list .item_list_img .link-ico {
  background-color: rgba(24, 43, 109, 0.9);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  height: 42px;
  position: absolute;
  -webkit-transition: 0.35s all ease-out;
  -o-transition: 0.35s all ease-out;
  transition: 0.35s all ease-out;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  width: 42px;
}

.product_category .item_list .item_list_img .link-ico i {
  color: #fff;
}

.product_category .item_list .item_list_img:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .75;
}

.product_category .item_list .item_list_img:hover .link-ico {
  opacity: 1;
  visibility: visible;
}

.product_category .item_list .item_list_text {
  height: 180px;
  padding: 15px;
  position: relative;
  overflow: hidden; /* Сховати переповнений текст */
  text-overflow: ellipsis; /* Додати многоточіє */
}

.product_category .item_list .item_list_text h3 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.product_category .item_list .item_list_text h3 a {
  color: #212529;
  text-decoration: none;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

.product_category .item_list .item_list_text h3 a:hover {
  color: rgba(24, 43, 109, 0.7);
}

.product_category .item_list .item_list_text p {
  color: #797979;
}

.product_category .item_list .item_list_text .btn-link {
  background-color: #182B6D;
  bottom: 0;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  display: block;
  margin-bottom: 0;
  line-height: 16px;
  letter-spacing: .3px;
  height: 24px;
  right: 0;
  position: absolute;
  padding: 4px 15px 4px 5px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
  white-space: nowrap;
}

.product_category .item_list .item_list_text .btn-link::after {
  border-style: solid;
  border-width: 0 0 24px 24px;
  border-color: transparent;
  border-bottom-color: transparent;
  border-bottom-color: transparent;
  border-bottom-color: #182B6D;
  content: "";
  left: -24px;
  height: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
  width: 0;
}

.product_category .item_list .item_list_text .btn-link:hover {
  background-color: rgba(24, 43, 109, 0.7);
}

.product_category .item_list .item_list_text .btn-link:hover::after {
  border-bottom-color: rgba(24, 43, 109, 0.7);
}

.block_about {
  padding: 15px 0 30px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.block_about .block_about_left .title-text {
  margin-bottom: 15px;
}

.block_about .block_about_left ul {
  list-style-type: square;
	margin-bottom: 5px;
  padding-left: 15px;
}

.block_about .block_about_left p {
	margin-bottom: 5px;
  text-align: justify;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.block_about .block_about_right ul {
  list-style-type: none;
  padding-left: 15px;
}

.block_about .block_about_right ul li {
  margin-bottom: 7px;
}

.block_about .block_about_right ul li .title-text {
	font-size: 13px;
  line-height: 17px;
  margin-bottom: 10px;
}

.block_about .block_about_right ul li p {
  margin-bottom: 0;
  text-align: justify;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.about {
  margin-bottom: 30px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.about .block_about_left .title-text {
  margin-bottom: 15px;
}

.about .block_about_left ul {
  list-style-type: square;
  padding-left: 15px;
}

.about .block_about_left p {
  text-align: justify;
}

.about .block_about_right .title-text {
  margin-bottom: 15px;
}

.about .block_about_right ul {
  list-style-type: none;
  padding-left: 0;
}

.about .block_about_right ul li {
  margin-bottom: 4px;
}

.about .block_about_right ul li .title-text {
  margin-bottom: 10px;
}

.about .block_about_right ul li p {
  margin-bottom: 0;
}

.about .block_about_right ul li p span {
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.strategy {
  margin: 50px 0 30px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.strategy .card_strategy {
  background-color: #eee;
  border: none;
  margin-bottom: 20px;
  padding: 50px;
  text-align: center;
}

.strategy .card_strategy .ico_strategy {
  border: 30px solid #fff;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #212529;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  height: 50px;
  width: 50px;
}

.strategy .card_strategy .ico_strategy i {
  font-size: 21px;
}

.strategy .card_strategy .title_strategy {
  font-weight: 700;
  letter-spacing: .6px;
  margin-bottom: 15px;
  margin-top: 15px;
  text-transform: uppercase;
}

.strategy .card_strategy p {
  color: #797979;
}

.referens {
  margin-bottom: 50px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.referens .title-text {
  margin-bottom: 30px;
}

.referens .thumbnails .thumbnail {
  display: block;
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.175);
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.175);
  margin-bottom: 30px;
  height: 360px;
  overflow: hidden;
}

.block_trend {
  background-color: #eee;
  padding: 50px 0 20px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.block_trend .block_trend_item {
  border: 1px solid #ddd;
  -webkit-box-shadow: 1px 1px 3px white;
  box-shadow: 1px 1px 3px white;
  margin-bottom: 30px;
  overflow: hidden;
  height: 155px;
}

.block_trend .block_trend_item .wrap_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  height: 155px;
  position: relative;
  width: 100%;
  border: 1px solid #fff; /* Тонка рамка для відокремлення */
  box-sizing: border-box; /* Врахування рамки в розмір контейнера */
}

.block_trend .block_trend_item .wrap_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Забезпечує правильну пропорцію зображення */
  transform: translate(-50%, -50%); /* Центрує зображення */
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 0.45s all ease-out;
  -o-transition: 0.45s all ease-out;
  transition: 0.45s all ease-out;
}

.block_trend .block_trend_item .wrap_img .link-ico {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  height: 42px;
  position: absolute;
  -webkit-transition: 0.35s all ease-out;
  -o-transition: 0.35s all ease-out;
  transition: 0.35s all ease-out;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
  width: 42px;
}

.block_trend .block_trend_item .wrap_img .link-ico i {
  color: #182B6D;
}

.block_trend .block_trend_item .wrap_img:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.block_trend .block_trend_item .wrap_img:hover .link-ico {
  opacity: 1;
  visibility: visible;
}

.block_trend .block_trend_item .wrap_text h2 a {
  color: #212529;
  text-decoration: none;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

.block_trend .block_trend_item .wrap_text h2 a:hover {
  color: rgba(24, 43, 109, 0.7);
}

.block_trend .block_trend_item .wrap_text p {
  font-size: 12px;
  line-height: 1.3;
}

.block_trend .block_trend_item .wrap_text .btn-link {
  background-color: #182B6D;
  bottom: 0;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  display: block;
  margin-right: 4mm;
  margin-bottom: 0;
  letter-spacing: .3px;
  height: 24px;
  right: 0;
  position: absolute;
  padding: 4px 15px 4px 5px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
  white-space: nowrap;
}

.block_trend .block_trend_item .wrap_text .btn-link::after {
  border-style: solid;
  border-width: 0 0 24px 24px;
  border-color: transparent;
  border-bottom-color: transparent;
  border-bottom-color: #182B6D;
  content: "";
  left: -24px;
  height: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
  width: 0;
}

.block_trend .block_trend_item .wrap_text .btn-link:hover::after {
  border-bottom-color: rgba(24, 43, 109, 0.7);
}

.block_trend .block_trend_item .wrap_text .btn-link:hover {
  background-color: rgba(24, 43, 109, 0.7);
}

.count {
  background-image: url(img/bg-count-1.webp);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 75px 0;
  position: relative;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
}

.count::after {
  background: #182B6D;
  background: -webkit-gradient(linear, right top, left top, from(#182B6D), to(#04AAEF));
  background: -webkit-linear-gradient(right, #182B6D, #04AAEF);
  background: -o-linear-gradient(right, #182B6D, #04AAEF);
  background: linear-gradient(to left, #182B6D, #04AAEF);
  content: "";
  height: 100%;
  opacity: .8;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
}
.count .title-text-count {
	color: rgba(255, 255, 255, 0.9);
	font-size: 17px;
  font-weight: 700;
	margin-bottom: 50px;
	position: relative;
	text-transform: uppercase;
  z-index: 1;
}
.count .circle {
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  display: inline-block;
  color: #f8f8f8;
  font-weight: 700;
  font-size: 26px;
  line-height: 110px;
  margin: 0 auto 40px;
  height: 110px;
  position: relative;
  width: 110px;
  z-index: 3;
}

.count .circle::before {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: "";
  height: 120px;
  left: -5%;
  top: -4%;
  position: absolute;
  width: 120px;
}

.count .circle::after {
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
  height: 20px;
  left: 50%;
  top: auto;
  position: absolute;
  width: 1px;
  bottom: -35px;
}

.count p {
  color: #f5f5f5;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .3px;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  z-index: 3;
}

.block_steps {
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1px;
  padding: 50px 0;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.block_steps .item_step {
  position: relative;
  width: 100%;
}

.block_steps .item_step .circle_step {
  background-color: #eee;
  border: 30px solid #fff;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  font-size: 32px;
  height: 50px;
  text-align: center;
  width: 50px;
}

.block_steps .item_step .text_step {
  color: #797979;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 1.175;
  position: absolute;
  left: 70px;
  top: 35%;
  width: 70%;
}

.block_video {
  padding: 50px 0 50px;
}

.video_text {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.video_text .title-text {
  margin-bottom: 20px;
}

.video_text p {
  margin-bottom: .6rem;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: justify;
}

.video_text ul {
  list-style-type: square;
  padding-left: 15px;
}

.video_text a {
  color: #212529;
  font-size: 11px;
  letter-spacing: .6px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
}

.video_text a i {
  color: #04AAEF;
  font-size: 13px;
  margin-left: 5px;
}

.video_text a:hover {
  color: #04AAEF;
}

.video_vantage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  height: 350px;
  position: relative;
  width: 100%;
}

.video_vantage .video_poster {
  -webkit-filter: grayscale(45%);
  filter: grayscale(45%);
  width: auto;
  height: 100%;
  max-width: inherit;
  min-height: 100%;
}

.video_vantage .wrap_play {
  margin-left: -50px;
  margin-top: -50px;
  left: 50%;
  height: 100px;
  top: 50%;
  position: absolute;
  width: 100px;
}

.video_vantage .wrap_play a {
  display: block;
}

.video_vantage .wrap_play a:hover img {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.video_vantage .wrap_play img {
  opacity: .8;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.video_vantage .wrap_play .iq-waves {
  position: absolute;
  width: 384px;
  width: 24rem;
  height: 384px;
  height: 24rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}

.video_vantage .wrap_play .iq-waves .waves {
  position: absolute;
  width: 384px;
  width: 24rem;
  height: 384px;
  height: 24rem;
  background: rgba(255, 255, 255, 0.2);
  background-clip: border-box;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 320px;
  background-clip: padding-box;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.video_vantage .wrap_play .iq-waves .wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.video_vantage .wrap_play .iq-waves .wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.video_vantage .wrap_play .iq-waves .wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

@-webkit-keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.block_partner {
  background-color: #eee;
  padding: 25px 0 0;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.block_partner .title-text {
  margin-bottom: 15px;
}

.block_partner p {
  color: #797979;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: justify;
}

.block_partner .partner .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: auto;
  position: relative;
  padding-top: 30px;
  max-width: 200px;
  margin-bottom: 30px;
}

.block_partner .partner .item img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  max-width: 100%;
  max-height: 80px;
  margin: 0 auto;
  opacity: .6;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  width: inherit !important;
}

.block_partner .partner .item:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}

.block_partner .footer_hr {
  background-color: transparent;
  border-top: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.9);
  margin-bottom: 0;
  margin-top: 10px;
  height: 1px;
  width: 100%;
}

.owl-partner.owl-carousel .owl-stage-outer {
  top: 5px;
}

.owl-partner.owl-carousel .owl-nav {
  position: absolute;
  top: 38%;
  width: 100%;
}

.owl-partner.owl-carousel .owl-nav button::before {
  content: "";
  width: 10px;
  height: 10px;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  margin-left: -7px;
  margin-top: -5px;
  top: 50%;
  left: 50%;
  position: absolute;
}

.owl-partner.owl-carousel .owl-nav button.owl-prev::before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-left: -4px;
}

.owl-partner.owl-carousel .owl-nav button.owl-next::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.owl-partner.owl-carousel .owl-nav button.owl-next,
.owl-partner.owl-carousel .owl-nav button.owl-prev {
  background-color: transparent;
  border-radius: 50%;
  height: 30px;
  outline: none;
  position: absolute;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  width: 30px;
}

.owl-partner.owl-carousel .owl-nav button.owl-next {
  right: 0;
}

.owl-partner.owl-carousel .owl-nav button.owl-prev {
  left: 0;
}

.owl-partner.owl-carousel .owl-nav button.owl-next:hover,
.owl-partner.owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #04AAEF !important;
}

.owl-partner.owl-carousel .owl-nav button.owl-next:hover::before,
.owl-partner.owl-carousel .owl-nav button.owl-prev:hover::before {
  border-bottom: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
}

.owl-partner.owl-carousel:hover .owl-nav button.owl-prev,
.owl-partner.owl-carousel:hover .owl-nav button.owl-next {
  background-color: #fff;
}

.owl-partner.owl-carousel:hover .owl-nav button.owl-prev::before,
.owl-partner.owl-carousel:hover .owl-nav button.owl-next::before {
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
}

.project {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.project .title-text {
  margin-bottom: 0;
}

.project .filter_div {
		margin-left: 10px;
		width: 300px;
}
.project .filter_div .form-control {
	border-color: #ddd;
	border-radius: 0;
	font-size: 14px;
}
.project .filter_div .form-control:focus {border-color: #ddd !important;}

.project .product_item {
  display: none;
}

.project .item_list {
  background-color: #eee;
  margin-bottom: 30px;
	width: 100%;
}

.project .item_list .item_list_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 170px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.project .item_list .item_list_img img {
  height: 100%;
  min-width: 100%;
  -webkit-transition: 0.45s all ease-out;
  -o-transition: 0.45s all ease-out;
  transition: 0.45s all ease-out;
  width: auto;
}

.project .item_list .item_list_img .link-ico {
  background-color: rgba(24, 43, 109, 0.9);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  height: 42px;
  position: absolute;
  -webkit-transition: 0.35s all ease-out;
  -o-transition: 0.35s all ease-out;
  transition: 0.35s all ease-out;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  width: 42px;
}

.project .item_list .item_list_img .link-ico i {
  color: #fff;
}

.project .item_list .item_list_img:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .75;
}

.project .item_list .item_list_img:hover .link-ico {
  opacity: 1;
  visibility: visible;
}

.project .item_list .item_list_text {
  height: 150px;
  padding: 15px;
  position: relative;
	text-align: center;
}

.project .item_list .item_list_text h3 {
  font-size: 14px;
	line-height: 1.4;
}

.project .item_list .item_list_text h3 a {
  color: #212529;
  text-decoration: none;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

.project .item_list .item_list_text h3 a:hover {
  color: rgba(24, 43, 109, 0.7);
}

.project .item_list .item_list_text .data_prpject {color: #bbb;}

.project_page {
  margin-bottom: 50px;
  -webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.project_page .project_page_content .title-text {
  margin-bottom: 20px;
}

.project_page .project_page_content h2 {
	font-size: 14px;
  font-weight: 700;
	text-transform: uppercase;
}
.project_page .project_page_content h3 {
	font-size: 14px;
  font-weight: 700;
}

.project_page .project_page_content p {
  text-align: justify;
}

.project_page .project_page_content ul,
.project_page .project_page_content ol {padding-left:15px;}

.project_page aside .label {
  margin-bottom: 10px;
  margin-top: 5px;
}

.project_page aside a {
  color: #182B6D;
}

.project_page .thumbnails {
  margin-top: 30px;
}

.project_page .thumbnails .thumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1px;
  overflow: hidden;
  height: 230px;
}

.thumbnails .image img {
    max-width: 100%;
    height: auto;
}


.project_page .thumbnails .thumbnail img {
  min-height: 100%;
  max-width: 150%;
  -webkit-transition: 0.45s all ease-out;
  -o-transition: 0.45s all ease-out;
  transition: 0.45s all ease-out;
  width: auto;
}

.project_page .thumbnails .thumbnail img:hover {
  opacity: .75;
}

.blog {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.blog .blog_list .blog_item {
  background-color: #eee;
  margin-bottom: 15px;
  height: 180px;
  overflow: hidden;
}

.blog .blog_list .blog_item .blog_item_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 180px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.blog .blog_list .blog_item .blog_item_img img {
  max-width: inherit;
  height: 180px;
  -webkit-transition: 0.45s all ease-out;
  -o-transition: 0.45s all ease-out;
  transition: 0.45s all ease-out;
  width: auto;
}

.blog .blog_list .blog_item .blog_item_img .link-ico {
  background-color: rgba(24, 43, 109, 0.9);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  height: 42px;
  position: absolute;
  -webkit-transition: 0.35s all ease-out;
  -o-transition: 0.35s all ease-out;
  transition: 0.35s all ease-out;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  width: 42px;
}

.blog .blog_list .blog_item .blog_item_img .link-ico i {
  color: #fff;
}

.blog .blog_list .blog_item .blog_item_img:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .75;
}

.blog .blog_list .blog_item .blog_item_img:hover .link-ico {
  opacity: 1;
  visibility: visible;
}

.blog .blog_list .blog_item .blog_item_text {
  height: 180px;
  padding: 15px 15px 15px 0;
  position: relative;
}

.blog .blog_list .blog_item .blog_item_text h3 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.blog .blog_list .blog_item .blog_item_text h3 a {
  color: #212529;
  text-decoration: none;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

.blog .blog_list .blog_item .blog_item_text h3 a:hover {
  color: rgba(24, 43, 109, 0.7);
}

.blog .blog_list .blog_item .blog_item_text .meta_data {
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative;
}

.blog .blog_list .blog_item .blog_item_text .meta_data span {
  margin-right: 15px;
}

.blog .blog_list .blog_item .blog_item_text .meta_data span i {
  margin-right: 5px;
}

.blog .blog_list .blog_item .blog_item_text p {
  color: #797979;
}

.blog .blog_list .blog_item .blog_item_text .btn-link {
  background-color: #182B6D;
  bottom: 0;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  display: block;
  margin-bottom: 0;
  line-height: 14px;
  letter-spacing: .3px;
  height: 24px;
  right: 0;
  position: absolute;
  padding: 4px 15px 4px 5px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
  white-space: nowrap;
}

.blog .blog_list .blog_item .blog_item_text .btn-link::after {
  border-style: solid;
  border-width: 0 0 24px 24px;
  border-color: transparent;
  border-bottom-color: transparent;
  border-bottom-color: transparent;
  border-bottom-color: #182B6D;
  content: "";
  left: -24px;
  height: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
  width: 0;
}

.blog .blog_list .blog_item .blog_item_text .btn-link:hover {
  background-color: rgba(24, 43, 109, 0.7);
}

.blog .blog_list .blog_item .blog_item_text .btn-link:hover::after {
  border-bottom-color: rgba(24, 43, 109, 0.7);
}

.blog .blog_pagination {
  margin: 30px 0;
}

.blog_page {
  margin-bottom: 30px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.blog_page .single_related_posts ul {
  list-style-type: square;
  margin-top: 15px;
  padding-left: 15px;
}

.blog_page .single_related_posts ul li a {
  color: #797979;
  text-decoration: none;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

.blog_page .single_related_posts ul li a:hover {
  color: #212529;
}

.blog_page hr {
  margin: 20px 0;
}
.blog_page .thumbnails {
  margin-top: 30px;
}
.blog_page .thumbnails .thumbnail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 1px;
	overflow: hidden;
	height: 185px;
}
.blog_page .thumbnails .thumbnail img {
	min-height: 100%;
  max-width: 150%;
	-webkit-transition: 0.45s all ease-out;
	-o-transition: 0.45s all ease-out;
	transition: 0.45s all ease-out;
	width: auto;
}

article .entry-content {
  margin-top: 15px;
}

article .entry-content h2 {
    font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
article .entry-content h3 {
	font-size: 14px;
  font-weight: 700;
}
article .entry-content p {text-align:justify;}
article .entry-content ol {
	margin-bottom: .5rem;
	padding-left: 15px;
}
article .entry-content ul {
	list-style-type: square;
	margin-bottom: .5rem;
	padding-left: 15px;
}

article .meta_data {
  color: #797979;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative;
}

article .meta_data span {
  margin-right: 15px;
}

article .meta_data span i {
  margin-right: 5px;
}

.contact {
  margin-bottom: 50px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.contact .title-text {
  margin-bottom: 20px;
}

.contact .label {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.contact .phone_wrap .phone {
  margin-bottom: 5px;
}

.contact .phone_wrap .phone a {
  color: #212529;
  text-decoration: none;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

.contact .phone_wrap .phone a:hover {
  color: #04AAEF;
}

.contact .phone_wrap .email a {
  color: #04AAEF;
  text-decoration: none;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

.contact .phone_wrap .email a:hover {
  color: #212529;
}

.maps .map_wraper {
  height: 400px;
}

/* error-404 */

.error-404 {
	-webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}
.error-404 .page-header {margin-top: 6%;}
.error-404 .page-header .error_404 {
	color:#C30;
	font-size: 36px;
	font-weight: 700;
}
.error-404 .page-content p {letter-spacing: 4px;}

footer {
  background-color: #eee;
  padding: 20px 0 15px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

footer .title-text {
  margin-bottom: 30px;
}

footer .footer_hr {
  background-color: transparent;
  border-top: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.9);
  height: 1px;
  width: 100%;
}

footer .social .btn {
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #ddd;
  color: #666;
  height: 38px;
  padding: .6rem;
  -webkit-transition: 0.15s all ease-out;
  -o-transition: 0.15s all ease-out;
  transition: 0.15s all ease-out;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
  width: 38px;
}

footer .social .btn i {
  font-size: 13px;
}

footer .social .btn:hover {
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}

footer .social .btn-deep-purple:hover {
  background-color: #4267B2;
  border-color: #4267B2;
}

footer .social .btn-purple:hover {
  background-color: #D50096;
  border-color: #D50096;
}

footer .social .btn-primary:hover {
  background-color: #007bff;
  border-color: #007bff;
}

footer .social .btn-danger:hover {
  background-color: #dc3545;
  border-color: #dc3545;
}

footer .social .btn-red:hover {
  background-color: #F70000;
  border-color: #F70000;
}

footer .social .btn-deep-blue:hover {
  background-color: #1DA1F2;
  border-color: #1DA1F2;
}

footer .feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

footer .feedback span {
  color: #797979;
}

footer .feedback .btn {
  margin-left: 50px;
}

footer .feedback .btn i {
  margin-left: 10px;
}

footer ul.footer_contact {
  color: #797979;
  list-style-type: none;
  line-height: 1.3;
  padding-left: 0;
}

footer ul.footer_contact span {
  color: #212529;
}

footer ul.footer_contact span i {
  color: #04AAEF;
  margin-right: 5px;
}

footer ul.footer_contact p {
  margin-bottom: 6px;
}

footer ul.footer_contact a {
  color: #797979;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

footer ul.footer_contact a:hover {
  color: #212529;
  text-decoration: none;
}

footer .footer_project {
  padding: 0 14px;
}

footer .footer_project .footer_project_img {
  padding: 1px;
}

footer .footer_project .footer_project_img a {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  overflow: hidden;
	height: 63px;
}

footer .footer_project .footer_project_img a img {
	min-height: 100%;
  max-width: 150%;
  width: auto;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

footer .footer_project .footer_project_img a img:hover {
  opacity: .8;
}

/* Додатковий код для корекції пропорцій */
footer .footer_project .footer_project_img {
  padding: 1px;
  overflow: hidden; /* Забезпечує обрізання зображення */
  border: 1px solid #fff; /* Тонка сіра рамка */
  box-sizing: border-box; /* Врахування рамки в розмір контейнера */
}

footer .footer_project .footer_project_img {
    position: relative;
    overflow: hidden; /* Забезпечує обрізання */
}

footer .footer_project .footer_project_img a img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%); /* Центрує зображення */
}


footer .footer_about {
  position: relative;
}

footer .footer_about .title-text {
  left: 0;
  top: 0;
}

footer .footer_about img {
  margin-bottom: 25px;
  position: relative;
  top: 5px;
  width: 150px;
}

footer .footer_about p {
  color: #797979;
  line-height: 1.32;
  position: relative;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: justify;
  z-index: 2;
}


footer .copirayt {
  color: #797979;
}

footer .copirayt .ws {
  text-align: right;
}

footer .copirayt .ws a {
  color: #797979;
  -webkit-transition: 0.25s all ease-out;
  -o-transition: 0.25s all ease-out;
  transition: 0.25s all ease-out;
}

footer .copirayt .ws a:hover {
  color: #212529;
  text-decoration: none;
}

.footer_nav_mobile {
  display: none;
}

.footer_nav_mobile .footer_mobile {
  background-color: #fefefe;
  border-top: 1px solid #eee;
  bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  position: fixed;
  width: 100%;
  z-index: 2100;
}

.footer_nav_mobile .footer_mobile .col-3 {
  padding: 0;
}

.footer_nav_mobile .footer_mobile .btn {
  color: #212529;
  width: 100%;
  padding: 12px 0;
  -webkit-transition: 0.15s all ease-out;
  -o-transition: 0.15s all ease-out;
  transition: 0.15s all ease-out;
}

.footer_nav_mobile .footer_mobile .btn i {
  font-size: 20px;
}

.footer_nav_mobile .footer_mobile .btn:hover {
  background-color: #2E3F7A;
  color: #fefefe;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}

.modal {
  z-index: 10500;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}

.modal .modal-dialog .modal-title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .6px;
  text-transform: uppercase;
}

.modal .modal-body .form-control {
  border-radius: 0;
  font-size: 13px;
}
.modal .modal-body .form-group {margin-bottom: 0;}
.modal .modal-body label {width: 100%;}
.modal .modal-body label > span {color: red;}
.modal .modal-body textarea,
.modal .modal-body input.wpcf7-text {
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	color: #495057;
	display: block;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	padding: .375rem .75rem;
	-webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	width: 100%;
}
.modal .modal-body input.wpcf7-text {height: calc(1.5em + .75rem + 2px);}
.modal .modal-body textarea {height: calc(4em + .75rem + 2px);}

.modal .modal-body .form-group .wpcf7-form-control-wrap .wpcf7-recaptcha {overflow:hidden;}

#preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  background: #fff;
  display: none;
}

.preloader_wrap {
  height: 100%;
  width: 100%;
}

.preloader_wrap > img {
  width: 200px;
}

.preloader4 {
  width: 35px;
  height: 35px;
  display: inline-block;
  padding: 0px;
  border-radius: 100%;
  border: 2px solid;
  border-top-color: rgba(12, 144, 206, 0.65);
  border-bottom-color: rgba(12, 144, 206, 0.15);
  border-left-color: rgba(12, 144, 206, 0.65);
  border-right-color: rgba(12, 144, 206, 0.15);
  -webkit-animation: preloader4 0.8s linear infinite;
  animation: preloader4 0.8s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
	margin-left: -17.5px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

@keyframes preloader4 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes preloader4 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

/*==========  Desktop First Method  ==========*/
@media only screen and (max-width: 1199px) {
  .navbar #search {
    width: 95%;
  }
  .block_trend .block_trend_item .wrap_img img {
    max-width: inherit;
    height: 100%;
    width: auto;
  }
  .block_trend .block_trend_item .wrap_text h2 {
    font-size: 11px;
    letter-spacing: 0;
  }
  .block_trend .block_trend_item .wrap_text p {
    line-height: 1.2;
  }
  .product_category .item_list .item_list_img {
    height: 200px;
  }
  .product_category .item_list .item_list_text {
    height: 200px;
  }
  .project_page .thumbnails .thumbnail {
    height: 160px;
  }
	.project .item_list .item_list_text {height: 170px;}
  .referens .thumbnails .thumbnail {
    height: 320px;
  }
}

@media only screen and (max-width: 991px) {
  .top_menu .top_menu_right .top-link li.email {
    display: none;
  }
  .navbar-expand-lg > .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar .navbar-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
  }
  .navbar .navbar-nav .dropdown {
    border-bottom: 1px dashed #ddd;
    position: relative;
  }
  .navbar .navbar-nav .dropdown .nav-link {
    padding-right: 40px;
  }
  .navbar .navbar-nav .caret {
    background-color: #f5f5f5;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 0;
    height: 36px;
    top: 0;
    position: absolute;
    text-align: center;
    width: 40px;
  }
	.navbar .navbar-collapse .menu-item-has-children {border-bottom: 1px dashed #ddd;}
	.navbar .navbar-collapse .menu-item-has-children > a::after {content:none;}
	.navbar .navbar-nav .menu-item > a {
		padding-left:0;
		padding-right:40px;
	}
  .navbar #search {
    display: block !important;
    position: static;
    opacity: 1 !important;
    width: 100%;
  }
  .navbar #search .form-control {
    border-radius: 0;
  }
  .navbar #search .btn {
    border-radius: 0;
  }
  .navbar .search_ico {
    display: none;
  }
  .slider {
    height: 350px;
  }
  #banner_adds .slider_text .slick-slide {
    height: 200px;
    padding: 20px;
  }
	#banner_adds .slider_text .slick-slide p {margin: 0;}
  #banner_adds .slider_fotos .item_img {
    height: 350px;
  }
  #banner_adds .slider_fotos .item_img .item_img_text {
    height: 350px;
  }
  .block_product .card {
    height: 200px;
  }
  .block_product .card .card-title {
    padding: 8px 15px;
    text-align: center;
    width: 100%;
  }
  .block_product .card .card-title::after {
    content: none;
  }
  .block_trend .block_trend_item .wrap_img img {
    max-width: 100%;
    height: auto;
    width: auto;
  }
  .block_trend .block_trend_item .wrap_text h2 {
    font-size: 13px;
    letter-spacing: .3px;
  }
  .block_trend .block_trend_item .wrap_text p {
    line-height: 1.3;
  }
  .video_vantage {
    margin-top: 15px;
  }
  .video_vantage .video_poster {
    width: 100%;
  }
  .block_steps .item_step {
    margin-bottom: 15px;
  }
  .blog .blog_list .blog_item {
    height: auto;
  }
  .blog .blog_list .blog_item .blog_item_img img {
    height: auto;
  }
  .blog .blog_list .blog_item .blog_item_text {
    height: auto;
    padding: 15px;
  }
  .product_page .thumbnails {
    margin-top: 20px;
  }
  .product_page .product_tab .nav-tabs .nav-link {
		font-size: 9px;
    letter-spacing: 0;
    padding: .5rem .6rem;
  }
  .product_page .product_tab .tab-content .item_list .item_list_img {
    height: 160px;
  }
  footer .feedback {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    justify-content: flex-end;
  }
  footer .feedback span {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .top_menu .top_menu_right {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .top_menu .top_menu_right .top-link li.email {
    display: inline-block;
  }
  .slider {
    display: none;
  }
  #banner_adds .slider_text h3 {
    margin-top: 38px;
  }
  #banner_adds .slider_text::after {
    background-color: #f3f3f3;
    border-width: 0;
    right: -200%;
    width: 200%;
  }
  #banner_adds .slider_fotos {
    display: none;
  }
  .block_product .card {
    height: 150px;
  }
.block_product .card .card-title {
    font-size: 9px;
    letter-spacing: 0;
    padding: 8px 5px;
}

  .block_about .block_about_right ul {
    padding-left: 0;
  }
  .count p {
    margin-bottom: 15px;
  }
	.project .title-text {margin-bottom: 20px;}
  .project_page .thumbnails .thumbnail {
    height: 200px;
  }
  .product_category .title-text {
    margin-bottom: 20px;
  }
  .product_category .item_list .item_list_img {
    height: 180px;
  }
  .product_category .item_list .item_list_text {
    height: 220px;
  }
	.product_category .item_list .item_list_text p {line-height: 1.27;}
  .product_page .product_tab .nav {
    display: block;
  }
	.product_page .product_tab .nav-tabs .nav-link {font-size: 13px;}
  footer .copirayt {
    text-align: center;
  }
  footer .copirayt .ws {
    text-align: center;
  }
}

@media only screen and (max-width: 575px) {
  .block_product {
    padding: 20px 0 0;
  }
  .block_product .card {
    margin-bottom: 15px;
    height: 250px;
  }
  .block_product .card img {
    width: 70%;
  }
  .block_product .card .card-title {
    font-size: 11px;
    letter-spacing: .3px;
    padding: 8px 15px;
  }
  .block_trend .block_trend_item .wrap_img img {
    max-width: inherit;
    height: 100%;
    width: auto;
  }
  .block_trend .block_trend_item .wrap_text h2 {
    font-size: 11px;
    letter-spacing: 0;
  }
  .block_trend .block_trend_item .wrap_text p {
    line-height: 1.2;
  }
  .block_steps {
    display: none;
  }
  .project .filter_div {
    display: block;
  }
  .project .filter_div .filter {
    margin-bottom: 20px;
  }
	.project .item_list .item_list_img {max-height: 350px;height: auto;}
	.project .item_list .item_list_img img {height: auto;}
	.project .item_list .item_list_text {height: 150px;}
  .referens .thumbnails .thumbnail {
    height: auto;
  }
	.industry {display:none;}
  footer .social {
    margin-bottom: 15px;
    text-align: center;
  }
  footer .feedback {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  footer .feedback .btn {
    margin-left: 0;
  }
  footer .footer_about {
    margin-top: 20px;
  }
	footer .copirayt {
    margin-bottom: 40px;
  }
	.footer_nav_mobile {
    display: block;
  }
	.scrollup {bottom: 50px;}
}

@media only screen and (max-width: 480px) {
	.mob_hidden_480 {display: none;}
  .top_menu .top_menu_right .top-link li.email {
    display: none;
  }
  .navbar .navbar-brand {
    width: 200px;
  }
  .navbar .navbar-brand img {
    width: 70%;
  }
  .navbar .navbar-collapse .dropdown-item {
    white-space: normal;
  }
  .block_trend, .count, .video_vantage {
    display: none;
  }
  .block_video {
		display:none;
    padding: 0px 0 50px;
  }
  .project_page .thumbnails .thumbnail {
    height: 230px;
  }
  .product_page .product_meta .wrap_btn p .product_meta_link {
    font-size: 9px;
  }
  .product_page .product_tab .tab-content .video_vantage {
    display: block;
    margin-bottom: 15px;
    height: 250px;
  }
  .product_page .product_tab .tab-content .item_list .item_list_img {
    height: 130px;
  }
  .product_category .item_list .item_list_img {
    height: 200px;
  }
  .product_category .item_list .item_list_text {
    height: 180px;
  }
	.project .opaque,
	.product_category .opaque {
		background-color: #fff;
		padding: 5px 0 2px;
		position: -webkit-sticky;
		position: sticky;
		top: 63px;
		z-index: 120;
	}
	.project .opaque .title-text,
	.product_category .opaque .title-text {display: none;}
	section.product_slick .slick-product {display: none;}
	.product_list {margin-top: 0;}
	.product_list .product_list_text p,
  .product_list .product_list_text a {display: none;}
	.breadcrumbs {height: 25px;}
	.breadcrumb {display: none;}
}

@media only screen and (max-width: 360px) {
  .top_menu .top_menu_left {
    display: none !important;
  }
  #banner_adds .slider_text h3 {
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 28px;
  }
  #banner_adds .slider_text p {
    margin-top: 5px;
    line-height: 1.3;
  }
  .product_page .product_meta .wrap_btn p .product_meta_link i {
    display: none;
  }
}

/*==========  Mobile First Method  ==========*/
@media only screen and (min-width: 1460px) {
  .slider {
    height: 600px;
  }
  #banner_adds .slider_fotos .item_img {
    height: 600px;
  }
  #banner_adds .slider_fotos .item_img .item_img_text {
    height: 600px;
  }
}

/*==========  komanda  ==========*/
    .contact-person__image img {
        border-radius: 50%;
        width: 170px;
        height: 170px;
        display: block;
        object-fit: cover;
        margin: 0 auto 10px auto; /* Центрування зображення та відступ знизу */
        transition: filter 0.3s; /* Анімація обезсвічування */
    }
    .contact-person__image img:hover {
        filter: grayscale(100%); /* Обезсвічування зображення при ховері */
    }
    .contact-person__content {
        text-align: left; /* Вирівнювання тексту по лівому краю */
        padding: 10px; /* Додаткові внутрішні відступи */
        flex: 1;
    }
    .contact-person__content h4, .contact-person__content h3, .contact-person__content .phone, .contact-person__content .social-icons {
        margin: 10px 0;
    }
    .social-icons {
        display: flex;
        gap: 10px;
    }
    .social-icons a {
        text-decoration: none;
        transition: color 0.3s; /* Анімація кольору іконок */
    }
    .social-icons a:hover {
        color: #57b6ff; /* Зміна кольору при ховері */
    }
    .social-icons .fa-facebook:hover {
        color: #1877F2; /* Колір для Facebook */
    }
    .social-icons .fa-twitter:hover {
        color: #000; /* Колір для Twitter */
    }
    .social-icons .fa-linkedin:hover {
        color: #0a66c2; /* Колір для LinkedIn */
    }
    .v-center__wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px; /* Додати відступ між картками */
        border: 1px solid #ddd; /* Рамка */
        padding: 20px; /* Внутрішні відступи */
        border-radius: 10px; /* Закруглені кути */
        background-color: #f9f9f9; /* Фоновий колір */
    }
    .fa {
        margin-right: 5px;
    }
    .phone {
        white-space: nowrap; /* Заборона переносів для номеру телефону */
    }
    .single-background {
        background-color: #f9f9f9; /* Єдиний фоновий колір */
        border: 1px solid #ddd; /* Рамка */
        border-radius: 10px; /* Закруглені кути */
        padding: 20px; /* Внутрішні відступи */
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .contact-form-wrapper {
        background-color: #e9e9e9; /* Інший фоновий колір для форми */
        border-radius: 10px; /* Закруглені кути */
        padding: 20px; /* Внутрішні відступи */
        flex: 2; /* Збільшена ширина форми */
        margin-left: 20px; /* Відступ між карткою HR і формою */
    }
    
/* Стилі для контейнера picture */
.item_list_img picture {
  display: block; /* Забезпечує правильне відображення для блокових елементів */
  overflow: hidden; /* Обрізає частини зображення, які виходять за межі контейнера */
  width: 100%; /* Забезпечує адаптивну ширину */
  height: 100%; /* Встановлює висоту в 100% від батьківського елемента */
}

/* Стилі для зображення всередині picture */
.item_list_img picture img {
  width: 100%; /* Заповнює ширину контейнера */
  height: 100%; /* Заповнює висоту контейнера */
  object-fit: cover; /* Забезпечує коректне заповнення контейнера */
  -webkit-transition: filter 0.45s ease-out, opacity 0.45s ease-out;
  -o-transition: filter 0.45s ease-out, opacity 0.45s ease-out;
  transition: filter 0.45s ease-out, opacity 0.45s ease-out;
}

/* Спеціальні стилі для форматів .webp */
.item_list_img picture source {
  display: block; /* Забезпечує правильне відображення для блокових елементів */
}

/* Ефект при наведенні на зображення */
.item_list_img:hover picture img {
  filter: grayscale(100%);
  opacity: 0.75;
}

/* Стилі для іконки */
.item_list_img .link-ico {
  background-color: rgba(24, 43, 109, 0.9);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.175);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  height: 42px;
  width: 42px;
  position: absolute;
  transition: opacity 0.35s ease-out, visibility 0.35s ease-out;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}

.item_list_img .link-ico i {
  color: #fff;
}

/* Показ іконки при наведенні на зображення */
.item_list_img:hover .link-ico {
  opacity: 1;
  visibility: visible;
}


/* Стилі для контейнера зображень для сторінок проектів */
.webp-image-container {
  overflow: hidden;
  width: 100%;
  height: 300px; /* Можна налаштувати відповідно до потреб */
  position: relative;
}

.webp-image-container picture,
.webp-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Обрізає зображення, щоб заповнити контейнер */
  object-position: center; /* Центрує зображення в контейнері */
}

/* Додаткові стилі для зображень у форматі .webp для сторінок проектів */
.webp-image-container source {
  display: block;
}

/* 24.06.2025 Zergii Zaitsev */
:root {
  --primary-color: #04AAEF;
  --text-color: #fff;
  --shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/* === Універсальні стилі для .post-thumbnail === */
.post-thumbnail {
  position: relative;
  height: 350px;
  overflow: hidden;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-bottom: 30px;
}

/* === Зображення всередині === */
.post-thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

/* === Заголовок поверх зображення === */
.post-thumbnail .title-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--text-color);
  text-align: center;
  padding: 10px;
  background: rgba(4, 170, 239, 0.5);
  border-radius: 5px;
  width: calc(100% - 20px);
  max-width: 90%;
  box-sizing: border-box;
  box-shadow: var(--shadow);
  transition: background 0.3s ease;
}

.post-thumbnail:hover .title-overlay {
  background: rgba(4, 170, 239, 0.7);
}

.post-thumbnail .title-overlay h2 {
  margin: 0;
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  line-height: 1.2;
  overflow-wrap: break-word;
}

/* === Медіа-запит до 768px === */
@media (max-width: 768px) {
  .post-thumbnail {
    height: 200px;
  }

  .post-thumbnail .title-overlay h2 {
    font-size: clamp(0.8rem, 2vw, 1.2rem);
  }
}

/* === Для категорії з ID 10 — кастомні стилі === */
body.taxonomy-category.term-10 .post-thumbnail {
  height: auto !important;
  overflow: visible !important;
}
/* 24.06.2025 Zergii Zaitsev */


/* Стилі для ненумерованих списків (ul) всередині .project_page_content */
.project_page_content ul.project-page-list {
    padding-left: 50px;
    margin: 0; /* Може знадобитися для скидання відступів */
}

/* Стилі для нумерованих списків (ol) всередині .project_page_content */
.project_page_content ol.project-page-list {
    padding-left: 50px;
    margin: 0; /* Може знадобитися для скидання відступів */
}

picture img {
  width: 100%; /* Зображення займає всю ширину контейнера */
  height: auto; /* Зберігає пропорції зображення */
  display: block; /* Запобігає небажаним відступам під зображенням */
}

/* Основні стилі кнопки */
.feedback_button_mainmenu {
    padding: 6px 12px; /* Зменшене відступи для менших кнопок */
    border: 1px solid #57b6ff;
    border-radius: 20px; /* Зменшене округлення кутів */
    background: #57b6ff;
    color: #fff !important; /* Білий текст */
    font-size: 14px; /* Розмір шрифту */
    text-align: center;
    text-decoration: none; /* Видалення підкреслення */
    line-height: 1.2; /* Висота рядка */
    transition: background 0.3s, color 0.3s, border-color 0.3s;
    outline: none; /* Прибрати стандартне обведення браузера */
    margin-left: 10px; /* Додає відступ зліва */
}

/* Стиль кнопки при наведенні */
.feedback_button_mainmenu:hover {
    background: #fff; /* Білий фон при наведенні */
    color: rgba(255, 165, 0) !important; /* Текст помаранчевий з прозорістю 10% */
    border-color: rgba(255, 165, 0); /* Кольоровий контур при наведенні */
}

/* Стиль кнопки при фокусуванні */
.feedback_button_mainmenu:focus {
    outline: none; /* Прибрати обведення при фокусуванні */
    box-shadow: none; /* Прибрати тінь при фокусуванні */
}


html {
    scroll-behavior: smooth;
}

/* Додаємо відступ до елементів, на які є посилання */
[id] {
    scroll-margin-top: 50px; /* Встановіть потрібний відступ */
}

.product_button i {
    margin-left: 8px; /* Відступ між текстом і іконкою */
    font-size: 14px; /* Розмір іконки */
}

.feedback_button{
  padding: 8px;
  border: 1px solid #57b6ff;
  width: 240px;
  border-radius: 25px;
  transition: all 0.3s;
  display: flex;
  justify-content: center;
  align-content: center;
  background: #57b6ff;
  color: white;
}

.feedback_button:hover{
  background: transparent;
  color: #000;
}

.feedback span{
  padding-right: 20px;
}

.wpcf7-form{
  display: flex;
  max-width:90%;
  margin: 0 auto;
  flex-direction: column;
  align-content: center;
}
.wpcf7-form>div, .wpcf7-recaptcha{
  margin: 0 auto;
}

.wpcf7-text,  .wpcf7-recaptcha>div{
  width: 100% !important;
}

.wpcf7-textarea{
  	width: 355px !important;
}

@media screen and (max-width: 530px){
  .wpcf7-textarea{
    width: 100% !important;
  }
} 

.wpcf7-recaptcha>div>iframe{
  width: auto !important;
}

.wow-modal-window{
  width: 500px !important;
}

.product_button{
	border: none;
    font-size: 11px;
    height: 27px;
    padding: 0.3rem 1rem 0.3rem 0.3rem;
    position: relative;
    text-shadow: -1px -1px 0 rgb(0 0 0 / 10%);
  	background-color: rgba(24, 43, 109, 0.9);
  	text-transform: uppercase;
  	font-weight: bold;
  	color: #fff;
      letter-spacing: .3px;
} 
.product_button:before {
    border-style: solid;
    border-width: 0 0 27px 27px;
    border-color: transparent;
    border-bottom-color: transparent;
    border-bottom-color: rgba(24, 43, 109, 0.9);
    content: "";
    left: -27px;
    height: 0;
    position: absolute;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    top: 0;
    width: 0;
}

.h2-p{
  text-align: center;
  font-size: 32px;
}

.footer_about .partner_logo.footer_project_img_tag img {
  width: 62.25px;
  height: 63px;
}
@media (max-width: 574px) {
  .footer_about .partner_logo.footer_project_img_tag img {
    width: 127.25px;
    height: 70px;
  }
}

/* 17.09.2024 Viacheslav Vikhliaiev */
.delivery_and_payment {
  background: #f4f6f9;
  padding: 1.2rem;
  padding-bottom: 0.2rem;
  font-size: 13px;
  border-radius: 10px;
  margin: 20px 0;
}
.delivery_and_payment ul {
  padding-left: 20px;
}
.delivery_and_payment p {
  margin-bottom: 0;
}
.price_and_status {
  margin-top: 20px;
}
.price_and_status .price {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 500;
}
.price_and_status .price span {
  font-size: 20px;
  font-weight: 700;
}
.price_and_status .status .in_stock {
  font-size: 13px;
  padding: .25em 1em;
  border-radius: .35rem;
  color: #0aaa6c;
  background-color: #dff6e6;
}

.price_and_status .status .pre_order {
  font-size: 13px;
  padding: .25em 1em;
  border-radius: .35rem;
  color: #FF9A52;
  background-color: #fff3eb;
}

.price_and_status .status .out_of_stock {
  font-size: 13px;
  padding: .25em 1em;
  border-radius: .35rem;
  color: #d93025;
  background-color: #ffe5e0;
}

.price_and_wrap_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.price_and_wrap_btn .price {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 500;
}
.price_and_wrap_btn .price span {
  font-size: 20px;
  font-weight: 700;
}
/* 17.09.2024 Viacheslav Vikhliaiev */

/* 11.04.2025 Sergii Zaitsev */

/* Скидаємо дефолтні відступи списку та колонки */
.col-lg-4.col-md-5.col-sm-12.col-12 {
    padding-left: 0;
    margin-left: 0;
}

.project-page-list {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
}

/* Стилі для елементів списку */
.project-page-list li.referens {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

/* Стилі для мітки */
.project-page-list .label.title-text {
    margin: 0 0 5px 0;
}

/* Стилі для контейнера зображення */
.project-page-list .thumbnails {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

/* Стилі для контейнера <a> */
.project-page-list .thumbnail-referens {
    display: block;
    width: 80%;
    overflow: hidden;
    border: 1px solid #ccc; /* Базовий колір рамки */
    padding: 5px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    text-align: left;
    margin: 10px 0 0 0;
    transition: all 0.3s ease; /* Плавний перехід для масштабування, тіні та рамки */
}

/* Ховер-ефект при наведенні */
.project-page-list .thumbnail-referens:hover {
    transform: scale(1.03); /* Невелике масштабування (3% збільшення) */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); /* Трохи більша тінь */
    border-color: #000; /* Яскравіша рамка */
}

/* Стилі для контейнера зображення всередині <a> */
.project-page-list .thumbnail-referens-container {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    text-align: left;
    margin: 0;
    padding: 0;
}

/* Стилі для зображення */
.project-page-list .thumbnail-referens-container img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0;
    padding: 0;
}

/* Прилипання бічної панелі */
@media (min-width: 992px) {
    .col-lg-4.col-md-5 aside {
        position: sticky;
        top: 120px;
    }
}

/* переклад на зображення */
.mfp-figure {
    position: relative; /* Для позиціонування перекладу */
}

.mfp-translation {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    font-size: 14px;
    line-height: 1.4;
    max-height: 80%;
    overflow-y: auto;
    z-index: 10;
}

/* 14.04.2025 — Saitsev Sergii - Стиль для ul і ol у контенті сторінок проєктів */
.project_page_content ul,
.project_page_content ol {
    margin-bottom: 20px; /* Відступ знизу */
    margin-left: 50px; /* Відступ зліва */
    padding-left: 0; /* Скидаємо дефолтний відступ */
    list-style: none; /* Прибираємо маркери за замовчуванням для ul, перевизначимо для ol */
}

.project_page_content ul li,
.project_page_content ol li {
    position: relative; /* Для позиціонування маркера */
    padding-left: 25px; /* Відступ тексту від маркера */
    margin-bottom: 10px; /* Відстань між пунктами */
    font-size: 16px; /* Читабельний шрифт */
    line-height: 1.5; /* Висота рядка */
}

/* Стилі для ul із фавіконом */
.project_page_content ul li::before {
    content: ''; /* Кастомний маркер */
    position: absolute;
    left: 0;
    top: 5px; /* Вирівнювання по тексту */
    width: 16px; /* Розмір маркера */
    height: 16px;
    background-image: url('/wp-content/themes/tweko/assets/icons/ico.png'); /* Фавікон */
    background-size: cover; /* Масштабуємо */
}

/* Вкладені ul */
.project_page_content ul ul {
    margin-top: 10px; /* Відступ зверху */
    margin-left: 20px; /* Менший відступ зліва */
    margin-bottom: 10px;
    list-style: disc; /* Стандартні круглі маркери */
}

.project_page_content ul ul li {
    padding-left: 0; /* Без додаткового відступу */
}

.project_page_content ul ul li::before {
    content: none; /* Прибираємо кастомний маркер */
}

/* Стилі для ol */
.project_page_content ol {
    list-style: decimal; /* Стандартна нумерація */
}

.project_page_content ol li {
    padding-left: 0; /* Без відступу, нумерація керує позиціонуванням */
}

.project_page_content ol li::before {
    content: none; /* Прибираємо кастомний маркер для ol */
}

/* Вкладені ol */
.project_page_content ol ol {
    margin-top: 10px; /* Відступ зверху */
    margin-left: 20px; /* Менший відступ зліва */
    margin-bottom: 10px;
    list-style: lower-alpha; /* Наприклад, a, b, c для вкладених ol */
}

/* 14.04.2025 — Saitsev Sergii - Колір гіперпосилань у контенті сторінок проєктів */
.project_page_content a {
    color: #182B6D;
    text-decoration: none;
    transition: color 0.3s ease;
}
.project_page_content a:hover {
    color: #04AAEF;
}

/* 16.04.2025 — Saitsev Sergii - Стиль для таблиць у контенті сторінок проєктів */
  .modern-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    margin: 20px 0;
    background: #fff;
    font-family: Arial, sans-serif;
  }
  .modern-table th, 
  .modern-table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
  }
  .modern-table th {
    background-color: #5A6A7A; /* Нейтральний темно-сірий для заголовків */
    color: #ffffff; /* Білий шрифт для контрасту */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .modern-table td {
    color: #333;
  }
  .modern-table tr:last-child td {
    border-bottom: none;
  }
  .modern-table tr:hover td {
    background-color: #f5f7fa; /* Нейтральний світло-сірий для ховер-ефекту */
    transition: background-color 0.3s ease;
  }
  .modern-table .section-header {
    background-color: #e8ecef; /* Нейтральний світло-сірий для об’єднаних комірок */
    color: #333; /* Темний шрифт для контрасту */
    font-weight: bold;
    text-align: center; /* Вирівнювання по центру */
  }
  @media (max-width: 768px) {
    .modern-table {
      display: block;
      overflow-x: auto;
      white-space: nowrap;
    }
  }
  
/* 03.07.2025 — Saitsev Sergii - Додаткові CSS для таблиць блогу */
.modern-table-wrapper {
  width: 100%;
  max-width: 730px;
  margin: 20px auto;
  padding: 0;
  box-sizing: border-box;
}

.modern-table-wrapper .modern-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
  margin: 0;
  background: #fff;
  font-family: Arial, sans-serif;
  table-layout: auto; /* Зміна з fixed на auto */
}

.modern-table-wrapper .modern-table caption {
  background-color: #5A6A7A;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  padding: 8px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.modern-table-wrapper .modern-table,
.modern-table-wrapper .modern-table tr td {
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  white-space: normal !important;
  width: auto !important; /* Прибираємо фіксовану ширину */
  max-width: none !important;
  min-width: 0 !important;
}

.modern-table-wrapper .modern-table th,
.modern-table-wrapper .modern-table td {
  padding: 6px 10px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
  line-height: 1.3;
  width: auto; /* без фіксованої ширини */
}

.modern-table-wrapper .modern-table th {
  font-size: 10px; /* Зменшений шрифт заголовків */
  background-color: #5A6A7A;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
}

.modern-table-wrapper .modern-table td {
  font-size: 12px;
  color: #333;
}

.modern-table-wrapper .modern-table .section-header {
  background-color: #e8ecef;
  color: #333;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}

.modern-table-wrapper table[su_table] {
  min-width: 0 !important;
  width: 100% !important;
  table-layout: auto !important;
}

@media (max-width: 768px) {
  .modern-table-wrapper .modern-table {
    width: 100%;
  }
  .modern-table-wrapper .modern-table caption {
    font-size: 11px;
    padding: 6px;
  }
  .modern-table-wrapper .modern-table th {
    font-size: 10px;
    text-align: center;
    padding: 6px 8px;
  }
  .modern-table-wrapper .modern-table td {
    font-size: 11px;
    padding: 6px 8px;
  }
}

@media (max-width: 480px) {
  .modern-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modern-table-wrapper .modern-table {
    min-width: 600px;
    table-layout: auto;
  }
  .modern-table-wrapper .modern-table caption {
    font-size: 10px;
    padding: 5px;
  }
  .modern-table-wrapper .modern-table th {
    font-size: 9px;
    text-align: center;
    padding: 5px 7px;
  }
  .modern-table-wrapper .modern-table td {
    font-size: 10px;
    padding: 5px 7px;
  }
}

/* === Контейнер логотипів партнерів === */
.footer_about .partner_logos {
  display: flex;
  flex-wrap: nowrap;           /* строго один ряд */
  gap: 12px;
  justify-content: flex-start;
  align-items: center;
}

/* === Окремий логотип === */
.footer_about .partner_logo {
  height: 52px;                /* бажана висота логотипів */
  flex-shrink: 1;              /* дозволяємо трохи стискатися при нестачі місця */
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* === Посилання === */
.partner_logo a {
  display: block;
  height: 100%;
}

/* === Зображення === */
.partner_logo img,
.partner_logo picture img {
  height: 100%;                /* головне правило */
  width: auto;
  max-width: 100%;             /* захист від вилазіння */
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out;
}

/* Hover ефект */
.partner_logo img:hover,
.partner_logo picture img:hover {
  filter: grayscale(0%) brightness(1.1);
  transform: scale(1.05);
}

/* === Desktop: горизонтальне розташування для t-weko.com === */
.footer_about.footer-intl-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}

/* === Mobile (до 576px) === */
@media (max-width: 576px) {
  .footer_about,
  .footer_about.footer-intl-layout {
    flex-direction: column;
    align-items: flex-start;
  }

  .partner_logos {
    margin-top: 10px;
  }

  .partner_logo {
    width: 60px;
    height: 60px;
  }
}

/* === Extra small devices (до 360px) === */
@media (max-width: 360px) {
  .partner_logo {
    width: 48px;
    height: 48px;
  }

  .partner_logos {
    gap: 6px;
  }

  .footer_about.footer-intl-layout {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

/* Стилі для вирівнювання зображення праворуч */
.image-right {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 165px;
    height: auto;
}
/* Адаптивність для мобільних пристроїв */
@media screen and (max-width: 768px) {
    .image-right {
        float: none;
        margin: 0 auto 20px;
        display: block;
    }
}

/* Картки команди – фото у кружечках */
.circle-image-container {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #ccc;
    margin: 0 auto;
}
.circle-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Основна секція з картками */
.su-row {
    display: flex;
    flex-wrap: wrap;      /* Дозволяємо перенос на новий рядок при необхідності */
    justify-content: center;
    gap: 20px;
    margin: 15px 0 25px;
}

.su-column {
    flex: 1 1 200px;      /* Картки можуть стискатися, мінімальна ширина 200px */
    max-width: 250px;     /* Обмеження максимальної ширини картки */
    text-align: center;   /* Центрування тексту */
}

/* Картка учасника */
.team-member {
    text-align: center;
}
.team-member .name {
    font-weight: bold;
    margin: 10px 0 5px;
}
.team-member .position,
.team-member .company {
    font-style: italic;
    margin: 5px 0;
}

/* Адаптивність для планшетів / мобільних */
@media (max-width: 768px) {
    .su-row {
        flex-direction: column;   /* Вертикально на мобільних */
        align-items: center;
        gap: 15px;
    }
    .su-column {
        width: 100%;              /* Колонки на всю ширину */
        max-width: 200px;
    }
}

/* Дуже малі екрани */
@media (max-width: 480px) {
    .circle-image-container {
        width: 80px;
        height: 80px;
    }
}

/* ====== ACCORDION STYLE ====== */
.acc-item {
    margin-bottom: 32px;
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(0, 150, 170, 0.15);
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}

.acc-item.active {
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
}

.acc-header {
    cursor: pointer;
    padding: 18px 20px 45px;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    user-select: none;
    background: #e9f8fb;
    border-radius: 10px 10px 0 0;
    transition: background 0.3s ease;
}

.acc-header:hover {
    background: #def5f8;
}

.acc-item.active .acc-header {
    background: #d8f2f6;
}

.acc-icon {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 12px;
    transform: translateX(-50%);
    font-size: 18px;
    transition: transform 0.3s ease;
    color: #008a9c;
}

.acc-item.active .acc-icon {
    transform: translateX(-50%) rotate(180deg);
}

.acc-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 22px;
    background: #ffffff;
    opacity: 0;
    box-sizing: border-box;
    transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;
}

.acc-item.active .acc-content {
    max-height: 1500px; /* достатньо великий, щоб вмістити весь контент */
    padding: 22px;
    opacity: 1;
    border-radius: 0 0 10px 10px;
}

/* Нижній відступ після контенту */
.acc-item.active .acc-content::after {
    content: "";
    display: block;
    height: 40px;
}

/* Ховер-ефект */
.acc-header:hover .acc-icon,
.acc-header:focus .acc-icon {
    transform: translateX(-50%) rotate(108deg);
}

/* =========================================================
   Project list — image ratio + watermark logo (PNG)
   Position: top-right
   ========================================================= */

.item_list_img {
    position: relative;
    display: block;
    aspect-ratio: 3 / 4;      /* стандарт карток проєктів */
    overflow: hidden;
    background: #f4f4f4;
}

.item_list_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- Watermark logo (PNG) --- */
.item_list_img::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 12px;

    width: 28px;
    height: 28px;

    background-image: url("/wp-content/uploads/2025/12/ico.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    opacity: 0.6;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

/* Hover — легкий акцент */
.item_list:hover .item_list_img::after {
    opacity: 0.85;
}

/* Mobile adjustments */
@media (max-width: 576px) {
    .item_list_img::after {
        width: 22px;
        height: 22px;
        top: 8px;
        right: 8px;
        opacity: 0.5;
    }
}


/* =========================================================
   Fallback for browsers without aspect-ratio support
   ========================================================= */

@supports not (aspect-ratio: 1 / 1) {
    .item_list_img {
        height: 300px;   /* fallback для старих браузерів */
    }

    .item_list_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}


/* =========================================================
   Project list — normalize image presentation
   Desktop / Tablet / Mobile optimized
   ========================================================= */

/* ---------------------------------------------------------
   Base (desktop)
   --------------------------------------------------------- */
.item_list_img {
    position: relative;
    display: block;
    aspect-ratio: 3 / 4;       /* Desktop: стандарт карток проєктів */
    overflow: hidden;
    background: #f4f4f4;
}

.item_list_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ---------------------------------------------------------
   Tablet optimization (≤ 768px)
   --------------------------------------------------------- */
@media (max-width: 768px) {
    .item_list_img {
        aspect-ratio: 4 / 5;   /* Менш витягнута картка */
        contain: layout paint; /* Менше repaint при скролі */
    }
}


/* ---------------------------------------------------------
   Mobile optimization (≤ 576px)
   --------------------------------------------------------- */
@media (max-width: 576px) {
    .item_list_img {
        aspect-ratio: 1 / 1;   /* Квадрат — оптимально для mobile */
    }
}


/* ---------------------------------------------------------
   Fallback for browsers without aspect-ratio support
   --------------------------------------------------------- */
@supports not (aspect-ratio: 1 / 1) {
    .item_list_img {
        height: 300px;         /* Безпечна фіксована висота */
    }

    .item_list_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}



/* ======================================================================
   SAFE OVERRIDES — ACCESSIBILITY, DEDUPLICATION, FIXES
   (added during technical CSS audit)
   ====================================================================== */

/* ----------------------------------------------------------------------
   1) FIX: invalid rgba() syntax in original CSS
   ---------------------------------------------------------------------- */

.feedback_button_mainmenu:hover {
    color: rgba(255, 165, 0, 1);
    border-color: rgba(255, 165, 0, 1);
}


/* ----------------------------------------------------------------------
   2) ACCESSIBILITY FIX: restore visible keyboard focus
   ---------------------------------------------------------------------- */

.navbar .navbar-toggler:focus-visible,
.navbar .search_ico:focus-visible,
.navbar a:focus-visible,
.navbar button:focus-visible,
#banner_adds a:focus-visible,
#banner_adds button:focus-visible,
.product_page .thumbnails .owl-nav button:focus-visible,
.product_page .product_tab .tab-content .owl-nav button:focus-visible,
.owl-partner.owl-carousel .owl-nav button:focus-visible,
.feedback_button_mainmenu:focus-visible {
    outline: 2px solid #57b6ff;
    outline-offset: 3px;
}

/* Fallback if outline was disabled globally */
#banner_adds *:focus-visible {
    outline: 2px solid #57b6ff;
    outline-offset: 3px;
}


/* ----------------------------------------------------------------------
   3) DEDUPLICATION: button focus handling (no visual change)
   ---------------------------------------------------------------------- */

.btn:focus,
.btn:focus-visible {
    box-shadow: none;
}


/* ----------------------------------------------------------------------
   4) DEDUPLICATION: pagination base styles
   ---------------------------------------------------------------------- */

.page-numbers {
    border: none;
    border-radius: 50%;
    text-align: center;
    line-height: 1.25;
}


/* ----------------------------------------------------------------------
   5) DEDUPLICATION: Owl Carousel navigation buttons (base)
   ---------------------------------------------------------------------- */

.owl-nav button {
    background: transparent;
    border: none;
    outline: none;
}


/* ----------------------------------------------------------------------
   6) LOCALIZATION: Owl Carousel nav buttons — focus only
   ---------------------------------------------------------------------- */

.product_page .thumbnails .owl-nav button:focus-visible,
.product_page .product_tab .tab-content .owl-nav button:focus-visible,
.owl-partner.owl-carousel .owl-nav button:focus-visible {
    outline: 2px solid #57b6ff;
    outline-offset: 2px;
}

/* ======================================================================
   PARTNERS LOGOS — HARD OVERRIDE (IF PREVIOUS DIDN’T APPLY)
   ====================================================================== */

/* 1) Контейнер: підхоплюємо кілька типових варіантів */
.partners-logos,
.tweko-partners,
.footer-partners,
.site-footer .partners-logos,
.site-footer .tweko-partners {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 48px !important;
  flex-wrap: nowrap !important;
}

/* 2) Якщо це Gutenberg/звичайні картинки всередині */
.partners-logos img,
.tweko-partners img,
.footer-partners img,
.site-footer .partners-logos img,
.site-footer .tweko-partners img {
  height: auto !important;         /* перебиває height="" */
  width: auto !important;          /* перебиває width=""  */
  max-height: 90px !important;     /* ключове обмеження */
  max-width: 280px !important;     /* щоб не “розпирало” */
  object-fit: contain !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

/* 3) Якщо картинки обгорнуті у WP/Elementor-обгортки */
.partners-logos figure,
.tweko-partners figure,
.footer-partners figure,
.partners-logos .wp-block-image,
.tweko-partners .wp-block-image,
.footer-partners .wp-block-image {
  margin: 0 !important;
}

/* 4) Мобільна адаптація */
@media (max-width: 768px) {
  .partners-logos,
  .tweko-partners,
  .footer-partners,
  .site-footer .partners-logos,
  .site-footer .tweko-partners {
    flex-wrap: wrap !important;
    gap: 24px !important;
  }

  .partners-logos img,
  .tweko-partners img,
  .footer-partners img,
  .site-footer .partners-logos img,
  .site-footer .tweko-partners img {
    max-height: 70px !important;
    max-width: 240px !important;
  }
}
/* ==========================================================
   HISTORY / ABOUT PAGE – compact layout + framed images
   (NO video changes, no holes under images, partners untouched)
   ========================================================== */

.entry-content h3.title-text{
  margin: 0 0 8px 0 !important;
}

.entry-content .row{
  margin-bottom: 12px !important;
}

.entry-content ul{
  margin: 8px 0 0 0 !important;
}

/* Right column images (exclude video + logos) */
.entry-content .row > .col-lg-5 img:not(.video_poster):not(.video-play):not(.partner-logo){
  display: block;
  width: 100%;
  max-width: 420px;
  margin: 0 0 0 auto;

  aspect-ratio: 4 / 3;
  height: auto;              /* важливо при конфліктах */
  object-fit: cover;

  box-sizing: border-box;
  border: 1px solid rgba(0,0,0,.12);
  padding: 6px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;          /* важливо для “країв” */

  cursor: zoom-in;
  transition: box-shadow .25s ease, border-color .25s ease;
}

.entry-content .row > .col-lg-5 img:not(.video_poster):not(.video-play):not(.partner-logo):hover{
  box-shadow: 0 8px 20px rgba(0,0,0,.15);
  border-color: rgba(0,0,0,.25);
}

/* Partners logos untouched */
.entry-content .partners-logos img.partner-logo{
  height: 54px;
  width: auto;
  max-width: 220px;
  object-fit: contain;

  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: default;
}

@supports not (aspect-ratio: 4 / 3){
  .entry-content .row > .col-lg-5 img:not(.video_poster):not(.video-play):not(.partner-logo){
    height: 220px;
  }
}

@media (max-width: 768px){
  .entry-content .row > .col-lg-5 img:not(.video_poster):not(.video-play):not(.partner-logo){
    max-width: 100%;
    margin: 0 auto;
  }
}

#article-tab {
    font-weight: 700;
    color: #4EABE9;
}

.wow-modal-window {
  max-height: 90vh;
  overflow-y: auto;
}

/* FIX: social icons centering */
footer .social .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}

footer .social .btn i {
  font-size: 13px;
  line-height: 1;
  display: block;
}

.footer_about .partner_logo picture img,
.footer_about .partner_logo img {
    width: auto !important;
    height: 52px !important;
    max-width: 100%;
}