@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
body {font-family: 'Roboto', sans-serif; /*font-family: "Lucida Grande", Sans-Serif;*/ background: #fff; font-size: 14px; width: 90%; margin-left: 5%; margin-right: 4%;}
a {color: inherit; text-decoration: none; cursor: pointer;}
/*:active, :hover, :focus {outline: 0; outline-offset: 0;}*/

/* Хидер начало (desctop) */
.header {height: 70px;}
.header1 {background: #34c5f4 /*#013e83*/ /*#361617*/ /*#011f38*/ /*#172e42*/; height: 60px; overflow: hidden; border-radius: 5px;}
.header1 a:hover {text-decoration: underline;}
.header1 div {float: left; margin-left: 25px; color: #fff; font-size: 15px; margin-top: 21px;}
.header1 > div:nth-child(1) {margin-left: 100px;}
.header1 > div:nth-child(8) {position: absolute; right: 180px;}
.header1 > div:nth-child(8) span {margin-left: 10px; margin-right: 10px;}
.header1 > div:nth-child(8) img {width: 12px; position: relative; top: 2px;}
.header2 {height: 39px; margin-top: -60px; overflow: hidden; margin-left: 100px;}
.header3 {border: 1px solid #34c5f4; border-radius: 7px; width: 220px; text-align: center; padding: 5px 10px; float: left; cursor: pointer;}
.header3:hover {background: #34c5f4; border: 1px solid #34c5f4; color: #fff; transition: 1s;}
.header4 {margin-left: 10px;}
/*Начало формы*/
 .header3 label {cursor: pointer;}
 .header6 {width: 100%;}
 .header6 + label + div {display: none;}
 .header6:checked + label + div {display: block;}
 .header5 {position: absolute; z-index: 1; background: /*#d6f3fc*/ #e5f6fb; width: 290px; margin-top: 12px; margin-left: -12px; border-radius: 7px; opacity: 0.96;}
 .header5 input {width: 80%; border: 1px solid #b6b5b5; border-radius: 5px; padding: 9px 9px 9px 15px; font-size: 1.1em; height: 20px;}
 .header5 textarea {width: 80%; height: 120px; border: 1px solid #b6b5b5; border-radius: 5px; padding: 9px 9px 9px 15px; font-size: 1.1em; font-family: inherit;}
 .header5 input:hover {border: 1px solid #636364; border-radius: 5px;}
 .header5 textarea:hover {border: 1px solid #636364; border-radius: 5px;}
 .header1 input[type="checkbox"] {display: none;}
 .header2 input[type="checkbox"] {display: none;}
 .header5 input[type="submit"] {background: #16963a; color: #fff; margin-bottom: 5px; width: 90%; height: 42px; border: 1px solid #16963a;}
 .header5 input[type="submit"]:hover {background: #127f31; cursor: pointer; border: 1px solid #127f31; transition: 1s;}
 /*Конец формы*/
 .header4 .header7 {color: #000; font-size: 13px; opacity: 0.8; width: 88%; margin-left: 6%;}
 .header1 .header14 {position: absolute; z-index: 3; background: #34c5f4; margin-left: 0; margin-top: 22px; border-radius: 5px; opacity: 0.97;}
 .header8 {display: none;}
 .header8 div {float: none; margin: 12px; font-size: 14px;}
 /*.header9:hover .header8 {display: block;}*/
 @media only screen and (min-width : 1000px) {
 .header9:hover .header8 {display: block;}
}
 .header10 {height: 22px; position: absolute; top: -22px;}
 .header13 {display: none;}
 .header13 div {float: none; margin: 12px; font-size: 14px;}
 /*.header12:hover .header13 {display: block;}*/
 @media only screen and (min-width : 1000px) {
 .header12:hover .header13 {display: block;}
}
 .header11 {width: 122px;}
 .header15 {width: 190px;}
 .header16 {width: 60px;}
 .header17 {text-align: left; color: #000; padding-top: 8px; padding-bottom: 18px;}
 .header17 div {margin: 10px 20px 0 20px; font-size: 15px;}
 .header17 a:hover {text-decoration: underline;}
 .header17 .header18 {font-size: 13px; opacity: 0.8; margin-bottom: 15px; text-indent: 3px;}
 .header .header21:hover {cursor: pointer; text-decoration: underline;}
 .header23 {text-align: right; margin-right: 100px;}
 .header24 a {text-decoration: none; font-size: 22px; font-weight: bold; margin-top: 10px;}
 .header25 a img {margin-left: 10px; max-height: 40px;}
 .header26 {width: 200px;}
 .header27 {display: none;}
 
 .header32 input[type="checkbox"] {display: none;}
 .header32 .header33 {width: 273px; margin-top: 9px;}
 .header33 div {margin: -1px 20px 0 30px;}
 
 /* Хидер конец */

/*Хидер адаптивка начало*/

.header18 {display: none; width: 100%;}
.header19 {display: none;}
.header29 {display: none;}
.header31 {display: none;}
/*.header22 {display: none;}*/

/*Хидер адаптивка конец*/

 .main_block {margin: 40px 100px; line-height: 1.7em;} 
 h1 {font-size: 30px; margin-top: 17px; line-height: 1.1em;}

 .Breadcrumbs li {list-style-type: none; display: inline-block;}
 .Breadcrumbs ul {padding-left: 0;}
 .Breadcrumbs1 {margin: 0 7px; opacity: 0.3; font-weight: bold;}

 #toTop {
    background: #34c5f4 none repeat scroll 0 0; border: 1px solid #34c5f4; border-radius: 6px; bottom: 5px; box-shadow: 2px 2px 5px black; color: #fff; cursor: pointer; display: block; font-family: verdana; font-size: 1.5em; font-weight: bold; opacity: 0.8; padding: 9px 11px 3px; position: fixed; right: 10px; text-align: center;}


/* Футер начало */
.footer {background-color: #34c5f4; height: 280px; border-radius: 5px; margin-top: 40px; color: #ffffff; overflow: hidden;}
.footer > div {float: left; width: 25%;}
.footer1 {margin: 40px 0 0 100px;}
.footer1 > div {margin-bottom: 10px;}
.footer2 {margin-left: 70px;}
.footer2 img {margin-top: 40px;}
.footer .footer3 {font-weight: bold; margin-bottom: 20px;}
.footer .footer4 {overflow: hidden; float: none; width: 100%; text-align: center;}
/* Футер конец */

/* Лого начало */
.logo1 {margin-left: 100px; margin-top: 10px; margin-bottom: -27px;}
.logo2 {width: 243px; border-radius: 10px;}
/* Лого конец */

@media only screen and (max-width: 1179px) and (min-width: 1000px){
	.header28 {display: none;}
	.header29 {display: inline-block;}
	.header3 {width: 166px; padding: 5px 5px;}
}

@media only screen and (max-width: 1399px) and (min-width: 1000px){
	.header32 .header33 {width: 213px;}
	.header33 div {margin: -1px 20px 0 1px;}
}

@media only screen and (max-width: 1349px) and (min-width: 1000px){
	body {width: 100%; margin-left: 0%; margin-right: 0%;}
	.header1 div {margin-left: 15px;}
	.header1 > div:nth-child(8) {right: 50px;}
	.header1 > div:nth-child(1) {margin-left: 50px;}

	.footer2 {margin-left: 60px; margin-right: 5px;}
	.footer > div {width: 24%;}
	.footer2 img {max-width: 85%;}
	.footer .footer4 {padding-top: 40px;}
}

@media only screen and (max-width: 999px) {
.header {height: 40px;}
.header2 {height: 60px; margin-top: 10px; overflow: hidden; margin-left: 0px;}
.header23 {text-align: left;}

.header18 + label + div {display: none;}
.header18:checked + label + div {display: block; opacity: 0.97;}
.header19 {display: block; height: 60px; background: #34c5f4; border-radius: 5px;}
.header19 img {width: 40px; margin: 10px;}

.header24 {position: absolute; top: 7px; left: 17%; z-index: 2; color: #fff;}
.header27 {display: inline-block; height: 40px; position: relative; top: 11px; left: 12px}
.header {z-index: 1; position: relative;}
.header1 {height: auto; width: 100%;}
.header .header1 a {text-decoration: none;}
.header1 div {float: none;}
.header1 > div:nth-child(1) {margin-left: 25px;}
.header1 > div:nth-child(8) {margin: 40px 0px 30px 25px; position: relative; right: 0px;}
.header1 > div:nth-child(8) span {display: block; height: 23px;}
.header1 > div:nth-child(9) {margin-left: 25px; padding-bottom: 30px; margin-top: 40px;}
.header1 > div:nth-child(9) span {display: block; margin-left: 25px; height: 21px;}

.header20 {width: 100%;}
.header20 + label + div {display: none;}
.header20:checked + label + div {display: block; position: static; overflow: visible; width: auto; height: auto; margin: auto; clip: auto; padding: 17px 0 0 0;}
.header21 {display: block;}

.header1 .header14 {opacity: 1; margin-left: -4px;}
.header1 .header14 div {margin-top: 3px; margin-left: 15px;}
.header .header21:hover {text-decoration: none;}
.header23 {margin-top: 33px;}

.main_block {margin: 30px 2px;}

.footer {height: 585px;}
.footer > div {float: none; width: 90%;}
.footer1 {margin: 40px 0 0 20px;}
.footer2 {margin-left: 20px;}
.footer2 img {max-width: 90%;}
.footer .footer4 {text-align: left;}
.footer .footer4 div {padding: 50px 20px 30px 20px;}

.logo1 {margin-left: 0px; margin-bottom: -12px;}
}

@media only screen and (max-width: 849px) {
.header2 {height: 110px;}
.header3 {float: none;}
.header4 {margin: 10px 0 0 0;}
.header25 a img {margin-left: 6px;}
}

@media only screen and (min-width: 570px) and (max-width: 999px) {
	.header25 {position: absolute; top: 18px; right: 6%; z-index: 2;}
}

@media only screen and (max-width: 569px) {
#sidebar {display: block; position: fixed; width: 90%; top: 2px; z-index: 100;}
.header23 {margin-right: 0; margin-top: 76px;}
.header24 {display: none;}
.header25 a .header30 {margin-left: 0;}
.header31 {display: block; position: absolute; top: 0px; left: 23%; z-index: 2; color: #fff;}
.header31 a {text-decoration: none; font-size: 22px; font-weight: bold; margin-top: 10px;}

.header32 .header33 {width: 254px;}
.header33 div {margin: -1px 20px 0 21px;}

}