* {
	margin: 0;
	padding: 0;
}
header {height: 100px; background: #324568; box-shadow: 0 0 8px #000000; width: 100%;}
.logo-header {width: 40%; float: left; margin-top: 37px; margin-bottom: 36px; text-align: center;}
.logo-header-a {text-decoration: none; color: #fff; font-size: 24px; margin-left: auto;}
.header-menu {width: 70%; float: right;}
.header-menu-ul {font-size: 18px; margin-bottom: 39px; margin-top: 40px; float: left;}
.header-menu-li-first {display: inline;}
.header-menu-li {display: inline; padding-left: 20px;}
.header-menu-a {text-decoration: none; color: #fff; background-color: #13747e; border-radius: 5px; margin-right: 10px; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px;}
.header-menu-a:hover {background-color: #1fa8b6;}

header span {width: 33%; display: block; float: left; margin-right: auto; margin-left: auto;}
header span ul {list-style-type: none; text-align: center;}
header span a {text-decoration: none;; color: #fff; padding: 15px; display: block; box-sizing: border-box; transition: 0.5s; transition-property: background;}
header span a:hover {background: #5F9EA0;}
.sidebar{display: none; background: #1d3436; position: fixed; left: 0; top: 100px; width: 100%; left: 0px; height: 340px;}
label #sidebar_btn {z-index: 1; color: #fff; cursor: pointer; left: 550px; margin-bottom: 20px; margin-top: 32px; font-size: 35px; transition: 0.5s; transition-property: color;}
label #sidebar_btn:hover {color: #5F9EA0;}
#check {display: none;}
#check:checked ~ .sidebar {display: block; z-index: 2;}

body {margin: 0; background-color: #f8f7f7;}
container {width: 100%; float: left;}
.cont {padding-bottom: 20px; padding-top: 20px;}
h1 {text-align: center; margin: 20px;}
h2 {text-align: center; margin: 20px;}
.content-col {width: 77%; float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 20px;}
p {font-size: 18px; margin: 10px;}

.right-sidebar-col {width: 20%; float: right; margin-right: 1%; margin-bottom: 20px;}
.perelink-sidebar {text-align: center; font-size: 20px;}
.sidebar-ul {list-style: none; margin: 10px; padding: 0;}
.sidebar-li {padding-bottom: 4px; padding-top: 4px;}
.sidebar-link {text-decoration: none; color: #fff; background-color: #13747e; border-radius: 5px; margin-right: 10px; padding-bottom: 5px; padding-top: 5px; margin: auto; display: block; width: 90%; box-shadow: 0 0 3px #000000;}
.sidebar-link:hover {background-color: #1fa8b6;}

footer {height: 100px; width: 100%; float: left; background: #324568; box-shadow: 0 0 8px #000000;}
.footer-menu {display: block;}
.footer-menu-ul {padding-bottom: 30px; padding-top: 32px; margin: 0;}
.footer-menu-li-first {display: inline;}
.footer-menu-li {display: inline; padding-left: 20px;}
.footer-menu-a {text-decoration: none; color: #fff; background-color: #13747e; border-radius: 5px; margin-right: 10px; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px;}
.footer-menu-a:hover {background-color: #1fa8b6;}
.copyright {text-align: center; width: 100%; color: #fff;}

/* Таблицы */
table {border-collapse: separate; border-spacing: 0; width: 100%; box-shadow: 0 0 3px #000000; margin-bottom: 30px;}
table tr th,
table tr td {border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; box-shadow: 2px 2px 1px #e5dfcc;}
table tr th:first-child,
table tr td:first-child {border-left: 1px solid #bbb;}
table tr th {border-top: 1px solid #bbb;}
tr {text-align: center;}

/* top-left border-radius */
table tr:first-child th:first-child {border-top-left-radius: 6px;}

/* top-right border-radius */
table tr:first-child th:last-child {border-top-right-radius: 6px;}

/* bottom-left border-radius */
table tr:last-child td:first-child {border-bottom-left-radius: 6px;}

/* bottom-right border-radius */
table tr:last-child td:last-child {border-bottom-right-radius: 6px;}

th, td{padding: 8px 16px;}
td a {text-decoration: none;}
th{background: #d5e6f1; color: #111;}
td{background: #fdfdfe;}
@media only screen and (max-width: 1100px){
table {font-size: 36px;}
thead {font-size: 48px;}
th, td {float: left; width: -webkit-fill-available;}
}

/*Языки в шапке */
.lang-ul {font-size: 18px; margin-bottom: 39px; margin-top: 40px; float: right;}
.lang-li {display: inline; padding-right: 20px; float: right;}
.lang-a {text-decoration: none; color: #fff; background-color: #13747e; border-radius: 5px; margin-right: 10px; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px;}
.lang-a:hover {background-color: #1fa8b6;}

.breadcrumbs_nav {width: 100%; margin-bottom: 20px; margin-top: 20px;}
.breadcrumb {width: max-content; margin: auto; list-style: none; padding: 0px; color: #000; box-shadow: #000 0 0 2px;}
.breadcrumb-item-home {font-size: 17px; display: inline;}
.breadcrumb-item {font-size: 17px; display: inline;}
.breadcrumb-item-a {font-size: 17px; text-decoration: none; color: #000; padding-left: 15px; padding-right: 15px; padding-bottom: 5px; padding-top: 5px;}
.breadcrumb-item-a:hover {background-color: #9ee8ef; border-radius: 5px;}
.breadcrumb-item-active {font-size: 17px; display: inline; color: #000; padding-left: 15px; padding-right: 15px; padding-bottom: 5px; padding-top: 5px;}
@media only screen and (max-width: 1100px){
.breadcrumb {font-size: 30px; width: 92%; margin-left: 4%; margin-right: 4%;}
.breadcrumb-item-home {font-size: 30px;}
.breadcrumb-item {font-size: 30px;}
.breadcrumb-item-a {font-size: 30px;}
.breadcrumb-item-active {font-size: 30px;}
}

.nav-gen-link {width: 100%;}
.nav-gen-text {text-align: center; font-size: 20px; font-size: 20px; margin: 20px;}
.gen-link {text-decoration: none; color: #fff; text-align: center; background-color: #13747e; border-radius: 5px; margin-right: 2%; margin-left: 1%; margin-bottom: 10px; padding-bottom: 10px; padding-top: 10px; font-size: 16px; float: left; display: block; width: 30%; box-shadow: 0 0 3px #000000;}
.gen-link:hover {background-color: #1fa8b6;}

@media only screen and (max-width: 1100px){
header {height: 300px;}
.logo-header {width: 100%; text-align: center;}
.logo-header-a {font-size: 36px;}
.lang-ul {margin-bottom: 0px; margin-top: 0px; width: 80%;}
.lang-li {margin-bottom: 50px; float: right; padding-top: 50px;}
.lang-a {padding-bottom: 20px; padding-top: 20px; padding-left: 20px; padding-right: 20px; font-size: 38px;}
h1 {font-size: 50px;}
.content-col {width: 98%; margin-bottom: 30px; float: none;}
.right-sidebar-col {width: 100%; float: right; padding-bottom: 50px; padding-top: 50px; margin-right: 0; margin-bottom: 0px;}
footer {height: 500px;}
.footer-menu-li-first {display: inline-block; margin-bottom: 60px;}
.footer-menu-li {display: inline-block; margin-bottom: 60px;}
.footer-menu-a {padding-bottom: 20px; padding-top: 20px; padding-left: 20px; padding-right: 20px; font-size: 38px;}
.copyright {font-size: 34px;}
.image {width: -webkit-fill-available; height: auto;}
.brand-a {width: 33.3%; margin-right: 0; margin-top: 0;}
.contant-nav-block {width: 50%; margin-right: 0%; height: auto;}
.con-a {font-size: 38px;}
.image-glav {width: -webkit-fill-available; height: auto;}
header span {width: 20%; display: block; float: left;}
.sidebar-span {padding-bottom: 0px; padding-top: 0px; width: 100%;}
header span ul {list-style-type: none; text-align: center;}
header span a {font-size: 56px; text-decoration: none; color: #fff; padding: 25px; display: block; box-sizing: border-box; width: 100%; float: none;}
.sidebar{ overflow-y: auto;; display: none; background: #1d3436; position: fixed; left: 0; top: 300px; width: 100%; left: 0px; height: 100%;}
label #sidebar_btn {z-index: 1; padding-left: 50px; color: #fff; cursor: pointer; left: 50px; font-size: 70px;}
#check {display: none;}
#check:checked ~ .sidebar {display: block;}
.gen-link {width: 100%; font-size: 32px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; Padding-bottom: 20px; padding-top: 20px;}
}

#check-2 {display:none;}
#check-2:checked ~ .reklama-niz {bottom: -50px; display:none;}
#check-2:checked ~ .reklama-niz div {margin-top: -46px; transform: rotate(180deg);}

.reklama-niz {position: fixed; bottom: 0px; width: 100%; height: 200px; z-index: 20; left: 0px; background: #32456891; transition: 1s; transition-property: bottom;}
.reklama-niz-ads {height: 90px; text-align: center;}
.reklama-niz div {transition: 1s; transition-property: rotate, margin-top; text-align: center;}
.reklama-niz-text {width: 60%; float: left; line-height: 50px; font-size: 25px; margin-left: 50px;}
.reklama-niz-knopka-ru {float: left; font-size: 25px; margin-left: 50px; margin-right: 50px; line-height: 40px; text-decoration: none; color: #fff; background-color: #13747e; border-radius: 10px; padding-left: 15px; padding-right: 15px; margin-top: 5px; cursor: pointer; margin-bottom: 5px; transition: 0.5s; transition-property: background-color;}
.reklama-niz-knopka-ru:hover {background-color: #1fa8b6;}
.reklama-niz-knopka-eng {float: left; font-size: 25px; margin-left: 50px; margin-right: 50px; line-height: 40px; text-decoration: none; color: #fff; background-color: #13747e; border-radius: 10px; padding-left: 15px; padding-right: 15px; margin-top: 5px; cursor: pointer; margin-bottom: 5px; transition: 0.5s; transition-property: background-color;}
.reklama-niz-knopka-eng:hover {background-color: #1fa8b6;}
.span-rek-sdvig {float: right; font-size: 36px; width: 5%; text-align: center; margin-top: -93px;}
#rek-sdvig {}
#rek-sdvig:hover {color: #1fa8b6;}

@media only screen and (max-width: 1100px){
.reklama-niz {height: 200px;}
.reklama-niz-text {line-height: 75px; font-size: 40px; margin-left: 0px; text-align: center;}
.reklama-niz-knopka-ru {font-size: 45px; margin-left: 20px; margin-right: 0px; line-height: 150px; padding-left: 30px; padding-right: 30px; margin-top: 40px;}
.reklama-niz-knopka-eng {font-size: 45px; margin-left: 20px; margin-right: 0px; line-height: 150px; padding-left: 30px; padding-right: 30px; margin-top: 40px;}
.span-rek-sdvig {font-size: 100px; width: 10%; margin-top: -190px;}
#rek-sdvig {border-radius: 50px;}
#check-2:checked ~ .reklama-niz {bottom: -250px;}
#check-2:checked ~ .reklama-niz div {margin-top: -120px;}
.sidebar-link {width: 100%; font-size: 32px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; Padding-bottom: 20px; padding-top: 20px; text-decoration: none; color: #fff; text-align: center; background-color: #13747e; border-radius: 5px; float: left; display: block; box-shadow: 0 0 3px #000000;}
.nav-brand-text {font-size: 50px;}
.perelink-sidebar {height: 650px;}
}