@import "reset-settings.css" all;

.day-title:before, .day-avtor {background:url(../images/day-icons.png) no-repeat;}
.day-img img, .vkusno-item img, .latest-img img, .top-img img, .rel-img img {width:100%; min-height:100%;}
.top-img img, .vkusno-info, .vkusno-item img, .latest-img img, .add-link, h3, .day-link, .add-fav, 
.main-menu a, .top-item, .show-login, .rel-item, .add-com-but
{transition: all .5s;}
h1, h2, h3, .day-link, .add-link, .show-login, .main-menu li a, .sb-title, .vtitle, .add-fav, 
.bcrumbs-box, .feedback-link, .rel-title, .comm-title, .ingr-list-title, .add-com-but {font-family:PF-din; text-transform:uppercase;}
.wrap:before, .footer-wrap:before {background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 75%, #f6f6f6 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(75%,#ffffff), color-stop(100%,#f6f6f6));
background: -webkit-linear-gradient(left, #ffffff 75%,#f6f6f6 100%);
background: -o-linear-gradient(left, #ffffff 75%,#f6f6f6 100%);
background: -ms-linear-gradient(left, #ffffff 75%,#f6f6f6 100%);
background: linear-gradient(to right, #ffffff 75%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );}
button, html input[type="button"], input[type="reset"], input[type="submit"] {background: #77d81f;
background: -moz-linear-gradient(top, #77d81f 0%, #24ad0b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77d81f), color-stop(100%,#24ad0b));
background: -webkit-linear-gradient(top, #77d81f 0%,#24ad0b 100%);
background: -o-linear-gradient(top, #77d81f 0%,#24ad0b 100%);
background: -ms-linear-gradient(top, #77d81f 0%,#24ad0b 100%);
background: linear-gradient(to bottom, #77d81f 0%,#24ad0b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77d81f', endColorstr='#24ad0b',GradientType=0 );}
.transparent-grad, .latest-time, .top-item:nth-child(1) .top-info {background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0.65) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.33)), color-stop(100%,rgba(0,0,0,0.65)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}


/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%; position:relative; overflow:hidden;}
.all-wrap:before {content:""; width:50%; height:100%; background:url(../images/bgp.jpg); 
position:absolute; left:0; top:0; z-index:50;}
.all-wrap:after {content:""; width:50%; height:100%; background:url(../images/r-bg1.jpg) right top no-repeat; 
position:absolute; right:0; top:0; z-index:50;}
.all-wrap.rb-main:after {background:url(../images/r-bg1.jpg) right top no-repeat, url(../images/r-bg2.jpg) right 200px no-repeat;}
.wrap {width:100%; min-width:320px; max-width:1200px; margin:0 auto; background-color:#FFF; 
position:relative; z-index:150; padding:0 0 0 250px;}
.wrap:before, .footer-wrap:before {content:""; width:249px; height:100%; border-right:1px dashed #dedede; 
position:absolute; left:0; top:0; z-index:50;}
.left-box {float:left; width:250px; margin-left:-250px; position:relative; z-index:150;}
.right-box {float:right; width:100%; min-height:800px; background:url(../images/cont-bg1.jpg) left top no-repeat; position:relative; z-index:100;}
.right-box.rb-main {background:url(../images/cont-bg1.jpg) left top no-repeat, url(../images/cont-bg2.jpg) left 250px no-repeat;}
.footer-wrap {position:relative; z-index:100; width:100%; min-width:320px; max-width:1200px; margin:0 auto; min-height:100px; 
background-color:#e5edf7; padding:0 0 0 250px;}
.footer-wrap:after {content:""; width:2000px; height:100%; 
background:#94bee6; position:absolute; left:250px; top:0; z-index:50;}
.footer-box:before {content:""; width:180px; height:150px; 
background:url(../images/lb-bg.jpg) left top no-repeat; position:absolute; left:-250px; bottom:0; z-index:50;}
.footer-box {padding:40px 220px 20px 40px; position:relative; z-index:100; min-height:150px;}

.top-bar {height:100px; padding:32px 0 0 0;}
.content-box {padding:0 0 0 40px;}


/* TOP BAR
----------------------------------------------- */
.search-wrap {width:50%; float:left; padding-left:80px; position:relative;}
.search-wrap i {position:absolute; top:0; left:55px; font-size:18px; color:#ffd018; line-height:46px;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; max-width:800px; height:46px; line-height:48px; padding:0 90px 0 10px; border-radius:5px;
background-color:#fff; color:#a8a8a8; font:italic 12px Georgia; border:1px solid #f0f0f0; box-shadow:inset 2px 2px 2px 0 rgba(0,0,0,0.05); }
.search-box button {position:absolute; right:7px; top:7px;}

.add-link {display:inline-block; font-size:18px; color:#94bee6; padding:0 20px; margin-left:20px;
box-shadow:inset 0 0 0 3px #ffd018; border-radius:3px; float:right; height:46px; line-height:46px;}
.add-link:hover {background-color:#ffd018; color:#FFF;}
.show-login {display:inline-block; height:46px; line-height:46px; border-radius:3px; cursor:pointer; 
color:#94bee6; padding:0 20px; float:right; box-shadow:inset 0 0 0 1px #dedede; font-size:18px;}
.show-login:hover {box-shadow:inset 0 0 0 1px #abe694;}
.add-link i, .show-login i {margin-right:20px;}


/* LEFT BOX
----------------------------------------------- */
.logo-box {height:250px; display:block; 
background:#f7f6e5 url(../images/logo.jpg) no-repeat; overflow:hidden; text-indent:-1000px;}

.main-nav { padding:20px 0;}
.main-menu {}
.main-menu li {display:block; position:relative; border-bottom:1px dashed #dedede;}
.main-menu > li:before {content:""; width:6px; height:6px; border:1px solid #fbd018; border-radius:4px; 
position:absolute; left:10px; top:16px;}
.main-menu li a {display:block; line-height:40px; padding:0 10px 0 30px; color:#444; font-size:18px;}
.main-menu li a:hover, .main-menu > li.active > a {color:#94bee6;}
.main-menu > li:hover:before {background-color:#fbd018;}
.hidden-menu { background-color:#94bee6; width:230px; top:0px; left:100%; position: absolute; z-index: 9999; display: none; 
border-radius:0 5px 5px 0; overflow:hidden;}
.hidden-menu li, .hidden-menu li a {display:block; font-size:16px !important; color:#fff; line-height:40px; }
.hidden-menu li {border-bottom:1px solid #bfefac;}
.hidden-menu li a:hover {background-color:#88b2da; color:#fff;}
.menuactive a {background-color:#94bee6; color:#fff !important;}

.sb-rkl {margin:0 10px 40px 10px;}

.sb-box {margin-bottom:40px; padding:0 10px;}
.sb-title {color:#94bee6; font-size:22px; height:40px; line-height:50px; margin-bottom:20px;}
.sb-title i {width:40px; height:40px; border:1px solid #ffd018; border-radius:50%; 
text-align:center; margin-right:5px; line-height:40px;}

.top-item {display:block; padding:10px 0 10px 70px;}
.top-img {float:left; width:70px; height:60px; margin-left:-70px; overflow:hidden;}
.top-info {float:right; width:100%; padding-left:10px; color:#94bee6;}
.top-title {color:#444; font-size:14px; margin-bottom:5px;}
.top-item:hover {background-color:#e5f7e5;}
.top-item:hover img {transform: scale(1.1);}
.top-item:nth-child(1) {background-color:#f7f6f5; padding:10px; position:relative;}
.top-item:nth-child(1) .top-img {float:none; width:100%; height:140px; margin-left:0;}
.top-item:nth-child(1) .top-info {float:none; padding:10px; margin-bottom:0; color:#ffd018; 
position:absolute; left:10px; bottom:10px; right:10px; width:auto;}
.top-item:nth-child(1) .top-title {color:#fff;}


/* CUSTOMS, SHORTSTORY
----------------------------------------------- */
.day-rec-box {padding:0 460px 0 0; margin:40px 0;}
.day-img {float:right; width:460px; height:300px; margin-right:-460px; overflow:hidden; position:relative; 
border:10px solid #fff; border-radius:5px; box-shadow:20px 20px 20px -20px rgba(0,0,0,0.3);}
.day-cat {display:inline-block; padding:10px 20px; background-color:#94bee6; color:#FFF; font-size:16px; 
position:absolute; left:10px; bottom:10px;}
.day-cat i {margin-right:10px; font-size:18px;}
.day-info {float:left; width:100%; padding:0 30px 0 0;}
.day-title {color:#94bee6; font-size:18px; padding-left:55px; position:relative;}
.day-title:before {content:""; width:50px; height:50px; background-position:0 bottom; 
position:absolute; left:0; top:-20px;}
.day-info h3 {color:#444; font-size:36px; margin:10px 0 10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.day-desc {color:#7b7b7b; font-size:14px;}
.day-link {display:inline-block; font-size:18px; color:#ffd018; padding:10px 20px; margin-top:20px; 
box-shadow:0 0 0 3px #ffd018; border-radius:3px;}
.day-link:hover {background-color:#ffd018; color:#FFF;}
.day-h-link {display:block;}
.day-h-link:hover h3 {color:#C0435D;}
.day-avtor-rating {height:30px; line-height:29px; position:relative; font-size:14px; margin-bottom:10px;}
.day-avtor {display:inline-block; float:left; padding-left:30px; background-position:0 3px; color:#a8a8a8;}
.day-avtor a {color:#94bee6; margin-left:3px;}

.short-rating, .short-views, .short-comms {display:inline-block; float:left; color:#a8a8a8; font-style:italic;}
.short-rating {margin-right:20px;}
.short-rating i {display:inline-block; color:#94bee6; width:32px; text-align:center; 
border:1px solid #94bee6; border-radius:3px; margin-right:7px; line-height:29px;}
.short-views {margin-right:10px; padding-top:1px;}
.short-comms {padding-top:1px;}
.short-views i, .short-comms i {margin-right:5px;}
.short-rating > span {display:inline-block; position:relative; background-color:#FFF; border: 1px solid #dedede; 
padding:0 10px; border-radius:3px; min-width:32px;}
.short-rating > span:after, .short-rating > span:before {right: 100%;top: 50%;border: solid transparent;
content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.short-rating > span:after {border-color: rgba(255, 255, 255, 0);border-right-color: #fff;
border-width: 6px;margin-top: -6px;}
.short-rating > span:before {border-color: rgba(222, 222, 222, 0);border-right-color: #dedede;
border-width: 7px;margin-top: -7px;}
.short-rating > span > span {color:#94bee6;}

.social-share-wrap {width:40px; height:40px; background-color:#abe694; color:#fff; font-size:18px;
position:absolute; right:10px; top:10px; cursor:pointer; line-height:40px; text-align:center;}
.social-share-wrap:hover {background-color:#9fdb88;}
.social-share-links {width:104px; height:30px; padding:2px 0; background-color:#abe694;
position:absolute; top:5px; right:50px; z-index:100; display:none;} 
.social-share-links:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; 
position: absolute; pointer-events: none; border-color: rgba(103, 182, 220, 0); 
border-left-color: #abe694; border-width: 8px; margin-top: -8px; }
.social-share-links span {display:block; width:26px; height:26px; float:left; 
background:#abe694 url(../images/sprite-social.png) no-repeat;}
.social-share-links span.vk {background-position:0 0;}
.social-share-links span.fb {background-position:-34px 0;}
.social-share-links span.tw {background-position:-68px 0;}
.social-share-links span.ok {background-position:-103px 0;}
.social-share-links span:hover {background-color:#9fdb88;}

.vkusno-wrap {position:relative; margin:0 0 40px -40px;}
.vkusno-wrap:before {content:""; width:2000px; height:100%; 
background:#88b2da url(../images/vkusno-bg.jpg) left top fixed no-repeat; background-size:cover;
position:absolute; left:0; top:0; z-index:50;}
.vkusno-wrap:after {content:""; width:2000px; height:100%; background-color:rgba(0,0,0,0.4); 
position:absolute; left:0; top:0; z-index:60;}
.vkusno-box {position:relative; z-index:100; padding:40px 0 40px 40px;}
.vkusno-title {font-size:36px; margin-bottom:40px; text-align:center; color:#e7fce3;}
.vkusno-title i {margin:0 20px; color:#ffd018;}
.vkusno-item {width:40%; height:350px; display:block; overflow:hidden; float:left; position:relative;}
.vkusno-item img {width:150%; max-width:150%; margin-left:-25%;}
.vkusno-info {width:50%; height:50%; background-color:#94bee6; padding:10px; 
position:absolute; right:0; bottom:0;}
.vkusno-info h3 {color:#FFF; font-size:18px;}
.vkusno-cat {color:#eff7ff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 
position:absolute; left:10px; right:10px; bottom:10px;}
.vkusno-cat i {margin-right:10px; font-size:18px;}
.vkusno-item:nth-child(4), .vkusno-item:nth-child(5) {width:20%; height:175px;}
.vkusno-item:nth-child(4) .vkusno-info, .vkusno-item:nth-child(5) .vkusno-info {width:100%; height:100%; opacity:0;}
.vkusno-item:nth-child(3) .vkusno-info {background-color:#abe694;}
.vkusno-item:nth-child(3) .vkusno-cat {color:#f5fef2;}
.vkusno-item:hover .vkusno-info {background-color:#ffd018; opacity:1;}
.vkusno-item:hover .vkusno-cat {color:#fdf9eb !important;}
.vkusno-item:hover img {transform: scale(1.1);}

.latest-box {margin:40px 0 0 -30px; position:relative; z-index:200;}
.latest-title {font-size:36px; margin-bottom:40px; text-align:center; color:#c0435d; position:relative;}
.latest-title i {margin:0 20px; color:#c0435d;}
.latest-item {width:30.3%; height:400px; padding:10px; margin:0 0 0 3%; margin-bottom:40px; float:left; position:relative; background-color:#f6f6f6;}
.latest-img {height:180px; overflow:hidden; display:block; position:relative;}
.latest-time {position:absolute; left:0; bottom:0; color:#fff; font-size:18px; width:100%; padding:30px 10px 10px 10px;}
.latest-time i {color:#ffd018; margin-right:5px;}
.latest-time span {display:block; margin-bottom:5px; font-size:12px;}
.video-mark {position:absolute; right:0; top:0; color:#fff; font-size:18px; padding:10px; 
display:inline-block; background-color:rgba(0,0,0,0.5);}
.video-mark i {color:#ffd018; margin-right:5px;}
.latest-info h3 {color:#444; font-size:18px; margin:10px 0 5px 0;}
.latest-date {color:#9d9fb1; font-size:14px; margin-bottom:10px;}
.latest-desc {color:#7b7b7b; font-size:14px;}
.latest-item:nth-child(3), .latest-item:nth-child(10), .latest-item:nth-child(17) {background-color:#e5f7e5;}
.latest-item:nth-child(5), .latest-item:nth-child(15), .latest-item:nth-child(19) {background-color:#f7f6e5;}
.latest-rating {height:30px; line-height:30px; position:absolute; left:10px; bottom:10px;}
.latest-img:hover img {transform: scale(1.1);}
.latest-link {display:block;}
.latest-link:hover h3 {color:#b43852;}


/* ABOUT
----------------------------------------------- */
.about-wrap {position:relative; margin:0 0 0 -40px; min-height:250px; z-index:100;}
.about-wrap:before {content:""; width:2000px; height:100%; 
background:url(../images/vkusno-bg.jpg) 950px -300px no-repeat; 
background-color:#b43852; position:absolute; left:0; top:0; z-index:50;}
.about-wrap:after {content:""; width:1000px; height:100%; 
background: url(../images/logo.jpg) 0 top no-repeat; 
background-color:rgba(0,0,0,0.4); position:absolute; left:950px; top:0; z-index:60;}
.about-box {position:relative; z-index:100; padding:40px; color:#f6f6f6; font-size:14px;}
.about-box:before {content:""; width:500px; height:200px; 
background:url(../images/cont-bg2.jpg) -400px -530px no-repeat; position:absolute; left:850px; top:-200px; z-index:50;}
.about-box h1 {font-size:36px; color:#fff; margin-bottom:15px;}
.about-box h1 span {color:#e7fce3;}
.about-box p {margin-bottom:10px;}
.about-left {float:left; width:72%; padding-right:40px; text-align:justify;}
.about-right {float:right; width:28%;}

.add-fav {display:block; font-size:18px; color:#e7fce3; padding:0 0 0 20px; margin-bottom:20px;
box-shadow:inset 0 0 0 3px #e7fce3; border-radius:3px; line-height:50px;}
.add-fav:hover {background-color:#e7fce3; color:#444;}
.add-fav i {margin-right:15px;}
.feedback-link {display:inline-block; color:#FFF; margin-top:20px; font-size:18px;}
.feedback-link:hover {color:#e7fce3;}
.feedback-link i {margin-right:10px;}
#vk_groups, #vk_groups iframe {width:100% !important;}


/* FOOTER
----------------------------------------------- */
.footer-box p {width:100%; color:#fff; margin-bottom:10px;}
.footer-box a {color:#FFF; border-bottom:1px dashed #FFF;}
.counts {position:absolute; top:40px; right:0; width:220px; z-index:20; text-align:right;}
.counts li {display:inline-block; width:88px; height:31px; margin-left:1px; background-color:#88b2da;}
.wr-copyr {color:#a5a5ae; width:200px; height:30px; text-indent:-999px; overflow:hidden; display:block;
background:url(../images/webrambo.png) no-repeat; border:0 !important;}
.wr-copyr:hover {opacity:0.8;}


/* CATEGORY
----------------------------------------------- */
.shorts-wrap {margin-top:10px;}
.bcrumbs-box {position:relative; z-index:100; padding:0 0 0 20px; font-size:24px; color:#e7fce3; line-height:140px; 
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bcrumbs-box i {margin:0 20px; color:#ffd018;}
.bcrumbs-box a {color:#e7fce3;}
.bcrumbs-box a:hover {color:#ffd018;}


/* RATING V2
----------------------------------------------- */
.full-rating {display:inline-block; float:right;}
.full-rating > a {display:inline-block; margin-left:3px;}
.full-rating i {display:inline-block; color:#ABE694; width:32px; text-align:center; 
border:1px solid #ABE694; border-radius:3px; line-height:29px;}
.full-rating a:nth-child(3) i {color:#f4aaba; border:1px solid #f4aaba;}
.full-rating > span {display:inline-block; position:relative; background-color:#FFF; border: 1px solid #dedede; 
padding:0 10px; border-radius:3px; min-width:32px; margin-right:7px;}
.full-rating > span:after, .full-rating > span:before {left: 100%;top: 50%;border: solid transparent;
content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.full-rating > span:after {border-color: rgba(255, 255, 255, 0);border-left-color: #fff;
border-width: 6px;margin-top: -6px;}
.full-rating > span:before {border-color: rgba(222, 222, 222, 0);border-left-color: #dedede;
border-width: 7px;margin-top: -7px;}
.full-rating > span > span {color:#94bee6;}
.full-rating > span > span.ratingzero {color: #444444;}
.full-rating > span > span.ratingtypeplus {color: #06b601;}
.full-rating > span > span.ratingplus {color: green;}
.full-rating > span > span.ratingminus {color: red;}
.frating-stars {display:inline-block; position:relative; top:3px;}


/* FULLSTORY
----------------------------------------------- */
.fulls-wrap {margin-top:10px; padding-bottom:40px;}
.full-header {display:table; width:100%; padding:20px 0; height:140px;}
.full-header h1 {position:relative; z-index:100; display:table-cell; width:100%; vertical-align:middle; font-size:30px;}
.full-header h1:after {content:attr(data-cat); width:100%; text-align:center; font:normal 14px Arial; color:#FFF; 
position:absolute; left:0; bottom:-10px;}
.full-section-one {margin:40px 0;}
.full-img {width:50%; float:left;}
.full-img img {display:block; width:100%; border:10px solid #fff; border-right:0; border-top:0; 
border-radius:5px; box-shadow:-20px 20px 20px -20px rgba(0,0,0,0.3);}
.full-desc {width:50%; float:right; padding-left:20px;}
.full-date {color:#9d9fb1; margin-left:20px; display:inline-block; float:left; font-style:italic; font-size:10px;}

.fs-two-title {font-size:36px; margin-bottom:40px; text-align:center; color:#c0435d; position:relative;}
.full-section-two {margin:0 0 40px 0;}
.full-ingr {width:100%; float:left; margin-bottom:20px;}
.full-gotov {width:100%; float:right; padding-left:0;}
.full-gotov ol {counter-reset:li; list-style:none;}
.full-gotov ol li {display:block; padding:10px 10px 10px 60px; font-size:14px; line-height:24px; background-color:#f7f6e5; 
position:relative; min-height:55px;}
.full-gotov ol li:nth-child(2n) {background-color:#f9f9f9;}
.full-gotov ol li:before {content:counter(li); counter-increment:li; font-size:16px;
position:absolute; top:10px; left:10px; width:30px; height:30px; line-height:30px; text-align:center; 
color:#fbd018; font-weight:bold; border-radius:50%; border:2px solid #fbd018;}

.ingr-list-title {color:#444; font-size:18px; margin-bottom:20px;}
.full-ingr-list ul {padding-left:20px;}
.full-ingr-list ul li {
list-style: none;
 padding-left: 20px;
background: url(../images/mark.png) no-repeat;
margin:0 0 15px 0;
font-style:italic; 
width:50%; 
float:left; 
font-size:14px;
}
.full-time-porc {margin-bottom:20px;}
.ftp-item {width:50%; float:left; font-size:16px;}
.ftp-item i {color:#fbd018; margin-right:5px;}

.full-gotov ol li > img, .full-gotov ol li a.highslide {display:block; width:300px; float:left; margin:0 10px 0px 0;}
.full-ingr-list ul:after, .full-gotov ol li:after  {content: ""; display: table; clear: both;}

.full-article-desc .full-text + .full-info {margin-bottom:20px;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:500px !important;}
.full-text {font:14px Arial, Helvetica, sans-serif; line-height:24px;}
.full-text img {margin:0 10px 10px 0; max-width:100%; border:5px solid #f0f0f0;}
.full-text a {text-decoration:underline; color:#06c;}
.full-text a:hover {text-decoration:underline; color:#C9070A;}
.full-text a:visited {text-decoration:underline; color:#D005C9;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol {counter-reset:li; padding:0;  list-style:none; margin-left:25px; }
.full-text ol li {position:relative; margin:0 0 5px 0; padding-left:30px; min-height:20px;}
.full-text  ol li:before {content:counter(li); counter-increment:li; font-size:11px;
position:absolute; top:0px; left:0; width:20px; height:20px; line-height:20px; text-align:center; 
color:#fff; background:#0297dc; font-weight:bold; border-radius:50%;}
.full-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #ccc; font-size:12px; }
.full-text table tr:nth-child(1) {background-color:#0297dc !important; color:#FFF; font-size:14px !important;}
.full-text table tr:nth-child(2n+1) {background-color:#f9f9f9;} 

.full-info {margin-top:20px; font-size:14px;}
.full-info > div {display:inline-block; float:left; margin-right:10px; height:30px; line-height:30px;}
.full-info i {color:#94bee6; margin-right:5px; border:1px solid #fbd018; border-radius:3px; 
width:30px; text-align:center; line-height:30px;}
.f-compl, .f-edit {float:right !important;}

.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}
.full-catlist {margin-bottom:20px; font-size:11px;}
.full-catlist-t { margin-bottom:5px; font-weight:bold;}
.full-catlist a:hover {text-decoration:underline;}
.full-nav {text-align:center; margin-bottom:20px;}
.full-nav a {color:#06c; text-decoration:none;}
.full-nav a:hover {color:#06c; text-decoration:underline;}
.full-nav-pages {margin:0 20px;}
.full-nav-pages span, .full-nav-pages a {display:inline-block; margin:0 5px;}


/* RELATED
----------------------------------------------- */
.rel-box {position:relative; z-index:100; padding:40px 0 20px 40px;}
.rel-item {display:block; float:left; width:23.5%; margin-right:2%; margin-bottom:20px; padding:10px; background-color:#FFF;}
.rel-inner .rel-item:nth-child(4n) {margin-right:0;}
.rel-img {height:130px; overflow:hidden; margin-bottom:10px;}
.rel-title {height:40px; overflow:hidden; color:#444; font-size:18px;}
.rel-item:hover {background-color:#abe694;}


/* COMMENTS
----------------------------------------------- */
.comm-title {font-size:36px; margin-bottom:40px; text-align:center; color:#c0435d; position:relative;}
.comm-item {padding:10px 10px 10px 110px; border-bottom:1px solid #e3e3e3;}
.comm-left {float:left; margin-left:-100px; width:90px;}
.comm-right {float:right; width:100%;}
.comm-av {height:90px; overflow:hidden;}
.comm-av img {width:100%; min-height:100%;}
.comm-group-mark {padding:3px; text-align:center; font-size:10px; font-weight:normal !important; margin-top:5px;
background-color:#f0f0f0; color:#444;}
.comm-admin {background-color:#d60505; color:#fff;}
.comm-admin span, .comm-jour span {color:#fff !important;}
.comm-jour {background-color:#1ca101; color:#fff;}
.comm-user {background-color:#309; color:#fff;}
.comm-top-info {height:20px; line-height:20px;}
.comm-id, .comm-author, .comm-date {float:left; color:#888; font-size:10px; display:inline-block;}
.comm-author {font-size:12px; font-weight:bold; margin:0 10px; color:#b43852;}
.comm-author a {color:#b43852;}
.comm-author:after {content:""; width:10px; height:10px; border-radius:50%; display:inline-block;
margin-left:10px; background-color:#888; position:relative; top:2px;}
.status-online:after {background-color:#3C0;}
.comm-text {line-height:18px; color:#444; padding:10px 0; min-height:80px;}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; padding:10px 0; border-top:1px dashed #e3e3e3;}
.comm-bottom-info {}
.comm-bottom-info ul {text-align:right;}
.comm-bottom-info ul li {display:inline-block; margin-left:10px;}
.comm-bottom-info ul li a {font-size:11px;}
.comm-bottom-info ul li:first-child {font-weight:bold; float:left;}
.comm-bottom-info ul li:first-child i {margin-right:10px;}
.comm-author a:hover, .comm-bottom-info ul li a:hover {text-decoration:underline;}
.comm-rate {float:right; position:relative; line-height:26px; border-radius:3px;}
.comm-rate span.ratingtypeplusminus {display:block; padding:0 30px; background-color:#fff; color:#444; 
font-weight:bold; box-shadow:0 0 0 1px #e3e3e3;}
.comm-rate a {display:block; width:22px; height:22px; position:absolute; top:2px; left:2px; 
text-align:center; line-height:22px; font-size:18px; color:#61b804; background-color:#f5f5f5; border-radius:3px;}
.comm-rate a:last-child {left:auto; right:2px; color:#ec000b;}
.comm-rate a:hover {opacity:0.7;}
.comm-rate > span > span.ratingzero {color: #444444;}
.comm-rate > span > span.ratingtypeplus {color: #06b601;}
.comm-rate > span > span.ratingplus {color: green;}
.comm-rate > span > span.ratingminus {color: red;}

.pos-comm {background-color:#e5f7e5;}
.neg-comm {background-color:#f7e5e6;}

.add-com-but {display:inline-block; font-size:18px; color:#94bee6; padding:0 20px; margin:20px 0 20px 0;
box-shadow:inset 0 0 0 3px #abe694; border-radius:3px; line-height:40px; 
cursor:pointer;}
.add-com-but:hover {background-color:#abe694; color:#FFF;}
.add-com-but i {margin-right:20px;}
#addcform {display:none; margin:20px 0;}
.mass_comments_action { height: 1%; text-align: right; padding:5px 15px; background-color: #f6f6f6; margin:20px 0;}
.mass_comments_action .bbcodes { margin-bottom: 0 }


/* GO TOP BUTTON */
.gotop{position:fixed;width:40px;height:50px;right:0px;bottom:0px;display:block;
background:url('../images/gotop.png') no-repeat;z-index:9998;display:none;}


/* LOGIN
----------------------------------------------- */
.overlay {display:none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 8888;
width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}
.overlay-close{cursor: pointer; margin: 3px; position: absolute; right: 5px; top: 4px; 
width: 33px; height: 33px; background:url(../images/sprite2.png) center -5px no-repeat;}
#loginbox { background: #fff; width: 320px; margin-left: -160px; min-height: 150px; overflow:hidden;
 position: absolute; z-index: 9999; left: 50%; top: 20%; line-height:normal; border-radius:3px;}
.login-title, .log-register, .login-avatar { background-color:#f5f5f5; padding:15px 20px; font-size:16px; position:relative;}
.login-form ul {padding:20px;}
.login-form li {margin-bottom:20px;}
.login-form ul li label {display:inline-block; margin-bottom:5px;}
.login-form ul li input {display:block; height:40px; line-height:40px; border-radius:3px; border:1px solid #e3e3e3; 
width:100%; padding:0 10px;}
.login-form ul li a {float:right;}
.log-check {padding:0 20px; line-height:40px; margin-bottom:20px;}
.log-check input, .log-check label {float:left; display:inline-block; font-size:10px;}
.log-check input {display:none;}
.log-check input + label:before {width:20px; height:20px; margin-right:5px; cursor:pointer;
border-radius:3px; border:1px solid #e3e3e3; content:""; float:left; position:relative; top:8px;}
.log-check input:checked + label:before { background-color:#D80306;}
.log-check button {float:right;}
.log-register, .login-avatar {display:block; background-color:#94bee6; color:#fff !important; text-align:center;}
.avatar-box {width:70px; height:70px; overflow:hidden; border-radius:35px; float:left;}
.avatar-box img {width:100%; min-height:100%;}
.name-box {float:left; padding-left:20px; line-height:70px; font-size:20px; position:relative;}
.name-box a {color:#fff; font-size:12px; border-bottom:1px dotted #fff; line-height:14px;
position:absolute; left:20px; bottom:5px;}
.login-menu li a {display:block; height:36px; line-height:36px; padding:0 20px; border-left:5px solid transparent;}
.login-menu li a:hover, .login-menu li:nth-child(2) a {background-color:#f5f5f5; border-color:#dc0003;}
.login-menu li:last-child a {background-color:#94bee6; color:#fff;}

.sociallogin {height:auto;}
.sociallogin a { float:left; margin:0 5px 10px 5px;}


/* RESIZE
----------------------------------------------- */
.show-menu {display:none;}

@media screen and (max-width: 1550px) {
.all-wrap.rb-main:after  {background:url(../images/r-bg1.jpg) right top no-repeat;}
}
@media screen and (max-width: 1220px) {
body {background-color:#e8e8e8;}
.all-wrap:before, .all-wrap:after, .all-wrap.rb-main:after, .about-wrap:before, .about-wrap:after, .about-box:before, 
.footer-box:before {background-image:none;}
.right-box.rb-main {background:url(../images/cont-bg1.jpg) left top no-repeat;}
.all-wrap:before, .all-wrap:after, .about-wrap:after, .footer-box:before, .counts, .day-item .day-avtor {display:none;}
.vkusno-wrap:before, .vkusno-wrap:after, .about-wrap:before, .footer-wrap:after {width:100%;}  
.wrap, .footer-wrap {max-width:960px; overflow:hidden;}
.top-bar {height:140px; padding:15px 15px 0 15px;}
.search-wrap {width:100%; float:none; margin-bottom:15px; padding-left:30px;}
.search-wrap i {left:0;}
.add-link, .show-login {float:left;}
.add-link {margin:0 15px 0 0;}
.content-box {padding:0 0 0 15px;}
.day-rec-box {padding:0 360px 0 0;}
.day-img {width:360px; height:240px; margin-right:-360px; border-top:0; border-left:0;}
.day-info h3 {font-size:24px;}
.vkusno-wrap {margin:0 0 40px -15px;}
.vkusno-box {padding:15px;}
.vkusno-title, .latest-title {font-size:24px; margin-bottom:15px;}
.vkusno-item {width:50% !important; height:300px !important;}
.vkusno-info {width:100%; height:auto !important; display:block !important; opacity:1 !important; padding-bottom:40px;}
.latest-box {margin:40px 0 0 -15px;}
.latest-item {width:31%; height:400px; margin:0 0 0 2%; margin-bottom:15px;}
.latest-img {height:150px;}
.about-wrap {margin:0 0 0 -15px;}
.about-box {padding:15px;}
.about-box h1 {font-size:24px;}
.about-left {float:none; width:100%; padding:0 0 30px 0;}
.about-right {float:none; width:100%;}
.footer-wrap:after {left:0;}
.footer-wrap {padding:0; min-height:70px;}
.footer-box {padding:15px !important; min-height:70px;}

.bcrumbs-box {padding:0 0 0 15px; font-size:18px; line-height:100px;}
.bcrumbs-box i {margin:0 15px 0 0;}

.full-header {padding:0 15px; margin:0 -15px 40px -15px; display:block; height:auto; width:auto;}
.full-header h1 {display:block; font-size:24px; padding:15px 0 30px 0;}
.full-header h1:after {font:normal 12px Arial; bottom:10px;}
.full-header h1 i {margin:0 5px;}
.full-section-one, .full-section-two {padding-right:15px;}
.full-img {width:100%; float:none; margin-bottom:40px;}
.full-desc {width:100%; float:none; padding-left:0;}
.fs-two-title {font-size:24px; margin-bottom:20px;}
.full-ingr {width:100%; float:none;}
.full-gotov {width:100%; float:none; padding-left:0;}
.full-ingr-list {margin-bottom:20px;}
.full-ingr-list ul {margin:0 0 0 10px;}
.full-ingr-list ul li {width:50%; float:left; margin:0 0 20px 0;}
.rel-box {padding:15px 15px 5px 15px;}
.rel-img {height:100px;}
.comm-title {font-size:24px; margin-bottom:15px;}
.comm-item {margin-right:15px;}

.form-wrap {margin:30px 0 0 -15px;}
.form-title h1 {font-size:24px !important; padding-left:15px;}
.user-wrap {margin:30px 0 0 -15px;}
.user-edit {margin:20px 0 0 -15px;}

.full-article {padding-right:15px;}
}

@media screen and (max-width: 950px) {
.wrap, .footer-wrap {max-width:768px;}
.wrap {padding:0;}
.wrap:before, .left-box, .logo-box, .vkusno-wrap:after {display:none;}
.right-box {background:url(../images/cont-bg1.jpg) left 50px no-repeat !important;}
.show-menu {display:block; width:100%; height:50px; background:#94BEE6 url(../images/logo.jpg) right top no-repeat; 
color:#FFF; line-height:50px; position:absolute; left:0; top:0; font-size:24px; background-size:50px 50px;}
.show-menu i {background-color:#88b2da; font-size:24px; display:inline-block; width:50px; margin-right:10px; padding:0; 
height:50px; line-height:50px; text-align:center;}
.top-bar {height:180px; padding:75px 15px 0 15px;}
.wrap.show-side .left-box {display:block; margin-left:0;}
.wrap.show-side .right-box {margin-right:-250px;}
.wrap.show-side:before {display:block;}
.vkusno-wrap:before {background-image:none;}
.hidden-menu {width:100%; top:0; left:0; position: static; display: block; border-radius:0;}

.bcrumbs-box {line-height:70px; margin-top:30px;}
.fulls-wrap {margin-top:20px;}
}

@media screen and (max-width: 760px) {
.wrap, .footer-wrap {max-width:640px;}
.day-rec-box {padding:0 15px 0 0; margin:40px 0;}
.day-img {float:none; width:100%; height:300px; margin-right:0; border-top:0; border-left:0;}
.day-info {float:none; width:100%; padding:0 0 30px 0;}
.latest-item {width:47%; height:400px;}
.latest-img {height:180px;}

.pprev, .pnext{display:none;}
.navigation {margin:0; padding:0 10px;}
.navigation a, .navigation span {margin:0 5px 5px 0;}
#loginbox {top:0%;}

.full-ingr-list ul li {width:100%; float:none;}

.full-gotov ol li > img, .full-gotov ol li a.highslide {width:200px;}
.rel-item, .rel-inner .rel-item:nth-child(4n) {width:49%; margin-right:2%; margin-bottom:15px;}
.rel-inner .rel-item:nth-child(2n) {margin-right:0;}
.rel-img {height:180px;}
}

@media screen and (max-width: 590px) {
.wrap, .footer-wrap {max-width:480px;}
.vkusno-item {height:220px !important;}
.latest-img {height:150px;}
.vkusno-title i, .latest-title i {margin:0 5px;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:300px;}
.full-desc .day-avtor-rating { height:auto;}
.full-desc .day-avtor-rating > div {display:block; float:none; margin-right:0 !important;}

.full-gotov ol li > img, .full-gotov ol li a.highslide {width:100%; float:none; margin:0 0 10px 0;}
.rel-img {height:120px;}
.comm-item {padding:10px 0 10px 60px;}
.comm-left {margin-left:-60px; width:50px;}
.comm-av {height:50px;}
.comm-group-mark, .comm-id, .mass_comments_action, .comm-bottom-info ul li {display:none;}
.comm-bottom-info ul li:first-child {display:inline-block;} 
.comments-tree-list .comments-tree-list {padding-left:0 !important;}

.full-article .day-avtor-rating { height:auto;}
.full-article .day-avtor-rating > div {display:block; float:none; margin:0 0 5px 0;}
}

@media screen and (max-width: 470px) {
.wrap, .footer-wrap {max-width:320px;}
.top-bar {height:230px;}
.add-link, .show-login {float:none; width:100%;}
.add-link {margin:0 0 15px 0;}
.day-img {height:200px;}
.day-cat {font-size:12px;}
.vkusno-item {width:100% !important;}
.latest-item {width:90%; height:400px; margin:0 auto; margin-bottom:15px; float:none;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:250px !important;}
.full-header {margin:30px -15px 40px -15px;}
.ftp-item {width:100%; float:none;}
.ftp-item:first-child {margin-bottom:20px;}
.rel-img {height:80px;}
.rel-title {font-size:16px;}
.comm-top-info {height:auto;}
.comm-date {width:100%; float:none;}
.comm-rate {float:left;}
}


/* Fix dle html5 player
----------------------------------------------- */
.mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay {width:100% !important;}
.mejs-video, .mejs-shim {height:500px !important;}
@media screen and (max-width: 470px) {
.mejs-video, .mejs-shim {height:250px !important;}
}