@charset "UTF-8";

.white {
	color: #333;
	background-color: #fff;
	margin: 0 auto 10px auto;
	border: 1px solid #f1f1f1;
	padding: 5px 10px;
}
.white:hover {
	color: #333;
	background-color: #f9f9f9;
}
.beige {
	color: #000;
	background-color: #e3e1df;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #fff;
}

.greys {
	color: #333;
	background-color: #fafafa;
	margin: 0 auto 5px auto;
	padding: 5px;
}
.greys:hover {
	color: #333;
	background-color: #ddd;
}

.blues {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
    background: #006699;
    background: -moz-linear-gradient(45deg, #006699 0%, #3399cc 100%);
    background: -webkit-linear-gradient(45deg, #006699 0%,#3399cc 100%);
    background: linear-gradient(45deg, #006699 0%,#3399cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006699', endColorstr='#3399cc',GradientType=1 );
}

.greens {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	background: #669933;
    background: -moz-linear-gradient(45deg, #669933 0%, #66cc33 100%);
    background: -webkit-linear-gradient(45deg, #669933 0%,#66cc33 100%);
    background: linear-gradient(45deg, #669933 0%,#66cc33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669933', endColorstr='#66cc33',GradientType=1 );
}
.oranges {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	background: #ff7b26;
    background: -moz-linear-gradient(45deg, #ff7b26 0%, #ffc108 100%);
    background: -webkit-linear-gradient(45deg, #ff7b26 0%,#ffc108 100%);
    background: linear-gradient(45deg, #ff7b26 0%,#ffc108 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b26', endColorstr='#ffc108',GradientType=1 );
}

.reds {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	background: #f32328;
    background: -moz-linear-gradient(45deg, #f32328 0%, #fe583c 100%);
    background: -webkit-linear-gradient(45deg, #f32328 0%,#fe583c 100%);
    background: linear-gradient(45deg, #f32328 0%,#fe583c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f32328', endColorstr='#fe583c',GradientType=1 );}

.colors {
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #d7d7d7;
	background: #ff7b26;
}
.reds h3::before,.oranges h3::before,.greens h3::before,.blues h3::before,.dark h3::before,.colors h3::before   {background-color:#fff !important;}

.dark {
	background-color: #444;
	margin: 0 auto 10px auto;
	color: #ddd;
	padding: 5px 10px;
}
.dark ul, .mcolor ul, .white ul {
	padding-left: 10px;
}

.dark a, .colors a { color: #ddd !important;}







 /*---my modifications----*/
  
  /* меню випадаюче*/
  
#sp-header {
	background-color: #000266!important;
	border-radius: 0px!important;
}  

/*головне меню колір меню*/
div#sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  color: #ffffff!important;
}

/*головне підменю, колір меню без лінка*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
	color:#000266;
} 
/*головне підменю, колір меню з лінком*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #000266!important;
}

/*головне підменю, колір меню при наведенні курсору і активного*/
.sp-menu-item:hover, .sp-menu-item.sp-has-child:hover  {
	background: #61C114;
}
.sp-megamenu-parent > li.active  {
	background: #FECA44;
}

#sp-header {
  	color: #61C114!important;
}

/*головне меню, забрати овал при наведенні і активному*/
.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active > a {
	background-color:transparent!important;
	box-shadow: none!important;
	border-radius:0px;
}

/*підменю, фонова заливка*/
.sp-dropdown li.sp-menu-item:hover {
	background:#FECA44;
}

/*верхея панель, колір*/
#sp-top-bar, #sp-top-bar a {
  color: #fff;
  background: #000266;
}

/*верхея панель, відступ від вікна браузера*/
#sp-top-bar {
  margin-top:0px;
}
/*верхея панель, лого по центру*/
.logo-image {
  margin: auto;
}


/*бічне меню, рамка навколо*/
#sp-left .sp-module {
	border: 1px solid #61C114;
	padding: 11px 5px 0 5px;
	border-radius: 3px;
}


/*бічне меню, заголовок модуля*/
#sp-left .sp-module .sp-module-title {
	text-transform: uppercase;
	font-family: Roboto Condensed;
	border-bottom: 2px solid #61c114;
}

/*бічне меню, пункти меню*/
#sp-left .sp-module ul > li > a {
	line-height: 20px;
	margin-left: 10px;
	font-family: Roboto Condensed;
}

/*бічне меню, підсвітка при наведенні*/
.menu-child li:hover, .menu .menu li:hover{
   background: #FECA44;
}
.sp-module ul > li > a:hover {
  color: #000266;
}

/*бічне меню, активний елемент підсвітка (документи)*/
.sp-module-content > ul > li.current  {
	background: #61C114;
}

/*бічне меню, активний елемент підсвітка*/
.menu-child li.active {
   background: #61C114;
}

/*бічне меню, стиль назви розділювачів*/
.menu-separator {
  font-weight: bold;
  font-family: Roboto Condensed;
  color: #61C114;
}

/*бічне меню, відстань між елементами меню і назвою модуля*/
#sp-left .sp-module .sp-module-title {
	margin: 0 0 10px;
	padding-bottom: 0px;
}

/*відстань між модулями*/
#sp-left .sp-module {
  margin-top: 15px;
}

/*відеогалерея заголовок*/
.jn-right h4 {
  text-transform: none;
  font-size: 18px;
}

/*заголовки модулів*/
h4, h2, h1 {
	text-transform:uppercase;
	font-weight:normal;
}

.article-details .article-header h1 {
  font-size: 28px;
}

/*вигляд блогу*/
.article-details .article-full-image img {
  width: 100%;
}

.article-introtext {
  display: none;
}

.article-list .article .article-intro-image {
	width: 340px;
	height: 170px;
	float: left;
	margin: 0 15px 0 0;
  	border-radius: 3px;
	border-bottom: 1px solid #f5f5f5;
}

.article-intro-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/*фон для статей блогу в категорії*/
.article-list .article {
  margin-bottom: 10px;
  padding: 10px 0 125px 10px;
  border: 1px solid #feca44;
  border-radius: 3px;
 /* background: #fff9e9;*/
  height: 192px;
}
.article-list .article .article-header h2 {
  margin: 0 10px 1.25rem 0;
}





a {color:#000266;}
.bg-primary {background:#000266!important;}
.page-item.active .page-link {
  background-color: #000266 !important;
  border-color: #000266 !important;
}

/*di image slider*/
.slide-desc-text-default .slide-title {
  font-size: 18px!important;
}
.slide-desc-text.slide-desc-text-default:hover {
  background: #FECA44;
}
.slide-desc-bg.slide-desc-bg-default {
  background: #61C114!important;
}

/*жирний separator*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    line-height: 20px;
    display: block;
    cursor: pointer;
    padding: 8px;
    font-size: 16px;
    font-weight: 600;
}
/*меню третього рівня відступ зліва*/
/*.menu-parent .menu-child ul > li > ul > li > a {
  padding: 0 0 0 20px!important; /* Встановлює відступ зліва для третього рівня меню */
/*}*/

#sp-left .menu-child ul > li > a {
  padding-left: 20px!important; /* Встановлює відступ зліва для четвертого рівня меню */
}