/**** Страница рецепта ****/
@media print {
body >*{display: none;}
body>#rrcontent{display: block;}
}

.ccalpub{display: block; width: 350px; margin-top: 20px; background: url('https://img.iamcook.ru/recipe/pubicons/how-to-count-calories.png') left center no-repeat; background-size: 50px 50px; padding: 0 0 0 60px;}

#recbody{border-right: 1px solid #f2f2f2; margin: 20px auto; padding: 0 20px;}
#path{margin-left: 20px;}

.showvideo{cursor: pointer; padding: 0 0 10px 70px; width: 300px; display: block; font-size: 18px; text-decoration: underline; line-height: 100px; border-radius: 3px; margin: 10 0 10px 0; color: #000; font-weight: bold; background: url('/images/play-button-white-128.png') left center no-repeat; min-height: 100px; background-size: 50px auto; border-bottom: 1px solid #f2f2f2;}
.showvideo span{opacity: 0.8;}
.videolayer{display: none; position: fixed; left: 50%; margin-left: -350px; top: 50%; margin-top: -250px; width: 700px; background-color: #fff; box-shadow: 0 0 50px #333; z-index: 9999999; border-radius: 3px;}
.videolayer .vlembed iframe{width: 100%; height: 394px;}
.videolayer .vlclose{width: 30px; height: 30px; position: absolute; right: 0; top: -35px; cursor: pointer;}

.rvideo{width: 100%; margin: 20px auto 0 auto;}
.rvideo iframe{width: 100%; height: auto; aspect-ratio: 16/9;}
.rvideo .vvideo{width: 100%; height: auto; aspect-ratio: 9/16;}

.canonicallink{margin: 0 0 20px 0; background: url('/images/recipe/attention-icon.png') left center no-repeat; padding: 0 0 0 45px; height: 32px; line-height: 32px; color: #ff7800;}
.canonicallink a{}

.recdescription{background: #FFEBC2; padding: 20px; margin: 15px 0 0 0; font-size: 16px; border-radius: 5px;}
.recdescription a{color: #964300!important; font-size: 16px;}

.authorinfo{margin: 20px 0;}
.authorinfo .aiavatar{width: 50px; height: 50px; border-radius: 50px; float: left;}
.authorinfo .ailink{float: left;  margin-left: 20px; padding: 5px 0;}
.authorinfo .ailink a{display: block; color: #333;  font-size: 16px; font-weight: bold; text-decoration: none;}
.authorinfo .ailink span{display: block;  color: #888; font-size: 14px;}

.ingredients{float: left; width: 348px; margin: 15px 0 0 0; line-height: 24px;}
.ingredients h2{margin-left: 10px!important;}
.ingredients .ilist{position: relative; min-height: 334px; border-radius: 3px; box-shadow: 0 0 3px #ccc; font-size: 14px; padding: 10px 10px 80px 10px;}
.ingredients .ilist p{margin: 0px 0; padding: 0 0 0 20px; background: url('/images/recipe/ingredients-dot.png') left center no-repeat;}
.ingredients .ilist strong{display: block; font-size: 16px; margin: 20px 0 10px 20px;}
.ingredients .ilist a{font-size: 14px; color: #000;}



.ingredients .ilist .ilparams{position: absolute; left: 0; bottom: 0; background: #f2f2f2; padding: 5px 10px; list-style: none; margin: 0;}
.ingredients .ilist .ilparams li{display: block; float: left; margin: 0; padding: 0;}
.ingredients .ilist .ilparams .kkal{background: url('/images/recipe/kkal-icon.png') left center no-repeat; padding: 0 0 0 20px;}
.ingredients .ilist .ilparams .time{background: url('/images/recipe/time-icon.png') left center no-repeat; padding: 0 0 0 20px; margin-left: 20px;}
.ingredients .ilist .ilparams .dontshow{display: none;}

.ingredients .ilist .ilparams2{position: absolute; left: 0; bottom: 35px; background: #f2f2f2; padding: 5px 10px 5px 15px; list-style: none; margin: 0;}
.ingredients .ilist .ilparams2 li{display: block; float: left; margin: 0 10px 0 0; padding: 0!important;}
.ingredients .ilist .ilparams2 li strong{display: inline; font-size: 10px; margin: 0;}

.ingredients .ilist .tackles{margin: 20px 0 0 0; background: #f2f2f2 url('/images/recipe/tackles-icon.png') left 10px center no-repeat; background-size: 24px; padding: 15px 10px 15px 45px; border-radius: 3px;}
.ingredients .ilist .output{margin: 10px 0; background: #f2f2f2 url('/images/recipe/output-icon.png') left 10px center no-repeat; background-size: 24px; padding: 15px 10px 15px 45px; border-radius: 3px;}

.iilinks{margin: 20px 0;}
.iilinks span{display: block; line-height: 39px; margin-right: 10px; font-size: 18px;}
.iilinks a{color: #333!important; text-decoration: none; background: #fff; padding: 7px; float: left; margin: 5px 5px 0 0; background: #dfdfdf; border-radius: 4px;}
.iilinks a:hover{color: #000; background: #ccc;}

.ibuyproducts{background-color: #0D72B6; text-align: center; padding: 10px; margin: 10px 0; color: #fff; cursor: pointer;}
.ibuyproducts:hover{background-color: #09436A; transition: 0.3s;}

.resulphotoandsnaps{float: left; width: 260px; margin: 15px 0 0 10px;}
.resulphotoandsnaps h2{text-align: center;}

.resulphotoandsnaps figure {position: relative;}
.resulphotoandsnaps figure::before {position: absolute;	top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; cursor: pointer;}
.resulphotoandsnaps figure:hover::before {-webkit-animation: circle .75s; animation: circle .75s;}
.resulphotoandsnaps figure{margin: 0; padding: 0;}
.resulphotoandsnaps figure .resultphoto{border-radius: 3px; width: 260px; cursor: pointer;}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}


.resultphotolayer{display: none; z-index: 999; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: url('/images/opacity90.png');}
.resultphotolayer .imagecontainer{position: relative; width: 600px; margin: 100px auto 0 auto; padding-bottom: 30px;}
.resultphotolayer .imagecontainer .icname{position: absolute; width: 340px; height: 60px; bottom: -45px; left: 0; color: #fff; font: 14px Arial; line-height: 16px;}
.resultphotolayer .imagecontainer .icclose{position: absolute; right: -75px; top: 22px; color: #fff; padding: 10px; font: 16px Tahoma; cursor: pointer; border: 1px solid #fff; transform: rotate(90deg);}
.resultphotolayer .imagecontainer .icsharing{position: absolute; bottom: -10px; right: 0px;}
.resultphotolayer .imagecontainer .icclose:hover{color: #000; background: #fff;}



#ingredients
{
margin: 20px 0 0 0;
width: 370px;
float: left;
font: 12px 'Roboto', sans-serif;
line-height: 16px;
padding-left: 5px;
}

#ingredients h2
{
font-size: 14px!important;
margin: -10px 0 10px 0;
padding: 15px 0 0 0;
}

#ingredients strong
{
font: 16px 'Roboto', sans-serif;
}

#ingredients .ingrtags{
padding: 10px 10px 10px 0;
width: 60%;
margin: 10px 0 0 0;
}

#ingredients .ingrtags h3
{
font: italic 14px 'Roboto', sans-serif;
margin: 0;
color: #a55a04;
}

#ingredients .ingrtags .itdescription
{
margin: 5px 0 0 0;
font-size: 10px Tahoma;
line-height: 10px;
}

#ingredients .ingrtags .itlinks
{
margin: 10px 0 0 0;
}



#ingredients .ingrtags .itlinks a
{
margin: 0 15px 0 0;
padding: 0 0 0 18px;
background: url('/images/products-links.png') left 1px no-repeat;
color: #188ac5;
font: 12px Tahoma;
}




#ingredients div
{

}

#params
{
display: none;
}

#params ul
{
margin: 0;
padding: 0;
list-style: none;
}

#params ul li
{
margin: 5px 0;
padding: 0 0 0 40px;
min-height: 32px;
color: #748505;
font-size: 11px 'Roboto', sans-serif;
line-height: 32px;
}

#params ul li a
{
color: #748505;
}

#params ul .time
{
background: url('/images/recipe-clock-ico.png') left center no-repeat;
}

#params ul .theme
{
background: url('/images/recipe-theme-ico.png') left center no-repeat;
}

#params ul .dukan
{
background: url('/images/recipe/dukan.png') left center no-repeat;
}

#params ul .abstinence
{
background: url('/images/recipe/abstinence.png') left center no-repeat;
}

#params ul .newyear
{
background: url('/images/recipe/new-year.png') left center no-repeat;
}

#params ul .country
{
background: url('/images/recipe-earth-ico.png') left center no-repeat;
}

#params ul .portion
{
background: url('/images/recipe-piece-ico.png') left center no-repeat;
}

#params ul .energy
{
background: url('/images/recipe-energy-ico.png') left center no-repeat;
}

#params ul .fats
{
background: url('/images/recipe-fats-ico.png') left center no-repeat;
}

#params ul .proteins
{
background: url('/images/recipe-proteine-ico.png') left center no-repeat;
}

#params ul .carbohydrates
{
background: url('/images/recipe-carbohydrates-ico.png') left center no-repeat;
}

#params ul .terms
{
background: url('/images/recipe-terms-ico.png') left center no-repeat;
}

#params ul .dt
{
background: url('/images/recipe-date-ico.png') left center no-repeat;
}

#params ul .stat
{
background: url('/images/recipe-stat-ico.png') left center no-repeat;
}

#params ul .favorits{background: url('/images/recipe-favorit-ico.png') left center no-repeat;}


#params #events
{
margin: 20px 0 0 0px;
}

#params #events img
{
width: 48px;
height: 48px;
}


/* Процесс приготовления */

#recbody .instructions{line-height: 20px!important; font-size: 16px; color: #3a3a3a; width: 620px;}
#recbody .instructions .primg{width: 100%; position: relative;}
#recbody .instructions .primg .steplayer{position: absolute; left: 5px; top: 5px; background-color: #DD1C69; color: #fff; padding: 10px; border-radius: 5px; font-size: 14px; text-align: center;}
#recbody .instructions a{font-weight: bold; text-decoration: none; border-bottom: 2px dotted #0A0784; color: #0A0784;}
#recbody .instructions .ul{margin: 0; padding: 0;}
#recbody .instructions .ul li{margin: 0; padding: 0; list-style: none;}
#recbody h2{font-size: 22px;}
#recbody .instructions p{margin: 0;}
#recbody .instructions strong{margin-top: 30px;}

#recbody .instructions .label{
position: relative;
padding: 5px 0 5px 15px;
margin: 10px auto -14px auto;
font-size: 14px;
font-weight: bold;
text-shadow: 0 0 2px #fff;
width: 650px;
}

#recbody .instructions .label span{
position: absolute;
left: 0px;
top: 11px;
display: block;
width: 25px;
height: 15px;
background: #f2f2f2;
padding: 10px;
text-align: center;

}

#recbody .instructions a
{
font-size: 16px;
color: #365ba6;
}

#recbody .instructions img
{
margin: 15px 0 30px 0;
display: block;
width: 100%;
border-radius: 5px;
}

#recbody .instructions subheader{border-bottom: 1px solid #000; display: block; padding-bottom: 10px; margin: 20px 0 10px 0;}
#recbody .instructions subheader h3{margin: 0;}
#recbody .instructions subheader p{font-size: 12px; color: #999;}

#recbody .rlinks{margin: 50px 0 30px 0;}
#recbody .rlinks h2{font-size: 24px; font-weight: normal;}
#recbody .rlinks ul{padding: 10px 10px 10px 30px; margin: 10px 0 20px 0; box-shadow: 0 0 3px #ccc;}
#recbody .rlinks ul li{margin: 5px 0;}
#recbody .rlinks ul li a{font-size: 16px;}
#recbody .rlinks .rlgallery{}
#recbody .rlinks .rlobj{display: block; width: 196px; float: left; text-decoration: none; font-size: 16px; color: #023269; margin: 0 16px 10px 0; box-shadow: 0 0 3px #ccc; min-height: 265px; border-radius: 5px; cursor: pointer;}
#recbody .rlinks .rlobj:hover{background-color: #FFCB3B; color: #000;}
#recbody .rlinks .rlobj:nth-child(3n+3){margin-right: 0!important;}
#recbody .rlinks .rlobj img{width: 100%; border: 0;margin: 0; border-radius: 5px 5px 0 0;}
#recbody .rlinks .rlobj p{padding: 10px;}

/*Блок смотрите также*/
.simrecipescontainer{display: none;}
.simrecipes{width: 580px; margin: 35px 0; box-shadow: 0 0 5px #ccc; padding: 20px; border-radius: 3px;}
.simrecipes h2{margin: 0 0 30px 0!important; border-bottom: 1px solid #ccc; padding: 0 0 10px 0;}
.simrecipes .srdir{margin: 0 0 10px 0;}
.simrecipes .srdir .srdheader{font-size: 20px!important; display: inline-block; margin: 5px 0 0 0!important;}
.simrecipes .srdir .srdsubheader{font-size: 14px; display: block; margin: 5px 0 15px 0; color: #999; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px;}
.simrecipes .srdir .srdobj{display: block; width: 135px; min-height: 200px; text-align: center; float: left; margin: 5px 10px 5px 0; text-decoration: none;}
.simrecipes .srdir .srdobj img{width: 135px; border-radius: 3px 3px 0 0;}
.simrecipes .srdir .srdobj .srdobjname{font-size: 12px; line-height: 14px; color: #555; background-color: #f2f2f2; padding: 10px; border-radius: 0 0 3px 3px; min-height: 50px;}

.filterscontainer{margin: 0 0 35px 0; box-shadow: 0 0 5px #ccc; padding: 10px; border-radius: 3px; width: 600px;}
.filterscontainer h2{margin: 0 0 15px 0!important; border-bottom: 1px solid #f2f2f2; padding: 0 0 10px 0;}
.filterscontainer .sectbutton{display: block; float: left; margin: 0 5px 5px 0; padding: 10px; text-decoration: none; background-color: #41C681; color: #fff; border-radius: 5px; font-size: 14px;}

#recbody .recipehint{padding: 20px; line-height: 24px;font-size: 16px;color: #556370; margin: 20px 0;min-height: 75px; background-image: linear-gradient(to right top, #fff8dc, #fef3ce, #feeec0, #fee9b3, #ffe3a5);}
#recbody .recipehint .rpcontent{}
#recbody .recipehint h2{font-size: 24px; color: #664a31; margin: 0 0 0 25px;}
#recbody .recipehint a{font: 16px Tahoma;color: #664a31;}
#recbody .recipehint ul{margin: 10px 0 10px 25px;padding: 0;list-style: square outside;}
#recbody .recipehint ul li{color: #664a31; padding: 15px 0; list-style-type: none; border-bottom: 1px solid #D8B586;}
#recbody .recipehint ul li:last-child{border: 0!important;}
#recbody .recipehint ul li .rhpublink{}
#recbody .recipehint ul li .rhpublink span{text-decoration: none!important; display: block;}
#recbody .recipehint ul li .rhpublink img{width: 50px; float: left;}
#recbody .recipehint ul li .rhpublink p{width: 400px;  float: left; margin-left: 20px; text-decoration: underline; font-size: 18px;}


/*Окно комментария*/
.windowcontainer{position: fixed; display: none; background: url('/images/opacity70.png'); width: 100%; height: 100%; z-index: 9999;}

.windowcontainer .lcframe { position: relative; width: 500px; height: 370px; margin: 20% auto 0 auto; background: #fff; padding: 3%; color: #000; font-size: 14px; font-weight: normal; z-index: 99999;}

.windowcontainer .lcframe .lcfclose {position: absolute; right: 10px; top: 10px; filter: grayscale(100%); cursor: pointer;}
.windowcontainer .lcframe .lcfclose:hover {filter: grayscale(0); transition: 0.4s;}

.windowcontainer .lcframe .lcfbg {background: url('/images/profile/auth-bg.png') left center no-repeat; padding: 0 0 0 180px; margin: 20px 0 0 0; min-height: 200px;}

.windowcontainer .lcframe .lcfbg input{padding: 5px; font-size: 14px;}

.windowcontainer .lcframe .lcfbg #authorize{
margin-top: 10px;
font: 14px Tahoma;
width: 150px;
height: 23px;
text-align: center;
line-height: 23px;
cursor: pointer;
border-radius: 2px;
padding: 3px;
background: #3c84e1;
color: #fff;
}



.windowcontainer .lcframe .lcfbg #authorize:hover{
background-color: #1159b7;
color: #fff;
transition: 0.3s;
text-shadow: none;
}

.windowcontainer .lcframe .lcfdesctiption {margin-top: 30px; color: #000; font: 14px Tahoma;}
.windowcontainer .lcframe .lcfdesctiption a{color: #000; font: 14px Tahoma;}
.windowcontainer .lcframe .lcfdesctiption h2{color: #000; font: 18px Tahoma;}


#right{width: 320px; position: relative;}
#right h2{font-size: 16px; margin: 20px 0 10px 0;}


#recbody .reclink{background: url('/images/products/publink-ico.png') left center no-repeat; padding: 0 0 0 13px; font-size: 14px;}
#recpanel{margin: 0;padding: 0; color: #333;}
#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 #rpimg{background: #001067 url('/images/recipe/download-img.png') 10px center no-repeat; background-size: 25px 25px; padding-left: 45px; color: #fff; text-decoration: none;}
#recpanel #rpimg a{color: #fff; text-decoration: none;}
#recpanel .addtoplanner{background: #00837D url('/images/recipe/planner-button-icon.png') 10px center no-repeat; background-size: 25px 25px; padding-left: 45px; color: #fff; text-decoration: none!important;}
#recpanel .addtoplanner:hover{background-color: #145A57;}

.plannerselectcontainer{width: 90%!important; margin: 100px auto 0 auto; text-align: center;}
.plannerselectcontainer .daybutton{display: inline-block; width: 200px; background-color: #1B6DFF; color: #fff; padding: 10px 20px; font-size: 18px; cursor: pointer; text-align: center; border-radius: 5px; margin-top: 5px; margin-right: 5px; text-decoration: none; display: inline-block;}
.plannerselectcontainer .daybutton:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}
.plannerselectcontainer .dbgreen{background-color: #04BA5C!important;}
.plannerselectcontainer input[type="date"]{font-size: 16px; padding: 10px; border-radius: 5px;}
.plannerselectcontainer a{font-size: 16px!important;}

#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;}
#recpanel #print{background: #333 url('/images/recipe/print.png') 10px center no-repeat; background-size: 25px 25px; padding-left: 45px; color: #fff; text-decoration: none;}
#recpanel #print:hover{background-color: #000;}
#recpanel #pdf{background: #4FAA11 url('/images/recipe/pdf.png') 10px center no-repeat; background-size: 25px 25px; padding-left: 45px; text-decoration: none!important;}
#recpanel #pdf a{color: #fff; text-decoration: none!important;}
 
#recpanel #recerror{background: #FF535B url('/images/recipe/error.png') 10px center no-repeat; background-size: 25px 25px; padding-left: 45px; color: #fff; text-decoration: none;}
#recpanel li:hover{text-decoration: underline;}


#right #themelist{margin:0;padding:0;}
#right #themelist a {font:normal 11px Tahoma; text-decoration: none; color:#888; display: block; position: relative; padding: 7px 7px 7px 10px; background: #f5f5f5; border-top: 1px solid #fff; border-radius: 2px;}
#right #themelist a:hover {background: #eee;}
#right #themelist a span {position: absolute; line-height: 20px; right: 5px; top: 4px; font-size: 9px; background: #e5e5e5; width: 20px; height: 20px; text-align: center; border-radius: 2px;}

#right #themelist #morethemes{margin: 5px auto 0 auto; background: #f5f5f5; padding: 2px; border-top: 1px solid #fff; width: 50px; text-align:center; cursor: pointer; border-radius: 4px;}
#right #themelist #morethemes:hover{background: #eee;}


/*Список рецептов справа*/

.recipeslist{margin: 0 0 10px 0;}
.recipeslist .rlobj{text-decoration: none; color: #000;}
.recipeslist .rlobj .rloimg{width: 180px;}
.recipeslist .rlobj .rloname{text-align: center; font: 12px Tahoma; margin: 15px 0 10px 0;}

/**Карусель*/

#carousel{

}

#carousel .empty{
margin: 20px 0 20px 50px;
text-align: center;
width: 600px;
text-decoration: italic;
color: #0090da;
}

#carousel .header{
position:  relative;
margin: -10px 0 0 50px;
height: 30px;
width: 600px;
}

#carousel .header h2{
position: absolute;
left: 20px;
top: 0;
}

#carousel .header .button{
position: absolute;
right: 20px;
top: 0;
background: #999;
border-radius: 5px;
color: #fff;
padding: 5px;
cursor: pointer;
}

#carousel .header .button:hover{
background: #ec4642;
}





/*Галерея приготовлено по рецепту*/

#ugallery{
position: relative;
width: 600px;
margin: 50px auto 0 auto;
background: #f7f3e2;
padding: 110px 10px 0 15px; border-radius: 5px;
}

#ugallery h2{
position: absolute;
left: 20px;
top: 20px;
}

#ugallery #galleryloader{
position: absolute;
right: 20px;
top: 15px;
text-decoration: underline;
font: 14px Tahoma;
cursor: pointer;
background: #674b2f;
color: #fff;
padding: 7px;
text-decoration: none;
}

#ugallery #galleryloader:hover{
background: #3f250c;
}

#ugallery .ugdescription{
position: absolute;
left: 10px;
top: 50px;
margin-bottom: 10px;
padding: 10px;
border-radius: 3px;
line-height: 15px;
font: 14px Tahoma;
text-shadow: 0 0 1px #fff;
}



#ugallery .ugobject{
width: 140px;
float: left;
text-align: center; margin: 4px;
}

#ugallery .ugobject img{
border-radius: 3px;
width: 140px;
height: 140px;
}

#ugallery .ugobject .uguser{
font: 14px Tahoma;
margin: 10px 0 0 0;
min-height: 40px;
}

#ugallery .ugobject .uguser a{
font: 14px Tahoma;
}



/* Рейтинг */
.ratingcontainer{position: relative; width: 250px; height: 120px; margin-top: 20px; background-color: #f2f2f2; padding: 10px 5px; border-radius: 3px;}
.ratingcontainer .rcbar{position: relative; width: 200px; margin: 0 auto 20px auto;}
.ratingcontainer .rateyocounter{position: absolute;right: 0; top: 0;background: #000; color: #fff;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.ratingcontainer .curratinginfo{text-align: center; margin-top: 10px; font-size: 16px;}
.ratingcontainer .curratinginfo h2{font-size: 16px!important; text-transform: uppercase; font-weight: bold; color: #000;}
.ratingcontainer .curratinginfo p{margin: 0;}
.ratingcontainer .curratinginfo .cristat{margin: 10px 0; font-size: 14px; line-height: 16px;}
.ratingcontainer .curratinginfo .cristat #likecount{text-decoration: underline; cursor: pointer;}



.bubble{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: url('/images/opacity80.png');z-index: 999;}
.bubble .morelikers{background: #3c84e1;font-size: 12px;color: #fff;padding: 2px;width: 100px;margin: 10px auto 0 auto;cursor: pointer;}
.bubble .morelikers:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}

.bubble img{width: 30px; height: 30px;margin: 0 2px;}
.bubble .bobjname{color: #333;font-size: 10px;text-align: center;}
.bubble .bobjheader{color: #000; font-size: 24px; font-weight: bold; width: 520px; padding: 0 0 30px 10px; margin-bottom: 20px; border-bottom: 1px solid #f2f2f2;}


.bubble .booblecontainer {width: 350px; margin: 30px auto; position: relative; background: #fff; padding: 20px; border: 2px solid #333; border-radius: 5px;}
.bubble .booblecontainer .boobleclose{position: absolute; right: 20px; top: 15px; opacity: 0.7; cursor: pointer;}
.bubble .booblecontainer .boobleclose:hover{opacity: 1; transition: 0.3s;}
.bubble .booblecontainer .biavatar{width: 40px; height: 40px; float: left; border-radius: 5px;}
.bubble .booblecontainer .bicont{float: left; width: 100px; color: #000; font-size: 14px; line-height: 14px; margin-left: 10px;}
.bubble .booblecontainer .bicont .birating{color: #555; margin-top: 5px; font-weight: bold;}
.bubble .booblecontainer .bctbl{border-spacing: 0; border-collapse: separate; width: 100%;}
.bubble .booblecontainer .bctbl tr:nth-child(odd) {background: #fff;}
.bubble .booblecontainer .bctbl tr:nth-child(even) {background: #f2f2f2;}
.bubble .booblecontainer .bctbl tr td{padding: 10px;}



.attachmentlayer
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('/images/opacity80.png');
z-index: 999;
}

.attachmentlayer .attachmentcontainer {width: 500px; margin: 30px auto; position: relative; background: #fff;}
.attachmentlayer .attachmentcontainer .acphoto{width: 500px;}
.attachmentlayer .attachmentcontainer .acclose{position: absolute; right: 20px; top: 15px; opacity: 0.7; cursor: pointer; right: 10px; top: 10px; width: 30px;}
.attachmentlayer .attachmentcontainer .acclose:hover{opacity: 1; transition: 0.3s;}








/*Все лайкнувшие*/
.alllikers{
position: fixed;
left: 0;
top: 0;
background: url('/images/blackopacity.png');
width: 100%;
height: 100%;
z-index: 999;
}

.alllikers img{
width: 140px;
height: 140px;
}


.alllikers .alheader{
font: 20px Tahoma;
text-align: center;
color: #fff;
margin: 30px 0 20px 0; 
}

.alllikers .alfooter{
font: 20px Tahoma;
text-align: center;
color: #fff;
margin: 50px 0 0 0; 
}


.alllikers .alusers{
width: 80%;
margin: 0 auto;
}

.alllikers .alusers .alobj{
display: block;
float: left;
margin: 20px 10px 10px 10px;
text-decoration: none!important;
}

.alllikers .alusers .alobj img{
border: 2px solid #fff;
}

.alllikers .alusers .alobj .aluname{
font: 16px Tahoma;
text-transform: uppercase;
color: #fff;
text-align: center;
margin: 10px 0 0 0;
}



/* Фотоотчеты внизу, над комментариями */

.ugblock{position: relative; padding: 10px 0; margin: 30px 0 0 0; width: 620px; box-shadow: 0 0 5px #ccc; border-radius: 3px;}
.ugblock .ubheader{position: relative; width: 95%; margin: 0 auto; border-bottom: 1px solid #f2f2f2; padding: 0 0 20px 0;}
.ugblock .ubheader h2{margin: 2px 0 0 0; font-size: 28px!important;}
.ugblock .ubheader .ugbinfo{font-size: 16px; margin: 20px auto; color: #000;}
.ugblock .ubheader .ugbinfo a{font-size: 16px; color: #000;}
.ugblock .ubheader .snaploaderbutton{display: inline-block; background-color: #1B6DFF; color: #fff; padding: 10px 20px; font-size: 18px; cursor: pointer; text-align: center; border-radius: 5px; margin: 5px auto 0 auto; text-decoration: none;}
.ugblock .ubheader .snaploaderbutton:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}

.ugblock .ugimages{margin: 20px auto 10px auto; width: 95%;}
.ugblock .ugimages .ugslide{display: block; margin: 0 12px 10px 0; float: left; font-size: 14px;}
.ugslide .ugsphoto{width: 133px; border-radius: 5px;}
.ugslide .ugsuser{width: 133px; text-align: center; margin: 10px 0;}
.ugblock .ugimages .ugimore{background: url('/images/main/arrow-down.png') 20px center no-repeat; background-size: 10px 10px; border: 2px solid #333; margin: 20px 0 0 0; color: #333; width: 180px; padding: 5px 10px 5px 25px; font-size: 16px; text-align: center; cursor: pointer; background-color: #FFCD2C; border-radius: 5px;}
.ugblock .ugimages .ugimore:hover{background-color: #FFE35A; transition: 0.3s;}

/*рецепты*/
.recipes .rshowmore{}

/*Комментарии*/ 

.showmorecomments{text-align: center; font-size: 20px; text-decoration: underline; cursor: pointer;}	
.hiddencomments{display: none; margin-top: 30px;}	

.commentspanelnew{position: relative; padding-top: 0px; margin: 50px 0;}
.commentspanelnew .commentsheader{font-size: 28px; color: #333;}
.commentspanelnew .addcomment{display: inline-block; background-color: #1B6DFF; color: #fff; padding: 10px 20px; font-size: 18px; cursor: pointer; text-align: center; border-radius: 5px; margin: 5px auto 0 auto; text-decoration: none;}
.commentspanelnew .addcomment:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}

.commentspanel{position: relative; padding-top: 40px; margin-top: 50px;}
.commentspanel .commentsheader{position: absolute; left: 0px; top: 10px; font-size: 28px; color: #000;}

.commentspanel .addcomment{position: absolute; right: 0; top: 0; display: inline-block; background-color: #1B6DFF; color: #fff; padding: 7px 10px; font-size: 16px; cursor: pointer; text-align: center; border-radius: 5px; margin: 5px auto 0 auto; text-decoration: none;}
.commentspanel .addcomment:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}

.commentspanel .addcommentnotuser{position: absolute; right: 0; top: -7px; background-color: #f2f2f2; color: #333; margin: 10px 0 0 0; width: 420px; font-size: 12px; line-height: 12px; padding: 5px;}
.commentspanel .addcommentnotuser a{font-size: 12px;}

.commentslist{}

.commentslist .clitem{position: relative; margin: 20px 0; font-size: 16px; padding: 20px; box-shadow: 0 0 5px #ccc; border-radius: 3px;}
.commentslist .clitopbg{background-color: #E5FFF9; border: 1px solid #fff; border-radius: 3px;}
.commentslist .clitem .postbar{margin-top: 20px;}
.commentslist .clitem .postbar .clanswer{float: left; margin-left: 20px; cursor: pointer; font-size: 16px; color: #0c76ee; text-decoration: underline;}
.commentslist .clitem .postbar .mainpostedit{float: left; margin-left: 20px; cursor: pointer; font-size: 16px; color: #0c76ee; text-decoration: underline;}
.commentslist .clitem .postbar .cllike{float: left; cursor: pointer; opacity: 0.8; color: #333;}
.commentslist .clitem .postbar .cllike:hover{opacity: 1; transition: 0.3s;}
.commentslist .clitem .postbar .cllike img{width:16px; height: 16px;}
.commentslist .clitem .postbar .cllike .cllcounter{display: inline;}
.commentslist .clitem .clavatar{width: 50px; height: 50px; float: left;}
.commentslist .clitem .clcontent{float: left; width: 490px; margin-left: 30px;}
.commentslist .clitem .clcontent .clauthor{font-size: 18px; color: #555; position: relative;}
.commentslist .clitem .clcontent .clauthor .cltopcomment{position: absolute; right: 0; top: -3px; height: 25px; border-radius: 5px;}
.commentslist .clitem .clcontent .clauthor a{font-size: 18px; border-bottom: 2px solid orange; padding-bottom: 3px; font-weight: bold; color: #000!important; text-decoration: none;}
.commentslist .clitem .clcontent .clauthor a:hover{border-bottom: 1px solid #000;}
.commentslist .clitem .clcontent .clauthor .recipeauthor{background-color: #624330; color: #fff; font-size: 10px;  padding: 3px 7px; font-weight: normal; margin-left: 10px;}
.commentslist .clitem .clcontent .clauthor .ustatus{background-color: #f2f2f2; color: #555; font-size: 10px;  padding: 3px 7px; font-weight: normal; margin-left: 10px;}
.commentslist .clitem .clcontent .clauthor .ustatus img{width: 12px; height: 12px;}
.commentslist .clitem .clcontent .clauthor .uachievments{margin-left: 10px;}
.commentslist .clitem .clcontent .clauthor .uachievments img{width: 10px; height: 10px; margin-right: 3px; border: 1px solid #ccc; border-radius: 13px;}
.commentslist .clitem .clcontent .cltext{font-size: 16px; line-height: 20px; margin-top: 20px; white-space: normal; overflow-wrap: break-word; word-break: normal;}
.commentslist .clitem .clcontent .cltext .emoji{width: 20px; height: 20px;}
.commentslist .clitem .clcontent .cltext .attachment{margin-top: 20px;}
.commentslist .clitem .clcontent .cltext .attachment span{font-size: 12px; display: block;}
.commentslist .clitem .clcontent .cltext .attachment img{width: 100px; height: 100px; cursor: pointer; border: 1px solid #f2f2f2; border-radius: 5px;}
.commentslist .clitem .clcontent .cltext .attachment img:hover{border: 1px solid #000; transition: 0.3s;}


.commentslist .clsubitem{position: relative; margin: 0 0 10px 30px; font-size: 16px; padding: 20px;}
.commentslist .clsubitopbg{background-color: #F5FFF1;}
.commentslist .clsubitem .postbar{margin-top: 20px;}
.commentslist .clsubitem .postbar .clsanswer{float: left; margin-left: 20px; cursor: pointer; font-size: 16px; color: #0c76ee; text-decoration: underline;}
.commentslist .clsubitem .postbar .postedit{float: left; margin-left: 20px; cursor: pointer; font-size: 16px; color: #0c76ee; text-decoration: underline;}
.commentslist .clsubitem .postbar .clslike{float: left; cursor: pointer; opacity: 0.8; color: #333;}
.commentslist .clsubitem .postbar .clslike:hover{opacity: 1; transition: 0.3s;}
.commentslist .clsubitem .postbar .clslike img{width:16px; height: 16px;}
.commentslist .clsubitem .postbar .clslike .cllscounter{display: inline;}
.commentslist .clsubitem .clsavatar{width: 50px; height: 50px; float: left;}
.commentslist .clsubitem .clscontent{float: left; width: 435px; margin-left: 30px;}
.commentslist .clsubitem .clscontent .clsauthor{font-size: 18px; color: #555; position: relative;}
.commentslist .clsubitem .clscontent .clsauthor .clstopcomment{position: absolute; right: 0; top: 0; height: 20px;}
.commentslist .clsubitem .clscontent .clsauthor a{border-bottom: 2px solid orange; padding-bottom: 3px; font-size: 18px; font-weight: bold; color: #000!important; text-decoration: none;}
.commentslist .clsubitem .clscontent .clsauthor a:hover{border-bottom: 1px solid #000;}
.commentslist .clsubitem .clscontent .clsauthor .recipeauthor{background-color: #624330; color: #fff; font-size: 10px; padding: 3px 7px; font-weight: normal; margin-left: 10px;}
.commentslist .clsubitem .clscontent .clsauthor .ustatus{background-color: #f2f2f2; color: #555; font-size: 10px;  padding: 3px 7px; font-weight: normal; margin-left: 10px;}
.commentslist .clsubitem .clscontent .clsauthor .ustatus img{width: 12px; height: 12px;}
.commentslist .clsubitem .clscontent .clsauthor .uachievments{margin-left: 10px;}
.commentslist .clsubitem .clscontent .clsauthor .uachievments img{width: 10px; height: 10px; margin-right: 3px; border: 1px solid #ccc; border-radius: 13px;}
.commentslist .clsubitem .clscontent .clstext{font-size: 16px; line-height: 20px; margin-top: 20px;}
.commentslist .clsubitem .clscontent .clstext .emoji{width: 20px; height: 20px;}
.commentslist .clsubitem .clscontent .clstext .attachment{margin-top: 20px;}
.commentslist .clsubitem .clscontent .clstext .attachment span{font-size: 12px; display: block;}
.commentslist .clsubitem .clscontent .clstext .attachment img{width: 50px; height: 50px; cursor: pointer; border: 1px solid #f2f2f2;}
.commentslist .clsubitem .clscontent .clstext .attachment img:hover{border: 1px solid #000; transition: 0.3s;}

#nrcommentform{position: relative; font: 14px Arial; margin: 30px auto; width: 90%;}
#nrcommentform .cfclose{position: absolute; right: 0px; top: 0px; width: 32px; cursor: pointer;}
#nrcommentform .cfclose:hover{opacity: 0.7;}
#nrcommentform p{margin: 5px 0;}
#nrcommentform #unameext{font-size: 16px; width: 50%; height: 20px; padding: 5px; border: 1px solid #ccc;}
#nrcommentform #textcomment{width: 100%; font-size: 16px!important; padding: 5px; border: 1px solid #ccc;}
#nrcommentform .buttonsline{margin-top: 20px; position: relative;}
#nrcommentform .buttonsline #sendcomment{position: absolute; right: 0; top: 0; width: 150px; height: 20px; border-radius: 3px; padding: 8px 4px; color: #fff; text-align: center; background-color: #6da047; cursor: pointer; line-height: 20px;}
#nrcommentform .buttonsline #sendcomment:hover{background-color: #618803; transition: 0.3s;}

#nrcommentform .buttonsline .file-upload {position: relative; overflow: hidden; width: 150px; height: 20px; background: #ccc; border-radius: 3px; padding: 8px 4px; color: #000; text-align: center;}
#nrcommentform .buttonsline .file-upload:hover {background: #999; transition: 0.3s;}
#nrcommentform .buttonsline .file-upload input[type="file"]{display: none;}
#nrcommentform .buttonsline .file-upload label {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
#nrcommentform .buttonsline .file-upload span {line-height: 36px;}

#commentform{position: relative; margin: 25px auto; padding: 0; width: 90%;}
#commentform p{margin: 5px 0;}
#commentform #unameext{font-size: 16px; width: 50%; height: 20px; padding: 5px; border: 1px solid #ccc;}
#commentform #textcomment{width: 100%; font-size: 18px!important; padding: 5px; border: 1px solid #ccc;}
#commentform .buttonsline{margin-top: 20px; position: relative;}
#commentform .buttonsline #sendcomment{position: absolute; right: 0; top: 0; width: 150px; height: 20px; padding: 8px 4px; color: #fff; text-align: center; background-color: #6da047; cursor: pointer; line-height: 20px;}
#commentform .buttonsline #sendcomment:hover{background-color: #618803; transition: 0.3s;}

#commentform .buttonsline .file-upload {position: relative; overflow: hidden; width: 150px; height: 20px; background: #ccc; border-radius: 3px; padding: 8px 4px; color: #000; text-align: center;}
#commentform .buttonsline .file-upload:hover {background: #999; transition: 0.3s;}
#commentform .buttonsline .file-upload input[type="file"]{display: none;}
#commentform .buttonsline .file-upload label {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
#commentform .buttonsline .file-upload span {line-height: 36px;}

.showmorecomments{background: #f2f2f2; text-decoration: none; padding: 20px; font-size: 16px; cursor: pointer;}
.showmorecomments:hover{background: #ccc;}

/* Комментарии новые стили */
.reviewpanel{padding: 15px; background-color: #FFF0F0; margin-top: 50px;}
.rplowcomments{padding: 0!important; background-color: #fff!important; padding: 0!important;}
.reviewpanelcontainer{position: relative; box-shadow: 0 0 5px #ccc; padding: 70px 20px 20px 20px; background-color: #fff; border-radius: 5px;}
.rpclowcomments{box-shadow: none!important;}
.reviewpanelcontainer .rpheader{position: absolute; left: 20px; top: 30px; font-size: 28px; color: #000; margin-bottom: 20px;}
.reviewpanelcontainer .rphlow{left: 0!important;}
.reviewpanelcontainer .rpaddcomment{position: absolute; right: 20px; top: 5px; background-color: #D46601; color: #fff; padding: 20px; margin: 10px auto 0 auto; width: 180px; font-size: 16px; cursor: pointer; text-align: center; border-radius: 5px;}
.reviewpanelcontainer .rpaddcomment:hover{background-color: #982C00;color: #fff;transition: 0.3s;text-shadow: none;}
.reviewpanelcontainer .rpalow{right: 0!important;}
.reviewpanelcontainer .rpaddcommentnotuser{position: absolute; right: 0; top: -7px; background-color: #f2f2f2; color: #333; margin: 10px 0 0 0; width: 420px; font-size: 12px; line-height: 12px; padding: 5px;}
.reviewpanelcontainer .rpaddcommentnotuser a{font-size: 12px;}
.reviewpanelcontainer .topcomments{}
.reviewpanelcontainer .topcomments h2{font-size: 18px!important;}
.reviewpanelcontainer .topcomments .topcomment{width: 258px; float: left; margin: 0 20px 0 0; border-radius: 5px; background-color: #f2f2f2; padding: 15px;}
.reviewpanelcontainer .topcomments .topcomment .tctext{word-wrap: break-word; margin-top: 10px;}
.reviewpanelcontainer .topcomments .topcomment .tctext .tctmore{text-decoration: underline; font-size: 12px; margin: 10px 0 0 0; cursor: pointer;}
.reviewpanelcontainer .topcomments .topcomment .tctext .tctmore:hover{color: #000;}
.reviewpanelcontainer .topcomments .topcomment .tcauthor{font-weight: bold;}
.reviewpanelcontainer .topcomments .topcomment .tcauthor img{display: inline-block; float: left; border-radius: 25px; border: 3px solid #fff; width: 25px; height: 25px;}
.reviewpanelcontainer .topcomments .topcomment .tcauthor .tcaname{display: inline-block; float: left; font-size: 11px; line-height: 32px; margin-left: 10px;}

/* Если нет комментариев */
.commentspanelnew{position: relative; padding-top: 0px; margin: 50px 0;}
.commentspanelnew .commentsheader{font-size: 28px; color: #333;}
.commentspanelnew .addcomment{display: inline-block; background-color: #1B6DFF; color: #fff; padding: 10px 20px; font-size: 18px; cursor: pointer; text-align: center; border-radius: 5px; margin: 5px auto 0 auto; text-decoration: none;}
.commentspanelnew .addcomment:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}

.commentwincontainer{position: fixed!important; top: 0; left: 0; width: 100%!important; height: 100%!important; background-image: url('/images/opacity50.png'); z-index: 9999999;}
.commentwin{position: fixed; left: 50%; top: 50%; width: 600px; height: 500px; margin-left: -300px; margin-top: -250px; background-color: #fff; border-radius: 5px;}
.commentwin .cwheader{position: relative; width: 95%; margin: 10px auto; height: 40px; border-bottom: 1px solid #f2f2f2; padding: 5px; background-color: #f2f2f2; border-radius: 5px;}
.commentwin .cwheader h2{font-size: 16px; text-transform: uppercase; position: absolute; left: 10px; top: 5px; font-weight: bold; color: #555;}
.commentwin .cwheader .cfclose{position: absolute; top: 10px; right: 10px; width: 32px; cursor: pointer; opacity: 0.7;}
.commentwin .cwheader .cfclose:hover{opacity:1;}
.commentwin .cwloader{display: block; width: 120px; margin: 200px auto 0 auto;}
.commentwin .illoader{display: none; width: 120px; margin: 1px auto;}
.commentwin .cwform{position: relative; margin: 40px auto 0 auto; padding: 0; width: 95%;}
.commentwin .cwform .cwfleft{float: left; width: 60%;}
.commentwin .cwform .cwfright{float: left; width: 35%; margin-left: 5%;}
.commentwin .cwform .uname{width: 50%!important; font-size: 16px!important; padding: 10px; border: 1px solid #ccc!important; border-radius: 3px; margin-bottom: 20px;}
.commentwin .cwform .sendcomment{margin-top: 20px; width: 150px; height: 20px; padding: 8px 4px; color: #fff; text-align: center; background-color: #6da047; cursor: pointer; line-height: 20px;}
.commentwin .cwform .sendcomment:hover{background-color: #618803; transition: 0.3s;}

.commentwin .cwform .file-upload {display: block; position: relative; padding: 75px 0; font-size: 14px; overflow: hidden; width: 100%; background: #f2f2f2; border-radius: 5px; color: #000; text-align: center;}
.commentwin .cwform .file-upload:hover {background: #ccc; transition: 0.3s;}
.commentwin .cwform .file-upload input[type="file"]{display: none;}
.commentwin .cwform .file-upload label {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
.commentwin .cwform .file-upload span {display: block; padding-top: 65px;}

.howtolinksright{ margin-top: -40px;}
.howtolinksright h2{text-align: center; font-size: 18px!important;}
.howtolinksright .htlobj{display: block; width: 80%; text-align: center; border: 1px solid #f2f2f2; padding: 10px; border-radius: 3px; margin: 0 auto 20px auto;}
.howtolinksright .htlobj img{border-radius: 5px; width: 90%; display: block; margin: 0 auto 10px auto;}

.howtolinksbottom{}
.howtolinksbottom h2{}
.howtolinksbottom .htlobj{display: block; width: 199px; margin: 0 0 10px 10px; text-align: center; box-shadow: 0 0 3px #ccc; padding: 0 0 10px 0; border-radius: 5px; float: left; min-height: 270px;}
.howtolinksbottom .htlobj:nth-child(3n+2){margin-left: 0!important;}
.howtolinksbottom .htlobj img{border-radius: 5px 5px 0 0; width: 100%; display: block; margin: 0 auto 10px auto;}

.rectglink{margin-top: 30px; display: block; border-bottom: 1px solid #f2f2f2; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #f2f2f2;}
.rectglink img{width: 300px;}

.shareblock{width: 95%; margin: 30px auto 20px auto; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px;}
.shareblock .sbheader{color: #000; font-size: 18px; margin-bottom: 10px;}
.shareblock .sbdescription{color: #999; font-size: 14px; line-height: 14px; margin-bottom: 15px;}

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

/*новые комменты*/
.rcomments {margin-top: 50px;}
.rcomments h2{font-size: 28px!important;}
.rcomments .rcommentname{display: block; margin-bottom: 5px; padding: 10px; border-radius: 5px; width: 200px; font-size: 16px; border: 1px solid #ccc;}
.rcomments .rcommenttext{width: 96%; padding: 10px 2%; height: 200px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px;}
.rcomments .rcsubmit{background-color: #1B6DFF; color: #fff; padding: 12px; font-size: 18px; cursor: pointer; text-align: center; border-radius: 5px; text-decoration: none; display: inline-block;}
.rcomments .rcsubmit:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}
.rcomments .rssubmitpreloader{display: none; height: 88px;}


.rcomments .imagesline{}
.rcomments .imagesline .ilpreloader{display: none; width: 80px;}
.rcomments .imagesline .ilobj{width: 100px; float: left; margin-right: 10px;}
.rcomments .imagesline .ilobj .ilobjdel{width: 96%; float: left; background-color: #AE001E; color: #fff; padding: 5px 2%; text-align: center; margin-top: 3px; border-radius: 5px; cursor: pointer;}
.rcomments .imagesline .ilobj .ilobjdel:hover{background-color: #CE2C48;}
.rcomments .imagesline .ilobj img{width: 100%; border-radius: 5px;}

.rcomments .filearea .jpreloader{display: none; height: 88px; border-radius: 5px;}
.rcomments .filearea .previewimage{border-radius: 5px;}
.rcomments .filearea .jdelpreview{display: inline-block; background-color: #000; color: #fff; padding: 10px; border-radius: 5px; cursor: pointer; margin-top: 10px;}
.rcomments .filearea .jdelpreview:hover{background-color: #333;}

.filearea{margin: 10px 0;}

.rcomments .filearea{position: relative; height: 45px;}
.rcomments .filearea .rcsubmit{position: absolute; right: 0; top: 0;}
.rcomments .filearea .rcsubmitpreloader{position: absolute; right: 40px; top: 5px; display: none; width: 25px; height: 25px;}

.rcomments .filearea .emojibutton{display: none; position: absolute; left: 170px; top: 0; width: 40px; height: 40px; background: #00848E url('/images/recipe/smile-64-white.png') center center no-repeat; background-size: 50% 50%; cursor: pointer; border-radius: 5px;}
.rcomments .filearea .emojibutton:hover{background-color: #333;}

.rcomments .filearea .urlbutton{position: absolute; left: 220px; top: 0; width: 40px; height: 40px; background: #00848E url('/images/recipe/url-64-white.png') center center no-repeat; background-size: 50% 50%; cursor: pointer; border-radius: 5px;}
.rcomments .filearea .urlbutton:hover{background-color: #333;}

.rcomments .filearea .titleimage {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.rcomments .filearea .labeltm {
	position: absolute;
	left: 0;
	top: 0;
    width: 160px;
    height: 40px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    display: block;
    font: 16px/40px Tahoma;
    transition: all 0.18s ease-in-out;
    color: #fff;
    background: #50B14C;
}

.rcomments .filearea .labeltm:hover {
    color: white;
    background: #000;
}

.commentsurlwin{position: fixed; top: 50%; left: 50%; width: 500px; height: 300px; margin-top:-150px; margin-left:-250px; background-color: #fff; box-shadow: 0 0 25px #555; z-index: 999999; border-radius: 5px;}
.commentsurlwin .cuwheader{position: relative; width: 94%; padding: 10px 3%; background-color: #f2f2f2; border-bottom: 1px solid #ccc; font-size: 16px; color: #333; border-radius: 5px 5px 0 0;}
.commentsurlwin .cuwheader .cuwclose{position: absolute; right: 3%; top: 7px; width: 25px; height: 25px; opacity: 70%; cursor: pointer;}
.commentsurlwin .cuwheader .cuwclose:hover{opacity: 100%;}
.commentsurlwin .cuwcontent{margin: 30px auto 0 auto; width: 70%;}
.commentsurlwin .cuwcontent input{display: block; width: 100%; font-size: 16px; padding: 10px; border: 1px solid #ccc; margin-bottom: 15px; border-radius: 5px;}
.commentsurlwin .cuwcontent .cuwsubmit{background-color: #1B6DFF; color: #fff; padding: 10px; font-size: 18px; cursor: pointer; text-align: center; border-radius: 5px; margin-top: 5px; text-decoration: none; display: inline-block;}
.commentsurlwin .cuwcontent .cuwsubmit:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}


.commentseditwin{position: fixed; top: 50%; left: 50%; width: 500px; height: 300px; margin-top:-150px; margin-left:-250px; background-color: #fff; box-shadow: 0 0 25px #555; z-index: 999999; border-radius: 5px;}
.commentseditwin .cewheader{position: relative; width: 94%; padding: 10px 3%; background-color: #f2f2f2; border-bottom: 1px solid #ccc; font-size: 16px; color: #333; border-radius: 5px 5px 0 0;}
.commentseditwin .cewheader .cewclose{position: absolute; right: 3%; top: 7px; width: 25px; height: 25px; opacity: 70%; cursor: pointer;}
.commentseditwin .cewheader .cewclose:hover{opacity: 100%;}
.commentseditwin .cewcontent{margin: 30px auto 0 auto; width: 90%;}
.commentseditwin .cewcontent .textcommentedit{display: block; width: 100%; font-size: 16px; padding: 10px; border: 1px solid #ccc; margin-bottom: 15px; border-radius: 5px;}
.emoji-menu{z-index: 99999999!important;}
.commentseditwin .cfbuttons {position: relative; width: 100%; height: 38px;}
.commentseditwin .cewcontent .epsubmit{position: absolute; left: 0; top: 0; background-color: #1B6DFF; color: #fff; padding: 10px; font-size: 18px; cursor: pointer; text-align: center; border-radius: 5px; text-decoration: none; display: inline-block;}
.commentseditwin .cfbuttons .epsubmit:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}
.commentseditwin .cfbuttons .emojibuttonedit{position: absolute; right: 0; top: 0; width: 38px; height: 38px; background: #00848E url('/images/recipe/smile-64-white.png') center center no-repeat; background-size: 50% 50%; cursor: pointer; border-radius: 5px;}
.commentseditwin .cfbuttons .emojibuttonedit:hover{background-color: #333;}

/*Новые комментариии - старые надо будет удалить*/

.commentslist .cmitem{position: relative; margin: 20px 0; font-size: 16px; padding: 20px; box-shadow: 0 0 5px #ccc; border-radius: 3px;}
.commentslist .clitopbg{background-color: #E5FFF9; border: 1px solid #fff; border-radius: 3px;}
.commentslist .cmitem .postbar{margin-top: 20px;}
.commentslist .cmitem .postbar .cmanswer{float: left; margin-left: 20px; cursor: pointer; font-size: 16px; color: #0c76ee; text-decoration: underline;}
.commentslist .cmitem .postbar .mainpostedit{float: left; margin-left: 20px; cursor: pointer; font-size: 16px; color: #0c76ee; text-decoration: underline;}
.commentslist .cmitem .postbar .editpost{float: left; margin-left: 20px; cursor: pointer; font-size: 16px; color: #0c76ee; text-decoration: underline;}
.commentslist .cmitem .postbar .cllike{float: left; cursor: pointer; opacity: 0.8; color: #333;}
.commentslist .cmitem .postbar .cllike:hover{opacity: 1; transition: 0.3s;}
.commentslist .cmitem .postbar .cllike img{width:16px; height: 16px;}
.commentslist .cmitem .postbar .cllike .cllcounter{display: inline;}
.commentslist .cmitem .clavatar{width: 50px; height: 50px; float: left;}
.commentslist .cmitem .clcontent{float: left; width: 490px; margin-left: 30px;}
.commentslist .cmitem .clcontent .clauthor{font-size: 18px; color: #555; position: relative;}
.commentslist .cmitem .clcontent .clauthor .cltopcomment{position: absolute; right: 0; top: -3px; height: 25px; border-radius: 5px;}
.commentslist .cmitem .clcontent .clauthor a{font-size: 18px; border-bottom: 2px solid orange; padding-bottom: 3px; font-weight: bold; color: #000!important; text-decoration: none;}
.commentslist .cmitem .clcontent .clauthor a:hover{border-bottom: 1px solid #000;}
.commentslist .cmitem .clcontent .clauthor .recipeauthor{background-color: #624330; color: #fff; font-size: 10px;  padding: 3px 7px; font-weight: normal; margin-left: 10px;}
.commentslist .cmitem .clcontent .clauthor .ustatus{background-color: #f2f2f2; color: #555; font-size: 10px;  padding: 3px 7px; font-weight: normal; margin-left: 10px;}
.commentslist .cmitem .clcontent .clauthor .ustatus img{width: 12px; height: 12px;}
.commentslist .cmitem .clcontent .clauthor .uachievments{margin-left: 10px;}
.commentslist .cmitem .clcontent .clauthor .uachievments img{width: 10px; height: 10px; margin-right: 3px; border: 1px solid #ccc; border-radius: 13px;}
.commentslist .cmitem .clcontent .cltext{font-size: 16px; line-height: 20px; margin-top: 20px; white-space: normal; overflow-wrap: break-word; word-break: normal;}
.commentslist .cmitem .clcontent .cltext .emoji{width: 20px; height: 20px;}
.commentslist .cmitem .clcontent .cltext .attachment{margin-top: 20px;}
.commentslist .cmitem .clcontent .cltext .attachment span{font-size: 12px; display: block;}
.commentslist .cmitem .clcontent .cltext .attachment img{width: 100px; height: 100px; cursor: pointer; border: 1px solid #f2f2f2; border-radius: 5px;}
.commentslist .cmitem .clcontent .cltext .attachment img:hover{border: 1px solid #000; transition: 0.3s;}


.commentslist .cmsubitem{position: relative; margin: 0 0 10px 30px; font-size: 16px; padding: 20px;}
.commentslist .clsubitopbg{background-color: #F5FFF1;}
.commentslist .cmsubitem .postbar{margin-top: 20px;}
.commentslist .cmsubitem .postbar .cmsanswer{float: left; margin-left: 20px; cursor: pointer; font-size: 16px; color: #0c76ee; text-decoration: underline;}
.commentslist .cmsubitem .postbar .postedit{float: left; margin-left: 20px; cursor: pointer; font-size: 16px; color: #0c76ee; text-decoration: underline;}
.commentslist .cmsubitem .postbar .editpost{float: left; margin-left: 20px; cursor: pointer; font-size: 16px; color: #0c76ee; text-decoration: underline;}
.commentslist .cmsubitem .postbar .clslike{float: left; cursor: pointer; opacity: 0.8; color: #333;}
.commentslist .cmsubitem .postbar .clslike:hover{opacity: 1; transition: 0.3s;}
.commentslist .cmsubitem .postbar .clslike img{width:16px; height: 16px;}
.commentslist .cmsubitem .postbar .clslike .cllscounter{display: inline;}
.commentslist .cmsubitem .clsavatar{width: 50px; height: 50px; float: left;}
.commentslist .cmsubitem .clscontent{float: left; width: 435px; margin-left: 30px;}
.commentslist .cmsubitem .clscontent .clsauthor{font-size: 18px; color: #555; position: relative;}
.commentslist .cmsubitem .clscontent .clsauthor .clstopcomment{position: absolute; right: 0; top: 0; height: 20px;}
.commentslist .cmsubitem .clscontent .clsauthor a{border-bottom: 2px solid orange; padding-bottom: 3px; font-size: 18px; font-weight: bold; color: #000!important; text-decoration: none;}
.commentslist .cmsubitem .clscontent .clsauthor a:hover{border-bottom: 1px solid #000;}
.commentslist .cmsubitem .clscontent .clsauthor .recipeauthor{background-color: #624330; color: #fff; font-size: 10px; padding: 3px 7px; font-weight: normal; margin-left: 10px;}
.commentslist .cmsubitem .clscontent .clsauthor .ustatus{background-color: #f2f2f2; color: #555; font-size: 10px;  padding: 3px 7px; font-weight: normal; margin-left: 10px;}
.commentslist .cmsubitem .clscontent .clsauthor .ustatus img{width: 12px; height: 12px;}
.commentslist .cmsubitem .clscontent .clsauthor .uachievments{margin-left: 10px;}
.commentslist .cmsubitem .clscontent .clsauthor .uachievments img{width: 10px; height: 10px; margin-right: 3px; border: 1px solid #ccc; border-radius: 13px;}
.commentslist .cmsubitem .clscontent .clstext{font-size: 16px; line-height: 20px; margin-top: 20px;}
.commentslist .cmsubitem .clscontent .clstext .emoji{width: 20px; height: 20px;}
.commentslist .cmsubitem .clscontent .clstext .attachment{margin-top: 20px;}
.commentslist .cmsubitem .clscontent .clstext .attachment span{font-size: 12px; display: block;}
.commentslist .cmsubitem .clscontent .clstext .attachment img{width: 50px; height: 50px; cursor: pointer; border: 1px solid #f2f2f2;}
.commentslist .cmsubitem .clscontent .clstext .attachment img:hover{border: 1px solid #000; transition: 0.3s;}