* {margin:0;padding:0}
html {height:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
body {font:16px Arial,sans-serif; height:100%; background: #f4f4f4;}

p {font-size:16px; line-height:22px; margin-bottom:10px}

a { color:	#0645AD}
a:hover {color: #0B0080 }


.wrapper {max-width: 1266px; min-width: 980px; margin:0 auto;min-height:100%;height:auto!important;height:100%; background: #fff;  -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 32px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.15);}
.wrapwidth{max-width: 1266px; min-width: 980px; margin:0 auto;}
	
.setiytub {padding: 8px 10px 20px 45px; background: url("../images/rutube.webp") 7px 4px no-repeat scroll; background-size: auto; background-size: 32px;}	
	
/* 		Header
-----------------------------------------------------------------------------*/
.header{background:#7c9227; border-bottom: 1px #bbbbbb solid; margin: 0 auto; max-width: 1266px; min-width: 980px;}
.logoimg { padding-right:3.7vw; padding-left: 5px;}
.headtop  a { line-height:2}

/* 		Middle
-----------------------------------------------------------------------------*/
.middle{width:100%;padding:0 0 455px;position:relative}
.middle:after{display:table;clear:both;content:''}
.container{width:100%;float:left;overflow:hidden}
.content{padding:0 270px; margin-bottom:2vw;}
.contentnews {padding:0 270px 0 15px; margin-bottom:2vw;}

/* 		Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar{float:left;width:245px;margin-left:-100%;position:relative; padding:105px 5px 0 4px;}

/* 		Right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar{float:left;width:245px;margin-left:-250px;position:relative; padding:105px 5px 0 0;}

.menulogo { display:flex;align-items: center; box-shadow: 0 5px 5px -4px rgba(0, 0, 0, .7); height:80px;}

h1, h2, h3 {}
h1 {font-size:32px; padding:20px 0 30px 0; }
h2 {font-size:27px; padding:20px 0; color:#7c9227;}
h3 {font-size:24px; padding:55px 0 20px 0; color:#7c9227;}
h4 {font-size:16px; padding:15px 0; color:#7c9227;}

/* 		Color и Text
------------------------------*/
.txtcolorgrin {color:#7c9227;}
.txtcolorwhite {color:#ffffff;}
.ingradient { background:#7c9227; color:#ffffff; padding:11px; margin:10px 0; text-transform:uppercase; font-weight:600; font-size:14px;}
.inglist {display: block; width: 100%; border-bottom: 1px dashed #E0E0E0; padding-left: 5px; font-size:16px; line-height:2.5; display: flex; justify-content: space-between;}
.inglist span { text-align:right; padding-right: 5px;}
.commentit { color:#7c9227; padding: 55px 0 20px 0;}
.sposob {color:#7c9227; padding:22px 0 11px 0; font-weight:600; font-size:17px;}
.activm a {color: #7c9227 !important;}

i.fa {padding:5px 15px 5px 5px; width: 17px; text-align:center;}
i.fa.fa-youtube-play { color:#F70307;}
i.fa-vk { color:#4a76a8;  margin:} 
i.fa.fa-facebook-square { color:#4267b2;} 
.pv { color:#ffffff;} 
.grin { color:#7c9227; font-weight:600;}

/* Сетка у таблицы
-----------------------------------------------------------------------------*/
table.sto {border: solid #c2c0bc 1px; border-collapse: collapse; width:100%}
table.sto th, table.sto td {vertical-align: top; padding: 4px; border:solid 1px #c2c0bc;}

table.kkal {border: solid #c2c0bc 1px; border-collapse: collapse; width:100%; text-align: center;}
.thead { color:#ffffff; background:#7c9227;}
table.kkal td:first-child{ text-align:left;}
table.kkal th, table.kkal td {vertical-align: central; padding: 4px; border:solid 1px #c2c0bc;}

th:nth-child(n+2), td:nth-child(n+2) { width:15% }


/* Маркеры
-----------------------------------------------------------------------------*/
.stil {list-style-type:none;counter-reset:num;margin:0 0 0 45px;padding:15px 0 25px;font-size:16px}
.stil li{position:relative;margin:0;padding:0 0 10px;line-height:1.4}
.stil li:before{content:counter(num);counter-increment:num;display:inline-block;position:absolute;top:0;left:-38px;width:28px;height:28px;background:#7c9227;color:#fff;text-align:center;line-height:28px;font-size:18px}

/* Хлебные крошки  
-----------------------------------------------------------------------------*/
.xleb {text-transform: uppercase; font-size:12px; font-weight:500; margin-top:17px;} 
.xleb a {text-transform: uppercase; text-decoration: none; color: #7c9227; } 
.xleb a:hover {text-decoration: underline;} 


/* Левое меню НОВОЕ
-----------------------------------------------------------------------------*/
.menucontent {display: block; margin:4px;}
.menucontent A {display: block; color:#000000; line-height:1.65; text-decoration: none; padding:1px; border-bottom: 1px dotted #696969; }
.menucontent A:hover {display: block; background:#f0efef;}

.menublok {top:10px; margin:20px 0 15px 0; float: left;  width:100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #fff;
-webkit-box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.4);
box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.4);
}

.menuzag {display:inline-block; position:relative; background:#7c9227; color: #fff; font-size:17px; border-radius: 7px 7px 0px 0px; padding:8px 0 10px 0; text-align: center; margin-bottom:7px; width:100%; 
background: -webkit-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%);
background: -webkit-linear-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%);
background: -moz-linear-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%);
background: -ms-linear-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%);
background: -o-linear-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%);
background: linear-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%); 
-pie-background: linear-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%);}

.menuzagone {display:inline-block; position:relative; background:#fff; color: #7c9227; font-size:17px; border-radius: 7px 7px 0px 0px; padding:10px 0; text-align: center; width:100%; border-color:#7c9227; text-transform:uppercase; font-weight:600;}

.menupodzagv {background:#7c9227; 
background: -webkit-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%);
background: -webkit-linear-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%);
background: -moz-linear-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%);
background: -ms-linear-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%);
background: -o-linear-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%);
background: linear-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%); 
-pie-background: linear-gradient(to top, #96a264 0%, #7c9227 36%, #c8e542 100%);
color: #fff; font-family: font-size:17px; padding: 5px 0 7px 0; text-align: center;  margin:5px -4px; }


/* Image
-----------------------------------------------------------------------------*/
.imgcenter {margin: 10px 0; width:100%; height:auto;}
.imgmini {margin: 10px 0; width:150px; height:auto;}

.imgcenter-five {margin: 10px 0; width:49%; height:auto; float:left; padding-right:1%}
.imgleft {float:left; margin: 10px 10px 10px 0; border-color: #CCCCCC; border-style: solid; border-width: 1px; width:100%}
.imgright {float: right; margin: 10px 0 10px 10px; border-color: #CCCCCC; border-style: solid; border-width: 1px; width:100%}

/* Video
-----------------------------------------------------------------------------*/
.video-responsive {position: relative; padding-bottom: 56.25%; height: 0; overflow:hidden;} 
.video-responsive iframe, .video-responsive object, .video-responsive embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* Top
-----------------------------------------------------------------------------*/
.headtop { display: flex;  align-items: center;  height: 100%; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #bdd93e; padding-bottom: 2px;}
.headtop a {color:#ffffff; text-decoration:none; margin: 0 5px;}
.headtop .fa-map-marker, .headtop .fa-user-circle-o, .headtop .fa-sign-out {font-size:22px !important; padding-right:5px; vertical-align: middle;}

/* 		Top bottom
----------------------------------------------------------------------------*/
.scrollup {width:80px; height:80px; opacity:0.9; position:fixed; bottom:170px; right:70px; display:none; text-indent:-9999px; background: url('/images/top.png') no-repeat; background-size:80px;}
.menulogo.fixed {display: flex; position: sticky; top: 0; margin: 0 auto; background:#ffffff; z-index:5; box-shadow: 0 5px 5px -4px rgba(0, 0, 0, .7); height:80px;}


/* 		Footer
-----------------------------------------------------------------------------*/


/*
.footer {margin: -455px auto 0;	height: 455px; position: relative; color:#ffffff; background: #333333 url("/images/footer-backg.png"); width:100%;}
*/

.footer {margin: -455px auto 0;	height: 455px; position: relative; color:#ffffff; background: url(/css-java/img/footer.png) 88% 94% no-repeat, url(/images/footer-backg.png); width:100%;}



.footer a {color:#ffffff; text-decoration:underline !important; line-height:1.9; display: block;}
.footertxt { color:#ffffff !important; padding-left:12px; line-height:1.6; font-size:14px; }
.footerblock { width:100%; height:160px; padding:10px 0 15px 0; }
.footerone, .footertwo, .footerthree, .footerfour { width:25%; float:left;}

/*.footerfive { width:17%; float: right;}*/
.coltit { font-size:16px; font-weight:600; padding:10px 0;}
.footerline { padding:20px 0;}
.footerline:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.footerimg {float:left; padding:0 25px 0 0;}
.centrwhite { font-size:14px; display: flex; align-items: center; justify-content: center; width:100%;}
.centrwhite a { color:#ffffff;padding-left: 5px;}

.mgmenu_container ul.mgmenu li span i { color:#7c9227;}


/* comment
-------------------------------*/
a.pic {background-image: url(/commentit/im/bbbold.gif);width: 24px;height: 23px;display: block;float:left;}
a:hover.pic {background-position: 0 23px;}
a.pic2 {background-image: url(/commentit/im/bbitalic.gif);background-position: 0 0;width: 23px;height: 23px;display: block;float:left;}
a:hover.pic2 {background-position: 0 23px;}
a.pic3 {background-image: url(/commentit/im/bbunderlin.gif);background-position: 0 0;width: 24px;height: 23px;display: block;float:left;}
a:hover.pic3 {background-position: 0 23px;}
a.pic4 {background-image: url(/commentit/im/bburl.gif);background-position: 0 0;width: 21px;height: 23px;display: block;float:left; margin:0 3px;}
a:hover.pic4 {background-position: 0 23px;}
a.pic5 {background-image: url(/commentit/im/bbimage.gif);background-position: 0 0;width: 21px;height: 23px;display: block;float:left;margin:0 3px;}
a:hover.pic5 {background-position: 0 23px;}
a.pic8 {background-image: url(/commentit/im/bbstrike.gif);background-position: 0 0;width: 23px;height: 23px;display: block;float:left;}
a:hover.pic8 {background-position: 0 23px;}
a.pic6 {background-image: url(/commentit/im/bbquote.gif);background-position: 0 0;width: 21px;height: 23px;display: block;float:left;margin:0 3px;}
a:hover.pic6 {background-position: 0 23px;}
a.pic7 {background-image: url(/commentit/im/bbcolor.gif);background-position: 0 0;width: 21px;height: 23px;display: block;float:left; margin:0 3px;}
a:hover.pic7 {background-position: 0 23px;}
a.pic10 {background-image: url(/commentit/im/bbjustifyleft.gif);width: 24px;height: 23px;display: block;float:left;margin:0 0 0 3px;}
a:hover.pic10 {background-position: 0 23px;}
a.pic11 {background-image: url(/commentit/im/bbjustifycenter.gif);background-position: 0 0;width: 23px;height: 23px;display: block;float:left;}
a:hover.pic11 {background-position: 0 23px;}
a.pic12 {background-image: url(/commentit/im/bbjustifyright.gif);background-position: 0 0;width: 24px;height: 23px;display: block;float:left;}
a:hover.pic12 {background-position: 0 23px;}
a.pic13 {background-image: url(/commentit/im/bbsmail.gif);background-position: 0 0;width: 21px;height: 23px;display: block;float:left;margin:0 3px;}
a:hover.pic13 {background-position: 0 23px;}


/* IMG bloks
-------------------------------*/
.imgrazdel { display:flex; flex-wrap: wrap; justify-content: space-evenly; padding-top:20px;}
.imgblok {overflow: hidden; line-height: 18px; text-decoration: none;border-radius: 5px; width:31%; margin-bottom:20px;  border: 1px solid rgba(0,0,0,0.2); color: #c00; 
box-shadow: 0 5px 5px -5px #333;} 
.imgblok:hover  {-webkit-box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.4);-moz-box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.4);box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.4);}
.imgblok a {text-decoration:none;}
.blockwidth { width:100%;}


/* IMG bloks Razdel
-------------------------------*/
.imgrazdelnew { display:flex; flex-wrap: wrap; justify-content: space-around; margin:15px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.imgrazdelmin { display:flex; flex-wrap: wrap; justify-content: flex-start; margin:15px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.imgblr {overflow: hidden; text-decoration: none; color: #c00; width:120px; padding:4px; margin: 10px 0;} 
.imgblr:hover  {-webkit-box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.4);-moz-box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.4);box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.4);}
.imgblr a {text-decoration:none;}
div.imgrazdelnew div.imgblr a img { width:120px;}
div.imgrazdelmin div.imgblr a img { width:120px;}

.imgzag { color:#7c9227; font-size:14px; text-align:center; padding:15px 0;}
.imgzagr { color: #718072; font-size:12px; text-align:center; padding:15px 0; text-transform: uppercase; }
html body div.wrapper div.middle div.container main.content div.imgrazdel div.imgblok img { width:100%;}

blockquote {padding: 25px 15px 25px 115px; max-width: 97%; display: block; border: 1px solid #7c9227; border-left: 22px solid #7c9227; border-radius: 3px; background: url(/css-java/img/znak-v.png) no-repeat 15px center; background-size: auto; background-size: auto; background-size: 64px 64px; line-height: 1.6; margin: 0 0 35px 0;}

.news { display: flex; align-items: center;}
.img-wrap {border-radius: 100px; overflow: hidden; width: 150px; height: 150px; margin:25px; border: 5px ridge #b1d720;}
.newsdata {display: block;color: #c7b899;font-size: 20px; padding-bottom:15px;}
.newszag a {color: #7c9227; font-size: 18px;}

/* Поиск по сайту
-----------------------------------------------------------------------------*/
.searchsait {margin: 1px;}
#ya-site-form0 .ya-site-form__form .ya-site-form__input-text {line-height: 2; }
.ya-page_js_yes .ya-site-form_inited_no { display: none; }

.titlesalat {background: url(/images/38-salat.png) no-repeat 5px 3px; padding: 10px 0 10px 55px;}
.titlesup {background: url(/images/38-sup.png) no-repeat 5px 3px; padding: 10px 0 10px 55px;}
.titletwo {background: url(/images/38-two.png) no-repeat 5px 3px; padding: 10px 0 10px 55px;}


.detali {	-moz-box-shadow: 0 0 5px 1px rgba(124,146,36,0.6);
	-webkit-box-shadow: 0 0 5px 1px rgba(124,146,36,0.6);
	box-shadow: 0 0 5px 1px rgba(124,146,36,0.6); background:#f7f7f7; }
.nice {/* border:1px solid #197B06;*/ margin: 10px 0; display: flex; flex-direction: row; height: 100%; align-items: center; }
.nicetitle {font-size:16px; padding:3px; margin:5px 0; color:#fff; background:#7c9227}
.nicechild { padding:12px;}
.hr-line {margin: 25px 0; padding: 0; height: 10px; border: none; color: #bdd93e; background-image: linear-gradient(90deg, #bdd93e, #bdd93e 33.33%, transparent 33.33%, transparent 100%);	background-size: 3px 100%;}

/*	Mail МОЖНО СТЕРЕТЬ
----------------------------------------------------------------------------------*/
#contactus-popup{width:100%;padding-top:20px}#contactus-popup legend{font-size:1.3em;color:#0e1b98}#contactus-popup label{vertical-align:top;display:inline-block;width:15%;min-width:170px;font-family:Arial,sans-serif;font-size:.9em}#contactus-popup textarea{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}#contactus-popup input[type="text"]:focus,textarea:focus{color:#009;border:1px solid #900;background-color:#ff9}#contactus-popup input[type="text"],textarea{font-size:.8em;line-height:140%;color:#000;padding:3px;border:1px solid #999;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:2px}#contactus-popup input[type="text"]{height:23px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#contactus-popup #scaptcha{width:60px;height:18px}#contactus-popup input[type="submit"],#contactus-popup input[type="file"]{width:100%;height:30px;padding-left:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#contactus-popup .container{margin-top:8px;margin-bottom:10px}#contactus-popup .error{font-family:Verdana,Arial,sans-serif;font-size:.7em;color:#900;background-color:#ff0}#contactus-popup fieldset#antispam{padding:2px;border-top:1px solid #EEE;border-left:0;border-right:0;border-bottom:0;width:100%}#contactus-popup fieldset#antispam legend{font-family:Arial,sans-serif;font-size:.8em;font-weight:700;color:#333}#contactus-popup .short_explanation{font-family:Arial,sans-serif;font-size:.8em;color:#333}#contactus-popup .spmhidip{display:none;width:10px;height:3px}#fg_crdiv{font-family:Arial,sans-serif;font-size:.3em;opacity:.2;-moz-opacity:.2;filter:alpha(opacity=20)}#fg_crdiv p{display:none}.titlem{font-size:13px;margin:10px 0 5px;color:#7c9227;border-bottom:1px dashed #7c9227;} 


/* Почта с папки /mail-sait/
-----------------------------------------------------------------------------*/
div.forma-contact input, div.forma-contact textarea {width: 100%; font-size: 13px; padding: 6px 0 4px 10px; border: 1px solid #cecece; background: #F6F6f6; border-radius: 8px; margin-bottom:5px;}
div.forma-contact textarea {margin-bottom:7px;}
div.forma-contact .post_help {font-size: 12px; margin: 5px 0 10px 0;}
.formaline { display:flex;}
.contact-button {padding: 6px 0; border: 1px solid #cecece; background: #F6F6f6; border-radius: 8px; width:120px; text-align:center; cursor: pointer; }
#my_form_fuck { color:#F70307; padding:4px 0;}
#my_form_ok { color: #106303; padding:10px 0;}
#file_in {border:none; background:#ffffff;} 
#scaptcha {margin: -5px 0px 0px 0px; font-size: 34px; font-weight: bold; width: 100px;} 
.photo:hover::after {content: attr(data-title);position: absolute; left: 70%; z-index: 1; background: rgba(255,255,230,0.9); font-family: Arial, sans-serif; font-size: 11px; padding: 5px 10px; border: 1px solid #333;} 

.button_circle_red { font-size: 45px; font-family: Helvetica; color: #fff; font-weight: bold; background: linear-gradient(45deg, #e62a2a, #fda2a2); padding: 20px; margin: 20px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 3px solid #c30000; width: 10px; height: 10px; max-width: 10px; max-height: 10px; cursor: pointer;}


/* Также по теме
-----------------------------------------------------------------------------*/
.tema { display:flex !important;}
.temablok  {margin: 5px; padding: 10px 0 15px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
-webkit-box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.4); -moz-box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.4); box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.4); width:33.3%;}
.temablok > img  {max-width: 90%; display:block; margin:auto;}
.tematxt { font-size:16px; text-align:center; color:#4B4343; padding: 10px 5px 0 5px;}
.tematxt a {text-decoration: none;}



@media all and (max-width:860px){#contactus-popup input[type="text"],textarea{width:100%}}


@media all and (max-width: 1290px)  {

body {
background-image:none;
-webkit-text-size-adjust:none;
padding:5px;
min-height:100%;
font-size:16px;
}
.wrapwidth { padding:10px !important; width:95% !important; min-width: auto;}



}


@media all and (max-width: 980px)  {


body {background: #ffffff;}
.wrapper {box-shadow: none;}
.scrollup {
    width: 40px;
    height: 40px;
    top: inherit;
    left: inherit;
	bottom:40px;
	right:30px;
    background-size: 40px;
}
  
/* 		Bloks
--------------------------------------------------------------*/
.wrapper, .middle, .content, .contentnews, .left-sidebar, .right-sidebar,  .footer, .header  {
  clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  min-width: inherit;
}

.header { margin-bottom:15px !important;}
.inglist{ width: auto;}
/*.wrapwidth { padding:5px !important;}  
*/

img {max-width:100%; height:auto;}

.menulogo {flex-direction: column; height:auto;}
.menulogo.fixed { height:auto;}
.page_wrapper { width:100% !important;}


.menublok {margin:25px 0 15px 0; 
}
}


@media all and (max-width: 767px)  {
	
.footerone, .footertwo, .footerthree, .footerfour { width:50%;}
.footer { height:auto;}	
.imgblok {width:45%;}	

.news {flex-direction: column;}
.menulogo.fixed {position: inherit; }
.nice { flex-direction: column;}
}


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

.footerone, .footertwo, .footerthree, .footerfour { width:100%;}
	
}

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

.imgblok {width:95%;}
	
}