h2{font-size: 4rem!important; margin: 2rem auto 4rem auto!important;}
hr{height: 1px; border: 0; background-color: #f2f2f2; margin-top: 3rem;}

.mmaintopcontainer{position: relative; width:100%; height: 30rem; margin: 0 auto; text-align: center; margin: 0rem auto 0 auto; background-image: url('/images/main/main-top-bg-1.jpg'); background-size: cover;}
.mmaintopcontainer .mlogo{width: 16rem; position: absolute; left: 50%; top: 3.5rem; margin-left: -8rem;}

.mmaintopcontainer .toggle-button{width: 25px; position: absolute; right: 0; top: 3rem;}
.mmaintopcontainer .mtopsearchbutton{width: 25px; position: absolute; right: 40px; top: 3rem;}
.mmaintopcontainer .mtopfavoritbutton{width: 25px; position: absolute; right: 80px; top: 3rem;}
.mmaintopcontainer .mmttop{position: absolute; top: 0; width: 92%; left: 4%;}
.mmaintopcontainer .mmtlogo{width: 130px; position: absolute; left: 0; top: 2rem;}
.mmaintopcontainer .mmtsearch{position: absolute; top: 15rem; width: 92%; left: 4%;}
.mmaintopcontainer .mmtsearch .sbresultsloader{display: none; width: 50px;}
.mmaintopcontainer .mmtsearch .sbresultsbwords{position:absolute; top: 40px; left: 5%; display: none; margin: 0; padding: 0; width: 82%; border: 1px solid #f2f2f2; padding: 5%; margin-left: -3%; background-color: #fff; box-shadow: 0 0 15px #333; z-index: 9999;}
.mmaintopcontainer .mmtsearch .sbresultsbwords li{list-style: none; cursor: pointer; text-decoration: underline; padding: 0 0 0 3rem; margin: 2rem 0; font-size: 2.5rem; color: #333; text-align: left; background: url('/images/search-arrow-url-32.png') left top no-repeat; background-size: 2rem 2rem;}
.mmaintopcontainer .mmtsearch .sbresultsbwords li a{color: #222;}
.mmaintopcontainer .mmtsearch .sbresultsbwords .searchwordheader{text-decoration: none!important; color: #000!important; padding: 0 0 5px 3rem!important; border-bottom: 1px solid #f2f2f2; font-size: 3rem; margin-bottom: 10px; background: none;}
.mmaintopcontainer .mmtsearch .sbresultsbwords .noresults{color: #333!important; text-decoration: none!important;}

.mmaintopcontainer input{font-size: 2.5rem; padding: 1rem; -webkit-appearance: none; -moz-appearance: none;
appearance: none; border: 0; border-radius: 0;}
.mmaintopcontainer input[type="text"]{width: 62%;}
.mmaintopcontainer input[type="submit"]{width: 30%; background-color: #fff; color: #333;}
	
.ui-autocomplete{background: #fff; list-style: none; z-index: 1000;}
.ui-autocomplete li{margin: 4rem 0;}
.ui-autocomplete li a{font-size: 4rem; color: #000; cursor: pointer;}

.hr{margin: 3rem auto; border-bottom: 1px solid #ccc; text-align: center; position: relative;}
.hr span{display: block; width: 12rem; color: #ccc; background-color: #fff; border: 0!important; font-size: 2rem; border-bottom: 1px solid #ccc; text-align: center; position: relative; top: 1rem; left: 50%; margin-left: -6rem; font-family: sans-serif;}

.contentmain{background: #fff; width: 100%;}
.contentmain h1{font: bold 4em sans-serif; color: #000; text-align: left; margin: 0 auto; width: 90%; padding: 0 3%;}
.contentmain h2{font: bold 4em sans-serif; color: #000; text-align: left; margin: 0 auto; width: 90%;}
.contentmain .description{margin: 1.5rem auto 3rem auto; font: 3rem Arial; text-align: left; width: 90%;padding: 5% 3%;}
.contentmain .description a{font: 3rem Arial!important; color: #000;}
.contentmain hr{margin: 4rem 0;}

/* Промо под Пасху и т.д. */
.mainpromo{width: 92%; margin: 40px auto;}
.mainpromo .mploader{display: none; width: 30%; margin: 20px auto;}
.mainpromo .mplpagenum{color: #333; font-size: 3rem; font-weight: bold; margin: 3rem 0; text-align: center;}
.mainpromo h2{font-size: 4rem!important; margin: 0 auto 20px auto!important; width: 98%; text-align: center; border-bottom: 2px dotted #333; padding-bottom: 10px;}
.mainpromo .mpslide{position: relative; width: 31.5%; float: left; margin: 1rem 1%;}
.mainpromo .mpslide .mpsdt{position: absolute; border-radius: 5px; bottom: 5px; right: 5px; background-color: #fff; padding: 5px; font-size: 12px; color: #000;}
.mainpromo .mpslide:nth-child(3n+3){margin-right: 0!important;}
.mainpromo .mpslide img{width: 100%; border-radius: 5px;}
.mainpromo .mpnav{margin: 5px auto; width: 98%;}
.mainpromo .mpnav a{display: inline-block; color: blue; margin: 0 5px 5px 0; background-color: #54A57B; color: #fff; padding: 10px 7px; border-radius: 3px; text-decoration: none; font-size: 2rem;}
.mainpromo .mpnav a:first-letter {text-transform: uppercase;}
.mainpromo .mpshowmore{background: url('/images/main/arrow-down.png') 20px center no-repeat; background-size: 2rem 2rem; border: 1px solid #333; margin: 20px auto; color: #333; width: 88%; padding: 15px 5%; font-size: 3.5rem; text-align: center; cursor: pointer; background-color: #FFCD2C; border-radius: 3px;}

.tgsocial{width: 84%!important; margin-top: 7rem!important;}


.socialnetworks{background: #fff; margin: 40px auto 0 auto;  width: 90%;}
.socialnetworks h2{font-size: 4rem!important; width: 100%; text-align: center; border-bottom: 2px dotted #333; padding-bottom: 10px;}
.socialnetworks p{font-size: 3rem;}
.socialnetworks .snicons{}
.socialnetworks .snicons a{display: inline-block; margin-right: 1rem;}

/*Лента комментариев*/
.cmcomments{background: #fff; margin: 40px auto 0 auto;  width: 90%;}
.cmcomments .commentsheader{font-size: 4rem!important; width: 100%; text-align: center; border-bottom: 2px dotted #333; padding-bottom: 10px;}
.cmcomments hr{height: 1px; background-color: #eee; border: 0;}
.cmcomments .cmcitem{margin: 0 0 3rem 0; color: #333; text-decoration: none; display: block; box-shadow: 0 0 15px #ccc; padding: 2rem; border-radius: 0.5rem;}
.cmcomments .cmcitem h3{font-size: 2.7rem; margin: 0 0 1rem 0; text-decoration: underline;}
.cmcomments .cmcitem .cmcicomment{font-size: 3rem; color: #333; margin-bottom: 2rem; white-space: normal; overflow-wrap: break-word; word-break: normal;}
.cmcomments .cmcitem .cmcicomment img{height: 2rem;}
.cmcomments .cmcitem .cmcauthor{font-size: 2rem; color: #999;}
.cmcomments .cmcitem .cmcauthor a{font-size: 2rem; color: #999; text-decoration: underline;}

.cmcomments .cmloader{display: none; text-align: center;}
.cmcomments .cmloader img{width: 50px;}
.cmcomments .cmshowmore{background: url('/images/main/arrow-down.png') 20px center no-repeat; background-size: 2rem 2rem; border: 1px solid #333; margin: 0px auto 20px auto; color: #333; width: 90%; padding: 15px 5%; font-size: 3.5rem; text-align: center; cursor: pointer; background-color: #FFCD2C; border-radius: 3px;}
.cmcomments .cmpagenum{color: #333; font-size: 3rem; font-weight: bold; margin: 3rem 0; text-align: center;}


/*готовим по рецептам ямкук*/
.ug {background: #fff; padding: 1rem 3% 2rem 3%; margin: 0 auto;}
.ug h2{margin: 0 auto 4rem auto!important; font-size: 4rem;}
.ug img{width: 43%; margin: 0 0 2rem 2rem;}

/*рецепты*/
.recipes{margin: 0 auto; padding: 7% 0; width: 90%;}
.recipes .rheader{font-size: 4rem!important; width: 100%; text-align: center; border-bottom: 2px dotted #333; padding-bottom: 10px;}
.recipes .rshowmore{background: url('/images/main/arrow-down.png') 20px center no-repeat; background-size: 2rem 2rem; border: 1px solid #333; margin: 0px auto 20px auto; color: #333; width: 90%; padding: 15px 5%; font-size: 3.5rem; text-align: center; cursor: pointer; background-color: #FFCD2C; border-radius: 3px;}
.recipes .nrrlist{text-align: center;}
.recipes .nrrlist{margin: 5rem 0;}
.recipes .nrrlist .rploader{display: none; text-align: center;}
.recipes .nrrlist .rploader img{width: 50px;}
.recipes .nrrlist .nrrlpagenum{color: #333; font-size: 3rem; font-weight: bold; margin: -3rem 0 5rem 0;}

.recipeblock{position: relative; padding-top: 0; margin: 0 auto 50px auto; padding-bottom: 10px; position: relative; border-radius: 5px; box-shadow: 0 0 15px #ccc; background-color: #fff;}

.recipeblock .showvideo{clear: both; display: inline-block; text-decoration: none; color: #D95800; font-weight: bold; padding: 0 0 0 30px; font-size: 2.5rem; background: url('/images/showvideo-black-32.png') 2px 0px no-repeat; background-size: 20px 20px; margin: 3rem 0 2rem 0; line-height: 22px; vertical-align: center;}
.recipeblock .showvideo span{color: #0061D9; border-bottom: 2px dotted #0061D9;}

.recipeblock .rbshowmorecontent{cursor: pointer; color: #333; font-size: 20px; text-align: center; padding: 2rem 0; margin: 3rem 0 0 0; border-top: 3px solid #f2f2f2; border-radius: 0 0 15px 15px;}
.recipeblock .rbshowmorecontent img{width: 1.8rem; height: 1.8rem; margin-left: 1rem;}
.recipeblock .rbpauthor{display: block; padding: 10px 0; width: 90%; margin: 0 auto; background: url('/images/chef-icon-black-32.png') left center no-repeat;  background-size: 28px 28px; text-align: left;}
.recipeblock .author{display: block; color: #333; font-size: 16px; text-decoration: none; padding: 0 0 0 35px;}
.recipeblock .rbpauthor p{color: #999!important; font-size: 12px; margin: 0px; padding: 0 0 0 35px;}
.recipeblock .rbpreimage{width: 100%; border-radius: 0;}
.recipeblock .rbinfoblock{padding-top: 1rem; margin: 2rem 5% 2rem 5%; text-align: left;}
.recipeblock .rbinfoblock .rbiheader{display: block; font-size: 24px; font-weight: bold; text-decoration: none; color: #000; margin-bottom: 10px;}
.recipeblock .rbinfoblock .rbitime{line-height: 3.5rem; min-height: 3.5rem; color: #999; font-size: 16px; background: url('/images/time-icon-32.png') left center no-repeat; background-size: 15px 15px; padding: 0 0 0 20px;  float: left;}
.recipeblock .rbinfoblock .rbdescription{font-size: 2.5rem; margin: 10px auto;}

.recipeblock .rbinfoblock .rbicomments{line-height: 3.5rem; min-height: 3.5rem; color: #999; font-size: 16px; background: url('/images/comments-icon-32-black.png') left center no-repeat; background-size: 15px 15px; padding: 0 0 0 20px; float: left; margin-left: 20px;}
.recipeblock .rbinfoblock .rbifavorits{line-height: 3.5rem; min-height: 3.5rem; color: #999; font-size: 16px; background: url('/images/favorits-icon-32-black.png') left center no-repeat; background-size: 15px 15px; padding: 0 0 0 20px; float: left; margin-left: 20px;}
.recipeblock .rbrecipeinstructions{display: none; font-size: 16px; color: #555; text-align: left; margin-bottom: 20px;}
.recipeblock .rbrecipeinstructions p{margin: 2rem 0;}
.recipeblock .rbrecipeinstructions hr{height: 1px; border: 0; background-color: #f2f2f2; margin-top: 3rem;}
.recipeblock .rbrecipeinstructions .rbrlink{display: block; width: 90%; text-align: center; margin: 2rem auto 0 auto; text-decoration: none; padding: 1rem 0; border-radius: 0.5rem; background-color: #326FF6; font-size: 3rem; background-size: 16px 16px; color: #fff;}

.recipeblock .rbrecipeinstructions .rbrfunctions{width: 90%; margin: 1rem auto;}
.recipeblock .rbrecipeinstructions .rbrfavorit{display: inline-block; text-decoration: none; padding: 1rem; border-radius: 0.5rem; background-color: #DE772D; font-size: 2rem; background-size: 16px 16px; color: #fff;}
.recipeblock .rbrecipeinstructions .addtoplanner{display: inline-block; text-decoration: none; padding: 1rem; border-radius: 0.5rem; margin-left: 1rem; background-color: #AA2478; font-size: 2rem; background-size: 16px 16px; color: #fff;}


.recipeblock .rbrecipeinstructions .rbringr{width: 90%; margin: 2rem auto; font-size: 16px;}
.recipeblock .rbrecipeinstructions .rbringr p{font-size: 2.5rem; margin: 0.5rem 0 0 2rem; display: list-item;}
.recipeblock .rbrecipeinstructions .rbringr h2{font-size: 20px; margin: 20px 0 10px 0!important; text-align: left;}
.recipeblock .rbrecipeinstructions .rbringr strong{display: block; margin-top: 2rem;}

/* Авторы */
.authorsblock{width: 90%; margin: 40px auto;}
.authorsblock .abheader{font-size: 4rem!important; width: 100%; text-align: center; border-bottom: 2px dotted #333; padding-bottom: 10px;}
.authorsblock .abtext{font-size: 3rem; margin-bottom: 4rem;}
.authors .aobj{display: block; width: 100%; margin: 2rem auto; background-color: #f2f2f2; border-radius: 0.5rem;}
.authors .aobj .aoleft{width: 30%; float: left; border-radius: 0.5rem 0 0 0.5rem}
.authors .aobj .aoright{width: 60%; float: left; margin-left: 5%; padding-top: 2rem;}
.authors .aobj .aoright .aoname{font-size: 3rem; color: #000; text-decoration: none; margin-top: 2rem;}
.authors .aobj .aoright .aorating{font-size: 2rem; color: #555; text-decoration: none; margin: 2rem 0 0 0;}
.authors .aobj .aoright .aorecipes{font-size: 2rem; color: #555; text-decoration: none; margin: 0.5rem 0;}
.authors .aobj .aoright .aoregdate{display: none;}
.authorsblock .abmore{display: block; text-decoration: none; background: url('/images/main/arrow-down.png') 20px center no-repeat; background-size: 2rem 2rem; border: 1px solid #333; margin: 0px auto 20px auto; color: #333; width: 90%; padding: 15px 5%; font-size: 3.5rem; text-align: center; cursor: pointer; background-color: #FFCD2C; border-radius: 3px;}

.publist{width: 90%; margin: 5rem auto 0 auto;}
.publist h2{margin: 0 0 3rem 0!important; font-size: 4rem!important; width: 98%; text-align: center; border-bottom: 2px dotted #333; padding-bottom: 10px;}
.publist .pllayer{}
.publist .pllayer .pubobj{border-bottom: 1px solid #eee; padding: 2rem 0;}
.publist .pllayer .pubobj:last-child{border-bottom: none!important;}
.publist .pllayer .pubobj .ephoto{float: left; width: 25%; margin-right: 5%; border-radius: 1rem;}
.publist .pllayer .pubobj .econtent{float: left; width: 70%;}
.publist .pubobj .econtent .pbauthor{display: inline-block; color: #333; font-size: 16px; background-color: #f2f2f2; padding: 0 15px 0 45px; height: 30px!important; line-height: 30px!important; background-position: left center; background-repeat: no-repeat; background-size: 30px 30px; border-radius: 5px;}
.publist .pllayer .pubobj .econtent .ename{color: #333; text-decoration: none; font-size: 2.5rem; font-weight: bold;}
.publist .pllayer .pubobj .econtent .etext{color: #333; font-size: 2rem; margin-top: 1rem;}
.publist .pubobj .econtent .eparams{margin: 20px 0 0 0; height: 30px; line-height: 30px;}
.publist .pubobj .econtent .eparams .pbreadtime{float: left; margin-left: 2rem; display: inline-block; height: 30px!important; line-height: 30px!important; background-position: left center; background-repeat: no-repeat; background-size: 30px 30px; border-radius: 5px; font-size: 14px; color: #000;}

.publist .pubobj .econtent .eparams .pblikes{float: left; display: inline-block; font-size: 2rem; color: #333; text-decoration: none; padding: 0.5rem;}
.publist .pubobj .econtent .eparams .pblikes img{width: 3rem;}
.publist .pubobj .econtent .eparams .pbcomments{float: left;display: inline-block; margin-left: 2rem; margin-top: 2px; font-size: 2rem; color: #333; text-decoration: none; padding: 3px 5px; border-radius: 3px;}
.publist .pubobj .econtent .eparams .pbcomments img{width: 3rem;}
.publist .plmore{display: inline-block; background: url('/images/main/arrow-down.png') 3rem center no-repeat; background-size: 2rem 2rem; border: 1px solid #333; margin: 20px auto; color: #333; width: 88%; padding: 2rem 5%; font-size: 3.5rem; text-align: center; cursor: pointer; background-color: #FFCD2C; border-radius: 3px; text-decoration: none;}