body,.sp-preloader {
	background-color: #FFFFFF;
	color: #252525;
}

.sp-preloader>div {
	background: #28a745;
}

.sp-preloader>div:after {
	background: #FFFFFF;
}

#sp-top-bar {
	background: #333333;
	color: #AAAAAA;
}

#sp-top-bar a {
	color: #AAAAAA;
}

#sp-header {
	background: #FFFFFF;
}

#sp-menu ul.social-icons a:hover,#sp-menu ul.social-icons a:focus {
	color: #28a745;
}

a {
	color: #28a745;
}

a:hover,a:focus,a:active {
	color: #218838;
}
a.btn:hover,a.btn:focus,a.btn:active {
	color: #ffffff;
}

.tags>li {
	display: inline-block;
}

.tags>li a {
	background: rgba(236, 67, 15, 0.1);
	color: #28a745;
}

.tags>li a:hover {
	background: #218838;
}

.article-social-share .social-share-icon ul li a {
	color: #252525;
}

.article-social-share .social-share-icon ul li a:hover,.article-social-share .social-share-icon ul li a:focus {
	background: #28a745;
}

.pager>li a {
	border: 1px solid #f6f7f8;
	color: #252525;
}

.sp-reading-progress-bar {
	background-color: #28a745;
}

.sp-megamenu-parent>li>a {
	color: #252525;
}

.sp-megamenu-parent>li:hover>a {
	color: #28a745;
}

.sp-megamenu-parent>li.active>a,.sp-megamenu-parent>li.active:hover>a {
	color: #28a745;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	background: #FFFFFF;
	overflow-x: hidden;
	overflow-y: auto;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
	color: #252525;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
	color: #28a745;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
	color: #28a745;
}

.sp-megamenu-parent .sp-mega-group>li>a {
	color: #252525;
}

#offcanvas-toggler>.fa {
	color: #252525;
}

#offcanvas-toggler>.fa:hover,#offcanvas-toggler>.fa:focus,#offcanvas-toggler>.fa:active {
	color: #28a745;
}

#offcanvas-toggler>.fas {
	color: #252525;
}

#offcanvas-toggler>.fas:hover,#offcanvas-toggler>.fas:focus,#offcanvas-toggler>.fas:active {
	color: #28a745;
}

#offcanvas-toggler>.far {
	color: #252525;
}

#offcanvas-toggler>.far:hover,#offcanvas-toggler>.far:focus,#offcanvas-toggler>.far:active {
	color: #28a745;
}

.offcanvas-menu {
	background-color: #FFFFFF;
	color: #252525;
}

.offcanvas-menu .offcanvas-inner a {
	color: #252525;
}

.offcanvas-menu .offcanvas-inner a:hover,.offcanvas-menu .offcanvas-inner a:focus,.offcanvas-menu .offcanvas-inner a:active {
	color: #28a745;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a,.offcanvas-menu .offcanvas-inner ul.menu>li span {
	color: #252525;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,.offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
	color: #28a745;
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
	color: #000000;
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {
	color: #000000;
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a {
	color: #000000;
}

.btn-primary,.sppb-btn-primary {
	border-color: #28a745;
	background-color: #28a745;
  border-radius: 10px;
  font-size: 16px;
	padding: 10px 15px;
}

.btn-primary:hover,.sppb-btn-primary:hover {
	border-color: #218838;
	background-color: #218838;
}

ul.social-icons>li a:hover {
	color: #28a745;
}

.sp-page-title {
	background: #28a745;
}

.layout-boxed .body-innerwrapper {
	background: #FFFFFF;
}
#sp-main-body {
	padding-top: 0px;
}
.sp-module ul>li>a {
	color: #252525;
}

.sp-module ul>li>a:hover {
	color: #28a745;
}

.sp-module .latestnews>div>a {
	color: #252525;
}

.sp-module .latestnews>div>a:hover {
	color: #28a745;
}

.sp-module .tagscloud .tag-name:hover {
	background: #28a745;
}

.search .btn-toolbar button {
	background: #28a745;
}

#sp-footer,#sp-bottom {
	background: #171717;
	color: #FFFFFF;
}

#sp-footer a,#sp-bottom a {
	color: #000000;
}

#sp-footer a:hover,#sp-footer a:active,#sp-footer a:focus,#sp-bottom a:hover,#sp-bottom a:active,#sp-bottom a:focus {
	color: #28a745;
}

#sp-bottom .sp-module-content .latestnews>li>a>span {
	color: #FFFFFF;
}

.sp-comingsoon body {
	background-color: #28a745;
}

.pagination>li>a,.pagination>li>span {
	color: #252525;
}

.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus {
	color: #252525;
}

.pagination>.active>a,.pagination>.active>span {
	border-color: #28a745;
	background-color: #28a745;
}

.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span:hover,.pagination>.active>span:focus {
	border-color: #28a745;
	background-color: #28a745;
}

.error-code,.coming-soon-number {
	color: #28a745;
}

/* =============================================
   OWL
   ============================================= */
.owl-theme .owl-nav {
  /* margin-top: 30px;
	margin-bottom: 30px; */
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
  background: #28a745;
  color: #ffffff;
  border: none;
  padding: 0 !important;
  font: inherit;
  width: 45px;
  height: 45px;
  border-radius: 50px;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -moz-transition: all 0.6s ease-in-out 0s;
  -ms-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  border-color: #218838;
  background-color: #218838;
  color: #FFF;
  text-decoration: none;
}
.owl-images-hp {
	background: #ffffff!important;
	padding: 15px;
  cursor: pointer;
  overflow: hidden;
  transition: 0.6s;
  -webkit-transition: all 0.6s ease-in-out 0s;
  -moz-transition: all 0.6s ease-in-out 0s;
  -ms-transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  transition: all 0.6s ease-in-out 0s;
	border: 1px solid #999999;
	border-bottom: 5px solid #28a745;
	border-radius: 10px;
}
.carousel-article {
	padding: 0px 0px 50px 0px;
}
.header-video .carousel-article {
	padding: 0;
}
.carousel-article video,
.owl-carousel .owl-item img {
	border: 2px solid #28a745;
	border-radius: 10px;
}
.pdf:before {
	content: '';
	position: absolute;
	top: 10%;
	left: 85%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: rgb(255 255 255);
	border: 1px solid #27a745;
	border-radius: 12px;
	background-image: url(/images/icons/pdf.svg);
	background-size: 40px 40px;
	background-position: center;
	background-repeat: no-repeat;
	pointer-events: none;
	z-index: 2;
	transition: transform 0.6s;
}
.pdf:hover::before {
    transform: translate(-50%, -50%) scale(1.1);
}

/* OWL NaV Test */
.owl-prev, .owl-next {
    position: absolute;
    top: 45%;
}
.owl-prev {
    left: -30px;
}
.owl-next {
    right: -30px;
}
.projects .owl-dots.disabled, .projects .owl-nav.disabled {
    display: block!important;
}
/* =============================================
   Menu
   ============================================= */

	 .navbar {
	     background: white;
	     border-bottom: 1px solid #e9ecef;
	 }
	 .navbar-nav .nav-link {
	     color: #1a2c3e;
	     font-weight: 500;
	     padding: 12px 16px;
	     transition: color 0.2s;
	 }
	 .navbar-nav .nav-link:hover,
	 .navbar-nav .nav-link.active {
	     color: #218838;
	 }
	 /* Выпадающее меню (десктоп) */
	 .dropdown-menu {
	     border-radius: 12px;
	     border: 1px solid #e9ecef;
	     box-shadow: 0 8px 24px rgba(0,0,0,0.05);
	     padding: 8px 0;
	     min-width: 220px;
	 }
	 .dropdown-item {
	     padding: 8px 20px;
	     font-size: 14px;
	     transition: background 0.2s;
	 }
	 .dropdown-item:hover {
	     background-color: #e9f5ec;
	     color: #218838;
	 }
	 /* Стили для мобильного offcanvas */
	 .offcanvas {
	     background: white;
	     width: 280px;
	 }
	 .offcanvas-header {
	     background: #218838;
	     color: white;
	 }
	 .offcanvas-header .btn-close {
	     filter: brightness(0) invert(1);
	 }
	 .offcanvas-body .navbar-nav .nav-link {
	     padding: 12px 20px;
	     border-bottom: 1px solid #f0f0f0;
	 }
	 .offcanvas-body .dropdown-menu {
	     position: static;
	     float: none;
	     width: auto;
	     margin-top: 0;
	     background-color: transparent;
	     border: 0;
	     box-shadow: none;
	     padding-left: 20px;
	 }
	 .offcanvas-body .dropdown-menu .dropdown-item {
	     padding: 8px 20px;
	 }
	 /* Кнопка-бургер */
	 .navbar-toggler {
	     border: 1px solid #ddd;
	     border-radius: 8px;
	     padding: 8px 12px;
	 }
	 .navbar-toggler-icon {
	     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	 }

		/* Меню */
		/* Мега-меню — минимальные стили, чтобы панель появлялась при ховере */
		.megamenu-nav {
		    display: flex;
		    list-style: none;
		    margin: 0;
		    padding: 0;
		    position: relative;
				height: 60px;
				align-items: center;
		    justify-content: space-between;
		    flex-direction: row;
		    flex-wrap: nowrap;
		}
		.megamenu-item {
		    position: relative;
				margin-bottom: 0px;
				margin-right: 15px;
		}
		.megamenu-link {
		    display: block;
		    /* padding: 20px 0px; */
		    text-decoration: none;
				font-weight: 400;
		}
		.megamenu-link.menu-service {
			font-size: 14px;
			border-color: #28a745;
	    background-color: #28a745;
	    border-radius: 5px;
			padding: 5px 10px;
			color: #ffffff;
		}
		.megamenu-link.menu-service:hover {
			color: #ffffff;
		}

		.megamenu-panel {
		    display: none;
				padding: 20px 0px;
				position: absolute;
		    top: calc(100% + 0px);
		    left: -25px;
		    right: 0px;
		    width: 1095px;
		    background: #fff;
		    z-index: 1000;
		    gap: 20px;
				-webkit-box-shadow: 0px 0px 25px 10px rgba(34, 60, 80, 0.3);
			  -moz-box-shadow: 0px 0px 25px 10px rgba(34, 60, 80, 0.3);
			  box-shadow: 0px 0px 25px 10px rgba(34, 60, 80, 0.3);
		}
		.megamenu-item.has-megamenu:hover .megamenu-panel {
		    display: flex;
		}
		.megamenu-col-left {
		    flex: 1;
		    border-right: 1px solid #eee;
		}
		.megamenu-col-right {
		    flex: 2;
		    padding-left: 15px;
				padding-right: 15px;
				overflow-x: hidden;
		    overflow-y: scroll;
				height: 760px;
		}
		.megamenu-col-right:empty {
		    display: none;
		}
		.megamenu-col-right .megamenu-depth-3plus {
				column-count: 2;
		}
		.megamenu-col-right .megamenu-depth-3plus li a {
				font-weight: 400;
		}
		.megamenu-col-right .megamenu-depth-3plus li::before a {

		}
		.megamenu-item.level1 {
			font-size: medium;
	    height: 60px;
	    position: relative;
	    display: flex;
	    align-items: center;
		}
		.megamenu-submenu, .megamenu-depth3-4 {
	    list-style: none;
	    padding: 0;
	    margin: 0;
			width: 100%;
		}
		.megamenu-submenu ul li {
			margin-bottom: 0px;
			border-bottom: 1px solid #ececec;
		}
		.megamenu-subitem a, .megamenu-depth3-4 a {
	    display: block;
	    padding: 7px 25px;
	    text-decoration: none;
	    color: #333;
		}
		.megamenu-subitem a {
			font-size: 14px;
			font-weight: 400;
		}
		.megamenu-depth3-4 a {

		}
		.megamenu-subitem:hover {
		  background-color: #f0f0f0;
		}
		.megamenu-subitem.level2 a {
			font-size: 16px;
			font-weight: 500;
		}
		.level-3 {
			font-size: 15px;
			list-style: circle;
		}
		.level-3 a {
			font-weight: 500!important;
		}
		.level-4 {
			margin-left: 15px;
	    font-weight: 500;
	    font-size: 14px;
			list-style: disc;
		}
		.level-4 a {
			font-size: 14px;
		}

		.level-5 {
			margin-left: 15px;
	    font-weight: 500;
	    font-size: 14px;
			list-style: disc;
		}
		.level-5 a {
			font-size: 14px;
		}

		/* Для одной колонки */
		.megamenu-panel.one-column {
		    width: 250px;
		}
		.megamenu-submenu.all-levels ul {
		    padding-left: 20px;
		}

		.new__product::before {
			content: "New";
	    background-color: #28a745;
	    color: #fff;
	    position: absolute;
	    top: -5px;
	    right: 0px;
	    font-size: 10px;
	    height: 15px;
	    line-height: 6px;
	    padding: 5px;
	    border-radius: 3px;
	    transform: rotate(0deg);
		}



		/* flexMenu styles */

		.flexMenu-viewMore > a {
		  background-color: #FF9640;
		}

		.flexMenu-viewMore.active > a, .flexMenu-viewMore > a:hover {
		  background-color: #FF7400;
		}

		.flexMenu-popup {
		  list-style-type: none;
		  padding: 0;
		  background-color: #5CCCCC;
		  margin: 0;
		}

		.lt-ie8 .flexMenu-popup {
		}

		.flexMenu-popup a {
		  display: block;
		}

		.flexMenu-popup a:hover {
		  background-color: #006363;
		  color: #fff;
		  display: block;
		}
		/* Offcanvas */
		ul.menu.nav-pills li:before {
			content: none;
		}

	 /* Хлебные крошки */
	 .mod-breadcrumbs__item.breadcrumb-item {
		 font-size: 12px;
		 color: #000000;
		 text-decoration: underline;
		 padding-left: 3px;
	 }
 	 .breadcrumb-item+.breadcrumb-item::before {
		 content: '>';
		 padding-left: 3px;
	 }
	 .mod-breadcrumbs__item.breadcrumb-item.active {
		 text-decoration: none;
		 color: #797979;
	 }

	 /* Лого */
	 #sp-header .logo a img {
		 height: 60px;
		 padding: 5px 0px 15px 0px;
	 }
	 /* Адаптив */
	 @media (max-width: 1199px) {
	     .navbar-nav .nav-link {
         padding: 10px 12px;
         font-size: 14px;
	     }
	 }
	 /* Кнопка на изображениях */
	 /* Заставляем секцию обёртывать все float-элементы */
 .content__inner section {
     display: flow-root;   /* или overflow: auto; */
 }

 /* Обёртка для изображения и кнопки */
 .button__img {
     position: relative;
     box-sizing: border-box;
     overflow: hidden;
     z-index: 10!important;               /* выше, чем у параграфов */
     background: transparent;   /* обязательно, иначе фон не кликабелен */
     transform: translateZ(0);
 }

 /* Изображение внутри обёртки */
 .button__img img {
     display: block;
     width: 100%;
     height: auto;
     float: none;
     padding: 0;
     margin: 0;
		 border: 2px solid #28a745;
     border-radius: inherit;
 }

 /* Кнопка – скрыта по умолчанию */
 .button__img .button__img-btn {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 10;
     background: #28a745;
     color: #ffffff;
     border: 1px solid #28a745;
     padding: 16px 48px;
     cursor: pointer;
     border-radius: 10px;
     font-size: 16px;
     white-space: nowrap;
     opacity: 0;
     transition: opacity 0.2s ease-in-out;
     pointer-events: auto;     /* кнопка кликабельна, когда видна */
 }

 /* Показываем кнопку при наведении на обёртку */
 .button__img:hover .button__img-btn {
     opacity: 1;
 }


 /* Показываем кнопку при наведении на обёртку */
 .button__img img {
	 filter: brightness(100%);
   transition: all 0.2s ease-in-out;
 }
 .button__img:hover img {
	 filter: brightness(40%);
 }

 /* ХЕДЕР */
 #sp-header {
     height: 60px;
     width: 100%;
     position: relative;
     z-index: 99;
     box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
     animation: spFadeIn 0.5s;
 }