:root {

  --sec-color: #4C9ED9;	/* светлосиний плашки баннеров */
  --menu-color: #1A3867;	/* #bbe6ff светлосиний мегаменю */
  --line-color: #006DAB;	/* темносиний линия */
  --line-color-brown: #996444; /* коричневый линия баннер */
  --gray-4: #444444;	/* темносерый */
  --gray-9: #999999;	/* серый */
  --gray-d: #dddddd;	/* серый */
  --gray-e: #eeeeee;	/* светлосерый */
  --background-color-white: #ffffff;	/* белый	фон */
  --text-color-white: #ffffff;		/* белый	текст */
  --text-color-headers: #1A3867;	/* белый	white в шапке */
  --background-color-footer: #1A3867;	/* темнотемносиний */
  --text-color-banners: #1A3867;	/* белый	white в шапке */
}

/* ------------------------------------------------------------- */

html body
{
color: #000000;
}

#sp-main-body
{
padding: 20px;
}

a,
a:hover,
a:focus
{
color: #274e13;
}

#sp-header
{
height:auto;
}

.btn-primary
{
background:#274e13;
border-color: #274e13;
color: #ffffff;
}


#sp-breadcrumb .breadcrumb
{
background: none;
padding: 5px 0px;
margin-bottom: 0;
}

#sp-breadcrumb  .breadcrumb .breadcrumb-item,
#sp-breadcrumb .breadcrumb .float-left
{
color: #274e13;
font-size: 16px;
}

#sp-breadcrumb .breadcrumb .fa-location::before {
content: "\f041";
}

#sp-breadcrumb span.fa
{
padding: 0px 10px;
}

#hedlogotext {
position: absolute;
top: 5px;
right: 2%;
display: block;
color: #274e13 !important;
font-size: 16px;
text-align: center;
}

#hedlogotext a {
color: #274e13 !important;
}

#sp-section-4
{
margin-top:10px;
}

#sp-section-1,  #sp-section-2
{
background: #274e13;
color: #fff;
}

#sp-section-1
{
background: #274e13 url("../images/laboratoriya_fon_0001.jpg") no-repeat scroll 85% 85%;
}

#sp-section-1.profsoyuz,
#sp-section-1.pedmarafon
{
background: #274e13;
}

#sp-section-2
{
border-top: 1px dotted #fff;
}

#sp-section-1 .logo
{
padding: 5px;
display: block;
}

#sp-section-1 .logo a
{
font-size: 0px;
color: #fff;
background: url("/images/logo_2.png") no-repeat scroll left center;
min-height: 160px;
display: block;
padding-left: 110px;
font-weight: bold;
text-transform: uppercase;
line-height: 50px;
background-size: contain;
}


#sp-section-1 .logo small {
display: block;
line-height: 1;
}

#sp-section-2 .sp-megamenu-parent
{
float: left;
}

#sp-section-1 .sp-megamenu-parent > li > a,
#sp-section-2 .sp-megamenu-parent > li > a
{
color: #fff;
font-weight:bold;
text-transform: uppercase;
line-height: 40px;
text-decoration: none
}


#sp-section-1 #offcanvas-toggler,
#sp-section-2 #offcanvas-toggler
{
height: 40px;
line-height: 40px;
}

#sp-section-1 #offcanvas-toggler > .fa ,
#sp-section-2 #offcanvas-toggler > .fa 
{
color: #fff;
font-weight:bold;
font-size: 0;
}





#sp-left .sp-module, 
#sp-right .sp-module
{
padding: 0;
margin-top: 10px;
}

#sp-left .sp-module,
#sp-right .sp-module
{
border: none;
}

#sp-left .sp-module .sp-module-title,
#sp-right .sp-module .sp-module-title
{
background: transparent;
color: #274e13;
font-size: 18px;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
border:none;
}

#sp-left .sp-megamenu-parent, 
#sp-right .sp-megamenu-parent
{
z-index: 9;
float: left;
width: 100%;
}

#sp-left .sp-dropdown
{
width:auto !important;
left: 100%;
top: 0px;
min-width: 100%;
}

#sp-left ul.menu > li > a
{
color: #274e13;
font-size: 15px;
line-height: 25px;
padding: 2px 5px;
}

#sp-left ul.menu > li > a:hover,
#sp-left ul.menu > li > a:focus
{
padding: 2px 5px;
background-color: #eeeeee;
}

#sp-left ul.menu > li.active > a,
#sp-left ul.menu > li.active > a:hover,
#sp-left ul.menu > li.active > a:focus
{
padding: 2px 5px;
color: #ffffff;
background-color: #274e13;
}

#sp-left ul.menu div.sp-dropdown-inner
{
background-color: #eeeeee;
padding: 0px;
}

#sp-left ul.menu div.sp-dropdown-inner ul > li > a
{
line-height: 25px;
color: #444444;
padding: 2px 5px;
}

#sp-left ul.menu div.sp-dropdown-inner ul > li > a:hover,
#sp-left ul.menu div.sp-dropdown-inner ul > li > a:focus
{
color: #ffffff;
background-color: #274e13;
}


#sp-left ul.menu > li.sp-has-child > a::after,
#sp-left ul.menu > li.sp-has-child > span::after
{
font-family: "FontAwesome";
content: " \f105";
}


#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a
{
    display: inline;
}

#sp-left .tagspopular ul > li .tag-count
{
  display: inline;
  margin: 0;
  padding: 0;
}




#sp-component .items-leading > .col
{
flex-basis: auto !important;
margin-bottom: 20px;
}

#sp-component .page-header h1
{
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #274e13;
}

#sp-component .subheading-category,
#sp-component .page-header h1
{
font-size: 26px;
color: #274e13;
margin-bottom: 20px;
display: block;
}

#sp-component .item-title,
#sp-component .article-details .article-header h1,
#sp-component .article-details .article-header h2
{
font-size: 20px;
color: #274e13;
margin-bottom: 20px;
}

#sp-component .article-list .article {
	margin-bottom: 10px;
	padding: 5px;
}

#sp-component .article-header a,
#sp-component .item-title a
{
color: #274e13;
}

#sp-component .cat-children
{
display: block;
clear: both;
border: 1px solid #eeeeee;
margin-top: 20px;
padding:5px;
}

#sp-component .category-desc a.dv_a_blue_bg
{
	display: block;
	clear: both;
	margin-bottom: 5px;
	padding: 3px;
	text-align: center;
	cursor: pointer;
	line-height: 18px;
	font-size: 16px;
	color: #444444;
	border: none;
	background: none;
}

#sp-component .category-desc a.dv_a_blue_bg,
#sp-component .category-desc a.dv_a_blue_bg:hover
{
	background: #4c9ed9;
	border: 1px solid #1A3867;
	color: #1A3867;
}

#sp-component .category-desc a.dv_a_blue_bg > img
{
	display: block;
	float: left;
	height: 50px;
	vertical-align: middle;
	border: none;
}

#sp-component .category-desc a.dv_a_blue_bg > br
{
display: block;
clear: both;
}

#sp-component p
{
font-size: 15px;
text-align:justify;
}

#sp-component td
{

padding: 2px;
vertical-align:top;
}

#sp-component td p
{
line-height:1em;
margin: 0px 0px 10px 0px;
}

#sp-component a:not(.btn)
{
color: #274e13;
}

#sp-component .readmore a
{
border: 1px solid #274e13;
color: #274e13;
border-radius: 4px;
padding: 5px;
}

#sp-component .article-info > span
{
color: #000000;
font-size: 14px;
}

#sp-component .article-info > span > time::before
{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
content: "⏰";
}

#sp-component .counter
{
display: inline-block;
margin-top: 20px;
padding: 6px !important;
background: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
float: none !important;
}

#sp-component .pagination .active a
{
color: #ffffff;
background: #274e13;
border: 1px solid #274e13;
}

a[href $='.doc'] {padding: 2px 0px 2px 20px; background: transparent url(../images/ico/doc.png) no-repeat center left;}
a[href $='.docx'] {padding: 2px 0px 2px 20px; background: transparent url(../images/ico/doc.png) no-repeat center left;}
a[href $='.xls'] {padding: 2px 0px 2px 20px; background: transparent url(../images/ico/xls.png) no-repeat center left;}
a[href $='.xlsx'] {padding: 2px 0px 2px 20px; background: transparent url(../images/ico/xls.png) no-repeat center left;}
a[href $='.ppt'] {padding: 2px 0px 2px 20px; background: transparent url(../images/ico/ppt.png) no-repeat center left;}
a[href $='.pps'] {padding: 2px 0px 2px 20px; background: transparent url(../images/ico/ppt.png) no-repeat center left;}
a[href $='.pptx'] {padding: 2px 0px 2px 20px; background: transparent url(../images/ico/ppt.png) no-repeat center left;}
a[href $='.ppsx'] {padding: 2px 0px 2px 20px; background: transparent url(../images/ico/ppt.png) no-repeat center left;}
a[href $='.pdf'] {padding: 2px 0px 2px 20px; background: transparent url(../images/ico/pdf.png) no-repeat center left;}
a[href $='.zip'] {padding: 2px 0px 2px 20px; background: transparent url(../images/ico/zip.png) no-repeat center left;}
a[href $='.rar'] {padding: 2px 0px 2px 20px; background: transparent url(../images/ico/zip.png) no-repeat center left;}

.boxplus-slider a {padding: inherit; background: none;}



.table-noborder td
{
border:none !important;
border-top: 1px solid silver !important;
border-bottom: 1px solid silver !important;
}


.spoilers .title
{
background: #ffffff url(../images/arrow-square.gif) no-repeat right -51px;
padding: 7px 15px;
margin: 0;
margin-top: 10px;
line-height: 1em;
border: solid 1px #c4c4c4;
cursor: pointer;
font-weight: normal;
font-size: 1em;
}

.spoilers .desc
{
display: none;
margin: 0;
padding: 10px 15px 20px;
background: none;
border-left: none;
border-right: none;
border-bottom: none;
}

.spoilers img
{
display:inline-block;
}








#sp-bottom
{
	background: #ffffff;
}

#sp-footer {
	background: #f7f7f7;
}

#sp-footer2
{
border-right: 1px solid #ffffff;
}

#sp-footer div.metrika
{
border-top: 1px solid #ffffff;
margin-top: 20px;
padding-top: 10px;
}

#sp-footer div.metrika a
{
float: right;
}


#sp-footer .qf3label
{
margin-bottom: 0px;
}

#sp-footer .qftextarea textarea
{
margin-bottom: 5px;
display: block;
width: 100%;
padding: 0.5rem 0.75rem;
font-size: 1rem;
line-height: 1.25;
color: #495057;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 0.25rem;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#sp-footer .qfsubmit .btn-primary:hover
{
    border-color: #336600;
    background-color: #336600;
}

#sp-footer .qfcapt
{
display:none;
}


.form-group #jform_tags
{
height:40px;
}

.edit.item-page .btn-toolbar
{
margin-top: 5px;
}

.mceBranding
{
display:none !important;
}

.edit.item-page a[href="#attrib-helix_ultimate_blog_options"],
.edit.item-page a[href="#language"],
.edit.item-page a[href="#metadata"]
{
display:none !important;
}



#kunena .kfrontend .btn-toolbar
{
display:none;
}

#kunena .kfrontend div[id^="section"]
{
display:block;
}

#kunena.layout .pagination li a
{
color: #274e13;
background-color: #ffffff;
border: 1px solid #eeeeee;
cursor: pointer;
padding: .5rem .75rem;
}

#kunena.layout .pagination li.active a
{
color: #ffffff;
background-color: #274e13;
border: 1px solid #274e13;
cursor: pointer;
padding: .5rem .75rem;
}

#kunena.layout nav[class^="visible"]
{
display:none;
}

#kunena.layout #topic-actions .btn,
#kunena.layout .row.message .kmessagepadding .btn,
#kunena.layout .row.message #btn_report
{
color: #274e13;
background-color: #ffffff;
border: 1px solid #eeeeee;
cursor: pointer;
padding: .5rem .75rem;
}

#kunena.layout #topic-actions .dropdown-menu
{
padding:0px 5px;
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container
{
display: block;
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .modesw
{
content: "BB-коды";
}

#kunena.layout > div > h1
{
font-size: 22px;
font-weight: 400;
color: #274e13;
}

#kunena.layout > div > h1 > svg
{
height:22px;
}

#kunena.layout #topic-actions
{
margin-top:10px;
}

#kunena.layout .search .btn
{
color: #274e13;
background-color: #ffffff;
border: 1px solid #eeeeee;
cursor: pointer;
padding: 4px 10px;
}

#kunena.layout .search input
{
position: relative;
width: auto;
float: right;
margin: 0px;
padding: 0px;
}

#jform_articletext_ifr iframe *
{
font-size:14px !important
}


/* --------------------------- vvv -------------------------------- */

#offcanvas-toggler {
float: left !important;
margin-right: 20px !important;
margin-left: 0px !important;
}

@media (max-width: 1200px)
{
	#sp-section-1 .logo a {
		background: url("../images/laboratoriya_logo1.png") no-repeat scroll left center;
		background-size: contain;
	}
}

@media (max-width: 992px)
{
	#sp-section-1 .logo a {
		background: url("../images/laboratoriya_logo1.png") no-repeat scroll left center;
		background-size: contain;
	}
}

@media (max-width: 768px)
{
	#sp-section-1 .logo a {
		background: url("../images/laboratoriya_logo1.png") no-repeat scroll left center;
		background-size: 70px;
		padding-left:80px;
		padding-right:80px;
		min-height: 80px;
		line-height: 1.2;
		font-size: 20px;
	}
	#hedlogotext {
		display:none;
	}
	#knop_ovz {
		display:none !important;
	}
	.offcanvas-inner ul.menu li{
		border-bottom: 1px solid silver !important;
	}
	.offcanvas-inner ul.menu li a{
		font-size: 14px !important;
	}

	#sp-section-2 #sp-menu ul.sp-megamenu-parent{
		display:block !important;
	}
}

@media (max-width: 576px)
{
	#sp-section-1 .logo a {
		background: url("../images/laboratoriya_logo1.png") no-repeat scroll left center;
		background-size: 70px;
		padding-left:80px;
		padding-right:80px;
		min-height: 80px;
		line-height: 1.2;
		font-size: 20px;
	}
}

/* --------------------------- ^^^ -------------------------------- */


.catalog-content-link-1
{
display:none;
}


#titlem span.form-text
{
color:red !important;
}

#sp-right .sp-module .dv_banners a.smp
{
font-weight:bold;
}

#sp-right .sp-module .dv_banners span.icoplus
{
float: left;
width: 40px;
height: 40px;
line-height: 36px;
border-radius: 50%;
font-size: 2rem;
background: white;
color: #324f13;
padding-left: 5px;
}

.smppage #sp-component .article-header h1
{
color: #324f13;
font-weight:bold;
text-transform: uppercase;
}

.smppage #sp-component .article-details p strong::before
{
display: inline-block;
content: "\f128";
font: normal normal normal 14px/1 FontAwesome;
font-size: 2rem;
text-rendering: auto;
margin-right: .5rem;
}

.smppage #sp-component .article-details p em::before
{
display: inline-block;
content: "\f10e";
font: normal normal normal 14px/1 FontAwesome;
font-size: 1.5rem;
text-rendering: auto;
margin-right: .5rem;
}