/**** Страница пользователя ****/
#user{width: 920px; margin-left: 20px; margin-top: 20px; padding-botom: 100px;}

.pagedescription{margin: 10px 0;}


/************************/
/*Список авторов*/
/************************/
.userstable{margin: 20px 0; width: 940px;}
.userstable .authorsheader{font: 10px Tahoma;}
.userstable .authorsheader:nth-child(1) {background: #aaa; /* Цвет фона */ color: #fff; /* Цвет текста */} 
.userstable tr:nth-child(2n) {background: #f9f9f9; /* Цвет фона */} 
.userstable td{padding: 5px 25px; border-bottom: 1px solid #f2f2f2;}
.userstable .num {padding: 0 0 0 25px; font: 14px Tahoma;}
.userstable .avatar img{border:0; box-shadow: none; width: 50px; height: 50px; margin: 0;}
.userstable .uname {padding: 0; width: 120px;}
.userstable .uname a{font: 14px Tahoma;}
.userstable .uname p{font: 11px Tahoma; color: #999;}
.userstable .uname .sendmail{width: 10px; height: 10px; cursor: pointer;}
.userstable .uname .donate img{width: 10px; height: 10px; cursor: pointer;}
.userstable td .addsubscribe{font: 14px sans-serif;height: 23px;text-align: center;line-height: 23px;cursor: pointer;border-radius: 2px;padding: 3px;background: #3c84e1;color: #fff;margin: 10px 0 3px 0;}
.userstable td .addsubscribe:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}
.userstable td .removesubscribe{font: 14px sans-serif;height: 23px;text-align: center;line-height: 23px;cursor: pointer;border-radius: 2px; padding: 3px;background: #d03f2c;color: #fff;margin: 10px 0 3px 0;}
.userstable td .removesubscribe:hover{background-color: #333;color: #fff;transition: 0.3s;text-shadow: none;}




/************************/
/*Страница пользователя*/
/************************/

#user .userinfo{margin: 40px auto 20px auto;}

#user .userinfo .uileft{float: left; text-align: center;}
#user .userinfo .uileft .avatar{width: 120px; height: 120px; border-radius: 200px; box-shadow: 0 0 50px #f2f2f2; border: 5px solid #fff;}
#user .userinfo .uileft .authorstatus{padding: 5px; background-color: #f2f2f2; color: #333; border-radius: 5px; margin: 15px 0;}
#user .userinfo .uileft .authorstatus img{width: 14px; height: 14px; margin-right: 3px;}
#user .userinfo .uileft .lastvisit{text-align: center; margin: 20px 0; font-size: 14px; color: #333; line-height: 14px;}
#user .userinfo .uileft .lastvisit strong{font-weight: normal;}

#user .userinfo .uileft .addsubscribe{font: 14px sans-serif; width: 110px; height: 23px;text-align: left;line-height: 23px;cursor: pointer; padding: 5px 5px 5px 35px;background: #3c84e1;color: #fff;margin: 10px 0 3px 0;}
#user .userinfo .uileft .addsubscribe:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}
#user .userinfo .uileft .removesubscribe{font: 14px sans-serif; width: 110px; height: 23px;text-align: left;line-height: 23px;cursor: pointer; padding: 3px;background: #d03f2c;color: #fff;margin: 10px 0 3px 0;padding: 5px 5px 5px 35px;}
#user .userinfo .uileft .removesubscribe:hover{background-color: #333;color: #fff;transition: 0.3s;text-shadow: none;}

#user .userinfo .uileft .donate{font-size: 14px; width: 110px; height: 33px; line-height: 16px; cursor: pointer; padding: 5px 5px 5px 35px; background: #12cf9f url('/images/rur-icon-32-white.png') 10px 8px no-repeat; background-size: 20px 20px; text-align: left; color: #fff;margin: 5px 0 3px 0; text-decoration: none; display: block;}
#user .userinfo .uileft .donate:hover{background-color: #007E5E;color: #fff;transition: 0.3s;text-shadow: none;}


#user .userinfo .uileft #sendmail{font: 14px sans-serif; width: 144px; height: 23px; text-align: center; line-height: 23px; cursor: pointer; border-radius: 0 0 2px 2px; padding: 3px; background: #80c847; color: #fff; margin: 0px 0 10px 0;}


#user .userinfo .uiright{position: relative; width: 685px; float: left; margin-left: 40px; border-left: 1px solid #f2f2f2; padding-left: 30px;}
#user .userinfo .uiright h1{font-size: 28px;margin: 0;padding: 0;}

#user .userinfo .uiright .about{margin: 20px 0;}
#user .userinfo .uiright .status{color: #8B2B7F; width: 400px;}

#user .userinfo .uiright .sociallinks{width: 300px; height: 65px; margin: 10px 0; padding: 10px; background-color: #f9f9f9; border-radius: 5px;}
#user .userinfo .uiright .sociallinks h2{font-size: 14px; margin: 0 0 5px 0; color: #000;}
#user .userinfo .uiright .sociallinks img{opacity: 0.9; width: 40px; height: 40px; margin-right: 5px;}
#user .userinfo .uiright .sociallinks img:hover{opacity:1;}

#user .userinfo .uiright .achievements{width: 300px; margin-top: 10px;}
#user .userinfo .uiright .achievements img{width: 60px; height: 60px; margin: 0 5px; margin: 0;}

#user .userinfo .uiright .stat{margin: 20px 0 0 0; padding: 0; list-style: none;}
#user .userinfo .uiright .stat .rating{}
#user .userinfo .uiright .stat .rating a{color: #333; font-size: 12px;}

#user .userinfo .uiright .achievmentslist{list-style: none; display: inline-block; margin: 0; padding: 0;}
#user .userinfo .uiright .achievmentslist li{text-align: center;float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ccc; width: 100px; height: 90px; border-radius: 100px; padding-top: 10px; box-shadow: 0 0 10px #ccc;}
#user .userinfo .uiright .achievmentslist li img{width: 50px; height: 50px;}
#user .userinfo .uiright .achievmentslist li span{display: block; color: #000; font-size: 12px;}
#user .userinfo .uiright .achievmentslist .alclear{clear: both; width: 0; height: 0; border: 0;}
#user .userinfo .uiright #sendmail:hover{background-color: #333;color: #fff;transition: 0.3s;text-shadow: none;}

/*Блок рецептов*/
.recipes{position: relative;}
.recipes h2{font-size: 28px;}
.recipes .showall{position: absolute; right: 7px; top: 4px;background: #1c3b83; padding: 5px 10px; color: #fff; font-size: 16px; text-decoration: none; border-radius: 5px;}
.recipes .showall:hover {background: #4672c8; transition: 0.3s;}
.recipes .robj{width: 217px; float: left; margin: 10px 14px 10px 0; min-height: 250px; text-align: center; font-size: 14px; text-decoration: none;}
.recipes .robj:nth-child(4n+2){margin-right: 0!important;}
.recipes .robj img{width: 100%; border: 1px solid #fff; border-radius: 5px;}
.recipes .robj img:hover{border: 1px solid #555;}


/*Блок видео рецептов*/
.recipesv{position: relative;}
.recipesv h2{font-size: 28px!important;}
.recipesv .showall{position: absolute; right: 7px; top: 4px;background: #1c3b83; padding: 5px 10px; color: #fff; font-size: 16px; text-decoration: none; border-radius: 5px;}
.recipesv .showall:hover {background: #4672c8; transition: 0.3s;}
.recipesv .vitem{position: relative; width: 49%; float: left; aspect-ratio: 16 / 9; margin: 10px 0;  background-position: center center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 50px #000; border-radius: 0.5rem; cursor: pointer;}
.recipesv .vitem:nth-child(2n){margin-left: 2%;}
.recipesv .vitem .viplayicon{width: 50px; height: 50px; position: absolute; bottom: 20px; left: 20px;}
.recipesv .vitem .viplayname{position: absolute; font-size: 24px; color: #fff; width: 90%; left: 5%; top: 2rem; text-shadow: 0 0 2px #000; text-align: center; line-height: 24px;}
.recipesv .morevrecipesbutton{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: 3rem auto; color: #333; width: 90%; padding: 15px 5%; font-size: 3.5rem; text-align: center; cursor: pointer; background-color: #FFCD2C; border-radius: 3px;}
.morevrecipesbuttonshow{display: block; background: url('/images/main/arrow-down.png') 20px center no-repeat; background-size: 2rem 2rem; border: 2px solid #ddd; color: #333; width: 100%; padding: 2rem 0; font-size: 3.5rem; text-align: center; margin: 5rem 0 0 0; text-decoration: none;}

.recipesvin{position: relative;}
.recipesvin h2{font-size: 28px!important;}
.recipesvin .pagenum{margin: 20px 0; font-size: 24px; color: #000;}
.recipesvin .vitem{position: relative; width: 49%; float: left; aspect-ratio: 16 / 9; margin: 1rem 0;  background-position: center center; background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 50px #000; border-radius: 0.5rem; cursor: pointer;}
.recipesvin .vitem:nth-child(2n){margin-left: 2%;}
.recipesvin .vitem .viplayicon{width: 50px; height: 50px; position: absolute; bottom: 20px; left: 20px;}
.recipesvin .vitem .viplayname{position: absolute; font-size: 24px; color: #fff; width: 90%; left: 5%; top: 2rem; text-shadow: 0 0 2px #000; text-align: center; line-height: 24px;}
.vrecipesblock .vmore{color: #333; background-color: #FFCD2C; padding: 15px 0px; font-size: 20px; text-align: center; clear: both; width: 100%; cursor: pointer; margin-top: 10px;}
.vrecipesblock .vmore:hover{background-color: #FFA52C;}


/* Блок конкурсные работы */

.foodphoto{margin: 20px 0 20px 0px;}
.foodphoto h2{font-size: 28px;}
.foodphoto img{width: 294px; margin: 4px;  border: 1px solid #fff;}
.foodphoto img:hover{border: 1px solid #555;}

/* Блок фотоотчеты */
.photootchet{position: relative;}
.photootchet h2{font-size: 28px;}
.photootchet .poobj{width:143px; float: left; margin-right: 10px;}
.photootchet .ugslidephoto{width: 100%; border-radius: 5px;}
.photootchet .ugslidedescription{text-align: center; font-size: 14px; margin: 5px 0;}
.swiper-slide{display: block;}
.photootchet .showall{position: absolute; right: 7px; top: 4px; background: #1c3b83; padding: 5px 10px; color: #fff; font-size: 16px; text-decoration: none; border-radius: 5px;}
.photootchet .showall:hover {background: #4672c8; transition: 0.3s;}

/* Блок книга рецептов */
.cookingbook{position: relative;}
.cookingbook h2{font-size: 28px;}
.cookingbook img{width: 105px; margin: 4px;  border: 1px solid #fff;}
.cookingbook img:hover{border: 1px solid #555;}
.cookingbook .cbrecipes img{width: 215px; margin: 4px; border: 1px solid #fff;}
.cookingbook .cbrecipes img:hover{border: 1px solid #555;}
.cookingbook .cbmoreinfo{text-align: center; font-size: 18px; margin: 10px auto;}

/* Комментарии */
.comments{position: relative;}
.comments .showall{position: absolute; right: 0px; top: 4px;background: #1c3b83; padding: 5px 10px; color: #fff; font-size: 16px; text-decoration: none;  border-radius: 5px;}
.comments .showall:hover {background: #4672c8; transition: 0.3s;}
.comments h2{font-size: 28px;}
.comments .cobj{position: relative; background-color: #f2f2f2; margin: 5px 0; padding: 10px;}
.comments .cobj .coreclink{position: absolute; right: 10px; top: 10px; color: #333; font-size: 11px; padding: 3px; background-color: #ccc; text-decoration: none; cursor: pointer;}
.comments .cobj .coreclink:hover{background: #000; color: #fff; transition: 0.3s;}
.comments .avatar{width: 50px; height: 50px; float: left;}
.comments .cotext{width: 700px; float: left; margin-left: 30px; font-size: 14px;}
.comments .cotext .cotdt{display: block; margin-bottom: 5px; font-size: 10px;}
.comments .cotext .cotdt strong{font-weight: normal;}


.publist{}
.publist h2{font-size: 28px;}
.publist .pubobj{width: 23%; margin-right: 2%; float: left;}
.publist .pubobj .ephoto{width: 100%; border-radius: 5px;}
.publist .pubobj .econtent{margin-top: 10px;}
.publist .pubobj .econtent .ename{color: #333; text-decoration: none;}

.recipesblock{margin: 20px 0 20px -10px;}
.recipesblock h2{font-size: 28px; margin-left: 10px;}
.recipesblock .recblock {position: relative; width: 300px; min-height: 420px; overflow: hidden; float: left; margin: 8px 0px 8px 10px;  background: #eee;}
.recipesblock .recblock .info .ingrlayer{position: absolute; display: none; left: 0; top: 0; background: url('/images/opacity80.png'); padding: 60px 40px 40px 40px; z-index: 2999; color: #fff; width: 193px; height: 100%; font: normal 12px Arial; line-height: 14px; overflow: auto;}
.recipesblock .recblock .info .ingrlayer h2{font: 24px Tahoma; color: #fff; text-transform: none; margin: 0 0 10px 0;}
.recipesblock .recblock .info .ingrlayer .ingrclose{position: absolute; right: 20px; top: 20px; cursor: pointer;}
.recipesblock .recblock .videoicon{position: absolute; top: 10px; right: 10px; color: #fff; padding: 3px 10px 5px 35px; font-size: 11px; background: #d31400 url('/images/video-icon.png') left 10px center no-repeat; background-size: 16px 16px; text-shadow: 1px 1px 1px #871a0e;}
.recipesblock .recblock .info {width: 90%; margin: 0 auto;}
.recipesblock .recblock .info .header {margin: 15px 0 0 0;}
.recipesblock .recblock .info .header a{font: 18px Tahoma; color: #000; text-decoration:  none; line-height: 18px; text-align: center;}
.recipesblock .recblock .info ul {margin: 20px 0 0 5px; padding: 0; opacity: 0.6;}
.recipesblock .recblock .info ul li {display:inline-block; margin:  0 10px 0 0; padding: 0; display:  inline; padding:0 0 0 18px;font-size:9px;text-shadow:#fff 1px 1px 1px;-moz-text-shadow:#fff 1px 1px 1px;-webkit-text-shadow:#fff 1px 1px 1px; height: 20px;}
.recipesblock .recblock .info ul .comments{background:url('/images/subsection/comments-ico.png') left center no-repeat;}
.recipesblock .recblock .info ul .author{background:url('/images/subsection/user-ico.png') left center no-repeat; }
.recipesblock .recblock .info ul .rating{background:url('/images/subsection/like-ico.png') left center no-repeat;}
.recipesblock .recblock .info ul .energy{background:url('/images/subsection/energy-ico.png') left center no-repeat;}
.recipesblock .recblock .info ul .views{background:url('/images/subsection/views-ico.png') left center no-repeat;}
.recipesblock .recblock .info .description{font: 11px Verdana; line-height: 13px; margin: 20px 0 0 0; color: #777;}
.recipesblock .recblock .info ul .ingredients{background:url('/images/subsection/ingredients-ico.png') left center no-repeat; text-decoration: underline; cursor: pointer; font-size: 11px;}
.recipesblock .recblock .info a {font: normal 12px Verdana; color: #6b6b6b;}
.recipesblock .recblock .preimage {width: 300px; height: 224px;}



.fsrecipes .recblock {position: relative; width: 298px; min-height: 320px; overflow: hidden; float: left; margin: 8px 8px 8px 0;  background: #eee;}
.fsrecipes .recblock .info .ingrlayer{position: absolute; display: none; left: 0; top: 0; background: url('/images/opacity80.png'); padding: 60px 40px 40px 40px; z-index: 2999; color: #fff; width: 193px; height: 100%; font: normal 12px Arial; line-height: 14px; overflow: auto;}
.fsrecipes .recblock .info .ingrlayer h2{font: 24px Tahoma; color: #fff; text-transform: none; margin: 0 0 10px 0;}
.fsrecipes .recblock .info .ingrlayer .ingrclose{position: absolute; right: 20px; top: 20px; cursor: pointer;}
.fsrecipes .recblock .videoicon{position: absolute; top: 10px; right: 10px; color: #fff; padding: 3px 10px 5px 35px; font-size: 11px; background: #d31400 url('/images/video-icon.png') left 10px center no-repeat; background-size: 16px 16px; text-shadow: 1px 1px 1px #871a0e;}
.fsrecipes .recblock .info {width: 90%; margin: 0 auto;}
.fsrecipes .recblock .info .header {margin: 15px 0 0 0;}
.fsrecipes .recblock .info .header a{font: 18px Tahoma; color: #000; text-decoration:  none; line-height: 18px; text-align: center;}
.fsrecipes .recblock .info ul .ingredients{background:url('/images/subsection/ingredients-ico.png') left center no-repeat; text-decoration: underline; cursor: pointer; font-size: 11px;}
.fsrecipes .recblock .info a {font: normal 12px Verdana; color: #6b6b6b;}
.fsrecipes .recblock .preimage {width: 100%;}



/* Фильтр */
.rheader{border: 2px solid #fff; position: relative; font-size: 16px; text-align: left; margin: 5px 0; width: 916px; box-shadow: 0 0 15px #ccc; padding: 15px 0;}
.rheader:hover{border: 2px solid #ccc; transition: 0.1s;}

.rheader .rhinfo{width: 555px; text-align: right; float: left; margin-left: 15px; margin-top: 25px;}
.rheader .rhinfo p{margin: 0; font-size: 14px; color: #555;}

.rheader .rhfilter{width: 310px; float: left; margin-left: 15px;}
.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: #ccc solid 2px; outline-offset: 1px; background-color: #fff; width: 100%; cursor: context-menu!important;}

/* быстрый поиск */
.fastsearch{width: 100%; margin-left: 10px;}
.fastsearch .fsloader{display: none;}
.fastsearch .fsloader img{width: 100px;}
.fastsearch input{color: #0A2D75; text-align: left; font-size: 16px; padding: 10px; width: 870px; background-color: #fff; border-radius: 0; border: 1px solid #999;}
.fastsearch input::-webkit-input-placeholder {color: #2959BA; font-size: 16px;} 
.fastsearch .fslegend{color: #999!important; font-size: 12px; margin: 5px 0 0 0;}

.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;}

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

/* Журнал */
.journal{position: relative;}
.journal h2{font-size: 28px; margin: 0;}
.journal .addtojournal{display: inline-block; background-color: #0048D7; text-align: center; width: 202px; padding: 10px 0; font-size: 18px; text-shadow: 0 0 1px #333; text-decoration: none; color: #fff; border-radius: 5px;}
.journal .jnoitems{margin: 10px 0 20px 0; font-size: 16px;}

.mypostslist{}
.mypostslist .mplobj{padding: 20px 0;}
.mypostslist .mplobj .mplimg{width: 200px; border-radius: 5px; float: left; border: 1px solid #022770;}
.mypostslist .mplobj .mplobjinfo{width: 600px; margin-left: 30px; float: left;}
.mypostslist .mplobj .mplobjinfo .mplobjlink{font-size: 24px;}
.mypostslist .mplobj .mplobjinfo .mpldt{margin-top: 10px; color: #777;}