@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

	:root {
--bg-color: #f4f6f4; /*цвет фона*/
--bg-cont-color:#fff; /*цвет фона контента*/
--black-color: #2e3532; /*чёрный цвет - футер*/
--white-color: #fff;

--font-color: #333; /*цвет шрифта*/
--title-color:#222; /*цвет заголовка*/
--grey-text-color:#999; /*серый цвет*/
--ddd-color:#ddd; /*тоже серый цвет*/
--dark-black-color: #1C211F; /*глубокий чёрный цвет*/
--border-color: #eaeaea/*#ebebeb*/;
--light-grey-color: #efefef;

--corp-main-color: #004a84;
--corp-alt-color: #3d96c2;
}

/*https://itchief.ru/javascript/simple-adaptive-slider#demo*/

/***********************************/
/**********БАЗОВЫЕ СТИЛИ***********/
/**********************************/
* {
box-sizing: border-box;
margin:0;
padding:0;
vertical-align: top;
font-family: 'Roboto', Arial, sans-serif;
font-size:100%;
}

body {
min-width: 320px;
background: var(--bg-color); /*основной цвет фона*/

text-rendering: optimizeLegibility;
color:var(--font-color);

 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
        sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

/*Изменение курсора при наведении на кнопки и ссылки*/
button, input[type=button], a{
cursor:pointer;	
}

img, object {max-width:100%;}


/*Сброс обтекания*/

.clearboth:after, .clearboth:before {
content: '';
display: table;
}

.clearboth:after{
clear: both;
}

/*Сброс обтекания - через div*/
.sd_clr {
clear:both;
}

/*Класс для внутренних отступов*/

.padding_around {
padding: 20px 10px;	
}

.padding_top {
padding-top:10px;
}

.object_list {
background: #f9f9f9;
border-radius: 4px;
padding: 10px;
padding-bottom:5px !important;
}

.object_list > h3 {
color:#555;
font-size:14px;
font-weight:300;
text-align:center;
padding-bottom:5px;
text-transform:uppercase;
letter-spacing: 0.3em;
}

.object_list ul{
list-style:none;
}

.object_list ul li a{
color: var(--corp-main-color);
font-weight:400;
text-decoration: none;
display:block;
padding:15px 10px;
border-bottom:1px dotted #ccc;
}

.object_list > ul li:last-child a{
border-bottom:0;
}

.object_list ul li a:hover{
background: #f7f7f7;
color: var(--corp-alt-color);
border-radius: 4px;
}

/*Выравнивание текста по центру*/

.txt_centr {
text-align: center;	
}


/*Имитация таблицы*/
/******************/

/*Ширина блока таблицы*/
.sd_table {
width:100%;	
/*margin:10px auto;*/
}

/*Левый столбец*/
.td_left {
float:left;	
width:50%;
}

/*Правый столбец*/
.td_right {
width:50%;
float:right;	
text-align:left;
}

/*Отступы в "ячейках таблицы"*/
.td_left, .td_right {
padding:20px 10px;
}

/*Строка таблицы*/
.table_row {
border-bottom:1px dotted #ddd;
}

/*Выделение цветом всех нечётных строк таблицы*/
.table_row:nth-child(odd) {
background: #f9f9f9;	
}




/***********************************/
/**********ОСНОВНЫЕ БЛОКИ***********/
/**********************************/

/*Выравнивающий блок*/
.wrapper {
margin:0 auto;
max-width:1100px;
}

/*Основной контейнер*/
#dle-content {
overflow:hidden;
}
#sd_fullstory {
overflow:hidden;
}

#sd_fullstory-text-box {
padding:10px 0;
line-height:160%;
}

#sd_fullstory-text-box  img {
border:1px solid #eee;
padding:3px;
}

#main_container {
min-height:100%;
background: var(--bg-cont-color); /*основной цвет фона*/
overflow:hidden;
margin: 0 auto;
position:relative;
/*box-shadow: 0 0 10px rgba(0,0,0,0.3);*/
}

.item_line {
/*border-bottom:1px solid #f9f9f9;*/
/*border-bottom:1px solid var(--corp-alt-color);*/
border-bottom:1px solid #ddd;
}

.item_shadow {
/*box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
}


/*Общая строка шапки*/
/********************/

#top_general_row {
width:100%;
position:absolute;
top:0;
z-index:99;
background-color: rgba(255, 255, 255, .85);
}

/*1-я строка шапки*/
#top_inner_row1 {
overflow:hidden;
padding:10px;
}

/*Блок под ЛОГО*/
#logobox {
width:40%;
float:left;
}

/*Блок под е-мэйл и телефон*/
#infobox {
width:60%;
float:right;
}

/*2-я строка шапки*/
#top_inner_row2{
position:relative;
}

/*Строка под слайдер*/
#slider_row {
margin-bottom:10px;
}

/*Строка контента*/
#content_row {
overflow:hidden;
min-height:300px;
padding:10px;
}

.left_column {
width:70%;
float:left;
}

.right_column {
width:30%;
float:right;
}

.right_sidebar {
padding: 0 0 0 20px;
}

.sidebar_item {
padding-bottom:20px;
}

.sidebar_item  img{
padding-bottom:15px;
}

#sb-o_kompanii {
padding-top:0 !important;
}


#rek_map-box {
padding-top:15px;
}


#sd_errors {
margin: 10px 0;
padding: 10px;
background:#FFF0F5;
border:1px solid #FFE4E1;
}

#sd_errors_box {
padding-top: 5px;
line-height:150%;
}


/*Строка футера*/
/***************/
#footer_row {
background: var(--black-color); /*основной цвет фона*/
}

/*Блоки с описанием и адресом компании*/
#comp_descr, #comp_adress {
color:#fff;
float:left;	
width:40%;
line-height: 150%;
/*text-align:justify;*/
opacity: .8;
}

#comp_descr {
margin-right:10%;	
}

#comp_adress {
margin-left:10%;	
}

/***************/

/*Строка - линия с копирайтом*/
/*****************************/
#copyright_row {
background-color: var(--dark-black-color);
padding:5px;
color:RGBA(255, 255, 255, .5);
}

/****************************/

.sd_icon-location {
padding-right:5px;
font-size: 20px;
}

.sd_icon-menu {

}

#navigation_row {

}


/*Список под е-майл и телефон*/

ul.first_list li {
width:49%;
/*height:50px;*/
height:20px;
line-height:20px;
margin:15px 0;
display:inline-block;
/*border: 1px solid #ccc;*/
font-size:16px;
vertical-align:middle;
}

/*Стили иконок "телефон" и "конверт"*/
ul.first_list li  i {
font-size:20px;
color:var(--corp-alt-color);
vertical-align:middle;
padding-right:5px;
padding-bottom:5px;
}

/*Список под пункты меню*/

ul.second_list {
width:80%;
margin:0 auto;
/*border: 1px solid green;*/
}

ul.second_list li {
box-sizing: border-box;
width: 24%;
text-align:center;
/*padding: 0 10px;*/
display:inline-block;
/*outline:1px solid #000;*/
}

ul.second_list li a {
display:block;
height:40px;    
line-height:40px;
font-size:80%;
font-weight: 700;
text-decoration:none;
color: var(--corp-main-color);
text-transform: uppercase;
letter-spacing: 0.2em;
/*border-right:1px solid #f2f2f2;*/
}


ul.second_list li a:hover {
color: var(--corp-alt-color);
}


/*Блок под кнопку -категорий- только для мобильных дисплеев*/
#only_mob_cat-button {
display:none;
}

/*Блок под кнопку -закрытия меню- только для мобильных дисплеев*/
#only_mob_close-button {
display:none;	
position:relative;
top:0;
width:80px;
height:80px;
line-height:60px;
border-radius:5px;
background: 0;
border:0 none;
padding:10px;
}

/*Иконка закрытия окна в мобильной версии*/
#only_mob_close-button > i{
font-size:60px;
color: RGBA(0, 0, 0, .3);
}

/*Заголовок Н1*/
#content_row h1 {
display:inline-block;
text-transform: uppercase;
font-weight:400;
color: #333;
font-size: 14px;
padding:5px 0 5px 10px;
letter-spacing: 2px;
vertical-align:bottom;

}

/*Иконка перед заголовком Н1*/
#content_row h1 i {
color: var(--corp-alt-color);
padding-right: 5px;
font-size: 16px;
}

/*Линия градиента - декор*/
.sd_line {
display: block;
height: 2px;
background: rgb(61,150,194);
background: linear-gradient(90deg, rgba(61,150,194,1) 14%, rgba(234,244,248,1) 50%, rgba(247,252,254,1) 100%);
}

/*Контейнер под новости*/
#news_box{
margin: 10px 0;
}

#sd_map_object {

}

/*Блок короткой новости CUSTOM*/
.short_news {
margin-bottom:10px;
width:32.5%; 
float:left;
padding: 5px;
border:1px solid #eee;
margin-left:1.25%; 
cursor:pointer;
}

/*Блок короткой новости*/
.short_news_obj {
margin-bottom:10px;
float:left;
padding: 5px;
width:49%; 
margin-left:2%;
border:1px solid #eee; 
cursor:pointer;
}

/*Изменение ярркости при наведении на новость*/
.short_news:hover .img_item>img , .short_news_obj:hover .img_item>img {
filter: brightness(110%);
}

/*Убираем отступ слева у 1-го, 4-го, 7-го и т.д. элементов*/
.short_news:nth-child(3n+1) {
margin-left:0;
}

/*Убираем отствуп у первого элемента*/
.short_news_obj:nth-child(2n+1){
margin-left:0;
}

/*Контейнер под основное изображение новости*/
.img_item {
position:relative;
}

/*Заголовок короткой новости*/
.short_news_title {
color:#fff;
font-weight:normal;
font-size: 15px;
box-sizing:border-box;
width:100%;
display:block;
position:absolute;
left:0;
bottom:0;
background-color: rgba(0, 74, 132, .6);
padding:15px 10px;
}

.news_date_box {
position:absolute;
top:20px;
right:0;
padding:5px 10px;
border-radius:4px 0 0 4px;
background:rgba(61, 150, 194, .7);
color: #fff;
z-index:5;
}

#view_all_button {
padding-top:10px;
text-align:center;
}

#view_all_button a {
text-transform:uppercase;
text-decoration:none;
font-size:90%;
padding:10px 20px;
display:inline-block;
text-align:center;
background:#f4f6f4;
border:1px solid #ddd;
border-radius:4px;
color:var(--corp-main-color);
}

#view_all_button a:hover {
filter: brightness(98%);
}

.sd_page {
text-transform:uppercase;
display:block;
text-align:center;
overflow:hidden;
margin:20px auto;
}

.sd_page span, .sd_page a {
font-size:90%;
margin:0 20px;
padding:10px 20px;
display:inline-block;
border:1px solid #ddd;
border-radius:4px;
text-decoration:none;
}

.sd_page span{
color:#777;
}

.sd_page a{
color:var(--corp-main-color);
}

.sd_page a:hover{
filter:brightness(90%);
}

/*****************************/
/****СТАТИЧЕСКИЕ СТРАНИЦЫ*****/
/*****************************/

.static_news {
padding: 10px 0;
}

.static_news p {
padding-bottom:10px;
line-height:150%;
}


/*******************************/
/*******МЕДИАЗАПРОСЫ************/
/*******************************/

@media screen and (max-width: 1000px) {

/*Общая строка под шапку сайта*/
#top_general_row {
position:relative; /*Задаём относительное позиционирование*/
width:100%;
}

/*Имитированная таблица - увеличиваем ширину*/
.sd_table {
width:100%;	
}

.right_column, .left_column {
width:100%;
float:none;
}

#sb_map_box, #sb_photo_box {
/*float:left;
width:50%;
overflow-y:hidden;
max-height: 300px;*/
}

.right_sidebar {
padding-left:0;
padding-top:20px;
}

.sidebar_item  img{
display:block;
width:50%;
float:left;
}

.sidebar_item  img:nth-child(1){
padding-right:1%;
}

.sidebar_item  img:nth-child(2){
padding-left:1%;
}


}

@media screen and (max-width: 800px) {

/*Появление кнопки категорий*/
#only_mob_cat-button {
display:block;
position: absolute;
width:36px;
height:36px;
line-height:20px;
font-size:20px;
color:#999;
left:10px;
top:50%;
margin-top:-18px;
border:1px solid #ddd;
}

/*Кнопка закрытия категорий*/
#only_mob_close-button { /*выполнить очистку обтекания!!!*/
display:block;
float:left;
}

/*Строка под категории*/
#top_inner_row2 {
height:50px;
}

/*Скрываем блок с категориями*/
#sd_menu_box{
display:none;
z-index:50;
position:fixed;
top:0;
right:0;
left:0;
bottom:0;
padding:0;
width:100%;
height:100%;
background-color:rgba(238, 238, 238, 0.80);
overflow:hidden;
}

/*Список с категориями сайта*/
#sd_menu_box ul.second_list {
background:rgba(23,133,229,0.8); /*Синий полупрозрачный фон*/
width:70%;
padding-top:30px;
padding-bottom:50px;
height:100%;
overflow-y:auto;
font-size:18px;
float:left;
}

/*Элементы списка категорий*/
#sd_menu_box ul.second_list li{
display:block; /*выстраиваем элементы в ряд*/
padding-left:0px;
width: 100%;
text-align: left;
vertical-align:middle;

}

/*Ссылки списка категорий*/
#sd_menu_box ul.second_list li a{
color:var(--white-color);
border-right:0;
min-height:60px;
line-height:60px;
padding-left:20px;
border-bottom:1px dotted var(--white-color);
margin-top:0;
}

/*Иконки категорий в списке*/
#sd_menu_box ul.second_list li a > i{
color:var(--white-color);
}

/*Изменение ссылок при наведении*/
#sd_menu_box ul.second_list li a:hover{	
color:var(--white-color);
transition:0.25s;
background:rgba(23,133,229,0.9);
}


/*уточнить*/
/*
.short_news:nth-child(3n+1) {
margin-left:0.5%;
}*/

/*Выстраиваем новости в 2 КОЛОНКИ*/
.short_news {
width:49%;
margin-left:2% !important;
}

/*Нечётные новости - убираем отступ слева*/
.short_news:nth-child(odd) {
margin-left:0 !important;
}

/*Присвоение класса через JavaScript*/
.sd_active {
display:block !important;	
}

}


@media screen and (max-width: 550px) {

/*Убираем обтекание у "ячеек таблицы"*/
.td_left, .td_right {
float:none;	
width:100%;
}

/*Изменяем цвет шрифта у верхних строк ИНН, КПП  и т.д.*/
.td_left {
color:#777;
padding-bottom:5px;
}

.td_right {
padding-top: 5px;
}

/*Строка имитированной таблицы*/
.table_row {
background: #fff !important;
border-bottom:1px dotted #ccc;
}


#infobox, #logobox {
width:100%;
float: none;
}

#logobox {
text-align:center;
}

#infobox ul li {
text-align:center;
}

#top_inner_row1 {
padding-bottom:0;
}

.short_news, .short_news_obj {
width:100%;
margin-left:0 !important;
float:none;
/*border-color: brown !important;*/
}

#comp_descr, #comp_adress {
color:#fff;
float:none;	
width:100%;
margin-left:0;
margin-right:0;
text-align:justify;
}

#comp_adress {
margin-top:15px;
padding-top:10px;
border-top:1px solid #444;
}

#sb_map_box, #sb_photo_box {
/*float:none;
width:100%;*/
}

.sidebar_item {
padding-bottom:0;
}

.sidebar_item  img{
width:100%;
float:none;
padding-right:0 !important;
padding-left:0 !important;
}
    
.object_list ul li a{
text-align:center;
font-size:110%;
}

}

@media screen and (max-width: 400px) {

ul.first_list li i {
font-size: 18px;
}

ul.first_list li {
font-size: 14px;
}

}