/**** Страница коллекции ****/
#event{width: 960px; margin-left: 20px;}
#event .dirdescription{width: 840px; margin: 40px 0 0 0; font-size: 14px; line-height: 20px;}

/* Подборки для коллекции */
.eventlistcontainer{margin:10px auto; padding:0;}
.eventlistcontainer h2{font-size: 24px;}
.eventlistcontainer .showmorecollections{margin: 0 auto; width: 200px; text-align: center; background-color: #223b7e; color: #fff; padding: 10px; text-align: center; margin: 20px auto 0 auto; border-radius: 3px; width: 235px; font-size: 14px; cursor: pointer;}
.eventlistcontainer .showmorecollections:hover{background-color: #4f72c2; transition: 0.3s;}
.eventlist{margin:0;padding:0;}
.eventlist a {border-radius: 3px; border: 1px solid #fff; font:normal 14px sans-serif; text-decoration: none; color:#555; display: block; width: 292px; float: left; min-height: 60px; padding: 7px 7px 7px 5px; text-align: left; margin: 0 10px 0px 0;}
.eventlist a:nth-child(3n){margin-right: 0!important;}
.eventlist a:hover {border: 1px solid #ccc;}

/* фильтры - рубрики */
.filterscontainer{margin: 50px 0 30px 0; box-shadow: 0 0 5px #ccc; width: 604px; border-radius: 3px; padding: 20px 10px; }
.filterscontainer h2{margin: 0 0 0 20px;}
.filters{padding: 20px 15px;  background-color: #fff;}
.filters .sfmorebutton{display: block; float: left; margin: 0 5px 5px 0; font-size: 14px; text-decoration: underline; color: #333; border-radius: 5px; background-color: #f2f2f2; cursor: pointer;}
.sectionfield{clear: both; margin: 0 0 10px 0;}
.sectionfield .sfmore{display: none;}
.filters h2{font-size: 20px; font-weight: normal; margin: 0 0 10px 0;}
.filters h3{font-size: 16px; font-weight: normal; margin: 0 0 10px 0!important;}
.filters span{display: block; margin: 0 0 15px 0; font-size: 18px; font-weight: normal; color: #333;}
.filters .fbutton{display: block; float: left; margin: 0 5px 5px 0; padding: 10px; text-decoration: none; color: #fff; border-radius: 5px; font-size: 14px;}
.filters .fbuttonblue{background-color: #77EBFF; color: #002C2C;}
.filters .fbuttonyellow{background-color: #FFDC1D; color: #2F1600;}
.filters .fbuttongreen{background-color: #41C681; color: #fff;}
.filters .fbuttongreen:hover{background-color: #114207;}
.filters .fbuttonpurple{background-color: #E24AF6; color: #fff;}

/* быстрый поиск */
.fastsearch{width: 45%; float: left; margin-top: 20px;}
.fastsearch .fsloader{display: none;}
.fastsearch .fsloader img{width: 100px;}
.fastsearch input{color: #0A2D75; text-align: left; font-size: 16px; padding: 7px; width: 100%; background-color: #fff; border-radius: 0; border: 1px solid #999;}
.fastsearch input::-webkit-input-placeholder {color: #2959BA; font-size: 16px;} 
.fsrecipes{}
.fsrecipes .fsnumresults{color: green; margin: 0 0 3rem 0; font-size: 3rem;}
.fsrecipes .fsnoresults{color: red; margin: 0 0 3rem 0; font-size: 3rem;}

/* Фильтр */
.rheader{border: 2px solid #fff; position: relative; font-size: 16px; text-align: left; margin: 5px 0; width: 580px; box-shadow: 0 0 5px #ccc; padding: 25px 20px; border-radius: 3px;}
.rheader .rhfilter{width: 45%; float: left; margin-left: 10%;}
.rheader .rhfilter .rhfheader{font-size: 14px!important; margin: 0 0 5px 0; padding: 0px; color: #555;}
.rheader .rhfilter select{font-size: 16px; text-indent: 5px; color: #000; border: 5px solid #fff; outline: #999 solid 1px; outline-offset: 1px; background-color: #fff; width: 100%; cursor: context-menu!important;}

/* Подборки для подколлекции */
.themeslistcontainer{margin:10px auto; padding:0;}
.themeslistcontainer h2{font-size: 24px;}
.themeslist{margin:0;padding:0;}
.themeslist a {float: left; font-size: 14px; margin-right: 5px; text-decoration: none; color:#888; display: block; width: 130px; min-height: 150px; padding: 7px 7px 7px 5px; text-align: center;}

.themeslist a img{width: 90px; height: 90px; margin: 0 auto; overflow: hidden; border-radius: 50%; border: 15px solid #fff; box-shadow: 0 0 10px #ccc;}
.themeslist a .tlcounter{display: block; font-size: 12px; margin: 10px auto 5px auto;}
.themeslist a .tlname{display: block; color: #333;}

.eventlist .themelistitem{}
.eventlist .themelistitem .tliimage{float: left; width: 40px; height: 40px; display: block; border-radius: 40px; border: 5px solid #fff; box-shadow: 0 0 5px #ccc;}
.eventlist .themelistitem .tliinfo{float: left; margin-left: 10px; width: 230px;}
.eventlist .themelistitem .tliinfo .tlcounter{display: block; font-size: 12px; margin: 5px auto; text-align: left;}
.eventlist .themelistitem .tliinfo .tlname{display: block; color: #3782ff; text-decoration: underline; text-align: left; font-size: 16px;}


.eventlist2{display: none;}


.bx-wrapper{border: 0!important; box-shadow: none!important; margin: 40px auto 0px auto!important; width: 100%!important;}
.bx-prev{top: -53px!important; margin-left: 820px;}
.bx-next{top: -53px!important; right: 40px!important;}

.recfield{margin-top: -20px;}

/* Пагинация рецептов */
.pagination{padding: 20px 20px 10px 0; background: #fff; text-align: left;}
.pagination .pageslist{display: inline-block; margin: 0 auto; height: 30px;}
.pagination a{display: block; float: left; font-size: 16px; padding: 5px; margin: 0 3px; text-decoration: none; border-radius: 0px; cursor: pointer!important;}
.pagination a:hover{background-color: #1c3b83; color: #fff;}
.pagination .currentpage{background-color: #1c3b83; color: #fff;}
.pagination .navpage{height: 22px; width: 90px; opacity: 0.8; background-color: #ccc; color: #333!important;  cursor: pointer!important; height: 20px; border-radius: 5px; text-align: center;}
.pagination .navpage:hover{background-color: #f2f2f2!important; opacity: 1;}

/****************************/
/* Event — страница 1 уровня */
/***************************/

.econtainer{width: 850px; min-height: 700px; margin: 30px 0;}
.econtainer .eobject{position: relative; width: 840px; height: 225px; margin: 0 10px; margin: 0 0 40px 0; background: #fff; box-shadow: 3px 3px 10px #eee; border: 1px solid #eee;}
.econtainer .eobject .button {position: absolute; bottom: 0; right: 0px; display: block; width: 80px; padding: 10px; line-height: 30px; background-color: #223b7e; margin: 0 auto; text-align: center; text-decoration: none; color: #fff; font: 16px sans-serif;}
.econtainer .eobject .button:hover {background: #4f72c2; color: #fff; transition: 0.3s;}
.econtainer .eobject .ephoto{position: absolute; left: 0; top: 0; width: 300px; height: 225px;}
.econtainer .eobject .econtent{position: absolute; left: 290px; top: 0; width: 530px; height: 225px; background: #fff;}
.econtainer .eobject .econtent .ename{position: absolute; top: 20px; left: 40px; font: 24px sans-serif; text-decoration: none; margin: 0 auto; color: #000;}
.econtainer .eobject .econtent .etext{position: absolute; top: 60px; left: 40px; font: 14px sans-serif; line-height: 18px; text-decoration: none; margin: 0 auto; width: 450px; color: #777;}

/* шаринг + реклама (справа) */

#rightrsya1{text-align: center; width: 240px; padding-top: 5px;}
#rightrsya2{text-align: center; width: 240px; padding-top: 5px;}

/****************************/
/* Event — страница 2 уровня */
/***************************/

.lsdescription{width: 100%; margin-top: 30px; font-size: 16px; line-height: 18px;}
.lsdback{padding: 10px; background-color: #ddd; border-radius: 5px; text-decoration: none; color: #333; display: block; width: 180px; text-align: center; margin-top: 15px;}
.lsdescription h1{margin: 0;}
.lsdescription p{margin: 10px 0 20px 0;}

/* Левая часть */
.leftside{float: left; width:640px; padding: 10px 0 20px 0;}

/* Справа */
.rightside{width: 300px; padding-left: 20px; border-left: 1px solid #f2f2f2;}

/*шаринг (справа)*/
.rectglink{display: block; width: 290px; border-top: 1px solid #f2f2f2; padding: 10px 0; margin-bottom: 30px;}
.rectglink img{width: 100%;}

.shareblock{width: 95%; margin: 0 auto 20px auto; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px;}
.shareblock .sbheader{color: #000; font-size: 18px; margin-bottom: 10px;}



#advfloat {
 width: 200px; /*указываем ширину*/
 text-align: left;
 margin-top: 50px;
 padding-top: 10px;
}
.advfloatfixed {
 position: fixed;
 top: 20px; /*здесь указываем отступ сверху*/
 z-index: 9999; /*устанавливаем блок поверх всех элементов на странице*/
}


#event .showmorerecipes{width: 453px; font: 24px Verdana; height: 40px; text-align: center;line-height: 40px; margin: 50px auto;cursor: pointer;padding: 5px 5px 5px 35px;background: #f2f2f2;text-shadow: 0 0 1px #fff;background: #fff url('/images/down-arrow-32.png') no-repeat 50px 9px; border: 1px solid #ccc;}

#event .showmorerecipes:hover
{
background-color: #f2f2f2;
}


.pageinfo{text-align: center; font-size: 20px; font-weight: bold; margin: 20px auto;}


/*Подрубрика*/
#event .recipesheader{position: relative; width: 580px; margin: 30px 0 0 0;}
#event .recipesheader h2{text-align: center; font-size: 24px; margin: 0 0 5px 0; text-align: left;}
#event .recipesheader .rhnum{font-size: 14px; margin: 5px 0 10px 0; color: #888;}


/* Вывод рецептов */
.fsrecipes{padding: 0; margin: 30px 0;}
.fsrecipes h2{font-size: 20px!important;}
.fsrecipes .resultsnum{margin: 0 0 30px 0; padding: 0; font-size: 14px; font-style: italic;}
.fsrecipes .recblockwide {position: relative; width: 615px!important; overflow: hidden; margin: 0 20px 30px 0; border: 2px solid #fff; box-shadow: 0 0 30px #ccc;}
.fsrecipes .recblockwide:hover {border: 2px solid #ccc; transition: 0.3s;}

.fsrecipes .recblockwide .recblockwideleft{width: 250px; float: left;}
.fsrecipes .recblockwide .recblockwideleft .preimage {width: 100%;}

.fsrecipes .recblockwide .recblockwideleft .addtofavorit{background-color: #FFD042; margin: 20px 0 0 0; text-align: center; padding: 10px; color: #000; font-size: 16px; cursor: pointer;}
.fsrecipes .recblockwide .recblockwideleft .addtofavorit:hover{background-color: #FFBF19; transition: 0.3s;}

.fsrecipes .recblockwide .recblockwideleft .openrecipe{display: block; background-color: #223B7E; margin: 2px 0 0 0; text-align: center; padding: 10px; color: #fff; font-size: 16px; cursor: pointer; text-decoration: none;}
.fsrecipes .recblockwide .recblockwideleft .openrecipe:hover{background-color: #2D4FAC; transition: 0.3s;}

.fsrecipes .recblockwide .info {width: 320px; margin: 0 0 0 20px; float: left;}
.rbwbestrecipe{font-size: 12px; padding: 3px 10px 3px 25px; display: inline-block; background-color: #C4FF04; position: absolute; left: 15px; top: 5px; color: #3305B1; border-radius: 3px; box-shadow: 0 0 5px #000; min-height: 16px; border: 1px solid #fff;}
.rbwbestrecipe img{display: block; position: absolute; left: -10px; top: -3px; width: 30px; height: 30px;}
.fsrecipes .recblockwide .info .header {margin: 20px 0 5px 0;}
.fsrecipes .recblockwide .info .header a{font-size: 20px; color: #000; text-decoration:  none; line-height: 24px; text-align: center;}
.fsrecipes .recblockwide .info .header a:hover{text-decoration: underline;}
.fsrecipes .recblockwide .info .description{font-size: 14px; line-height: 18px; margin-top: 15px; color: #555; text-shadow: 1px 1px 2px #fff;}
.fsrecipes .recblockwide .info .ingredients{margin-top: 20px; color: #777; line-height: 12px; font-size: 11px;}
.fsrecipes .recblockwide .info .ingredients p{ margin: 2px 0;}
.fsrecipes .recblockwide .info .ingredients strong{font-weight: normal;}
.fsrecipes .recblockwide .info .ingredients h3{font: bold 12px sans-serif; margin: 0;}

.recblockwideadv{width: 653px; margin: 5px 0 5px 40px; float: left;}
.fsrecipes .recblockwide .video {position: absolute; top: 10px; right: 10px;}
.fsrecipes .recblockwide .rbwbottom{position: relative; border-top: 1px solid #f2f2f2; width: 95%; height: 60px; margin: 20px auto 0 auto;}

.fsrecipes .recblockwide .rbwbottom .recipetype {float: left; margin: 20px 5px 0 5px;  width: 20px; height: 20px; font-size: 11px; border-radius: 2px; text-shadow: 1px 1px 1px #3f7612;}
.fsrecipes .recblockwide .rbwbottom .recipevideo {color: #fff; background: url('/images/video-version-32.png') 5px center no-repeat; background-size: 20px 20px; width: 30px; margin-left: -2px;}
.fsrecipes .recblockwide .rbwbottom .rtvegetarian{color: #fff; background: #aebc12 url('/images/vegan-icon.png') 5px center no-repeat; background-size: 12px;}
.fsrecipes .recblockwide .rbwbottom .rtvegan{color: #fff; background: #40a608 url('/images/vegan-icon.png') 5px center no-repeat; background-size: 12px;}
.fsrecipes .recblockwide .rbwbottom .rtraw{color: #fff; background: #03b961 url('/images/vegan-icon.png') 5px center no-repeat; background-size: 12px;}

.fsrecipes .recblockwide .rbwbottom .recipedifficult {float: left;  margin: 20px 5px 0 5px; width: 20px; height: 20px; font-size: 11px; border-radius: 2px; text-shadow: 1px 1px 1px #3f7612;}
.fsrecipes .recblockwide .rbwbottom .rd1{color: #fff; background: #5ea22b url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}
.fsrecipes .recblockwide .rbwbottom .rd2{color: #fff; background: #92a928 url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}
.fsrecipes .recblockwide .rbwbottom .rd3{color: #fff; background: #d1c500 url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}
.fsrecipes .recblockwide .rbwbottom .rd4{color: #fff; background: #c2891a url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}
.fsrecipes .recblockwide .rbwbottom .rd4{color: #fff; background: #d93d00 url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}

.fsrecipes .recblockwide .rbwbottom .energy{background:url('/images/energy-icon-32-black.png') left center no-repeat; background-size: 20px 20px; float: left; height: 20px; margin: 20px 5px 0 25px;; padding: 0 0 0 27px;}
.fsrecipes .recblockwide .rbwbottom .comments{background:url('/images/comments-icon-32-black.png') left center no-repeat; background-size: 20px 20px; float: left; height: 20px; margin: 20px 5px 0 25px;; padding: 0 0 0 27px;}
.fsrecipes .recblockwide .rbwbottom .favorits{background:url('/images/favorits-icon-32-black.png') left center no-repeat; background-size: 16px 16px; float: left; height: 20px; margin: 20px 5px 0 25px;; padding: 0 0 0 27px; }

.fsrecipes .recblockwide .rbwbottom .author{position: absolute; top: 22px; right: 10px; display: inline-block; text-align: left; font-size: 14px; color: #333; background: url('/images/chef-icon-black-32.png') left 2px no-repeat; background-size: 12px 12px; padding: 0 0 0 18px;}

.showvideo{cursor: pointer; padding-left: 40px; display: block; font-size: 16px; text-decoration: underline; line-height: 40px; border-radius: 3px; margin: 10px 0 10px 10px; color: #000; background: url('/images/play-button-white-128.png') left center no-repeat; min-height: 30px; background-size: 30px auto;}
.showvideo span{opacity: 0.8;}

.ticontainer{width: 624px; margin: 30px 0 0 0;}
.infoblock{box-shadow: 0 0 10px #ccc; border-radius: 3px; padding: 20px; margin: 20px 0;}
.infoblock ul{margin: 0 0 0 15px; padding: 0;}
.infoblock h2{margin: 0 0 10px 0;}

.morelinks{}
.morelinks a{display: inline-block; padding: 13px; background-color: #01C0EE; text-align: center; text-decoration: none; border-radius: 7px; color: #fff; cursor: pointer; margin: 2px 2px 4px 0;}
.morelinks a:hover{background-color: #0652C1; color: #fff;}
.morelinks .mlgreen{background-color: #8ACA3F!important;}
.morelinks .mlgreen:hover{background-color: #267A02!important;}
.morelinks .mlpink{background-color: #DE67DA!important;}
.morelinks .mlpink:hover{background-color: #710471!important;}
.morelinks .mlbraun{background-color: #56342F!important;}
.morelinks .mlbraun:hover{background-color: #4D170F!important;}

/*  Кнопка добавления подборки в книгу рецептов*/
#recpanel{margin: 0 0 25px 2%;padding: 0; color: #333; width: 90%;}
#recpanel li{cursor: pointer; margin: 0 0 5px 0;font-size: 14px; list-style: none; height: 30px; line-height: 20px; background-size: 10px 10px; padding: 10px 0 0 25px;text-decoration: underline; border-radius: 5px;}
#recpanel li a{color: #333;font-size: 14px;text-decoration: underline;}
#recpanel #favorit{background: #1096ED url('/images/recipe/addfavorid-plus.png') 10px center no-repeat; background-size: 25px 25px; padding-left: 45px; color: #fff; text-decoration: none;}
#recpanel #favorit:hover{background-color: #0B2FA0;}
#recpanel .favoritinbook{background-image: url('/images/recipe/addfavorit-inbook.png')!important; background-color: #0B2FA0!important;}

.ratingfavorit{font-size: 16px; margin: -10px 0 20px 2%;}
.ratingfavorit span{display: inline-block; text-align: center; border-radius: 5px; padding: 5px; background-color: #555; color: #fff; font-size: 18px;}
.ratingfavorit a{color: #555;}

.scomments{margin: 40px 0;}
.scomments h2{font-size: 28px; margin: 0 0 10px 0;}
.scomments .answerfield{width: 600px; height: 250px; padding: 10px; font-size: 16px;}
.scomments .sendanswer{background-color: #1B6DFF; color: #fff; padding: 10px 20px; font-size: 18px; cursor: pointer; text-align: center; border-radius: 5px; margin-top: 10px; text-decoration: none; display: inline-block;}
.scomments .sendanswer:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}
.scomments .scommentslist{margin-top: 30px;}
.scomments .rlobj{padding: 20px 0; border-bottom: 1px solid #f2f2f2;}
.scomments .rlobj:last-child{border-bottom: none!important;}
.scomments .rlobj .rlouser{float: left; width: 80px;}
.scomments .rlobj .rlouser .uavatar{width: 80px; border-radius: 80px;}
.scomments .rlobj .rlouser .rlouname{text-align: center; margin-top: 10px;}
.scomments .rlobj .rlotext{float: left; width: 500px; color: #333; margin-left: 20px;}
.scomments .rlobj .rlotext .rloanswer{padding: 10px 5px; border-radius: 5px; background-color: #f2f2f2; margin-top: 10px; color: #777;}
.scomments .rlobj .rlotext .rloreaction{display: block; width: 150px; margin-top: 10px;}