@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@1,700&family=PT+Sans&display=swap');

#module-menu-101-particle .g-main-nav .g-sublevel  li {
    background: #0b3c5f;
    padding: 10px 20px;
    color: white;
    margin: 0;
}

#module-menu-101-particle .g-main-nav .g-sublevel  li a {
    padding: 0;
    color: white;
    margin: 0;
}

.pull-left.item-image {
	margin: 1.5rem 1.5rem 1rem 0;
}
.item > p:first-of-type {clear: both}
.blog > .page-header {
	background: #1e3277;
	color: white;
	padding: 32px;
	margin: 0;
	line-height: 1.15;
  	text-transform: uppercase;
}

.blog > .page-header > h1 {
  margin:0
}

.divisions .contentspoiler .spoiler_label {
	background-image: none;
  	color: white;
	padding: 15px !important
    
}

.divisions .contentspoiler .spoiler_inner {

  	color: black;
    padding: 15px !important;
	text-align: left
  	
}

.divisions div#c12.contentspoiler .spoiler_label {
    background: #7b60a1;
}

.divisions div#c12.contentspoiler .spoiler_inner {
    background: #ebdffc;
}

.divisions div#c11.contentspoiler .spoiler_label {
    background: #dd473f;
}

.divisions div#c11.contentspoiler .spoiler_inner {
    background: #f2d8d7;
}

.divisions div#c10.contentspoiler .spoiler_label {
    background: #1d8797;
}

.divisions div#c10.contentspoiler .spoiler_inner {
    background: #d7f9ff;
}

.divisions div#c9.contentspoiler .spoiler_label {
    background: #5f8ca1;
}

.divisions div#c9.contentspoiler .spoiler_inner {
    background: #bbe3f5;
}

.divisions div#c8.contentspoiler .spoiler_label {
    background: #1485c8;
}

.divisions div#c8.contentspoiler .spoiler_inner {
    background: #d8eaf5;
}

.divisions div#c7.contentspoiler .spoiler_label {
    background: #e6a03a;
}

.divisions div#c7.contentspoiler .spoiler_inner {
    background: #fef8c8;
}

.divisions div#c6.contentspoiler .spoiler_label {
    background: #a45a89;
}

.divisions div#c6.contentspoiler .spoiler_inner {
    background: #f3deeb
}

.divisions div#c5.contentspoiler .spoiler_label {
    background: #34947c;
}

.divisions div#c5.contentspoiler .spoiler_inner {
    background: #b8f2e3
}

.divisions div#c3.contentspoiler .spoiler_label {
    background: #555;
}

.divisions div#c3.contentspoiler .spoiler_inner {
    background: #fff
}

.divisions div#c2.contentspoiler .spoiler_label {
    background: #4b93a3;
}

.divisions div#c2.contentspoiler .spoiler_inner {
    background: #c8e6ed
}


.divisions div#c0.contentspoiler .spoiler_label {
    background: #28794a;
}

.divisions div#c0.contentspoiler .spoiler_inner {
    background: #ccf6de
}

.box1 {
  margin-top: 50px;
}

div.item-page > div {overflow: auto}
.g-array-item-image img {width:100%}
.g-content-array .g-array-item-details > span {
	color: #54a4a8;
}
.gu {padding-right:27px !important}
#contentarray-4683-particle  .g-content-array .g-array-item-image{
  width:50%;
  margin: 12px 0;
  max-height: 450px;
  overflow: auto;
}
.g-array-item-image > a > img{border-radius: 16px; box-shadow: 1px 1px 5px #113822; }

#contentarray-4683-particle .g-grid:nth-child(even) .g-array-item-image {float:left; margin-right:27px}
#contentarray-4683-particle .g-grid:nth-child(odd) .g-array-item-image {float: right; margin-left:27px}
#contentarray-4683-particle .g-grid{
  background:lightblue;
  box-shadow: 2px 2px 7px #1a4f15;
  border-radius: 40px;	
  padding: 17px 27px;
  margin: 0 14px 28px 14px;
}
h1, h2, h3, h4, h5, caption, #g-sidebar .m-title {
    font-family: 'Arsenal', sans-serif; font-weight:700; font-style:italic;
  	margin: 40px 0 0 0 
  
}

.blog .items-row {border-bottom: solid #b9dcb9 3px;}

.blog-featured .items-row {margin-bottom: 1.55rem}
.blog-featured .item {
  padding: 27px;  
  background-image: linear-gradient(0deg, #d9f4fff0, #ecfced);  
  box-shadow: 2px 2px 7px #1a4f15;
  border-radius: 27px
}
#g-sidebar .hide-link{display: none}
.g-menu-item-284{padding: 20px 40px 5px 25px !important}
.welcome-text {
	
	background-image: url(/images/Owl.png);
	background-repeat: no-repeat;
	background-size: 12%;
  	background-position: 27px -2px
}
hr { 
    margin: 1.5rem 0;
    border-bottom: .1px solid #59cc73;
}

.content-category form {
	margin: 30px 0;
}
.g-img-circle{min-width: 200px}
.blog-featured {text-align:justify}
.blog-featured h2{text-align:center; font-size: 27px}
.blog-featured img, .blog-featured iframe,.blog-featured video{width:100%; display:block; margin:o auto}
.dark-theme #main #bar .centerWrapper {
	background: #215666 !important;
}
.dark-theme #main #bar {

	background: #215666 !important;
}

#g-header {

	background-image: url('/images/img01.jpg');

}
#rl-modals {z-index: 1000000;}
.counter{display:none}
#g-mobilemenu-container i {
	line-height: 2.2rem;
	margin-right: .5rem;
}
#g-offcanvas #g-mobilemenu-container ul {
	font-weight: bold;
	width: 19rem;
}
.pagination {
	margin: 28px 0 20px;
  font-weight:bold;
  color:#64717c
}
.pagination ul > li > a, .pagination ul > li > span {
	float: left;
	padding: 13px 15px;
	line-height: 20px;
	text-decoration: none;
	background-color: #ffffff;
	border: none;
	border-left-width: 0;
}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
  padding-right:24px
	
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
	border-left-width: 0px;
	
	border-bottom-left-radius: 20px;
	
	border-top-left-radius: 20px;
    padding-left:24px

	
}
#g-navigation .g-main-nav .g-dropdown {
	background-image: linear-gradient(45deg,#0a6dbf, #67dd66);
  color: #727272;

}
#g-sidebar .g-main-nav .g-toplevel > li > .g-menu-item-container {
	padding: 10px 0px;
	font-size:18px;
}
#g-sidebar .g-main-nav .g-toplevel > li {
	display: block;
}
/*.item-page, .blog {text-align:justify;}*/
.blog .items-row, .item-page .items-row {
	margin-bottom: 0rem;
}
.blog {background:white;}
.subheading-category {padding:1.5rem 1.5rem 0; margin:0;}
.blog .category-desc {padding:0 1.5rem 1.5rem; margin:0; border-bottom:2px solid #1b4363;}

#base .items-row, .item-page {
	padding: 2rem;
}

.m-logo-title {border-radius: 27px;
	box-shadow: inset 1px 1px 4px #33445c;
    background: #c4f5d7;
}
#logo-div {
	margin: 27px 0 0 0;
	padding: 0;
	

}
#mobile-logo-div {display:none;}

.m-logo {
    width:50px;
    margin: 3px 0 0 4px;
}

.float-left {

	padding-right: 15px;
}
#g-sidebar .m-title {
    color:#1b4363;
    font-size:1.4rem !important;
    background-image: linear-gradient(75deg, #70fac091,#ffffff00);
    border-bottom:4px solid #78a9e791;
    margin: 5px 0;    
}
 .m-title {
    font-family:'Arsenal', sans-serif; 
    font-weight:700; 
    font-style:italic;
    text-transform:uppercase;
    border-bottom:3px solid;
}
ul {margin: 0.75rem 1.5rem;display:inline-block;}
#g-navigation .g-main-nav .g-toplevel > li {
	margin: 0;
}
#menu-6409-particle {padding:0;margin:0;}
#g-navigation .m-item  {
	color: white;
	font-size: 1.2rem !important;
	
	
}
#g-navigation .m-item:hover {
	
}
 #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container{	padding:10px 20px;
}
.g-offcanvas-toggle {
	width:100%;
	left:0;
	top:0;
	padding: 0.4rem 1.5rem;
	font-size:inherit;
	background: #006565;
	position:relative;
	box-shadow: 0px 0px 2px black;
}
.g-offcanvas-toggle .fa-bars::before
{ content:"Меню"; font-family:"PT Sans";font-size:18px;}
.g-offcanvas-toggle[aria-expanded="true"] .fa-bars::before {
	content: "\f060";
	border: 5px solid;
	padding: 4px;
	margin-left: 0;
	left: -10px;
	position: relative;
	font-family:fontawesome;
}
.g-separator {
	border-radius: 12px 0 0 2px;
	background-image: linear-gradient(75deg, #126d88,#ffffff00);
	border-bottom: 2px solid #1b549d78;
	font-size: 19px;
	margin: 0;
	font-family: 'Arsenal', sans-serif; 
    font-weight:700; 
    font-style:italic;
}

strong {font-family: 'PT Sans', sans-serif; font-weight:700;}

.alert {
	border: 2px solid #ff6000;
	box-shadow: 4px 4px 12px #60543e;
}

@keyframes         owl-disappear {   0% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; }   }
 
.owl{

  animation: owl-disappear 10s linear; 
}

@keyframes         text-appear {   0% { opacity: 0; } 75%{ opacity: 0; } 100% { opacity: 1; }   }
 
.welcome-text{
  animation: text-appear 10s linear; 
}

/*.resp-tab td:first-child{min-width:240px;}*/
.resp-tab th:last-child, .resp-tab td:last-child {
	padding: 10px 0 10px 0;
   
	
}
.resp-tab p:not(:first-child) {
    margin-top:10px;
    
}
.resp-tab p {
    padding:0;
    margin:0;
    
}

.show_label_img, .hide_label_img{
	padding-left: 27px !important;

}
dl.article-info dd:not(:last-child)::after {
    content: none
}
.g-img-circle {
	border-radius: 50%;
	border: 8px solid #18957d;
	
	display: block;
	margin:20px auto;
	
	
}


caption {
    font-size:21px;
    background-image: linear-gradient(75deg, #b6ff6d91,#ffffff00);

    text-align:left;
    margin:12px 0 0 0;
}

.resp-tab {

    width: 100%;
    max-width: 100%;
}

/* .resp-tab th, .resp-tab td {
    padding: 10px 20px;
    border: none;
    border: 1px solid #337AB7;
    vertical-align: top;
}
.resp-tab th {
    color: #FFF;
    background: #337AB7;
    font-weight: bold;
    border: 1px solid #1a4a73;   
    text-transform: uppercase;   
    text-align: center;   
}
.resp-tab tr:nth-child(even) {
    background: #edf7ff;
}
.resp-tab td span {
    background: #337AB7;
    color: #FFF;
    display: none;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, sans-serif;   
    text-transform: uppercase;       
    padding: 5px 10px;
    position: absolute;
    top: 0;
    left: 0;   
}*/

.resp-tab th, .resp-tab td {
	padding: 10px 20px 10px 0;
    line-height: 25px;
	border-top: 2px solid #2a7f929c;
	
}

/*

    
h1, h2, h3, h4, h5 {
	border-radius: 12px 0 0 2px;

}


h1 a, h2 a {color:#0f593e;}
h3  {
    background-image: linear-gradient(75deg, #70fac091,#ffffff00);
    border-bottom:4px solid #78a9e791;
    margin: 1.5rem 0 1.5rem 0;
}
h4 {
    background-image: linear-gradient(75deg, #b6ff6d91,#ffffff00);
    border-bottom:3px solid #78a9e778;
}
h5 {
    background-image: linear-gradient(75deg, #faff6d91,#ffffff00);
    border-bottom:2px solid #78a9e778;
    font-size:19px;
    margin: 1.5rem 0 0.75rem 0;
    
}
h1, h2, h3, h4, h5, #g-sidebar .m-title {
	
	border-radius: 12px 0 0 2px;
*/
}
body h1, body h2, body h3, body h4, body h5, body caption, #g-sidebar .m-title {
    font-family: 'Arsenal', sans-serif; font-weight:700; font-style:italic;
	padding: 5px 0;
}

dl.article-info {
	margin-bottom: 1.4rem;
}

.base#g-navigation {box-shadow:0 0 3px #335c33;}

#g-navigation .g-main-nav {
	font-family: "PT sans";
	
}
#g-sidebar .g-title {line-height:1.5;}
.page-header h2 {margin-top:0.2rem;}
#base #g-sidebar li a {
    padding: 10px 0  10px 0;
    font-size:18px;
    
}
#base #g-sidebar li {
    display:block;
}
.g-main-nav .g-sublevel  li {
    display:block;
    background:#0eb86f;
    
}


#g-header .g-sublevel li {
    color:white;
    
}
#g-header .g-sublevel a {
        color:white;
}
.contentspoiler div.spi {
	padding: 6px 25px 6px 25px !important;
	
}
div.contentspoiler {
    font-family:"PT Sans";
	overflow: hidden;
	padding: 0px;

	border-radius: 23px !important;
	margin: 22px 0;
}
.contentspoiler div.spoiler_label {
	padding: 5px 0 7px 5px !important;
background-image: linear-gradient(45deg,#bbddf8, #b9f6b8);
    
}
/*27.06*/
.spl p {
    
    font-weight: 700;
}
#g-header .m-item  {
	color: #c6efff;
	font-size: 1.2rem !important;
	
	margin: 25px 10px;
	text-shadow: none;
	
}
#g-header .m-item:hover{
    color:white;
    
    
    
}
/*27.06*/
#g-mainbar p a[href $='.jpg']:before {
    content:"\f1c5" ;
font-family: 'FontAwesome';
  padding-right:7px;

}
#g-mainbar p a.thumbnail[href $='.jpg']:before {
    content:unset;
font-family: 'FontAwesome';
}
#g-mainbar a{position:relative}
#g-mainbar a[href $='.xls'], a[href $='.xlsx']:before {
    
    content:"\f1c3" ;
font-family: 'FontAwesome';
  padding-right:7px;

color:green;

}
#g-mainbar a[href $='.pdf']:before {
    
    content:"\f1c1" ;
font-family: 'FontAwesome';
  padding-right:7px;

color:red;
}
/*#g-mainbar a[href $='sign.pdf']:after {
    
    content:"\00a0\f573 \00a0\0020" ;
font-family: 'FontAwesome';

color:#007777;
}

#g-mainbar a[href $='sign.pdf']:hover::after {
    content: attr(data-title); 
    position: absolute; 
    width: 250px;
    z-index: 1;
    background: rgba(4, 110, 145, 0.8); 
    color: #fff;
    text-align: center; 
    font-family: Arial, sans-serif; 
    font-size: 11px; 
    padding: 5px 10px;
    border: 1px solid #333; 
   }
*/
.nav-list {border-left: 2px solid #00a4b4;}
.thumbnail {border-color: #00a4b4;}
.thumbnail>img {padding:0 !important;}
#g-mainbar a[href $='.doc']:before, a[href $='.docx']:before, a[href $='.rtf']:before {
  content:"\f1c2" ;
font-family: 'FontAwesome';
  padding-right:7px;

color:blue;

}
#g-mainbar a[href $='.ppt']:before, a[href $='.pptx']:before {
  content:"\f1c4" ;
  
font-family: 'FontAwesome';
padding-right:7px;
color:orange;

}
#g-mainbar a[href $='.zip']:before, a[href $='.rar']:before {
  content:"\f1c6" ;
font-family: 'FontAwesome';
  padding-right:7px;
color:purple;

}
/*#g-mainbar a[href^="http://"]:not([href*="sch435.spb.ru"]):before
{
    content:"\f08e" ;
font-family: 'FontAwesome';
padding-right:5px;
}
#g-mainbar a[href^="https://"]:not([href*="sch435.spb.ru"]):before
{
    content:"\f08e" ;
font-family: 'FontAwesome';
padding-right:5px;
}*/
#g-mainbar a[href^="mailto"]:before
{
    content:"\f003" ;
font-family: 'FontAwesome';
padding-right:7px;
}

a[href^="tel"]::before {
    content: "\f095";
    font-family: 'FontAwesome';
    padding-right: 7px;
}
#g-sidebar {
	background: #ffffffa6;
	color: #424753;
	padding: 0;
	border-bottom: 1px solid green;
	border-right: 1px solid green;
}

/*25.06*/
#g-container-main {
	background-image: linear-gradient(45deg,#0a6dbf, #67dd66);
}
/*.welcome-text {
    padding: 25px;
    height:450px;
    overflow-y:scroll;
    position:relative;
    z-index:10;
}
#fog {
    height:50px;
    background-image:linear-gradient(transparent,green);
    z-index:100;
}*/
.custom-welcome,.g-dropdown-column {
    width:75rem;
    margin: 0 auto;
    min-height:600px;
}
body {font-size:18px;}
.readmore{padding-top:20px;}
#g-mainbar {
  line-height:1.5;}

#base #g-mainbar {
    line-height:1.5;
    background-color:#ffffffdd;
    border:2px solid lime;
    padding:0;
}
/*#g-mainbar .items-row{padding-bottom:40px;}*/
.edit.item-page .btn-toolbar .btn, .pager.pagenav a, p.readmore .btn, .contact .form-actions .btn, #contact-form .controls .btn-primary.validate, .profile .btn, .login .btn, .logout .btn, .registration .btn, .profile-edit .btn, .remind .btn, .reset .btn, .search #searchForm .btn, .finder #searchForm .btn, .search #search-form .btn, .finder #search-form .btn {
	font-family: "PT Sans";
	font-size: 1rem;
	padding: 1.2rem 1.7rem;
	
}
.g-social {color:white;}


.g-logo {
	font-family: 'Arsenal', sans-serif; font-weight:700; font-style:italic;

	text-transform: none !important;
}

.g-home-particles.g-helium-style #g-header {
	margin-top: 0;
	padding: 0;
}


.g-main-nav .g-toplevel > li > .g-menu-item-container {

	padding: 10px 20px;
}
.custom-welcome p {
	font-family: 'Arsenal', sans-serif; font-weight:700; font-style:italic;
	font-size: 1.2rem;
	font-weight:700;
	/*text-align: left;*/
	line-height:1.6;
}
.custom-welcome .button{
    border:3px solid white;
   margin: 37px 0 26px;
   background:none;
   color:white !important;
   font-size:20px;
}
.button {
	display: inline-block;
	font-family: "PT sans";
	font-weight: 700;
	font-size: inherit;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	
	
	border: 3px solid transparent;
	border-radius: 2.5rem;
	margin: 0 0 0.5rem 0;
	padding: 1.5rem 3.125rem;
	vertical-align: middle;
	text-shadow: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}



#g-header::before {
    background-position:center bottom;
	background-image: -webkit-linear-gradient(-70deg, #155aa9, #00a338);
	background-image: linear-gradient(167deg,#155aa9, #00a338);
	opacity: 0.8;
	transition:all 2s;
}

.owl{
    padding: 140px 0 0 0;
    
    height:600px;
    opacity:0;
    position:absolute;
    margin:0 30rem;
}
.owl img {
    width:250px;
    

}
 
 @media screen and (min-width: 60rem) and (max-width: 74.99rem) { 
    .custom-welcome, .g-dropdown-column {
    width:60rem;
}
.owl{
    margin:0 22.5rem;
}
.items-row, .item-page {
	padding: .75rem 1.5rem;	
}
   
}
@media screen and (min-width: 48rem) and (max-width: 59.99rem) { 
     .custom-welcome, .g-dropdown-column {
    width:48rem;
}
.owl{
    margin:0 16rem ;
}
  .welcome-text{background: none}
  .items-row, .item-page {
	padding: .75rem 1.5rem;
	
}
 }
@media screen and (min-width: 30rem) and (max-width: 47.99rem) { 
     .custom-welcome, .g-dropdown-column  {
    width:30rem;
}
  .gu {
	padding-right: 0px !important;
}
.owl{
    margin:0 7rem;
}
.custom-welcome h2 {
	font-size: 1.6rem;
}
  .items-row, .item-page {
	padding: .75rem 1.5rem;
	
}

.float-left {
	float: none !important;
	width:100%;
	margin:0 auto;
}
 }
 @media screen and (max-width: 30rem) { 
     .custom-welcome {
    width:100%;
}
.custom-welcome h2 {
	font-size: 1.6rem;
}
   .welcome-text{padding:0 1.5rem; background:none}
.owl{
    margin:0;
    width:100%;
}
   .items-row, .item-page {
	padding: .75rem 1.5rem;
	
}
   .blog-featured .item{margin:.7rem}
div.contentspoiler {border:none !important;}
.contentspoiler div.spi {
	padding: 0 !important;
}
}
@media(max-width: 768px) {
#contentarray-4683-particle  .g-content-array .g-array-item-image{width:100%; margin: 0; padding:0 }
.welcome-text{padding:1.5rem 0; background:none}

    .resp-tab tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-bottom: 2px solid #2a7f929c;
        padding:5px 0;
    }
    .resp-tab td {
        margin: 0 -1px -1px 0;
        position: relative;
        width: 100%;
        border-top:none;
        padding:5px 0 !important;
    }
    .resp-tab td span {
        display: block;
    }
  .desktop {
    display: none
  }
    #logo-div {display:none;}
#mobile-logo-div {display:block; padding:0 1.5rem;}
}

