/* стили для внешнего вида сайта */

/*
:root {
  --color-main_bg: white;
  --color-logo_bg: #eff2f9;
  --color-logo_text: #464345;
  --color-text: black;
  --color-selected_block: #fffacd;
}
*/


body {
	margin: 0;
	padding: 0;
	background-color: White;
}

div, header, footer, nav, ul {
	display: block;
	height: auto;
	overflow: hidden;
}

.mb {
	margin-bottom: 5px;
}

.mb2 {
	margin-bottom: 10px;
}

.mb3 {
	margin-bottom: 15px;
}

.mb4 {
	margin-bottom: 20px;
}

.mb5 {
	margin-bottom: 25px;
}

.mb6 {
	margin-bottom: 30px;
}


footer {
	display: block;
	padding: 20px 0;
	background: #1e2e23;
	color: white;
	font-family: "Raleway", sans-serif;
	font-weight: 500;
}

footer a {
	color: white;
}

footer .container {
	display: grid;
	gap:15px;
	grid-template-columns: 1fr 1fr 1fr;
	text-align: center;
}


header {
	display: block;
	padding: 20px 0;
}

header .container {
	display: grid;
	gap:15px;
	grid-template-columns: 120px 180px 150px auto;
	grid-template-areas: "logo sitetitle top_email select_region";
}

.logo {
	align-self: center;
	grid-area: logo;
}

.logo img {
	width: 120px;
}

.sitetitle {
	font-weight: 700;
	font-size: 16px; /* 0.9rem; */
	align-self: center;
	grid-area: sitetitle;
}

.top_email {
	align-self: center;
	text-align: center;
	font-family: "Raleway", sans-serif;
	grid-area: top_email;
}

.top_email a {
	color: #1E2E23;
	font-size: 1.1rem;
	font-weight: 500;
	text-decoration: none;
}

.write_us {
	margin-bottom: 5px;
	font-size: 0.8rem;
}

.opened_email {
	display: block;
}

.open_contacts {
	display: none;
}

@media screen and (max-width: 800px) {
.opened_email {
	display: none;
}

.open_contacts {
	display: block;
	font-weight: bold;
	padding-left: 22px;
	background: url(/images/info.svg) no-repeat 0 -2px / 20px 20px;
}

.sitetitle {
	align-self: stretch;

}
}

.select_region {
	background: #274835;
	color: white;
	padding: 15px;
	border-radius: 8px;
	display: grid;
	gap:15px;
	grid-template-columns:160px auto;
	font-size: 0.8rem;
	grid-area: select_region;
}

.region_contact {
	margin-bottom: 15px;
	display: grid;
	gap:15px;
	grid-template-columns:auto auto;
}


.reg_sel_title {
	margin-bottom: 10px;
	font-family: "Raleway", sans-serif;
}

.reg_tel {
	font-weight: 500;
	cursor: pointer;
}


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

.region_contact {
	grid-template-columns:auto;
}

.region_contact>div {
	display: grid;
	gap:15px;
	grid-template-columns:120px auto;
}

.reg_sel_title {
	text-align: right;
}

.reg_tel {
	font-size: 1.1rem;
}

}



.dropdown_region {
	border:1px solid #B5C6B8;
	border-radius: 5px;
	padding: 5px;
	background: url(/images/icon-dropdown.svg) no-repeat right 5px center;
	cursor: pointer;
	padding-right: 22px
}

.drop_regions_list {
	position: absolute;
	border:1px solid #B5C6B8;
	padding: 5px;
	background: #2e6346;
	border-radius: 5px;
	display: none;
}

.drop_regions_list a {
	display: block;
	padding: 5px;
	color: white;
	text-decoration: none;
	cursor: pointer;
}

.drop_regions_list a:hover {
	text-decoration: underline;
}

.current_region {
	font-weight: bold;
}

.popup_phone {
	position: absolute;
	background: #d8efdd;
	color: #1e2e23;
	padding: 10px;
	border: 1px solid #B5C6B8;
	border-radius: 5px;
	display: none;
}

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

.pph_right {
	right: 20px;
}

}

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

.popup_phone {
	right: 20px;
}

.drop_regions_list a {
	font-size: 1.1rem;
}

}


.popup_phone>div {
	display: flex;
	gap:20px;
	align-items: center;
}

.mainmenu {
	background: #2e6346;

}

.mm_tree {
	margin-bottom: 20px;
}

.mainmenu .container {
	
}

.dropdown_menu {
	padding:0;
	margin: 0;
	display: flex;
	gap:20px;
	justify-content: space-between;
}

.mm_level1 {
	display: block;
	list-style: none;
	padding: 0px;
}

.mm_level1:hover {
	background: #274835;
}

.current_mm1 {
	background: #274835;
}

.mm_level1>a {
	color: white;
	text-decoration: none;
	display: block;
	padding: 20px;
	font-weight: 500;
	font-family: "Raleway", sans-serif;
	cursor: pointer;
}


.dropdown_subsections {
	padding: 10px;
	background: #274835;
	position: absolute;
	display: none;
	z-index: 100;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}

.dropdown_menu li:hover .dropdown_subsections {
	display: block;
}

.dropdown_subsections li {
	padding: 0;
	margin: 0;
	list-style: none;
	max-width:340px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dropdown_subsections li a {
	display: block;
	padding: 5px;
	color: white;
	font-weight: 500;
	font-family: "Raleway", sans-serif;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dropdown_subsections li a:hover {
	background: #5d7b4f;
	border-radius:4px;
}

.address {
	margin-bottom: 10px;
	font-size: 12px;
	color: #5d7b4f;
}

.address a {
	color: #5d7b4f;
}

.slider_bg {
	height: 384px;
	background: url(/images/pattern1.png) no-repeat, #264834;
	background-size:cover;
}

.slide {
	display: grid;
	gap:50px;
	grid-template-columns:auto 460px;
}

.slide_text {
	align-self: center;
}

.slide_title {
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 40px;
}

.slide_title a {
	text-decoration: none;
	color: white;
}

.link_button_white {
	background: white;
	font-weight: 500;
	font-family: "Raleway", sans-serif;
	font-size: 1.2rem;
	border-radius: 8px;
	text-align: center;
	width: 300px;
}

.link_button_white a {
	text-decoration: none;
	color: #1E2E23 !important;
	padding: 10px 20px;
	display: block;
	cursor: pointer;
}


.link_button_green {
	background: #2e6346;
	font-weight: 500;
	font-family: "Raleway", sans-serif;
	font-size: 1.2rem;
	border-radius: 8px;
	text-align: center;
	width: 300px;
}

.link_button_green a {
	text-decoration: none;
	color: #ffffff !important;
	padding: 10px 20px;
	display: block;
	cursor: pointer;
}

.link_button_center {
	margin: 0 auto;
}

.about_main {
	background: url(/images/gull.png) no-repeat top 0px right 30px, url(/images/pat22.png) no-repeat bottom right, url(/images/pat21.png) no-repeat top left, url(/images/pattern2.jpg) top left, #476648;
	color: white;
	background-size: auto, auto, auto, cover;
}

.about_main a {
	color: white;
}

.about_us, .aubou_us_links {
	padding-right: 270px;
	color: white;
}

.about_us {
	margin-bottom: 2rem;
}

.about_us p{
	line-height: 1.5rem;
	font-weight: 500;
	font-family: "Raleway", sans-serif;
}

.link_icon {
	display: inline-block;
	margin-right: 60px;
	padding-left: 35px;
	font-weight: 500;
	font-family: "Raleway", sans-serif;
	font-size: 1.25rem;
	color: white;
}

.icon_medal {
	background: url(/images/icon-medal.svg) no-repeat left center;
}

.icon_team {
	background: url(/images/icon-team.svg) no-repeat left center;
}

.icon_otziv {
	background: url(/images/icon-otziv.svg) no-repeat left center;
}

::backdrop {
  background: #264834;
  opacity: 0.75;
}

.close_dialog_img {
	text-align: right;
	margin-bottom: 5px;
}

.close_dialog_img img {
	cursor: pointer;
}

.openform_title {
	font-family: "Unbounded", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
	margin-bottom: 15px;
	float: none;
	clear: both;
}

.open_form {
	padding: 10px;
	border-radius: 10px;
	background: white;
	border: none;
}

.open_form_inner {
	padding: 0 20px 10px 20px;
	font-weight: 500;
	font-family: "Raleway", sans-serif;
	
}

.copyright {
	
}

.openmenu {
	display: none;
}


.news_archive {
	background: #274835;
	padding: 10px;
	border-radius: 8px;
	font-weight: 500;
	font-family: "Raleway", sans-serif;
	
	display: grid;
	gap:30px;
	grid-template-columns: auto auto;
}

.news_archive_category, .news_archive_years {
	display: flex;
	gap:15px;
	flex-wrap: wrap;
}

.news_archive_category>div, .news_archive_years>div {
	padding: 10px 15px;
	border-radius: 5px;
	border:1px solid #B5C6B8;
	background: #274835;
	color: white;
}

.current_news_category, .current_year {
	background: #5d7b4f !important;
}

.news_archive_category a, .news_archive_years a{
	color: white;
}

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

.news_archive {
	gap:10px;
	grid-template-columns: auto;
}

.news_archive_category>div, .news_archive_years>div {
	padding: 5px 10px;
}


}



.prev_next_news {
	display: grid;
	gap:50px;
	grid-template-columns:1fr 1fr;
	font-weight: 500;
	font-family: "Raleway", sans-serif;
}

.next_news {
	text-align: right;
}

.prev_next_news span {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.date_tags {
	display: grid;
	gap:50px;
	grid-template-columns: 120px auto;
}

.tags a {
	display: inline-block;
	margin-right: 20px;
	color: #7f7f7f;
	text-decoration: none;
}

.tags a:hover {
	text-decoration: underline;
}

.tags_right {
	text-align: right;
}


.left_menu {
	width: 250px;
	float: left;
	margin-right: 50px;
}

.left_menu, .content_col {
	margin-bottom: 50px;
}

.leftmenu {
	display: block;
	padding: 15px;
	margin: 0;
	border: 1px solid #264834;
	border-radius: 8px;
	font-weight: 500;
	font-family: "Raleway", sans-serif;
}



.leftmenu li {
	display: block;
	list-style: none;
}

.leftmenu li a {
	display: block;
	padding: 5px;
	color: #1e2e23;
	border-radius: 5px;
}

.leftmenu li a:hover, .current_addm a {
	background: #b5c6b8;
}


.left_menu_add {
	margin: 0;
	margin-top: 15px;
	border: 1px solid #264834;
	border-radius: 8px;
	font-weight: 500;
	font-family: "Raleway", sans-serif;
}

.left_menu_add a {
	display: block;
	padding: 15px;
	background: #b5c6b8;
	color: #1e2e23;
	text-decoration: none;
	text-align: center;
	font-size: 1.2rem;
}


.history {
	font-weight: 500;
	font-family: "Raleway", sans-serif;
	display: grid;
	gap:15px;
	grid-template-columns: 130px auto;
	background: url(/images/history_points.png) repeat-y 7px 7px;
	margin-bottom: 10px;
}

.history_year {
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: bold;
	color: #2d603e;
	background: url(/images/history_date_w.png) no-repeat 0 0;
	padding-left: 30px;
	min-height: 25px;
	
}

.history_info_txt>div {
	padding-left: 26px;
	background: url(/images/icon-star.svg) no-repeat 0 2px / 12px 12px;
	margin-bottom: 10px;
}

.history_info_images {
	display: grid;
	gap:20px;
	grid-template-columns: 1fr 1fr 1fr;
	padding-left: 26px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.hi_img img{
	width: 180px;
	display: block;
	height: auto;
	padding: 0;
	margin: 0;
}

.hi_title {
	font-size: 0.9rem;
	margin-top: 5px;
}

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

.history {
	grid-template-columns: 100px auto;
}

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

}

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

.history {
	gap:10px;
	grid-template-columns: auto;
}

.history_info_txt {
	padding-left: 30px;
}

}


.otz_info {
	display: grid;
	grid-template-columns: 80px auto;
	gap:15px;
	align-items: center;
}

.otz_photo img{
	width: 80px;
	display: block;
	padding: 0;
	margin: 0;
	border-radius: 40px;
}

.otz_kratko {
	padding-left: 100px;
}

.otz_full {
	padding-left: 100px;
	font-family: "Raleway", sans-serif;
   font-weight: 500;
   margin-top: 10px;
}


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

.otz_info {
	grid-template-columns: 60px auto;
	margin-bottom: 10px;
}

.otz_photo img{
	width: 60px;
	border-radius: 30px;
}


.otz_kratko {
	padding-left: 0px;
}

.otz_full {
	padding-left: 0px;
}



}


.pages {
	margin-bottom: 15px;
}

.pages div {
	min-width: 30px;
	max-width: 50px;
	height: 30px;
	float: left;
	margin-right: 10px;
	background: #d8efdd;
	border-radius:5px;
	font-size: 15px;
	text-align: center;
	margin-bottom: 10px;
}

.pages span{
	display: block;
	height: 24px;
	padding-top: 6px;
	width: auto;
	padding-right: 15px;
	float: left;
}


.pages div:last-child {
	margin-right: 0;
}

.pages div a {
	display: block;
	height: 20px;
	padding: 5px;
	text-align: center;
}

.pages_select {
	border-radius:0 !important;
	background: transparent !important;
	max-width: 100px !important;
}

.pages_select select{
	height: 30px;
}

.c_current {
	background: #2e6346 !important;
	color: White;
	height: 24px !important;
	padding-top: 6px;
	padding-left: 5px;
	padding-right: 5px;
	min-width: 20px !important;
}

.page_dots {
	display: none;
}


.for_poisk {
	background: #1e2e23;
	color: white;
	padding: 10px 0;
	display: none;
}

.for_poisk a {
	color: white;
}

.poisk_form_grid {
	display: grid;
	gap:15px;
	grid-template-columns: 180px 3fr 100px 1fr;
	align-items: center;
}

.poisk_tags {
	font-weight: 500;
	font-family: "Raleway", sans-serif;
	text-align: right;
}

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

.poisk_form_grid {
	grid-template-columns: 3fr 100px 1fr;
}

.poisk_form_title {
	display: none;
}

}


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

.poisk_form_grid {
	grid-template-columns: auto 100px;
}

.poisk_tags {
	text-align: left;
}


}


/*	мобильная версия */

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

header .container {
	gap:10px;
	grid-template-columns: 120px 180px  auto;
	grid-template-areas: 
		"logo sitetitle top_email"
		"select_region select_region select_region";
}

.dropdown_menu {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:5px;
	padding: 5px 0;
}

.mm_level1 {
	border:1px solid #5d7b4f;
	border-radius:5px;
}

.mm_level1>a {
	padding: 10px;
}



}


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

.left_menu {
	display: none;
}

.mainmenu {
	margin-bottom: 15px;
	display: none;
}

.select_region {
	grid-template-columns: auto;
}

.region_contacts_address {
	display: none;
}

header {
	padding-top: 10px;	
}

.openmenu {
	display: block;
	position: absolute;
	top:10px;
	right: 10px;
	width: 20px;
	height: 20px;
	padding: 10px;
	border-radius: 8px;
	background: #2e6346;
}

.about_main {
	background: url(/images/pat22.png) no-repeat bottom right, url(/images/pat21.png) no-repeat top left, url(/images/pattern2.jpg) top left, #476648;

}

.about_us, .aubou_us_links {
	padding-right: 0px;
}

.link_icon {
	margin-bottom: 20px;
}


.slide {
	gap:0px;
	grid-template-columns:auto;
	height: 384px;
}

.slide_img {
	display: none;
}

.slide_title {
    font-size: 2.3rem;
}


}

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




header .container {
	gap:10px;
	grid-template-columns: 120px auto;
	grid-template-areas: 
		"logo sitetitle"
		"logo top_email"
		"select_region select_region";
}

.sitetitle {
	padding-right: 60px;
}

.top_email {
	text-align: left;
}

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


}


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

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

}


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



}


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



}