* {margin:0;padding:0;}
a IMG {border:0px;}
.footer_line{display:flex; justify-content:space-evenly; align-items:center; height: 40px;}
.footer_item{color:#777;}
body {margin:0;padding:0;background-color:#ddd; font-family:"Vernada",sans-serif;font-size:10pt;}

#sostav {margin-left: 10px;   position: absolute; top: 185px; }
.bod table td {margin-left:0;}
hr {  border-style: solid; border-width: 2px 1px 2px 1px; border-color: #aaa #999 #ddd #eee;}
h4 {text-align:center; margin: 1em; color:#02535a;}
h1{
	text-align:left;
	margin: 0px;
	font-size: 18pt;
	color: #196369;
	font-weight: bold;
	background: linear-gradient(90deg, #c7cfd442, #e6e6e600);
	padding: 16px 22px;
}
h2{
	margin: 1em;
	color: #196369;
	font-weight: bold;
	margin-bottom: 16px;
	font-size: 14pt;
	background: linear-gradient(90deg, #c7cfd442, #e6e6e600);
	text-align: left;
	padding: 8px 8px 8px 22px;
	margin-left: 0px;
}
h3{
	margin: 1em;
	color: #196369;
	font-weight: bold;
	margin-bottom: 16px;
	font-size: 12pt;
	background: linear-gradient(90deg, #c7cfd442, #e6e6e600);
	text-align: left;
	padding: 8px 8px 8px 22px;
	margin-left: 0px;
}
p { font-family: "Verdana", sans-serif;  font-size: 12pt; margin: 1em; }
i {font-family: "Times New Roman", sans-serif; font-size: 16pt;}
em {font-family: "Times New Roman"; font-size: 16pt;}
table i {font-family: "Times New Roman"; font-size: 12pt;}
sub {font-size: 10pt;font-family: "Times New Roman";}
sub.fo {font-size: 12pt;font-family: "Times New Roman";}
sup {font-size: 8pt;font-family: "Times New Roman";}
sup.fo {font-size: 12pt;font-family: "Times New Roman";}
.vcentr {vertical-align: middle;}
.fo {font-family: "Times New Roman"; font-size: 16pt; }
.cit {background-color: #c7cfd442; margin: 1em; border-style: solid; border-width: 1px; border-color: #ddd;}
.text1 { font-family: "Arial", sans-serif;  font-size: 12pt; }
.centr {text-align:center;}
.tab1 {max-width:800px; margin: auto; }
.td1 { border-style: solid; border-width: 1px 1px 1px 1px; border-color: #999 #e0e0e0 #e5e5e5 #999;
      background-color:#92c0c0;}
.td2 {border-style: solid; border-width: 2px 2px 2px 2px; border-color: #ccc #fff #fff #ccc;  }
.td1 hr {border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ddd #999 #999 #999}
.clock {  background: #ccc; position: absolute; top: 6px; right:20px;  }
.kalkul { width:50%;  padding-left:10px; font-size: 13pt; }
.kalkul a {margin-left:5px; margin-right:5px;}
.sear {margin-left: 3px;   position:fixed !important; position: absolute; top: 160px; 
          top: expression(document.getElementsByTagName('body')[0].scrollTop+160); }
.ras {display: none; width:80%;  margin: 0 10% 0 10%; box-shadow: 4px 4px 4px #777;  
background-color:#c7cfd442;  cursor:pointer}
.sostav {position:fixed !important; position: absolute;   position: absolute; top: 225px; left:20px;
 border-style: solid; border-width: 1px 2px 2px 1px; border-color: #fff #ddd #ddd #fff; 
 background: #f0f0f0; text-align:center;}
.sostav:hover { background-color: #0fb; }
#home {position: absolute; top: 0px; left:4px;}

.brand-table{
	width: fit-content;
	max-width: 98.2%;
	margin: auto;
} 

#hom {height:200px; 
margin: 10px;  position:fixed !important; position: absolute; top: 0px; top: expression(document.getElementsByTagName('body')[0].scrollTop+10);   }
#sel {position:fixed !important;top: 85px;right: 285px;}

.menu1 {top:12px;}
.menu1 ul {list-style: none; }
.menu1 ul li {position: relative;  float: left; height:20px; font-size: 10pt; cursor: pointer;}
.menu1 a {float: left; position: relative;  text-decoration: none; font-size: 10pt; background-color:#02535a;color: #fff;
  padding: 4px 5px;  border-style: solid; border-width: 0px 1px 1px 0px;border-color: #234; }
.menu1 a:hover { background-color:#24757c;  }
.menu1 a:active { background-color:#46979f; border-style: solid; border-width: 1px 1px 0px 0px;border-color: #123; }
.menu1 ul li ul {visibility:  hidden; position: absolute; z-index: 1;}
.menu1 li:hover ul { visibility: visible; margin-left:0px; margin-top:24px;} 
.menu1 li ul li a { width:132px;height:20px; padding: 0 5px;}
#remnav {margin-left: 7px;   position:fixed !important; position: absolute; top: 7px; 
font-family: "Arial", sans-serif; font-size: 15px;
          top: expression(document.getElementsByTagName('body')[0].scrollTop+5); }

#bod{
	background-color:#ffffff;
	margin: 60px 265px 0px 20px;
	padding-top:0;
	border: 1px solid #e2e2e2;
	box-shadow: 4px 4px 8px 0px #b1b1b1;
	border-radius: 4px;
}
.bod{
	background-color:#ffffff;
	margin: 0px 265px 0px 20px;
	padding-top:0;
	border: 1px solid #e2e2e2;
	box-shadow: 4px 4px 8px 0px #b1b1b1;
	border-radius: 4px;
}

.bod:first-child{
	padding-top:30px;
}
.bod  table {background-color:#eee; }
.bod td {padding:2px; border-style: solid; border-width: 1px ;border-color: #ccc; padding-left: 1px; border-top:none; border-left:none;}

.footer{margin:1px 250px 10px 10px;}
.men {display:none;}
.mark {position:absolute;right:285px}

#nav {position: fixed; top: 0px; left:0px; width:100%;z-index: 100; font-family:"Arial", sans-serif;} 
#menu ul li {list-style: none; position: relative;  float: left;cursor: pointer;}
#menu a { position: relative; text-decoration:none; font-size:10pt; float:left; padding:3px 10px;  border-style:solid; border-width:0px 1px 1px 0px; border-color:#000; color: #fff; background-color:#48c;background:linear-gradient(to top,#036,#6ae);}
#menu .dir { position: relative; text-decoration:none; font-size:10pt; float:left; padding:3px 10px;  border-style:solid; border-width:0px 1px 1px 0px; border-color:#000; color: #fff;background-color:#48c; background:linear-gradient(to top,#036,#6ae);cursor: pointer;}
#menu .dir:hover { background-color:#48c; background:linear-gradient(to top,#159,#7bf);  }
#menu a:hover { background-color:#48c; background:linear-gradient(to top,#159,#7bf);  }
#menu a:active { background-color:#26a; background:linear-gradient(to top,#048,#59d);border-style: solid; border-width: 1px 1px 0px 0px;border-color: #000 #444 #000 #666; }
#menu ul>li>ul {visibility:  hidden; position: absolute; z-index: 1; margin-left:-10px; margin-top:3px;}
#menu ul>li:hover>ul { visibility: visible; } 
#menu ul>li>ul>li a { width:230px;height:27px; color:#fff; padding: 0 5px;background-color:#48c;}

#dir{position: absolute; width:248px; right:0px;top:57px;z-index:0;margin:auto;padding:auto;text-align:center;}

#sel_br {position: absolute; top: 70px; right:270px}

border-style: solid; border-width: 1px 1px 1px 1px; border-color: #aaa #f0f0f0 #f0f0f0 #aaa;
          top: expression(document.getElementsByTagName('body')[0].scrollTop+99); }
#zzz1 {display:inline-block;}
#data {float:left; width:470px; text-align:left;margin:10px}

#menu_br {position:absolute;left:15px;top:30px;}
#zzz {display:inline-block;position:absolute;left:115px;top:30px;}
#label_mod {position:absolute;left:15px;top:60px;}
.fix {position:fixed;}
.brtv {position:absolute;right: 255px; top: 6px; z-index:2;background-color:#fff;font-size:12pt;}
#brand1 {position:fixed!important; top:50px; right:256px;background-color:#fff;}
#news{position:fixed;top:2px;right:2px;width:244px; padding:auto; text-align:center;background-color:#afa;font-size:11pt;}

#menn1, #ul_br{display:none;}

.reviews {
	background-color:#edf5ff;
	padding-bottom: 2px;
}

/* .reviews h2{
	border: solid #afb4c5;
	border-width: 2px 0px;
	padding: 8px;
	margin: 0px;
	background: #bfd0de;
} */

.review {
	margin:16px;
	box-shadow: 4px 4px 8px 0px rgba(50, 51, 56, 0.32);
}

.review_info {
	background-color:#c3c5da;
	border-bottom: 2px solid #9597a5;
}

.review_name, .review_date {
	display:inline-block; 
	font-size: 14pt;padding: 8px;
}

.review_date {float:right}

.review_col1, .review_col2 {
	display: table-cell; 
	font-size: 10pt;
	padding: 8px;
	border-bottom: 2px solid #4d4d4e40;
}

.review_row:last-child .review_col1, .review_row:last-child .review_col2 {border:none}

.review_col1 {
	width:8%; 
	background-color:#c2c3d4; 
	text-align: center;font-weight:bold
}

.review_col2 {width:90%;}

.review_row {
	background-color:#dddfef;
	display: table-row;
}

.review_write_button {
	background-color:#c3c5da;
	width: fit-content;
	margin: 0px 16px 12px;
	padding: 8px;
	border: 2px solid #b9bac7;
	font-size: 10.5pt;
	border-radius: 4px;
	cursor:pointer;
}

.review_write_button:hover {
	background-color:#dddfef;
	color:#333;
}

@media only screen and (max-width : 800px){ /*--------------- маленький экран ---------------------------*/
	.review {box-shadow:none}
	
	.cit { margin: 0; border-width: 1px 0 1px 0; }

	.tab1 {width:360px;}
	/* #nav{display:none;} */
	#ul_br {position:fixed; top:0px;width:400px;font-size:16pt;background: #def;color:#500;z-index:1}
	#ul_br a {text-decoration:none; font-size:16pt; color:#500;}
	#ul_br a:hover { background: #fff;}
	#menn1 {display:block;position:fixed;top:10px;left:15px;z-index:100;}

	#hom_img {position:absolute;display:none;top:15px;left:15px;z-index:100;}
	#kalk {position:absolute;right:15px;}
	.mark {position:absolute;right:15px;}
	#news{display:none;}
	#dir{position:relative; width:100%;}
	img {max-width: 340px;}
	#data {min-width:320px; max-width:400px; text-align:left;}
	#label_mod {position:absolute;left:40px;top:35px;}
	#menu_br {position:absolute;left:10px;top:40px;z-index:10;}
	#zzz {display:inline-block;position:absolute;left:105px;top:10px;z-index:10;}
	#bod{
	margin: 38px 0px 0px 0px;
	border: 0;
	box-shadow:none;
	border-radius: 0;
	}
	
	
	.bod{background-color:#eee; margin:0 0 0 0; border:0; padding-top:30px;box-shadow:none ;}
	.footer{margin:1px 0px 10px 0px;}
	#nav {position: absolute; top: 3px; margin-left:1px;} 
	#menu{position:absolute;left:1px;font-family:"Arial", sans-serif;font-size:10pt;}
	#menu .dir{position:relative;margin-top:-1px;padding:5px 0px 1px;0px; text-align:center;width:109px;height:35px;}
	#menu >ul>li>a{position:relative;margin-top:-1px;padding:5px 0px 1px;0px; text-align:center;width:109px;height:35px;}
	#menu ul{visibility:hidden;position:absolute;top:39px;left:0px;list-style:none;}
	#menu:hover ul{visibility:visible;}
	#menu a {text-decoration:none;position:relative;display:block;width:106px;height:30px;line-height:30px;font-size: 10pt;padding:0px 0px; }

	#menu .dir>ul {visibility:hidden;top:-3px;left:117px;list-style:none;}
	#menu .dir:hover>ul {visibility:visible;}
	#menu ul>li>ul>li a { width:200px; padding: 3px 0px;}

	#menu .men{display:block;width:110px;color:#fff;height:35px;line-height:35px;cursor:pointer;text-align:center; }
	#menu .men1 {position:absolute;left:110px;top:-39px;}
	#menu .men1 a {height:35px;line-height:35px;text-align:center;}
	/* #menu .men:hover {background:#48c;} */
	#menu .men1:hover a{background:#48c;}
	#sel_br { 
		top: 3px;
    right: 4px;
    z-index: 99;
    color: white;
	}
	#menu_br {display:none;}
	.url_mob {font-size: 30pt;}
	/* .menu1 {margin-top:15px;} */
	.fix {position:relative;}
	.brtv {position:absolute;right: 10px; top:8px; }
	#brand1 {position:absolute; right:10px; top:50px; background-color:#fff;z-index:100}
	.menu1 ul li {height:30px;cursor: pointer;}
	.menu1 a { height:30px;line-height:30px;}
	.menu1 li ul li a { width:132px;height:30px;}
	.menu1 li:hover ul { margin-top:35px;} 
	#sel {right: 5px;}
}

/* Header */
header {
	margin-top: -1px;
}

/* Menu */
nav ul{
  background: #02535ae8;
  height: 39px;
  padding-left: 0px;
  background: rgba(2, 83, 90, 0.91);
}

nav {
	/*width: -webkit-fill-available;*/
	width:100%;
	margin-right: 0px;
	position: fixed;
	transition: top 0.5s ease 0s;
	top: 0px;
	z-index: 10;
}

nav>ul>li>a:first-child {
  color:#fff;
  text-decoration: none;
  padding: 12px;
  display: block;
  font-weight: bold;
}
nav li:first-child {
  padding: 0px;
}

nav ul>li>ul>li>a{
  position: relative;
  text-decoration: none;
  font-size: 10pt;
  float: left;
  padding: 28px 10px;
  color: #fff;
  background-color: #35414c;
  
}

nav ul li{
  list-style: none;
  position: relative;
  float: left;
  cursor: pointer;
}

nav ul>li>ul {
  opacity: 0;
  position: absolute;
  z-index: 1;
  margin-left: -12px;
  margin-top: 12px;
  background: none;
  pointer-events: none;
  transition: opacity 0.2s linear;
	height: auto;
	max-height: 400px;
	overflow-y: auto;
	scrollbar-color: #155f65 #057a84;
	overflow-x: hidden;
	scrollbar-width: thin;
}

nav ul::-webkit-scrollbar {
		width: 8px;
		background: #057a84;
	}
nav ul::-webkit-scrollbar-thumb {
		background: #055258;
}

nav ul>li>ul>li a {
  width: 186px;
  height: 27px;
  color: #fff;
  padding: 4px 5px 0px;
  background-color: #057a84;
  line-height: 24px;
  transition: background-color 0.2s linear;
}
nav ul>li:hover>ul { opacity: 1; pointer-events: all;} 
nav .menu_group:hover { background-color: #057a84; }
nav a:hover { background-color: #189fab;  }

.menu_group{
  text-decoration: none;
  padding: 12px;
  color: #fff;
  transition: background 0.2s ease;
  font-size-adjust: 0.48;
}

.menu_group + .single{
	padding: 0px;
}

/* Menu Mobile*/

nav label{
  padding: 0px 12px;
  color:white;
  font-size: 20pt;
  cursor: pointer;
  display: none;
	line-height: 43px;
	background: #02535af5;
	text-align: center;
}

#toggle{
  display: none;
}

@media only screen and (max-width : 960px)
{
  nav label{display: block;}
  nav ul {
    margin-top: -1px;
    opacity: 0;
    transition: all 0.2s ease;
		display: grid;
		background: none;
		width: fit-content;
	}
	
	nav {
		width: 100%;
	}

  nav ul>li>ul{
		margin-left: 142px;
		height: auto;
    max-height: 300px;
    overflow-y: auto;
	}

  nav .menu_group {
    border-top: 2px solid #02484e;
		pointer-events: none;
		background: #02535af5;
		min-width: 130px;
  }

  header{
    background-color: #35414c;
  }
  nav ul>li>ul>li a {
    padding: 12px 5px 4px;
  }
  
  .container {
    max-width: none;
  }
  
  .item_groups, .item_group {
	margin-right:0px !important;
	}
	
	#toggle:checked + .menu {
		opacity: 1;
	}
	
	#toggle:checked ~ ul>li {
		pointer-events: all;
	}
	
	#toggle:checked ~ ul>li>ul{
		display: grid;
		margin-top: -28px;
	}
	
	/* Toggle animation */
	.toggle-open{
		animation: toggle-open-anim 1s;
		line-height: 41px;
    height: 43px;
	}
	@keyframes toggle-open-anim {
	  0%   {color:transparent;}
	  100% {opacity: white;}
	}

	.toggle-remove{
	  animation: toggle-remove-anim 1s;
	}
	@keyframes toggle-remove-anim {
	  0%   {color:transparent;}
	  100% {opacity: white;}
	}
}