html, body, h1, h2, h3, h4, h5, h6, p, blockquote,strong, a, em, ol, ul, li, table, span, caption, tbody, tr, th, td {color:#333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-size:16px;}
.centr {text-align:center;} .small{font-size:0.8em;}
.cursor{cursor:pointer;}
footer, header, main, nav, section {display: block;}
footer {width:100%;height:400px; background-repeat:no-repeat; background-image:url(image/fon3.jpg);  background-size:cover; background-color:#EEEEE8;margin-top:40px;}

.list{background-repeat:no-repeat;background-position: right bottom; background-image:url(image/list_1.jpg); }
.bludo{background-repeat:no-repeat;background-position: right bottom; background-image:url(image/bludo.jpeg); }
html {overflow-x: hidden;}
.link {text-decoration: underline; color:#913F0D;}
.border{padding:20px; border-radius:8px 8px; border:1px solid #DAE0DB}
.border1{padding:20px; border-radius:8px 8px; border:1px solid #EAECD4}
.logo { height:80px;  width: 80px; padding-right:5px; display:inline-block;} .nutr {word-wrap: break-word;display:inline-block;} .gr {color:#60931A;} .nutr_txt{color:#333;font-size:1.3em; font-weight: 500;padding-bottom:5px;}
table {border-collapse: collapse;border-spacing: 0;margin: 0 0 1.5em;width: 100%;}
.p5{padding:5px;}
span.eye:after { content: '\1F441' ; padding:0px 5px; font-size:0.9em;}
.foto{width:45%; float:left; padding:0px 12px 5px 0px;}
.data {font-size:12px; color:#777;}
.art_title{color:#61862C; font-size:1.2em;font-weight: 500;}
strong {font-weight: 600; color:#6C8E7D }
a:focus {outline: 0;}
a:hover, a:active {outline: 0;}
.attention {border-left:2px solid orange; margin:10px;}
button{word-wrap: break-word; background-color:#FAEAD4; border-radius:5px 5px; color:#A85700;padding:8px 25px; margin:7px;border:1px solid #F3D1A1;display:block; }
.zad_vopros{word-wrap: break-word; background-color:#F6F8F7; border-radius:8px 8px; color:#444;padding:8px 8px; border:1px solid #D3DBC7; font-size:0.8em;} .zad_vopros:hover {background-color:#EEF2#CAD4BCE6; }
.quest {width:90%; border-radius:10px 10px;padding:35px 25px; margin:0 auto;margin-top:25px; font-size:1.5em; background-color:#597705; color:#fff; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);   background: linear-gradient(to left top, #CAD4BC, darkgreen);}
 .quest button { cursor:pointer;font-size:1.2em; float:left; background-color:white;color:#444; margin-bottom:20px;} 
.inner-wrap ul li {color:#333; padding-left:20px; margin-left:20px;}
.art{padding: 10px 0}
.art img{display: inline;float: left;padding-right:20px;margin-top:20px;width:250px;border-radius:5px 5px;  height:200px; object-fit:cover; }
.img_post{float:left; display:block; padding-right:15px; padding-top:15px}
h1,h2,h3,h4,h5{color:#091B2B; font-weight: 500; margin-left:35px;} 
h1 {font-size:2em; padding:10px 0;}
h2 {font-size:1.8em;}
h3 {font-size:1.5em;}
h4 {font-size:1.3em;color:#659422;}
h5 {font-size:1.1em;color:green}

.number1, .number2{border:1px solid #ccc; border-radius:2px 2px; padding:5px 7px; margin:2px;}
.number1 {background-color:#CAD4BC;}
/*одинаковые блоки по 3 в ряд  */
.container_block {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	margin-bottom: 50px;
}
/*одинаковые блоки по 2 в ряд  */
.container_block_2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 20px;
	margin-bottom: 50px;
}

.box_item2, .box_item3 {border-radius:10px 10px;padding:10px;margin:5px 5px;font-weight:normal;font-size:1em;}
.box_item2 img {width:250px; height:200px; border-radius:5px 5px; object-fit:cover;display: inline;float: left;margin-right: 10px;padding:0px 5px 15px 5px;}
.box_item2 h4 {text-align:center;}

@media (max-width:1025px) {
	.container_block {grid-template-columns: repeat(2, 1fr);	}
/*	.box_item2 img {width:190px; height:auto; } */
}

@media (max-width:821px) {
	.img_post{float:none; margin:0 auto; padding-right:0}
	.container_block {grid-template-columns: repeat(2, 1fr);	}
	.box_item2 img {clear: both;display: block;margin-left: auto;margin-right: auto;text-align: center; display: block;float:none;}
}

@media (max-width:470px) {
	.container_block {grid-template-columns: repeat(1, 1fr);	grid-auto-rows: auto;}
	.container_block_2 {grid-template-columns: repeat(1, 1fr);	grid-auto-rows: auto;}
}

.mt25 {margin-top:25px;} .p25 {padding-top:25px;} .shadow{-webkit-box-shadow: -4px 2px 21px 5px rgba(225, 225, 229, 1);-moz-box-shadow: -4px 2px 21px 5px rgba(225, 245, 229, 1);box-shadow: -4px 2px 21px 5px rgba(236, 242, 234, 1);}
hr {border: 0; height: 2px; margin: 30px 0;  background-image: linear-gradient(to right, #CAD4BC 50%, #337AB7 50%, #5C9413 60%, #ff9100 60%, #ff9100 70%, #05b5e6 70%, #05b5e6 80%, #b448b8 80%, #b448b8 90%, #BFE2FF 90%, #BFE2FF 100%);
}

.h250 {height:350px;}
.red{color:red;}
.note1,.note2 {color:#000; text-align:justify;font-weight: 500; font-size:1.2em; border-radius:8px 8px; padding:25px 15px; margin:0 auto; display:block; border:1px solid #ccc; background-repeat:no-repeat;margin-bottom:7px;}
.note1{ background-image:url(image/fon4.jpg); }
.note2{ background-image:url(image/fon5.jpg); }
.note6{ background-image:url(image/fon6.jpg);  }
.note61{ background-image:url(image/fon61.jpg); }
.note6, .note61,.note1 {background-repeat:no-repeat;background-size:cover;background-position: center center; }
p {line-height: 24px;margin-bottom: 15px;text-align:justify; padding:5px 10px}

.myul {display:block;margin:10px 5px; color:#444; }
.myul u {margin-left:5px;}
.myul ul li{color:#444;margin-left:4px;}
.myul ul li::marker {color:#60931A; content: '►'; font-size: 1.2em;}

input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}
textarea {  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px 4px;
  box-sizing: border-box;}

/* =LINKS
----------------------------------------------- */
a {color: color: #7CAF33; ;	text-decoration: none;}
a:focus, a:active, a:hover {	text-decoration: none;}

/* =IMAGES
----------------------------------------------- */
.adaptive {max-width: 100%;height: auto; padding: 8px; margin:0px auto; text-align:center;display:block}
.clearfix {display: inline-block;}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear {clear: both;}
.clearfix {display: block;}

/* =ALIGNMENT
----------------------------------------------- */
.alignleft {display: inline;float: left;margin-right: 30px;padding:5px;}
.alignright {display: inline;float: right;	margin-left: 30px;padding:5px;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;text-align: center;padding:5px;}

.category{font-size:13px; float: left;color: #913F0D;}

body {background-color:#FFF;	padding-top: 10px;	padding-bottom:20px;}
.email {width:70%; background-color:#fff;}
#page {width:100%; background-color: #FFFFFF;-webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);}
.mt15{margin-top:1px;}
.inner-wrap{width:90%;max-width:1200px;margin: 0 auto;display:block;color:#777;}
.inner-wrap-head{width:90%;margin: 0 auto;display:block;padding:5px;}
.r150{width:150px; height:150; padding-bottom:15px;border-radius:5px 5px;}

/* =PAGE HEADER TITLE
----------------------------------------------- */
.header-post-title-container {
	border-bottom: 1px solid #EAEAEA;
	padding: 20px 0;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset;
}
#main {margin-top:4px;padding: 20px 0; background-color: #FFF}

.icon {width:25%;height:auto;float:left;vertical-align:top;padding:5px;} .icon img {border-radius:5px 5px;}
.txt {width:60%;height:auto; vertical-align:top;padding:0px 5px}
.txt p { font-weight: normal; color:#444; text-align:justify}
.nav-previous, .nav-next { margin-bottom: 15px; }

.nav-previous
.nav-next a {
	color: #666666;
	padding: 5px 25px;
	cursor: pointer;
	border: 1px solid #EAEAEA;
	font-size: 16px;
}

.nav-previous a:hover,
.nav-next a:hover {color: #05ADAB;}

#secondary a:hover {text-decoration: underline;}

.more-link {font-size: 12px;font-weight: normal; color: #7CAF33; font-style:italic; text-align:right;padding-right:5px;display:block;border-radius:2px 2px; }

/* =PRIMARY AND SECONDARY CONTENT AREA
----------------------------------------------- */
#primary {float: left;width: 61.5763547%;}
#secondary {	float: right; width: 34.4827586%; }

/* =NAVIGATION
----------------------------------------------- */
nav li > ul,nav li > ol {margin: 0;	list-style: none;}
#header-right-section {display:block-inline; float:right;width:54%; text-align:right}
#header-left-section{display:block-inline; float:left;width:45%;}
.main-navigation li {float: left;position:relative;margin: 5px 0 0 25px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;letter-spacing:1px;font-weight:600;}

.head{display:block;width:100%;padding:10% 0;background-image:url(image/fon.jpg); background-repeat:no-repeat; background-size:100%; }
.slogan {color:#960E06;font-size:1.7em;padding-bottom:18px;}

.white {background-color:white;}
.main-navigation .menu-primary-container {display:block; padding-top:10px;}
.main-navigation .menu-primary-container > ul::after {
	content: '';
	display: block;
	clear: both;
}
.main-navigation .menu-primary-container > ul li a {font-size: 14px;}
.main-navigation .menu-primary-container > ul li a:hover {color:#216B6A;}
.main-navigation a {color: #444444;display: block;float: left;line-height:1.8;}
.main-navigation a:hover {color: #2E7EBC;}
.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul {left: auto;}
.main-navigation ul li .sub-toggle {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	margin-left: 0px;
	margin-top: 0;
}

.main-navigation ul li ul li .sub-toggle {
	-webkit-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
}

.main-navigation ul li > ul .sub-toggle {
	margin: 0;
	right: 10px;
}

.main-navigation ul ul {position: absolute;float: left;left: -99999px;z-index: 99999;}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
.main-navigation ul ul li:hover ul ul {
	display: none;
	z-index: 9999;
}
.main-navigation ul ul ul {
	left: -99999px;
	top: 0;
}

.main-navigation ul li ul {
	position: absolute;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
	top: 20px;
	left: -99999px;
	width: 150px;
}

.main-navigation ul li ul li {
	float: none;
	padding: 0;
	margin-left: 0;
}

.main-navigation ul li ul li a {
	float: none;
	line-height: 21px;
	font-size: 13px;
	font-weight: normal;
	height: 100%;
	padding: 6px 10px;
	color: #666666;
}

.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a {
	backound: none repeat scroll 0 0 white;
	color: #05ADAB;
}

.main-navigation ul li.current-menu-item ul li a:hover {
	background: none repeat scroll 0 0 white;
	color: #05ADAB;
}

.main-navigation ul li ul li ul {	top: -1px;}
.main-navigation ul li.focus > ul {display: block;}
.main-navigation select {	display: none;}

/* =SMALL MENU
----------------------------------------------- */
.site-header {height:110px;padding-top:10px; -webkit-box-shadow: 0px 5px 7px -4px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 5px 7px -4px rgba(34, 60, 80, 0.2);
box-shadow: 0px 5px 7px -4px rgba(34, 60, 80, 0.2);}
.site-header .menu-toggle {  display:none; background:#60941D; position:absolute;color: #fff; top:40px; width:20px;right:20px;font-size: 22px;font-weight: 30px;padding: 7px 10px;margin: 0; cursor:pointer; text-align:center;}

.site-header .menu-toggle:hover {	background: #05ADAB;}
.site-header .menu-toggle:before {content: '\2261';	}

.main-small-navigation {float: right;}
.main-small-navigation ul {margin: 0;list-style: none;}
.main-small-navigation li {background: #FFF; display: inline;position: relative; padding:0 7px;}
/* меню вверху*/
.main-small-navigation li a {color:#444; font-weight:600px;} .main-small-navigation li a:hover {color:#40A293;}
.orange {background-color:#F6F7EB} .white {background-color:#FFF}
.gray {background-color:#F3F7F4;}
.brown {color: #913F0D;}

/*выпадающее меню*/
.menu-primary-container .sub-menu{width:240px;background:#FFF;padding:10px;margin-top:5px;box-shadow:0 0 8px 1px rgba(0,0,0,0.08); }
.menu-primary-container .sub-menu li a{color:#000;font-weight:500;font-size:0.7em; margin-bottom:10px; }
.menu-primary-container .sub-menu li a:hover{color:green;}

.inthis{text-align:center;width:97%;margin:0 auto;padding:10px;border-radius:10pt 10pt;margin-top:20px;display:block;}
.inthis1{text-align:center;width:100%;margin:0 auto;display:block;border:1px solid #ссс;border-radius:12pt 12pt;}

.block{display: inline-block; margin:10pt;padding:5pt;border:1px solid #CACED4;background:#FFF;border-radius:12pt 12pt;width:38%;height:auto;vertical-align:middle;}
.block1{margin:4pt;padding:4pt;border:1px solid #CACED4;width:22%;display:inline-block;vertical-align:middle;border-radius:12pt 12pt;}

.block_full{margin:10pt;padding:10pt;border:1px solid #CACED4;width:92%;height:auto;display:inline-block;vertical-align:middle;}
.s1{width: 49%; padding:2px;}
.s2{padding:2px;width:49%; text-align:justify; } .s1,.s2{height:auto;display:inline-block;vertical-align:middle;}
.border_bottom{border-bottom:1px solid #CACED4;}

@media screen and (max-width: 1200px) and (min-width: 767px) {
	.no-sidebar-full-width #primary .entry-content > .alignwide,
	.no-sidebar #primary .entry-content > .alignwide {	margin-left: -40px;	margin-right: -40px;	}
	.logo { height:70px;  width:70px; } 
}
.hamb_menu{
	display: none;
	position:absolute;
	right:0px;
	top:0px;
	width:40%;
	height:100%;
	color:#444;
	/*background:#597705;*/
	background:#FFF;
	z-index:9999;
	padding-left:10px;
	border-left:3px solid #ccc;
	}
.close{float:right; color:#444;padding:15px;cursor:pointer;display:block;font-size: 28px;font-weight:600;margin-left:10px;margin-top:20px;	}
.hamb_menu span, .hamb_menu span a {color:#444; display:block; padding:10px 8px;width:100%; font-size:1.2em;}
.hamb_menu_sub{display:block;margin-left:5px;}
.hamb_menu ul {list-style: none;} 
.hamb_menu .hamb-sub-menu > ul,li {padding:8px 7px 0px  0px;color:#444;}
.hamb_menu .hamb-sub-menu > li a{color:#444; font-size:1.2em;padding-left:5px;}
.hamb_menu span a{color:#444; font-size:1.4em; }

@media screen and (max-width: 768px) 
{
   .block2{margin:2pt;padding:5pt;width:45%;}
	.site-header .menu-toggle {display: block;}
	.site-header {height:100px;padding-top:0px;}
	#primary, #secondary  { float: none; width: 100%; margin: 0; }
	#header-left-section { width:80%}
	#header-right-section {width:20%;}
	#header-logo-image {float: none;text-align: center;margin-bottom: 10px;padding-right: 0;}
    .main-small-navigation{width:60px; height:60px;} 
	#site-description {padding-bottom: 5px;}
	 .nutr_txt{font-size:1.0em;}   .logo { height:50px;  width:50px; } 
	.inner-wrap,.block{width:90%; margin:0 auto;}
	 .nutr {color:#333; font-weight: 500;} 
	.main-small-navigation {width: 100%;}
	.main-navigation {float: none;	}
	
	.main-navigation .menu-primary-container > ul {	display: none; float:right;	}
	.header-left-section ul {display: none;	}
	.menu-primary-container .sub-menu li a{color:white; font-weight:500;}
    .menu-primary-container .sub-menu{width:100%;background:#054975;}
	.menu-primary-container .sub-menu {	display: none;	}
	.menu-primary-container ul.nav-menu li.menu-children:hover > .sub-menu{display: block;background:#3A3A3A;color:#fff;}
    .slogan {color:#960E06;font-size:1.1em; }
   .active_block	{display: block;}
   #page {width:100%; }  .s1{	width: 48%; } .s2{	width: 48%; }
   .inner-wrap {width: 94%;}  .mt15{margin-top:25px;}
}


@media only screen and (max-width: 420px) {
	.art img{clear: both;display: block;margin-left: auto;margin-right: auto;text-align: center;padding:5px;float:none;}
	.hamb_menu{width:80%} 
	.s1{width: 95%; } .s2{width: 95%; } .pol,.block1,.block2 {width:95%;margin:0 auto; margin-top:10px;}
	.soft{max-width:250px;} .img_f{width:200px;} .mt15{margin-top:25px;}
	h1 {font-size:1.5em;}h2 {font-size:1.4em;}h3 {font-size:1.3em;}h4 {font-size:1.2em;color:#659422;}h5 {font-size:1.0em;color:green}
	
}

/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 60%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close1 {color: #444; float: right; font-size: 28px;font-weight: bold;}
.close1:hover,
.close1:focus {color: black;text-decoration: none;cursor: pointer;}

.list2b {
	margin-bottom: 8px;
	padding:0;
	list-style: none;
	counter-reset: li;
}	
.list2b li {
	position: relative;
	border: 2px solid #DDDDDD;
	background: #FAFAFA;
	padding:16px 20px 16px 28px;
	margin:12px 0 12px 40px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.list2b li:hover {
	background: #F0F5FB;
	border: 2px solid #ADCEE9;
}
.list2b li:before {
	line-height: 32px;
	position: absolute;
	top: 4px;
	left:-40px;
	width:40px;
	text-align:center;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background:#659422;
/*	background: #77AEDB;*/
	counter-increment: li;
	content: counter(li);
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.list2b li:hover:before {
	width:46px;
	background: #337AB7;
}
.list2b li:after {
	position: absolute;
	left: 0;
	top: 4px;
	content: "";
	height: 0;
	width: 0;
	border: 16px solid transparent;
/*	border-left-color: #77AEDB;*/
    border-left-color: #659422;;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s
}
.list2b li:hover:after {
	margin-left: 6px;
	border-left-color: #337AB7;
}
/*фон для блока*/
.card {   overflow: hidden;   position: relative;   width:100%; height: auto;   margin: 10px;   border-radius: 8px 8px;   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);   background: linear-gradient(to left top, #337AB7, #BFE2FF);}
.card:before, .card:after {   position: absolute;   top: 0;   right: 0;   bottom: 0;   left: 0;   z-index: 0;   content: "";}
.card:before { filter: contrast(19);   mix-blend-mode: multiply;}
.card:after {   background: linear-gradient(90deg, #285f8f, #337AB7);   mix-blend-mode: screen;}
card:before {   background: repeating-conic-gradient(at -9% 25%, #000, #999, #000 2.5%), conic-gradient(at -9% 25%, #000, #777 50%);    background-blend-mode: screen;
}