/**
 * Swiper 8.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 29, 2022
 */

/**** add igrkiv.ru ***/


/**** A modern CSS reset ***/
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}p{margin-top:0;margin-bottom:1em;}
fieldset {border:none; padding:0; margin:0}

:root {
--blue: #005281;
--blue2: #2ba6cb;
--green: #67A155;
--black: #222222;
--light:#F5F5F5;
--lightgrey:#ddd;
--grey: #546D91;
}

input[type="text"]:focus { outline: none; }   
input[type="button"]:focus { outline: none; }   
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
a:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
/* input#search-area118:focus { outline: none; }  */
button:focus { outline: none; }   

button:active, button:focus {
outline: none !important;
}
button::-moz-focus-inner {
border: 0 !important;
}
html {
	font-size:16px;
}
body {
background: #fff;
color:var(--black);
font-family: "Helvetica Neue", "Helvetica", Helvetica, "Roboto", Arial, sans-serif;
line-height: 1.5;
border-top: 8px solid #0772ba;
}
a {
color: var(--blue2);
text-decoration:none;
transition:.3s;
}
a:hover {
	color: var(--blue);
	text-decoration:none;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
font-weight:700;
line-height:1.2;
margin-top:0;
margin-bottom:0.75em;
}
.h1, h1 {
font-size: 36px;
}
.h2, h2 {
font-size: 36px;
}
.h3, h3 {
font-size: 28px;
}
.h4, h4 {
font-size: 18px;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.main-column ul {
list-style-type:disc;
margin-left: 20px;
}
.main-column li {
margin-bottom:1em;
}

.btn-primary {
color: #fff;
background: var(--blue);
box-shadow: inset 0px 4px 10px rgba(255, 255, 255, 0.25);
border:none;
border-radius: 10px;
padding: 13px 30px;
display: inline-flex;
align-items: center;
justify-content:center;
cursor:pointer;
transition: 0.3s;

}
.btn-primary:hover {
color: #fff;
background:var(--grey);
}
.btn-primary-o {
color: var(--blue);
border: 1px solid var(--blue);
background: #fff;
}
.btn-primary-big {
font-size:18px;
padding: 15px 35px;
}

.text-center {
	text-align:center;
}

.bg-grey {
	background:var(--light);
}

/* Отступы якорей */
.anchor{
    position: relative;
}
.anchor #catalog, .anchor #history, .anchor #partners, .anchor #contacts {
    position:absolute; 
    top:-120px;
}


/* a.link-hover-effect  { */
    /* display: inline-block; */
    /* line-height: 1; */
    /* text-decoration: none; /* Убираем подчеркивание */ */
    /* cursor: pointer; */
/* } */
/* a.link-hover-effect:after { */
    /* background-color: var(--lightgrey); /* Цвет линии при наведении на нее курсора мыши */ */
    /* display: block; */
    /* content: ""; */
    /* height: 2px; /* Высота линии */ */
    /* width: 0%; */
    /* transition: width .2s ease-in-out; */
/* } */
/* a.link-hover-effect:hover:after, */
/* a.link-hover-effect:focus:after { */
    /* width: 100%; */
/* } */


/***** header + nav *****/
.site-header {

}
.enerhead {
	display:grid;
	grid-template-columns:1fr 1fr 2fr;
	gap:30px;
	padding-top:20px;
	padding-bottom:15px;
	border-bottom: 1px solid #ccc;
	margin-bottom:15px;
}
.enerhead {
	line-height:1.1;
}
.header-title {
	font-size:25px;
	margin-top:15px;
	text-align:right;
	font-weight:700;
}
.header-descr {
	font-weight:bold;
	color:#4682B4;
	margin-bottom:15px;
	line-height:1.2;
}

.navbar {
padding:10px 0;
box-shadow: 4px 4px 16px rgba(0, 46, 108, 0.08);
background:var(--blue);	
border-top:2px solid #ac2921;
border-bottom:2px solid #ac2921;
}
.navbar-collapse {
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
}
.navbar-nav {
	margin:0;
	padding:0;
	list-style-type:none;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap: 30px 30px;
margin: 0;
flex:1
}
.navbar-nav li {
	margin-bottom:0;
}
.navbar-nav a{
font-size: 14px;
color: #fff;
text-transform:uppercase;
transition:0.3s;
}
.navbar-nav a:hover, .navbar-nav .current.active a{
color: var(--lightgrey);
}

.navbar-nav a  {
    display: inline-block;
    line-height: 1;
    text-decoration: none; /* Убираем подчеркивание */
    cursor: pointer;
}
/* .navbar-nav a:after { */
    /* background-color: var(--lightgrey); /* Цвет линии при наведении на нее курсора мыши */ */
    /* display: block; */
    /* content: ""; */
    /* height: 2px; /* Высота линии */ */
    /* width: 0%; */
    /* transition: width .2s ease-in-out; */
/* } */
/* .navbar-nav a:hover:after, */
/* .navbar-nav a:focus:after { */
    /* width: 100%; */
/* } */

.dropdown-menu {
    position: absolute;
    float: left;
    text-align: left;
    list-style: none;
    border: none;
    border-radius: 0;
	min-width:250px;
	box-shadow:0 10px 15px rgba(0,0,0,0.2);
	margin-top:0px;
	padding:0;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-item.active, .dropdown-item:active {
background: #af2592;
}

/*** end nav ***/



.breadcrumb {
background:none;
display:flex;
flex-wrap:wrap;
list-style-type:none;
padding-left:0;
font-size:14px;
}
.breadcrumb li {
    margin-bottom: 0;
	position:relative;
	display:flex;
	align-items:center;
	gap:10px;
	margin-right:10px;
}
.breadcrumb li:after {
	content:"/";
}
.breadcrumb li:first-child:after, .breadcrumb li:last-child:after {
	content:none;
}

.breadcrumb a{

}
.breadcrumb span{
color:#777;
}

.breadcrumb .divider img{
filter:grayscale(100%);
margin-right:5px;
margin-bottom: 2px;
}


.main-wrap.has_sidebar {
	display:grid;
	grid-template-columns:1fr 3fr;
	gap:30px;

}
.sidebar {
	order:-1;
	padding:0 0 50px 0;
	min-height: 100vh;
}
.home .sidebar {
	padding-top:50px;
}
.sidebar-sticky {
    position: sticky;
	top:15px;	
}
.main-content {
	padding:0 0 50px 0;
}
.home .main-content {
	padding-top:50px;
}

section, .section {
	padding:80px 0;
}
.section-title {
	font-size: 40px;
	text-align:center;
	margin-bottom:60px;
}
.section-title span {
	font-weight:600;
}


.plus {
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:10px;
margin-bottom:15px;
}
.plus-item {
font-size:14px;
text-align:center;
    background: #f9f9f9;
	font-style:italic;
	padding:20px 15px;
}
.plus img {
	width:40px;
	height:40px;
	margin:0 auto;
	margin-bottom:20px;

}

.contact-wrap {
	display:grid;
	grid-template-columns:7fr 5fr;
	gap:15px;
}

.sidebar-menu {
	margin:0;
	margin-bottom:20px;
	padding:0;
	list-style-type:none;
}
.sidebar-menu li {
    background: url(../img/logo2.png) no-repeat left top 7px;
	background-size:20px;
    padding-left: 25px;
    list-style: none!important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 6px;
}
.sidebar-menu li a {
color:var(--black);
}
.sidebar-menu li a:hover {
opacity:0.7;
}


/***** contact form *******/
input[type="text"], input[type="email"], textarea {
background: #FFFFFF;
border: 1px solid #D7DADD;
box-sizing: border-box;
border-radius: 4px;
width:100%;
margin-bottom:15px;
padding:15px;
}
label {
font-style: normal;
font-weight: normal;
font-size: 14px;
color: #333333;
}
.form-agree {
	margin-top:15px;
	font-size:15px;
}
.form-title {
margin-bottom:20px;
text-align:center;
}
.form-subtitle {
margin-bottom:20px;
text-align:center;
}


.debug .sscf-popup {
	display:none;
}

/*** footer ***/

.footer {
padding: 50px 0 20px;
background: #f9f9f9;
/* font-style:italic; */
}

.footer-wrap {
	display:grid;
	grid-template-columns:1fr 2fr 1fr;
	gap:30px;
}

a.footer__item{
	display: block;
}

.underfooter {
	background: var(--dark);
	color:#ddd;
	text-align:center;
	font-size:12px;
}

.totop {
	position:fixed;
	z-index:2;
	bottom:20px;
	right:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border:2px solid var(--blue);	
	color:#fff;
	background:var(--blue);
	border-radius:100%;
	font-size:30px;
	font-weight:bold;
	cursor:pointer;
	transition:0.3s;
}
.totop:hover {
color:#fff;
background:var(--grey);
}




/***** media ********/

/******************** media **********************/
.container {
max-width: 1030px;
margin:0 auto;
padding:0 15px;
}


@media (min-width: 1200px){

}

@media(max-width: 1200px) {

}

@media(max-width: 991px) {
	
.navbar {
    padding: 0;
}	  
.navbar-nav {
    margin:20px 0;
    gap: 20px;
    flex-direction: column;
}
.header .btn-primary {
	display:none;
}
.header .contact-email {
	display:none;	
}

.h1, h1 {
    font-size: 26px;
}
.h2, h2 {
    font-size: 22px;
}
.h3, h3 {
    font-size: 18px;
}
.h3, h4 {
    font-size: 1rem;
}
section, .section {
    padding: 30px 0;
}

.header {
	padding-top:15px;
}
.site-header {
    position: static;
}
.enerhead {
    display: flex;
    flex-wrap:wrap;
    gap: 10px 30px;


}
.header-adres {
    margin: 0;
}
.header {
    gap: 15px 30px;
    flex-wrap: wrap;
    justify-content: center;
}
.logo1 {
	max-width:140px;
}

.main-wrap.has_sidebar {
    display: block;
}
.header-title {
    font-size: 18px;
    margin-top: 15px;
    text-align: center;
}
.header-descr {
    text-align: center;
}

.sidebar-contact img {
	max-width:250px;
}

.sidebar {
    padding: 30px 0;
    min-height: 0;
}

.plus {
    grid-template-columns: 1fr;
}

} /*** max-width: 991px **/

@media (max-width: 640px) {

.contact-wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}
} /* max-width 640*/

/**offcanvas****/
.navbar-toggler {
	display:none;
	padding:4px 7px;
	background:var(--grey);
	border:1px solid #fff;
	color:#fff;
	position:fixed;
	top:15px;
	right:10px;
	width: 40px;
    height: 40px;
	z-index: 9;
    font-size: 20px;
	border-radius:5px;
}
.navbar-toggler i{
display:block;
}

/***** offcanvas ******/
@media (max-width: 991px) {
	
.navbar-toggler {
display:block;
}
  .offcanvas-collapse {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: -300px;
	width: 300px;
	padding-top: 3rem;
	padding-right: 1rem;
	padding-left: 1rem;
	overflow-y: auto;
	visibility: hidden;
	z-index:9999;
	background-color: var(--blue);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out, visibility .3s ease-in-out;
	transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  }

  .offcanvas-collapse.open {
	visibility: visible;
	-webkit-transform: translateX(300px);
	transform: translateX(300px);
  }

  .offcanvas-close {
	position: absolute;
	font-size: 2.5rem;
	font-weight: 700;
	cursor: pointer;
	color: #aaa;
	border: none;
	-webkit-appearance: button;
	background-color: transparent;
	right: 0;
	top: 0;
	padding: 0 1.5rem;


  }

  .offcanvas-open {
	overflow: hidden;
  }

}

@media (min-width: 992px) {
  .offcanvas-close {
	display: none;
  }
}

.social {
	display: flex;
	margin-top: 4px;
}
.social a {
	max-width: 24px;
	max-height: 24px;
	margin-right: 6px;
}
.social a:hover {
	transform: scale(1.1);
}
.social a img {
	max-width: 100%;
	max-height: 100%;
}
.reviews .items{
	display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.reviews .items .item{
	width: calc(100% / 1 - 30px);
    margin: 15px;
    text-align: center;
	padding: 10px;
    border: 1px solid #eee;
    border-radius: 8px;
	transition: all 400ms;
}
.reviews .items .item:hover{
	background: #f8f8f8;
}
.reviews .item .title{
	font-size: 18px;
    font-weight: 700;
    color: #054c85;
}
.reviews .item img{
	max-width: 100%;
    display: block;
	margin: 0 auto;
}
.reviews .item .text{
	font-size: 16px;
	border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
    display: block;
}
@media screen and (max-width: 767.98px) {
	.reviews .items .item{
		width: calc(100% / 1 - 30px);
	}
}
@media screen and (max-width: 575.98px) {
	.reviews .items .item{
		width: calc(100% - 30px);
	}
}

.footer {
    border-top: 1px solid #e5e5e5;
    padding: 20px 0 20px;
}
.mod-articles-category-date {display: block; margin-top: 2px;}
.mod-articlescategory {margin-bottom: 10px;}
.mod-articlescategory li {
  width: 99%;
    padding: 10px;
    background: #f7f7f7;
    position: relative;
    margin-bottom: 5px;
    font-family: Roboto,sans-serif;
    color: #333;
    font-size: 13px;
    line-height: 1.6;
    position: relative;
}
.mod-articlescategory li a:hover {text-decoration: underline;}

/* Меню Новости скрытие для компьютеров
Изменить если индефикатор другой, если не .item-115*/
@media screen and (min-width: 991px) {
  
}
/* Конец Меню новости */
.mod-articlescategory li:hover {border-right: 2px solid #005281;
}
@media screen and (min-width: 992px) {
  .col-sm-4 {width:33.3%;}
  .com-content-article__body .col-sm-4 img {padding-right: 5px;}
}
@media screen and (max-width: 991px) {
  .col-12 {width:100%;} 
  .com-content-article__body .col-12 img {margin: 0px auto 10px auto; height: auto;}

}
.com-content-article__body .row {
    display: flex;
    flex-wrap: wrap;
}